:root{--ink:#182b44;--muted:#728096;--line:#e1e7ef;--blue:#245dda;--nav:#12253f;--bg:#f4f6fa}*{box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink);font-size:14px}a{text-decoration:none}.sidebar{width:234px;position:fixed;inset:0 auto 0 0;background:var(--nav);color:#c0cbdb;padding:26px 15px 15px;display:flex;flex-direction:column;z-index:1040;transition:width .18s}.brand{display:flex;align-items:center;gap:12px;color:#fff;font-size:21px;font-weight:700;padding:0 12px 28px}.brand-mark{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;background:#437cfa;color:#fff;flex-shrink:0}.brand small{display:block;font-size:9px;letter-spacing:.2em;color:#9bafc9;margin-top:2px}.sidebar nav{overflow-y:auto;flex:1}.nav-item{display:flex;gap:13px;align-items:center;padding:11px 13px;color:#acbdd3;margin:3px 0;border-radius:9px;font-size:13px}.nav-item i{font-size:17px}.nav-item:hover,.nav-item.active{color:white;background:#25405f}.nav-item.active{background:#2b60ce}.sidebar-bottom{display:flex;align-items:center;gap:9px;border-top:1px solid #314158;padding-top:18px;font-size:12px}.sidebar-bottom small{display:block;font-size:10px;color:#8da0bb}.sidebar-bottom form{margin-left:auto}.avatar{background:#2a4262;width:30px;height:30px;border-radius:50%;display:grid;place-items:center}.logout{border:0;background:none;color:#a8bdd7;font-size:18px}.workspace{margin-left:234px}.topbar{height:72px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:18px;padding:0 32px;position:sticky;top:0;z-index:30}.icon-button{border:1px solid var(--line);background:#fff;border-radius:8px;width:34px;height:34px;font-size:20px}.main-content{padding:30px 34px 50px;max-width:1800px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:26px}.page-heading h1{font-size:27px;font-weight:650;letter-spacing:-.7px;margin:7px 0}.page-heading p{color:var(--muted);margin:0;font-size:13px}.eyebrow{letter-spacing:.15em;font-size:9px;font-weight:750;color:#7187a3}.demo-badge{font-size:9px;letter-spacing:.05em;background:#eaf1ff;color:#355c9b;border:1px solid #d3e1fa;border-radius:6px;padding:6px 9px}.card,.panel{background:white;border:1px solid var(--line);border-radius:12px;box-shadow:0 3px 12px #1c3c6803}.panel{padding:23px;margin-bottom:20px}.panel h2,.panel h3{font-size:16px;font-weight:650;margin-bottom:18px}.btn{font-size:13px;border-radius:8px;padding:9px 15px}.btn-primary{background:var(--blue);border-color:var(--blue)}.btn-outline-secondary{border-color:#d5dfeb;color:#4a607c;background:white}.btn-success{background:#208567;border-color:#208567}.form-label{font-size:12px;font-weight:600;color:#52647d;margin-bottom:7px}.form-control,.form-select{font-size:13px;border-color:#dce3ec;border-radius:8px;min-height:39px}.form-control:focus,.form-select:focus{border-color:#88a9ef;box-shadow:0 0 0 3px #245dda10}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.wide{grid-column:1/-1}.form-actions{display:flex;gap:10px;margin-top:23px}.table{font-size:12px;vertical-align:middle;margin-bottom:0;--bs-table-color:var(--ink)}.table th{font-size:10px;letter-spacing:.03em;font-weight:650;color:#7a8b9e;background:#f8fafc;padding:13px 15px;white-space:nowrap;border-bottom:1px solid var(--line)}.table td{padding:14px 15px;border-color:#edf1f5}.table td strong{font-size:12px}.table-wrap{background:white;border:1px solid var(--line);border-radius:12px;overflow:auto}.table td small{color:var(--muted)}.pagination-bar{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted);padding:18px 2px}.search-row{display:flex;gap:10px;margin-bottom:20px;align-items:center;flex-wrap:wrap}.search-row .form-control{max-width:360px}.badge-soft{display:inline-block;font-size:10px;padding:5px 8px;border-radius:5px;background:#edf3ff;color:#466da8;white-space:nowrap}.badge-soft.success{background:#e8f6f0;color:#287d60}.badge-soft.warning{background:#fff3dc;color:#a57215}.badge-soft.danger{background:#feeeee;color:#b95454}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.metric{background:#fff;border:1px solid var(--line);border-radius:12px;padding:19px}.metric-top{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px;margin-bottom:14px}.metric-top i{color:#5a80bd;background:#f0f5fd;border-radius:8px;padding:9px;font-size:15px}.metric strong{display:block;font-size:25px;letter-spacing:-.7px;font-weight:650}.metric small{font-size:10px;color:var(--muted)}.chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.chart-box{height:250px;position:relative}.chart-card{padding:22px}.chart-card h2{font-size:14px;margin-bottom:22px}.two-columns{display:grid;grid-template-columns:1.45fr 1fr;gap:22px}.text-muted{color:var(--muted)!important}.pos-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px}.pos-payment{align-self:start;position:sticky;top:93px}.pos-scan{display:flex;gap:9px}.product-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;max-height:240px;overflow:auto;margin-top:13px}.product-result{background:#fafcff;border:1px solid var(--line);border-radius:8px;text-align:left;padding:11px;font-size:12px}.product-result strong,.product-result span{display:block}.product-result span{font-size:11px;color:var(--muted);margin-top:4px}.totals-line{display:flex;justify-content:space-between;margin:12px 0;color:#657890;font-size:13px}.total-line{border-top:1px solid var(--line);padding-top:18px;margin-top:18px;display:flex;justify-content:space-between;align-items:center;font-size:17px}.total-line strong{font-size:27px;color:var(--ink)}.pos-finalize{width:100%;font-size:14px;font-weight:650;min-height:54px;margin-top:18px}.cart-input{width:82px;min-width:65px}.login-page{min-height:100vh;display:grid;grid-template-columns:1.2fr 1fr}.login-brand{padding:12%;background:linear-gradient(135deg,#132640,#234a80);color:white;display:flex;flex-direction:column;justify-content:center}.login-brand h1{font-size:48px;letter-spacing:-2px;line-height:1.15;margin:30px 0 22px;font-weight:600}.login-brand p{color:#acc1df;max-width:370px;line-height:1.8}.login-form{display:flex;align-items:center;justify-content:center;padding:30px;background:#fafbfd}.login-box{width:350px}.login-box h2{font-size:25px}.login-box .field{margin-top:20px}.alert{border-radius:9px;font-size:13px}.public-content>.alert{position:fixed;top:15px;left:25%;right:25%;z-index:100}.sidebar-small .sidebar{width:78px}.sidebar-small .nav-label,.sidebar-small .sidebar-bottom .avatar{display:none}.sidebar-small .brand{padding:0 4px 28px}.sidebar-small .workspace{margin-left:78px}.sidebar-small .sidebar-bottom form{margin:auto}.filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.table-empty{text-align:center;color:var(--muted);padding:40px!important}.ticket{width:80mm;margin:20px auto;padding:5mm;background:white;color:#111;font-family:monospace;font-size:11px}.ticket table{width:100%}.ticket td{padding:4px 0}.ticket hr{border-top:1px dashed #333}.ticket-logo{max-width:45mm;max-height:18mm;object-fit:contain}.ticket-title{text-align:center}.ticket-actions{display:flex;justify-content:center;gap:15px;padding:20px}.print-label{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;border:1px dashed #ddd;vertical-align:top;padding:2mm;page-break-inside:avoid}.print-label img{width:95%;height:12mm}.print-label strong{font-size:10px;max-width:100%;overflow:hidden;white-space:nowrap}.print-label small{font-size:9px}.amount-positive{color:#258364}.amount-negative{color:#b44f4f}@media(max-width:1200px){.metrics{grid-template-columns:repeat(2,1fr)}.main-content{padding:25px 22px}.pos-layout{grid-template-columns:minmax(0,1fr) 305px}.filter-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:991px){.sidebar{transform:translateX(-100%);width:234px!important}.workspace,.sidebar-small .workspace{margin-left:0}.sidebar-small .sidebar{transform:translateX(0)}.sidebar-small .nav-label{display:block}.sidebar-small .brand{padding:0 12px 28px}.pos-layout,.two-columns{grid-template-columns:1fr}.pos-payment{position:static}.main-content{padding:20px}.topbar{padding:0 20px}.login-brand h1{font-size:38px}.filter-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.chart-grid,.form-grid,.filter-grid,.login-page{grid-template-columns:1fr}.login-brand{display:none}.page-heading{align-items:flex-start;flex-direction:column}.main-content{padding:16px}.metric{padding:14px}.metric strong{font-size:21px}.topbar{gap:10px;font-size:12px}.metrics{gap:10px}.demo-badge{font-size:8px}.wide{grid-column:auto}}@media print{.no-print,.sidebar,.topbar{display:none!important}.workspace{margin:0}.main-content{padding:0}body{background:white}.ticket{margin:0;padding:3mm;width:80mm}.table-wrap{overflow:visible}.panel{box-shadow:none}.print-label{border:0}@page{margin:6mm}}
.pos-layout>* , .two-columns>* , .chart-grid>* {min-width:0}
fieldset{min-width:0}
@media(max-width:991px){.pos-layout,.two-columns{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){.topbar>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar .ms-auto{flex-shrink:0}.chart-grid,.form-grid,.filter-grid{grid-template-columns:minmax(0,1fr)}}