:root{--bg:#020817;--sidebar:#111b2e;--panel:#111b2f;--panel-deep:#0a1324;--border:#23314a;--text:#f6f8fc;--muted:#91a9c8;--amber:#ffb800;--green:#20c977;--red:#ff5260;--blue:#3783ff;--violet:#8d58ff;--cyan:#11b8df;--pink:#f0449b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:Segoe UI,Arial,sans-serif;font-size:14px;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer}.auth-screen{background:radial-gradient(circle at 50% 48%,#1931592e,#0000 38%),linear-gradient(145deg,#010617 0%,#020817 55%,#020714 100%);place-items:center;min-height:100dvh;padding:28px;display:grid;position:relative;overflow:hidden}.auth-screen:before{content:"";filter:blur(80px);pointer-events:none;background:#0e1f3d2e;border-radius:50%;width:min(720px,88vw);height:min(720px,88vw);position:absolute}.auth-card{z-index:1;background:linear-gradient(150deg,#121d33fa,#0c1628fa);border:1px solid #23334f;border-radius:20px;width:min(528px,100%);padding:28px 40px 30px;position:relative;box-shadow:0 32px 90px #00000085,inset 0 0 0 1px #5b7baa0f}.auth-logo-wrap{place-items:center;min-height:190px;display:grid}.auth-logo{object-fit:contain;filter:drop-shadow(0 12px 20px #00000040);width:190px;height:190px;display:block}.auth-card h1{color:#f2f5fa;text-align:center;letter-spacing:-.02em;margin:0 0 18px;font-size:20px;font-weight:750}.auth-card form{gap:17px;display:grid}.auth-card label{color:#b5c2d5;gap:9px;font-size:13px;font-weight:650}.auth-card input{color:#f8fafc;background:#111d31;border:1px solid #30435f;border-radius:9px;height:52px;padding:0 15px;font-size:15px;box-shadow:inset 0 0 0 1px #ffffff04}.auth-card input::placeholder{color:#687c9b}.auth-card input:focus{border-color:#d79508;box-shadow:0 0 0 3px #ffb8001a}.auth-card form>button{color:#081120;background:#f7a400;border:1px solid #d68c00;border-radius:9px;height:56px;margin-top:3px;font-size:17px;font-weight:800;box-shadow:0 9px 22px #f7a4001f}.auth-card form>button:hover{background:#ffb20b}.auth-card form>button:disabled{cursor:wait;opacity:.72}.auth-card>p{color:#647895;text-align:center;margin:18px 0 0;font-size:10px}.auth-error{color:#ffabb2;background:#2b1520;border:1px solid #7e2a36;border-radius:8px;padding:11px 13px;font-size:12px;line-height:1.45}.auth-loading{z-index:1;color:#8298b7;place-items:center;gap:8px;font-size:11px;display:grid;position:relative}.auth-loading img{object-fit:contain;width:110px;height:110px;animation:1.4s ease-in-out infinite auth-pulse}@keyframes auth-pulse{0%,to{opacity:.65;transform:scale(.97)}50%{opacity:1;transform:scale(1)}}.app-shell{background:var(--bg);grid-template-columns:220px minmax(0,1fr);width:100%;height:100dvh;display:grid;overflow:hidden}.sidebar{border-right:1px solid var(--border);background:var(--sidebar);flex-direction:column;min-height:0;padding:16px 8px 12px;display:flex}.brand{padding:0 8px 18px}.brand strong{color:var(--amber);letter-spacing:-.02em;font-size:19px;line-height:1.45}.brand span{color:#647e9f;letter-spacing:.05em;margin-top:4px;font:11px Consolas,monospace;display:block}.mobile-account{display:none}.sidebar nav{scrollbar-width:thin;flex:1;align-content:start;gap:4px;min-height:0;display:grid;overflow-y:auto}.sidebar nav button{color:#9ab5d8;text-align:left;background:0 0;border:0;border-radius:9px;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;min-height:41px;padding:0 11px;font-size:14px;display:grid}.sidebar nav button:hover{color:#fff;background:#17243b}.sidebar nav button.active{color:var(--amber);background:#463b29}.sidebar nav button b{color:#fff;background:#df2d38;border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:10px;display:grid}.nav-icon{color:#8298b7;place-items:center;width:24px;height:24px;display:grid}.sidebar-lucide{display:block}.active .nav-icon{color:var(--amber)}.sidebar-account{border-top:1px solid var(--border);flex:none;padding-top:12px}.sidebar-account>div{background:#18253a;border-radius:9px;min-height:68px;padding:10px 12px}.sidebar-account span,.sidebar-account strong,.sidebar-account small{display:block}.sidebar-account span{color:#7089aa;font-size:11px}.sidebar-account strong{color:var(--amber);margin:4px 0 2px;font-size:12px}.sidebar-account small{color:#9ab3d3;font-size:11px}.sidebar-account>button{color:#fff;background:#e82931;border:0;border-radius:8px;width:100%;height:38px;margin-top:8px;font-weight:700}.main-panel{grid-template-rows:78px minmax(0,1fr);min-width:0;min-height:0;display:grid;overflow:hidden}.topbar{background:var(--bg);justify-content:space-between;align-items:center;gap:20px;padding:0 24px;display:flex}.topbar h1{color:var(--amber);letter-spacing:-.03em;margin:0;font-size:clamp(23px,2vw,28px)}.topbar>span{color:#627c9e;font:11px Consolas,monospace}.content-view{overscroll-behavior:contain;min-height:0;padding:0 24px 28px;animation:.18s ease-out view-in;overflow-y:auto}@keyframes view-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}.page-actions{justify-content:space-between;align-items:center;gap:16px;min-height:46px;margin-bottom:10px;display:flex}.page-actions>div{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.primary,.secondary,.export-button,.import-button{border-radius:8px;min-height:38px;padding:0 15px;font-size:12px;font-weight:750}.primary{color:#111827;background:#f6a900;border:1px solid #ffbf17}.primary:hover{background:#ffb800}.primary:disabled,.secondary:disabled{cursor:not-allowed;opacity:.52}.secondary{color:#dce7f5;background:#182840;border:1px solid #344863}.export-button{color:#fff;background:#12a956;border:1px solid #17a95b}.export-button:hover{background:#16b861}.import-button{color:#fff;background:#2869bd;border:1px solid #3e7ed5}.import-button:hover{background:#3278d1}.date-only-actions{margin-bottom:16px}.range-count{color:#748dac;font-size:11px}.date-filter{flex-wrap:wrap;align-items:end;gap:8px;min-height:42px;display:flex}.date-filter label{align-items:center;gap:7px;display:flex}.date-filter label span{color:#7f99bb;font-size:10px}.date-filter input{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;width:142px;height:36px}.date-filter>button{color:#a8bdd8;background:#16243a;border:1px solid #3a4c67;border-radius:7px;height:36px;padding:0 10px;font-size:10px}.filter-chips{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.filter-chips button{color:#c0d0e5;background:#1b293f;border:1px solid #273650;border-radius:999px;min-height:25px;padding:0 12px;font-size:11px}.filter-chips button.selected{color:#fff;background:#30425f;border-color:#405676}.under-search{margin:14px 0}.table-search{margin-bottom:12px;display:block}.table-search input{color:#fff;background:#111c30;border:1px solid #34455f;border-radius:8px;outline:none;width:100%;height:40px;padding:0 12px}.table-search input:focus{border-color:#8b6a23}.panel{border:1px solid var(--border);background:var(--panel);border-radius:13px;overflow:hidden}.flat-table{background:0 0;border-width:0;border-radius:0}.table-wrap{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:760px}th{border-bottom:1px solid var(--border);color:#8faed5;text-align:left;white-space:nowrap;height:42px;padding:0 9px;font-size:11px}td{color:#eef3fb;white-space:nowrap;border-bottom:1px solid #19263b;height:43px;min-height:43px;padding:7px 9px;font-size:12px}tbody tr:hover{background:#ffffff05}tbody tr:last-child td{border-bottom-color:#0000}td strong{color:#fff;font-size:12px}.right{text-align:right}.amount,.id{font-family:Consolas,Courier New,monospace}.amount{font-weight:700}.id{color:var(--amber);font-size:11px}.cell-note{color:#617b9f;white-space:normal;margin-top:3px;font-size:9px;display:block}.table-note{color:#9ab1cf;text-overflow:ellipsis;white-space:nowrap;max-width:240px;display:block;overflow:hidden}.pagination{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;min-height:58px;padding:10px 9px 0;display:flex}.pagination>span{color:#7690b3;font-size:10px}.pagination>div{align-items:center;gap:5px;display:flex}.pagination button{color:#a9bdd7;background:#101d31;border:1px solid #2e405b;border-radius:7px;min-width:32px;height:32px;padding:0 8px}.pagination button:hover:not(:disabled){color:#fff;border-color:#627a9d}.pagination button.active{color:#111827;background:var(--amber);border-color:#f5b30c;font-weight:800}.pagination button:disabled{cursor:not-allowed;opacity:.38}.tag{color:#f0f5fb;background:#223047;border-radius:5px;padding:5px 8px;font-size:10px;display:inline-block}.actions{white-space:nowrap}.actions button{color:#4d99ff;background:0 0;border:0;padding:5px 6px;font-size:11px}.actions button.print{color:#2ad782}.actions button.danger,button.danger{color:#ff5d68}.status{border-radius:999px;padding:5px 8px;font-size:9px;font-weight:800;display:inline-block}.status.in-stock,.status.fully-paid,.status.active{color:#39df87;background:#0b3d2b}.status.low,.status.pending{color:#ffca27;background:#493516}.status.partial-paid{color:#64a5ff;background:#173a69}.status.out-of-stock{color:#fff;background:#ee3039}.positive{color:#29dc7d!important}.negative,.danger-text{color:#ff5967!important}.amber-text{color:var(--amber)!important}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.metric-card{border:1px solid var(--border);background:var(--panel);border-radius:13px;min-height:134px;padding:16px}.metric-card .metric-icon{border-radius:8px;place-items:center;width:40px;height:40px;font-weight:900;display:grid}.metric-card strong{margin:12px 0 5px;font:800 clamp(20px,2vw,27px) Consolas,monospace;display:block}.metric-card small{color:#8dacd1;font-size:11px}.metric-icon.amber{color:var(--amber);background:#3a3226}.metric-icon.green{color:var(--green);background:#0f3935}.metric-icon.violet{color:#9869ff;background:#242653}.metric-icon.cyan{color:var(--cyan);background:#0b384a}.metric-icon.pink{color:var(--pink);background:#38213f}.metric-icon.blue{color:#4a8eff;background:#172f59}.metric-icon.teal{color:#19c5ad;background:#0d3b42}.metric-icon.orange{color:#ff6f16;background:#39272a}.credit-strip{background:#351c18;border:1px solid #9b6000;border-radius:13px;margin-top:22px;padding:14px 16px 16px}.credit-strip h2{color:var(--amber);align-items:center;gap:9px;margin:0 0 12px;font-size:15px;display:flex}.credit-strip>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.credit-strip article{background:#281211;border-radius:8px;min-height:72px;padding:12px}.credit-strip small{color:#8ca8ca;font-size:10px;display:block}.credit-strip strong{color:#ffca16;margin-top:8px;font-size:17px;display:block}.dashboard-table{margin-top:22px}.dashboard-table h2,.titled-panel h2,.payment-report h2{margin:0;padding:15px 16px;font-size:15px}.low-stock-panel>p{color:#a9bfdc;margin:0;padding:16px;font-size:12px}.low-stock-panel>p strong{color:var(--red)}.supplier-list{gap:12px;display:grid}.supplier-list article{border:1px solid var(--border);background:var(--panel);border-radius:12px;justify-content:space-between;align-items:center;gap:18px;min-height:74px;padding:14px 16px;display:flex}.supplier-list strong,.supplier-list span,.supplier-list small{display:block}.supplier-list strong{font-size:14px}.supplier-list span{color:#8eadd1;margin-top:5px;font-size:11px}.supplier-list small{color:var(--amber);margin-top:4px;font:9px Consolas,monospace}.supplier-list button{background:0 0;border:0;padding:7px;font-size:11px}.report-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px;display:grid}.report-summary article{border:1px solid var(--border);background:var(--panel);border-radius:12px;min-height:79px;padding:14px 16px}.report-summary small{color:#8faacc;font-size:10px;display:block}.report-summary strong{margin-top:6px;font:800 20px Consolas,monospace;display:block}.report-credit{margin:0 0 22px}.report-credit>div{grid-template-columns:repeat(4,minmax(0,1fr))}.report-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.titled-panel{min-height:330px}.payment-report{margin-top:22px;padding-bottom:16px}.payment-report>div{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;padding:0 16px;display:grid}.payment-report article{background:#202d42;border-radius:8px;align-content:center;place-items:center;min-height:68px;padding:10px;display:grid}.payment-report span{color:#9bb3d1;font-size:10px}.payment-report strong{color:var(--amber);margin-top:7px;font:700 11px Consolas,monospace}label{color:#9ab1d0;gap:7px;font-size:11px;display:grid}input,select{color:#fff;background:#091426;border:1px solid #30435e;border-radius:7px;outline:none;width:100%;height:41px;padding:0 10px;font-size:12px}input:focus,select:focus{border-color:#9d7420;box-shadow:0 0 0 3px #ffb80012}input::placeholder{color:#526b8d}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00050ed1;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{background:#111d31;border:1px solid #344967;border-radius:14px;width:min(590px,100%);max-height:calc(100dvh - 36px);overflow-y:auto;box-shadow:0 28px 80px #0000008c}.modal-wide{width:min(1000px,100%)}.modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:15px;min-height:70px;padding:16px 19px;display:flex}.modal-head h2{color:var(--amber);margin:0;font-size:18px}.modal-head p{color:#7992b4;margin:5px 0 0;font-size:10px}.modal-head>button{color:#90a8c5;background:0 0;border:0;padding:0;font-size:24px}.modal-form{grid-template-columns:1fr 1fr;gap:14px;padding:19px;display:grid}.modal-form.single-column{grid-template-columns:1fr}.modal-form .wide{grid-column:1/-1}.modal-actions{justify-content:flex-end;gap:10px;padding:16px 19px;display:flex}.modal-form .modal-actions{padding:4px 0 0}.import-panel{padding:18px 19px 4px}.import-guide{background:#0b172a;border:1px solid #2d405c;border-radius:9px;justify-content:space-between;align-items:flex-start;gap:18px;padding:14px;display:flex}.import-guide strong{color:#fff;font-size:12px}.import-guide p{color:#90a8c7;max-width:700px;margin:6px 0 0;font-size:10px;line-height:1.55}.import-guide small{color:#f0b83e;margin-top:5px;font-size:9px;display:block}.template-button{color:#d5e2f3;background:#1b2a40;border:1px solid #52657f;border-radius:7px;flex:none;min-height:34px;padding:0 11px;font-size:10px}.file-drop{color:#fff;cursor:pointer;background:#0a1527;border:1px dashed #496180;border-radius:10px;align-content:center;place-items:center;gap:6px;min-height:94px;margin-top:14px;display:grid}.file-drop:hover{background:#101b2d;border-color:#d49a18}.file-drop input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.file-drop span{color:#dce8f6;font-size:12px;font-weight:700}.file-drop small{color:#6e87a8;font-size:9px}.import-issue{color:#ff929b;background:#2b1520;border:1px solid #7d2b35;border-radius:8px;margin-top:12px;padding:10px 12px;font-size:10px}.import-summary{color:#dce8f6;justify-content:space-between;align-items:center;gap:15px;min-height:48px;display:flex}.import-summary strong{font-size:12px}.import-summary span{color:#83a0c3;font-size:10px}.import-preview{border:1px solid #263954;border-radius:8px;max-height:310px}.import-preview table{min-width:840px}.import-preview td{height:42px;font-size:10px}.import-preview .negative{white-space:normal}.invalid-row{background:#ff52600b}.preview-note{color:#6c85a5;text-align:right;margin:8px 0 0;font-size:9px}.import-actions{border-top:1px solid var(--border)}.sale-builder{padding-bottom:4px}.sale-selects{border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr auto;align-items:end;gap:11px;padding:17px 19px;display:grid}.customer-selector{grid-template-columns:minmax(0,1fr) 41px;align-items:end;gap:8px;display:grid}.quick-add-customer{color:#07111f;background:var(--amber);border:1px solid #b78116;border-radius:8px;width:41px;height:41px;font-size:22px;font-weight:800}.quick-add-customer:hover,.quick-add-customer[aria-expanded=true]{background:#ffc32f;border-color:#ffd36c}.quick-customer-form{background:#0a1628;border:1px solid #334968;border-radius:9px;grid-column:1/-1;grid-template-columns:minmax(180px,1.4fr) minmax(160px,1fr) minmax(150px,.85fr) auto;align-items:end;gap:11px;margin-top:3px;padding:13px;display:grid}.quick-customer-actions{align-items:center;gap:8px;display:flex}.quick-customer-actions button{white-space:nowrap}.product-search-field{color:#9ab1d0;gap:7px;font-size:11px;display:grid}.product-search{position:relative}.product-search-results{z-index:20;background:#101d31;border:1px solid #385274;border-radius:9px;max-height:292px;padding:5px;position:absolute;top:calc(100% + 5px);left:0;right:0;overflow-y:auto;box-shadow:0 16px 34px #00000061}.product-search-results button{color:#e7f0fb;text-align:left;background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:54px;padding:8px 10px;display:flex}.product-search-results button:hover,.product-search-results button[aria-selected=true]{background:#1b2c46}.product-search-results span,.product-search-results strong,.product-search-results small{display:block}.product-search-results strong{font-size:11px}.product-search-results small{color:#7792b4;margin-top:4px;font-size:9px}.product-search-results b{color:var(--amber);white-space:nowrap;flex:none;font:700 9px Consolas,monospace}.product-search-results>p{color:#7890af;text-align:center;margin:0;padding:14px 10px;font-size:10px}.cart-table{min-height:190px;max-height:290px;padding:0 19px;overflow:auto}.cart-head,.cart-row{grid-template-columns:minmax(190px,1fr) 70px 135px 135px 28px;align-items:center;gap:12px;min-width:700px;display:grid}.cart-head{color:#708aad;text-transform:uppercase;height:39px;font-size:9px}.cart-row{border-top:1px solid #1d2b41;min-height:57px;font-size:11px}.cart-row strong,.cart-row small{display:block}.cart-row small{color:#667e9d;margin-top:3px;font-size:9px}.cart-row input{height:33px}.cart-row>button{color:var(--red);background:0 0;border:0;font-size:20px}.checkout-grid{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr 1fr;align-items:end;gap:12px;padding:16px 19px;display:grid}.sale-note{grid-column:1/-1}.sale-totals{border-top:1px dashed #40506a;grid-column:1/-1;gap:7px;padding-top:10px;display:grid}.sale-totals span,.sale-totals strong{justify-content:space-between;display:flex}.sale-totals span{color:#91a9c8;font-size:11px}.sale-totals strong{color:#fff;padding-top:6px;font-size:13px}.sale-totals strong b{color:var(--amber);font:800 19px Consolas,monospace}.purchase-builder{padding-bottom:4px}.purchase-details{border-bottom:1px solid var(--border);grid-template-columns:1fr 180px 1.3fr;gap:12px;padding:17px 19px;display:grid}.purchase-add-row{border-bottom:1px solid var(--border);background:#0c182a;grid-template-columns:minmax(260px,1fr) 100px 160px auto;align-items:end;gap:11px;padding:14px 19px;display:grid}.purchase-cart-table{min-height:205px}.purchase-cart-head,.purchase-cart-row{grid-template-columns:minmax(210px,1fr) 90px 150px 145px 28px;align-items:center;gap:12px;min-width:700px;display:grid}.purchase-cart-head{color:#708aad;text-transform:uppercase;height:39px;font-size:9px}.purchase-cart-row{border-top:1px solid #1d2b41;min-height:59px;font-size:11px}.purchase-cart-row strong,.purchase-cart-row small{display:block}.purchase-cart-row small{color:#667e9d;margin-top:3px;font-size:9px}.purchase-cart-row input{height:33px}.purchase-cart-row>button{color:var(--red);background:0 0;border:0;font-size:20px}.purchase-summary{border-top:1px solid var(--border);border-bottom:1px solid var(--border);color:#91a9c8;justify-content:flex-end;align-items:center;gap:22px;min-height:63px;padding:10px 19px;font-size:11px;display:flex}.purchase-summary strong{color:var(--amber);font:800 19px Consolas,monospace}.credit-balance{border:1px solid var(--border);background:#091426;border-radius:10px;grid-template-columns:1fr auto;align-items:center;gap:8px;margin:18px;padding:16px;display:grid}.credit-balance>span:first-child{color:#8da6c7;font-size:10px}.credit-balance>strong{color:var(--amber);font:800 21px Consolas,monospace}.credit-balance .status{grid-area:1/2/3}.payment-form{border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr;gap:12px;padding:0 18px 18px;display:grid}.payment-form .wide{grid-column:1/-1}.history{padding:18px}.history h3{margin:0 0 10px;font-size:13px}.history article{border-top:1px solid #1d2b41;gap:10px;padding:11px 0;display:flex}.history article>span{width:24px;height:24px;color:var(--green);background:#10392c;border-radius:50%;place-items:center;display:grid}.history strong,.history small{display:block}.history strong{font-size:11px}.history small{color:#7188a7;margin-top:3px;font-size:9px}.voucher-modal{background:#0b1526;width:min(680px,100%);padding:14px}.voucher-paper{color:#182030;background:#fff;border-radius:8px;padding:30px}.voucher-brand{border-bottom:2px solid #e4e7eb;padding-bottom:10px;display:block}.voucher-header-image{object-fit:contain;width:100%;height:auto;display:block}.voucher-title{justify-content:space-between;align-items:center;padding:18px 0;display:flex}.voucher-title span{font-size:19px;font-weight:900}.voucher-title strong{color:#906500;font:11px Consolas,monospace}.voucher-meta{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px;display:grid}.voucher-meta div{background:#f2f4f6;border-radius:6px;min-height:52px;padding:9px}.voucher-meta span,.voucher-meta b{display:block}.voucher-meta span{color:#707783;text-transform:uppercase;font-size:8px}.voucher-meta b{margin-top:5px;font-size:9px}.voucher-note{background:#fff7dc;border-left:3px solid #e3a100;border-radius:4px;margin-bottom:18px;padding:10px 12px}.voucher-note span{color:#8a6c19;text-transform:uppercase;font-size:8px;font-weight:800;display:block}.voucher-note p{color:#303744;white-space:pre-wrap;margin:4px 0 0;font-size:10px;line-height:1.5}.voucher-paper table{min-width:0}.voucher-paper th{color:#525965;background:#f2f4f6;border-color:#e3e6e9}.voucher-paper td{color:#222a37;border-color:#e3e6e9}.voucher-totals{gap:8px;width:270px;margin:15px 0 0 auto;display:grid}.voucher-totals div{color:#646c78;justify-content:space-between;font-size:9px;display:flex}.voucher-totals div:last-child{color:#202632;border-top:1px solid #d1d5da;padding-top:10px}.voucher-totals strong{color:#906500;font-size:14px}.voucher-footer{text-align:center;border-top:1px dashed #cfd4da;margin-top:25px;padding-top:16px}.voucher-footer strong,.voucher-footer small{display:block}.voucher-footer strong{font-size:9px}.voucher-footer small{color:#9aa0a8;margin-top:4px;font-size:8px}.voucher-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;padding-top:13px;display:flex}.empty{color:#5f7899;align-content:center;place-items:center;gap:5px;min-height:120px;display:grid}.empty span{font-size:23px}.empty p{margin:0;font-size:10px}.alert{border-radius:9px;align-items:center;gap:9px;min-height:44px;margin-bottom:12px;padding:8px 12px;display:flex}.alert.error{color:#ff939c;background:#2c1520;border:1px solid #7e2a36}.alert p{flex:1;margin:0;font-size:11px}.alert button{color:inherit;background:0 0;border:0;font-size:19px}.toast{z-index:200;color:#8bf0ba;background:#143a2c;border:1px solid #248b5d;border-radius:9px;padding:11px 15px;font-size:11px;position:fixed;top:18px;right:20px;box-shadow:0 16px 50px #0006}.loading-screen{color:#7792b4;background:var(--bg);align-content:center;place-items:center;gap:12px;width:100%;height:100dvh;margin:0;display:grid}.loader{color:#172033;background:var(--amber);border-radius:13px;place-items:center;width:54px;height:54px;font-weight:900;display:grid}.loading-screen p{font-size:11px}@media (width<=1180px){.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.report-grid{grid-template-columns:1fr}.payment-report>div{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=780px){body{overflow:auto}button{-webkit-tap-highlight-color:transparent}input,select{min-height:46px;font-size:16px}.auth-screen{min-height:100svh;padding:max(18px, env(safe-area-inset-top)) 16px max(18px, env(safe-area-inset-bottom));place-items:center;overflow-y:auto}.auth-card{border-radius:16px;padding:20px 18px 22px}.auth-logo-wrap{min-height:150px}.auth-logo{width:150px;height:150px}.auth-card h1{margin-bottom:17px;font-size:18px}.auth-card form{gap:15px}.auth-card input{height:50px;font-size:16px}.auth-card form>button{height:52px}.app-shell{grid-template-columns:1fr;height:auto;min-height:100svh;overflow:visible}.sidebar{z-index:50;min-height:0;padding:max(9px, env(safe-area-inset-top)) 10px 8px;border-right:0;border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px 12px;display:grid;position:sticky;top:0;box-shadow:0 9px 24px #0000003d}.brand{min-width:0;padding:0 5px}.brand strong{white-space:nowrap;font-size:15px;line-height:1.15}.brand strong br,.brand span,.sidebar-account{display:none}.mobile-account{align-items:center;gap:7px;display:flex}.mobile-account span{color:#88a1c1;text-overflow:ellipsis;white-space:nowrap;max-width:100px;font-size:10px;overflow:hidden}.mobile-account button{color:#ff9ca4;background:#321822;border:1px solid #84313a;border-radius:8px;min-height:34px;padding:0 10px;font-size:10px;font-weight:750}.sidebar nav{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;grid-column:1/-1;gap:5px;width:calc(100vw - 20px);display:flex;overflow-x:auto}.sidebar nav::-webkit-scrollbar{display:none}.sidebar nav button{scroll-snap-align:start;grid-template-columns:22px auto auto;width:auto;min-width:max-content;min-height:44px;padding:0 11px}.main-panel{display:block}.topbar{min-height:60px;padding:0 12px}.topbar h1{font-size:21px}.topbar>span{font-size:9px}.content-view{padding:0 12px calc(28px + env(safe-area-inset-bottom));overflow:visible}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.report-summary,.credit-strip>div,.report-credit>div{grid-template-columns:1fr}.metric-card{min-height:112px;padding:13px}.metric-card strong{overflow-wrap:anywhere;font-size:clamp(16px,5vw,22px)}.metric-card small{line-height:1.35}.page-actions{align-items:flex-start}.page-actions,.page-actions>div{flex-direction:column}.page-actions>div:last-child{flex-direction:row;width:100%}.page-actions .primary,.page-actions .export-button,.page-actions .import-button{flex:1;min-height:44px;padding:0 10px}.date-filter{align-items:stretch;width:100%}.date-filter label{grid-template-columns:38px 1fr;width:100%;display:grid}.date-filter input{width:100%;height:44px}.date-filter>button{height:44px}.filter-chips{overscroll-behavior-x:contain;scrollbar-width:none;flex-wrap:nowrap;width:100%;padding-bottom:4px;overflow-x:auto}.filter-chips::-webkit-scrollbar{display:none}.filter-chips button{white-space:nowrap;min-height:36px}.table-search input{height:46px;font-size:16px}.panel{border-radius:11px}.table-wrap{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;overflow-x:auto}table{min-width:680px}th{height:45px;font-size:10px}td{height:48px;font-size:11px}.actions button{min-height:36px;padding:0 8px}.pagination{flex-direction:column;align-items:flex-start}.pagination>div{width:100%;padding-bottom:4px;overflow-x:auto}.pagination button{min-width:38px;min-height:38px}.modal-backdrop{padding:0;padding-top:max(28px, env(safe-area-inset-top));place-items:end center}.modal{width:100%;max-height:calc(100svh - max(28px, env(safe-area-inset-top)));padding-bottom:env(safe-area-inset-bottom);border-bottom:0;border-left:0;border-right:0;border-radius:18px 18px 0 0}.modal-wide{width:100%}.modal-head{z-index:4;background:#111d31;min-height:64px;padding:14px 16px;position:sticky;top:0}.modal-head>button{background:#192841;border-radius:50%;width:40px;height:40px}.modal-form,.payment-form{grid-template-columns:1fr}.modal-form .wide,.payment-form .wide{grid-column:1}.modal-form{padding:16px}.modal-actions{z-index:3;padding:13px 16px calc(13px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:#111d31;margin:0;position:sticky;bottom:0}.modal-form .modal-actions{padding:13px 16px calc(13px + env(safe-area-inset-bottom));margin:0 -16px -16px}.modal-actions button{flex:1;min-height:44px}.sale-selects,.checkout-grid,.quick-customer-form,.purchase-details,.purchase-add-row{grid-template-columns:1fr}.quick-customer-actions{justify-content:flex-end}.sale-note,.sale-totals,.purchase-note{grid-column:1}.sale-selects,.purchase-details,.purchase-add-row,.checkout-grid{padding-left:16px;padding-right:16px}.cart-table,.purchase-cart-table{padding:0 14px}.cart-head,.cart-row,.purchase-cart-head,.purchase-cart-row{min-width:630px}.purchase-summary{padding-left:16px;padding-right:16px}.payment-report>div{grid-template-columns:repeat(2,minmax(0,1fr))}.import-guide{display:grid}.template-button{width:100%}.import-summary{flex-direction:column;align-items:flex-start;gap:4px;padding:10px 0}.voucher-modal{overflow-x:hidden}.voucher-paper{min-width:0;padding:16px;overflow-x:auto}.voucher-title{align-items:flex-start;gap:12px}.voucher-title strong{overflow-wrap:anywhere;text-align:right;max-width:55%}.voucher-meta{grid-template-columns:1fr}.voucher-paper table{min-width:480px}.voucher-totals{width:100%}.voucher-actions{width:100%;padding:12px 14px calc(12px + env(safe-area-inset-bottom));background:#0b1526;grid-template-columns:1fr 1fr;display:grid;position:sticky;bottom:0;left:0}.voucher-actions button{flex:1;min-height:44px}.toast{top:auto;right:12px;bottom:calc(16px + env(safe-area-inset-bottom));text-align:center;left:12px}}@media (width<=430px){.metrics-grid{grid-template-columns:1fr}.metric-card{min-height:102px}.payment-report>div{grid-template-columns:1fr}.page-actions>div:last-child{grid-template-columns:1fr 1fr;display:grid}.page-actions>div:last-child>:only-child{grid-column:1/-1}}@media (width<=780px) and (height<=700px){.auth-screen{place-items:start center}.auth-logo-wrap{min-height:112px}.auth-logo{width:112px;height:112px}}@media print{body{overflow:visible;background:#fff!important}.app-shell>.sidebar,.app-shell>.main-panel,.voucher-actions{display:none!important}.voucher-backdrop{background:#fff;padding:0;display:block;position:static}.voucher-modal{width:100%;max-height:none;box-shadow:none;background:#fff;border:0;padding:0;overflow:visible}.voucher-paper{border-radius:0;padding:15mm}}