/* Smart POS theme — based on the Material Dash look: purple sidebar, light grey canvas, white cards, coloured icon tiles */
@font-face{font-family:Roboto;font-weight:300;src:url(../fonts/Roboto-Light.woff2) format('woff2')}
@font-face{font-family:Roboto;font-weight:400;src:url(../fonts/Roboto-Regular.woff2) format('woff2')}
@font-face{font-family:Roboto;font-weight:500;src:url(../fonts/Roboto-Medium.woff2) format('woff2')}
@font-face{font-family:Roboto;font-weight:700;src:url(../fonts/Roboto-Bold.woff2) format('woff2')}
:root{--bg:#e9eaef;--card:#fff;--text:#1f2430;--muted:#8a8f9c;--line:#eceef3;
--primary:#7a00ff;--secondary:#ff420f;--info:#00bbdd;--success:#00b67a;--warning:#feab00;--danger:#ec3432;
--side-w:240px;--bs-primary:#7a00ff;--bs-primary-rgb:122,0,255}
[data-theme=dark]{--bg:#14151c;--card:#1e2029;--text:#e8e9ef;--muted:#9a9fae;--line:#2b2e3a;color-scheme:dark}
html,body{font-family:Roboto,system-ui,sans-serif;background:var(--bg);color:var(--text)}
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--side-w);z-index:1040;color:#fff;overflow-y:auto;
 background:linear-gradient(rgba(42,28,90,.93),rgba(75,58,110,.93)),url(../img/sidebar-bg.jpg) center/cover;transition:transform .25s}
.sidebar .brand{display:flex;align-items:center;gap:.6rem;padding:1.5rem 1.25rem;font-size:1.25rem;font-weight:500}
.sidebar .brand i{font-size:1.8rem}
.sidebar .user{padding:0 1.25rem 1.25rem;font-size:.85rem;font-weight:300}.sidebar .user b{font-weight:500;display:block}
.sidebar nav a{display:flex;align-items:center;gap:.65rem;height:42px;margin:2px 1rem;padding:0 .75rem;border-radius:3px;
 color:#fff;text-decoration:none;font-size:.9rem;font-weight:500;opacity:.88}
.sidebar nav a:hover{background:rgba(255,255,255,.12);opacity:1}
.sidebar nav a.active{background:#fff;color:#000;opacity:1}
.sidebar nav a.soon{opacity:.4;pointer-events:none}.sidebar nav a i{font-size:1.25rem}
.sidebar nav a small{margin-left:auto;font-size:.65rem;text-transform:uppercase}
.main{margin-left:var(--side-w);min-height:100vh}
.topbar{display:flex;align-items:center;gap:1rem;height:64px;padding:0 1.25rem;position:sticky;top:0;z-index:1030;background:var(--bg)}
.topbar .btn-icon{border:0;background:none;color:var(--text);font-size:1.5rem;line-height:1;padding:.25rem}
.topbar h6{margin:0;font-weight:400}.topbar .sp{flex:1}
.content{padding:0 1.25rem 2rem}
.cardx{background:var(--card);border-radius:6px;box-shadow:0 1px 3px rgba(0,0,0,.08);padding:1.25rem;height:100%}
.cardx h6{font-weight:500;margin-bottom:.25rem}
.stat{display:flex;justify-content:space-between;align-items:flex-start}
.stat .lbl{font-weight:500}.stat .val{font-size:1.35rem;margin-top:.35rem;border-bottom:1px solid var(--line);padding-bottom:.4rem}
.stat .sub{font-size:.75rem;color:var(--muted);margin-top:.4rem}
.tile{width:52px;height:52px;border-radius:4px;display:grid;place-items:center;color:#fff;font-size:1.6rem;box-shadow:0 4px 10px rgba(0,0,0,.18)}
.t-success{background:var(--success)}.t-secondary{background:var(--secondary)}.t-primary{background:var(--primary)}.t-info{background:var(--info)}
.cardc{border-radius:6px;color:#fff;padding:1.25rem}.cardc.bg-success2{background:var(--success)}.cardc.bg-info2{background:var(--info)}
.btn-primary{--bs-btn-bg:var(--primary);--bs-btn-border-color:var(--primary);--bs-btn-hover-bg:#6200cf;--bs-btn-hover-border-color:#6200cf;
 --bs-btn-active-bg:#5400b3;text-transform:uppercase;letter-spacing:.06em;font-weight:500;border-radius:4px}
.btn-secondary2{background:var(--secondary);border-color:var(--secondary);color:#fff;text-transform:uppercase;letter-spacing:.06em;font-weight:500}
.form-control,.form-select{background:var(--card);color:var(--text);border-color:var(--line)}
.form-control:focus,.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 .2rem rgba(122,0,255,.15)}
.table{--bs-table-bg:transparent;--bs-table-color:var(--text);--bs-table-border-color:var(--line)}
.table thead th{font-weight:500;color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.05em}
.badge-soft{background:rgba(122,0,255,.12);color:var(--primary)}
.login-wrap{min-height:100vh;display:grid;place-items:center;padding:1rem;
 background:linear-gradient(135deg,rgba(42,28,90,.95),rgba(255,66,15,.75)),url(../img/sidebar-bg.jpg) center/cover}
@media(max-width:991px){.sidebar{transform:translateX(-100%)}.sidebar.open{transform:none}.main{margin-left:0}}
@media(min-width:992px){#menuBtn{display:none}}