*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;background:#080a0d;color:#f5f7f9}button,input{font:inherit}.login-page{min-height:100dvh;display:grid;place-items:center;background:radial-gradient(circle at 50% 18%,#19251e,#080a0d 48%)}.login-wrap{width:100%;padding:24px}.login-card{width:min(390px,100%);margin:auto;text-align:center}.ball{width:76px;height:76px;border-radius:50%;margin:0 auto 22px;display:grid;place-items:center;background:#f4f6f8;color:#080a0d;font-size:31px;font-weight:950}.brand{font-size:23px;font-weight:950;letter-spacing:.22em}.subtitle{font-size:9px;letter-spacing:.27em;color:#707a85;margin:7px 0 35px}.login-card form{text-align:left}.login-card label,.modalbox label{display:block;color:#717b86;font-size:9px;font-weight:800;margin:15px 0 7px}.login-card input,.modalbox input{width:100%;height:48px;border:1px solid #29313a;border-radius:9px;background:#101419;color:#fff;padding:0 14px;font-size:16px}.login-card form button,.primary{width:100%;height:48px;margin-top:22px;border:0;border-radius:9px;background:#f3f5f7;color:#080a0d;font-size:11px;font-weight:950}.error{color:#ff8585;text-align:center;font-size:11px}aside{position:fixed;inset:0 auto 0 0;width:218px;background:#0b0e12;border-right:1px solid #222830;padding:22px 13px;display:flex;flex-direction:column;z-index:20}.side-brand{display:flex;align-items:center;gap:11px;padding:0 8px 25px}.ball.mini{width:37px;height:37px;margin:0;font-size:15px}.side-brand b{font-size:12px;letter-spacing:.12em}.side-brand small{display:block;color:#626b76;font-size:7px}nav{display:grid;gap:5px}nav a{height:43px;border-radius:8px;color:#68737e;text-decoration:none;padding:13px;font-size:11px;font-weight:750}nav a span{margin-left:10px}nav a.active{background:#181e25;color:#fff}.profile{margin-top:auto;border-top:1px solid #222830;padding:18px 7px 0;display:flex;gap:10px;align-items:center}.avatar{width:34px;height:34px;border-radius:50%;background:#1c232b;display:grid;place-items:center;font-size:10px;font-weight:900}.profile b{display:block;font-size:9px}.profile small{display:block;color:#4dcc7a;font-size:7px;margin-top:4px}header{position:fixed;left:218px;right:0;top:0;height:72px;border-bottom:1px solid #222830;background:#080a0ded;backdrop-filter:blur(14px);display:flex;align-items:center;padding:0 28px;z-index:10}header h1{font-size:15px;margin:0}header p{font-size:8px;color:#68727d;margin:4px 0}.logout{margin-left:auto;border:1px solid #29313a;background:#12171d;color:#9da6af;border-radius:7px;padding:8px 11px;font-size:8px;font-weight:900;text-decoration:none}.hamb{display:none}.dash{margin-left:218px;padding:110px 28px 40px;max-width:1550px}.eyebrow{font-size:8px;color:#59636e;letter-spacing:.2em;font-weight:900}.dash h2{font-size:30px;margin:7px 0 4px}.lead{color:#7a8590;font-size:11px;margin:0}.topline{display:flex;justify-content:space-between;align-items:end}.system-link{color:#69747f;font-size:8px;text-decoration:none;border:1px solid #29313a;padding:8px 10px;border-radius:7px}.tables{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:27px}.table-card{background:linear-gradient(145deg,#12171d,#0e1217);border:1px solid #252d36;border-radius:13px;padding:18px;min-height:320px;display:flex;flex-direction:column}.table-card.vip{border-color:#4b412a}.table-card.in-use{border-color:#285b3b;box-shadow:inset 3px 0 #4dd27d}.table-card.stopped{border-color:#705d2b;box-shadow:inset 3px 0 #d8b653}.table-head{display:flex;justify-content:space-between}.table-head small{font-size:7px;color:#68727d;letter-spacing:.15em}.table-head h3{margin:4px 0;font-size:14px}.status{font-size:8px;color:#6d7782;background:#191f26;border-radius:20px;padding:6px 8px;height:max-content}.in-use .status{color:#4dd27d;background:#13291c}.stopped .status{color:#e4c65f;background:#2a2515}.time{font-size:34px;font-weight:850;font-variant-numeric:tabular-nums;margin-top:22px}.order-list{margin-top:14px}.order-title{font-size:8px;color:#6f7a85;letter-spacing:.12em;margin-bottom:6px}.order-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:9px;align-items:center;padding:8px 0;border-bottom:1px solid #222a32;font-size:10px}.order-name{font-weight:800;min-width:0;overflow-wrap:anywhere}.order-name small{display:block;color:#69747f;font-size:7px;margin-top:2px}.order-row>strong{min-width:58px;text-align:right}.qty{display:flex;align-items:center;gap:7px}.qty button{width:30px;height:30px;border:1px solid #34404a;background:#171d24;color:#fff;border-radius:7px;font-size:17px;cursor:pointer}.qty b{min-width:25px;text-align:center;font-size:9px}.add-item{height:40px;border:1px solid #303944;border-radius:8px;background:#171d24;color:#dce2e8;font-size:10px;font-weight:850;margin-top:13px;cursor:pointer}.add-item:disabled{opacity:.28;cursor:not-allowed}.totals{margin-top:12px;border-top:1px solid #252d36;padding-top:8px}.totals>div{display:flex;justify-content:space-between;font-size:9px;color:#7a8590;padding:3px 0}.totals b{color:#dfe5ea}.totals .grand{font-size:15px;padding-top:8px}.totals .grand span,.totals .grand b{color:#fff;font-weight:950}.meta{display:flex;justify-content:space-between;color:#68727d;font-size:8px;border-top:1px solid #202730;padding-top:11px;margin-top:auto}.meta b{color:#aab2bb}.toggle{height:46px;border:0;border-radius:8px;background:#eef1f4;color:#090b0e;font-size:10px;font-weight:950;margin-top:12px;cursor:pointer}.toggle.stop{background:#30191c;color:#ff9b9b;border:1px solid #623237}.modal{display:none;position:fixed;inset:0;background:#000c;z-index:100;align-items:center;justify-content:center;padding:15px}.modal.show{display:flex}.modalbox{width:min(430px,100%);background:#11161c;border:1px solid #2b333c;border-radius:14px;padding:22px;position:relative}.modalbox h3{margin:0 0 18px}.x{position:absolute;right:12px;top:10px;background:transparent;border:0;color:#89939d;font-size:25px;cursor:pointer}.billrow,.billtotal{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #222a32;font-size:11px}.billtotal{font-size:18px;padding:16px 0}.paylabel{font-size:9px;color:#78828d;margin-top:18px}.paybuttons{display:grid;grid-template-columns:1fr 1fr;gap:9px}.paybuttons button{height:50px;border:1px solid #303944;background:#eef1f4;color:#080a0d;border-radius:8px;font-weight:900;cursor:pointer}.paid{margin-top:15px;border:1px solid #285b3b;background:#102419;color:#5cdb89;border-radius:8px;padding:11px;text-align:center;font-size:10px;font-weight:900}.printbtn,.donebtn{width:100%;height:47px;border-radius:8px;font-weight:900;margin-top:9px;cursor:pointer}.printbtn{border:0;background:#f2f4f6;color:#090b0d}.donebtn{border:1px solid #303944;background:#171d24;color:#dce2e8}#toast{position:fixed;right:22px;bottom:22px;max-width:min(420px,calc(100% - 30px));background:#f4f6f8;color:#080a0d;padding:12px 16px;border-radius:8px;font-size:10px;font-weight:900;opacity:0;pointer-events:none;transform:translateY(8px);transition:.2s;z-index:150}#toast.show{opacity:1;transform:none}#toast.error-toast{background:#ffd9d9;color:#721c24}.module-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-top:27px}.module-card{min-height:140px;background:#11161c;border:1px solid #222a32;border-radius:12px;padding:17px;text-decoration:none;color:#fff}.module-card span{float:right;color:#35404a;font-size:9px}.module-card p{color:#69747f;font-size:10px}.disabled-card{opacity:.45}.system-check{display:grid;place-items:center;min-height:100dvh;padding:20px}.check-card{width:min(500px,100%);background:#11161c;border:1px solid #29313a;border-radius:14px;padding:25px;text-align:center}.check-ok,.check-error{padding:12px;border-radius:8px;margin:15px 0}.check-ok{background:#102419;color:#5cdb89}.check-error{background:#32181b;color:#ff9b9b}.check-card p{color:#8a949e}.check-card a{color:#fff}@media(max-width:1050px){.tables{grid-template-columns:1fr 1fr}.module-grid{grid-template-columns:1fr 1fr}}@media(max-width:680px){aside{transform:translateX(-100%);transition:.2s;box-shadow:15px 0 50px #0009}aside.open{transform:none}header{left:0;height:62px;padding:0 14px}.hamb{display:block;border:0;background:transparent;color:#fff;font-size:20px;margin-right:8px}.dash{margin-left:0;padding:86px 13px 30px}.tables{grid-template-columns:1fr}.topline{display:block}.system-link{display:inline-block;margin-top:15px}.toggle{height:50px}.module-grid{grid-template-columns:1fr 1fr}}@media(max-width:390px){.module-grid{grid-template-columns:1fr}.order-row{grid-template-columns:minmax(0,1fr) auto}.order-row>strong{grid-column:1/-1;text-align:right}}
.modalbox select{width:100%;height:48px;border:1px solid #29313a;border-radius:9px;background:#101419;color:#fff;padding:0 12px}.selected-price{margin:10px 0;color:#57d487;font-size:11px;font-weight:800}.modal-qty{display:grid;grid-template-columns:48px 1fr 48px;gap:7px}.modal-qty button{border:1px solid #303944;border-radius:8px;background:#171d24;color:#fff;font-size:20px}.modal-qty input{text-align:center}.manage-products{display:block;text-align:center;color:#7e8994;font-size:9px;margin-top:14px}.new-product{border:0;border-radius:8px;background:#eef1f4;color:#090b0e;padding:11px 15px;font-size:9px;font-weight:900}.product-toolbar{display:flex;gap:7px;margin-top:25px}.product-toolbar button{border:1px solid #29313a;background:#11161c;color:#77828d;border-radius:7px;padding:8px 12px;font-size:9px}.product-toolbar button.active{background:#eef1f4;color:#080a0d}.product-panel{margin-top:12px;border:1px solid #252d36;border-radius:12px;overflow:hidden;background:#101419}.product-head,.product-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 2fr;gap:12px;align-items:center;padding:13px 16px}.product-head{background:#151b21;color:#66717c;font-size:8px;letter-spacing:.08em}.product-row{border-top:1px solid #222a32;font-size:10px}.product-row.inactive{opacity:.4}.product-status{font-size:8px;color:#58d487}.product-actions{text-align:right}.product-actions button{border:1px solid #303944;background:#171d24;color:#d8dee4;border-radius:6px;padding:6px 8px;margin-left:4px;font-size:8px}.product-actions .danger{color:#ff9696}@media(max-width:680px){.product-head{display:none}.product-row{grid-template-columns:1fr auto;gap:7px}.product-actions{grid-column:1/-1;text-align:left}.new-product{margin-top:14px}}

.finance-range{display:flex;gap:6px}.finance-range button{border:1px solid #29313a;background:#11161c;color:#77828d;border-radius:7px;padding:8px 11px;font-size:8px}.finance-range button.active{background:#eef1f4;color:#080a0d}.finance-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:27px}.finance-card{min-height:125px;background:#11161c;border:1px solid #252d36;border-radius:12px;padding:16px;display:flex;flex-direction:column}.finance-card small{color:#79838d;font-size:9px}.finance-card strong{font-size:24px;margin-top:13px}.finance-card span{margin-top:auto;color:#4e5964;font-size:7px;letter-spacing:.1em}.primary-fin{border-color:#315c42}.cash{border-color:#594c2b}.qr{border-color:#29465e}.finance-panel{margin-top:15px;border:1px solid #252d36;border-radius:12px;overflow:hidden;background:#101419}.finance-panel-head{padding:16px;display:flex;justify-content:space-between;align-items:center}.finance-panel-head b{font-size:12px}.finance-panel-head small{display:block;color:#6e7882;font-size:8px;margin-top:3px}.finance-panel-head>span{font-size:7px;color:#56616c}.finance-table-head,.finance-row{display:grid;grid-template-columns:1.1fr 1.4fr 1fr 1fr 1.2fr .8fr;gap:10px;align-items:center;padding:11px 16px}.finance-table-head{background:#151b21;color:#66717c;font-size:7px}.finance-row{border-top:1px solid #222a32;font-size:9px}.finance-row small{display:block;color:#5f6973;font-size:7px}.finance-row em{font-style:normal;font-size:7px;padding:5px 7px;border-radius:12px}.cash-tag{color:#e2c36d;background:#2a2516}.qr-tag{color:#73bde8;background:#142532}.finance-empty{padding:35px;text-align:center;color:#626d77;font-size:10px}.dash-finance{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-top:26px}.dash-finance article{background:#11161c;border:1px solid #252d36;border-radius:11px;padding:15px}.dash-finance small{display:block;color:#707b85;font-size:8px}.dash-finance strong{display:block;font-size:20px;margin-top:9px}.finance-open{display:inline-block;margin-top:12px;color:#87919b;font-size:9px;text-decoration:none}@media(max-width:1050px){.finance-cards,.dash-finance{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.finance-range{margin-top:15px;overflow:auto}.finance-cards,.dash-finance{grid-template-columns:1fr 1fr}.finance-table-head{display:none}.finance-row{grid-template-columns:1fr 1fr 1fr}.finance-row span:nth-child(3),.finance-row span:nth-child(4){display:none}}@media(max-width:390px){.finance-cards,.dash-finance{grid-template-columns:1fr}}
\n.date-picker-wrap{display:flex;gap:6px;margin-left:5px}.date-picker-wrap input{height:32px;border:1px solid #29313a;background:#11161c;color:#dce2e8;border-radius:7px;padding:0 9px;font-size:9px;color-scheme:dark}.date-picker-wrap button.active{background:#eef1f4;color:#080a0d}@media(max-width:680px){.finance-range{flex-wrap:wrap}.date-picker-wrap{margin-left:0;width:100%}.date-picker-wrap input{flex:1}}\n.paybuttons.pay3{grid-template-columns:1fr 1fr 1.25fr}.split-pay{margin-top:12px;border:1px solid #303944;background:#0d1116;border-radius:9px;padding:13px;display:grid;grid-template-columns:1fr 1fr;gap:9px}.split-pay label{margin-top:0}.split-pay input{height:43px}.split-check{grid-column:1/-1;color:#78838e;font-size:9px}.split-check .ok{color:#55d486}.split-check .bad{color:#ff9292}.split-pay .primary{grid-column:1/-1;margin-top:3px}@media(max-width:430px){.paybuttons.pay3{grid-template-columns:1fr}.split-pay{grid-template-columns:1fr}.split-check,.split-pay .primary{grid-column:1}}

.vip-free-btn{width:100%;height:48px;margin-top:9px;border:1px solid #765f24;border-radius:9px;background:#2b2514;color:#f0d26e;font-size:10px;font-weight:950;cursor:pointer}.vip-free-btn:disabled{opacity:.3;cursor:not-allowed}.vip-check{display:flex!important;align-items:center;gap:8px;color:#d5b957!important}.vip-check input{width:16px!important;height:16px!important}.vip-kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:27px;max-width:720px}.vip-kpis article{background:#11161c;border:1px solid #514526;border-radius:12px;padding:17px;min-height:120px}.vip-kpis small{color:#8c8264;font-size:9px}.vip-kpis strong{display:block;font-size:26px;margin-top:13px}.vip-kpis span{display:block;color:#665c42;font-size:7px;margin-top:18px}.vip-table-head,.vip-row{display:grid;grid-template-columns:1fr 2fr .7fr 1fr 1fr;gap:10px;align-items:center;padding:11px 16px}.vip-table-head{background:#151b21;color:#66717c;font-size:7px}.vip-row{border-top:1px solid #222a32;font-size:9px}.vip-row small{display:block;color:#68727d;font-size:7px}.pending-tag{color:#e4c65f}.settled{color:#59d487}.settle-row{display:grid;grid-template-columns:1fr 1fr 2fr;gap:10px;padding:12px 16px;border-top:1px solid #222a32;font-size:9px}.vip-dash-card{border-color:#594c2b!important}.dash-finance{grid-template-columns:repeat(6,1fr)}@media(max-width:1050px){.dash-finance{grid-template-columns:repeat(3,1fr)}}@media(max-width:680px){.vip-kpis{grid-template-columns:1fr}.vip-table-head{display:none}.vip-row{grid-template-columns:1fr 1.5fr .5fr}.vip-row span:nth-child(4),.vip-row span:nth-child(5){text-align:right}.dash-finance{grid-template-columns:1fr 1fr}}

.vip-pay-methods{display:grid;grid-template-columns:1fr 1fr 1.35fr;gap:7px;margin:7px 0 12px}.vip-pay-methods button{height:45px;border:1px solid #303944;border-radius:8px;background:#171d24;color:#dfe5ea;font-size:9px;font-weight:900}.vip-pay-methods button.active{background:#eef1f4;color:#080a0d;border-color:#eef1f4}.payment-summary{display:flex;justify-content:space-between;align-items:center;border:1px solid #29313a;border-radius:9px;background:#101419;padding:13px;margin:8px 0 13px;font-size:9px}.payment-summary b{font-size:14px}.modalbox .primary:disabled{opacity:.35;cursor:not-allowed}.settle-row small{display:block;color:#6f7a84;font-size:7px;margin-top:4px}

/* V9 — readability pass: larger UI text without changing layout */
html{font-size:16px}
body{font-size:14px}
.sidebar a{font-size:12px}
.sidebar small,.brand small,.eyebrow,.lead{font-size:10px}
header h1,header h2{font-size:18px}
.dash h2,.topline h2{font-size:34px}
.dash p,.topline p{font-size:12px;line-height:1.6}
.table-card small,.table-card .label{font-size:10px}
.table-card h3{font-size:17px}
.table-card .timer{font-size:36px}
.table-card .money,.table-card .total{font-size:20px}
.table-card button{font-size:12px}
.finance-card small,.dash-finance small,.vip-kpis small{font-size:11px}
.finance-card strong,.dash-finance strong,.vip-kpis strong{font-size:28px}
.finance-card span,.dash-finance span,.vip-kpis span{font-size:9px}
.finance-panel-head b{font-size:13px}
.finance-panel-head small{font-size:9px}
.vip-table-head{font-size:9px}
.vip-row{font-size:11px}
.vip-row small{font-size:9px}
.settle-row{font-size:11px}
.settle-row small{font-size:9px}
.modalbox h3{font-size:22px}
.modalbox label{font-size:11px}
.modalbox input,.modalbox select{font-size:14px}
.modalbox button{font-size:12px}
.selected-price,.payment-summary{font-size:11px}
.billtotal span{font-size:12px}
.billtotal b{font-size:22px}
.new-product,.finance-open{font-size:11px}
#toast{font-size:12px}
@media(max-width:680px){
 body{font-size:14px}
 .dash h2,.topline h2{font-size:29px}
 .table-card .timer{font-size:32px}
 .finance-card strong,.dash-finance strong,.vip-kpis strong{font-size:24px}
}

.stock-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:26px}.stock-kpis article{background:#11161c;border:1px solid #252d36;border-radius:12px;padding:17px}.stock-kpis small{font-size:11px;color:#7b858f}.stock-kpis strong{display:block;font-size:29px;margin-top:9px}.stock-kpis span{display:block;font-size:9px;color:#56616b;margin-top:10px}.stock-alert-card{border-color:#5b4828!important}.stock-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}.stock-item{background:#11161c;border:1px solid #252d36;border-radius:12px;padding:16px}.stock-item.low{border-color:#684132}.stock-item small{font-size:9px;color:#6f7a84}.stock-item h3{font-size:15px;margin:5px 0}.stock-number{display:flex;align-items:baseline;gap:7px;margin-top:18px}.stock-number strong{font-size:32px}.stock-number span{font-size:11px;color:#77828c}.stock-level{font-size:9px;color:#55d485;margin-top:8px}.stock-item.low .stock-level{color:#ff9b76}.stock-move-head,.stock-move-row{display:grid;grid-template-columns:1fr 1.7fr 1fr .8fr 1fr 1fr;gap:10px;align-items:center;padding:11px 16px}.stock-move-head{background:#151b21;color:#66717c;font-size:9px}.stock-move-row{border-top:1px solid #222a32;font-size:11px}.stock-move-row small{display:block;font-size:9px;color:#65707a;margin-top:3px}.stock-plus{color:#59d487;font-weight:900}.stock-minus{color:#ff8d8d;font-weight:900}@media(max-width:1050px){.stock-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.stock-kpis{grid-template-columns:1fr 1fr}.stock-grid{grid-template-columns:1fr 1fr}.stock-move-head{display:none}.stock-move-row{grid-template-columns:1fr 1.5fr .8fr}.stock-move-row span:nth-child(5),.stock-move-row span:nth-child(6){display:none}}@media(max-width:390px){.stock-kpis,.stock-grid{grid-template-columns:1fr}}

.manager-auth-note{border:1px solid #343d47;background:#121820;border-radius:9px;padding:12px;margin:8px 0 14px;font-size:11px;color:#aab4bd;line-height:1.55}
#mauth{font-size:22px!important;letter-spacing:7px;text-align:center;font-weight:900}

/* V10.2 manager auth visibility fix */
.manager-auth-box{margin:16px 0 14px;padding:14px;border:1px solid #3a4652;border-radius:10px;background:#0d1218}
.manager-auth-title{font-size:13px;font-weight:900;color:#f2f4f6;margin-bottom:5px}
.manager-auth-note2{font-size:10px;color:#89949e;margin-bottom:12px}
.manager-auth-box #mauth{display:block!important;width:100%!important;box-sizing:border-box!important;font-size:18px!important;letter-spacing:2px!important;text-align:left!important;font-weight:700!important}

.withdraw-money-btn{background:#eef1f4;color:#080a0d;border:0;border-radius:9px;padding:13px 18px;font-size:11px;font-weight:900;white-space:nowrap}.balance-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0}.balance-cards article{background:#11161c;border:1px solid #29313a;border-radius:12px;padding:16px}.balance-cards small{display:block;color:#84909a;font-size:10px}.balance-cards strong{display:block;font-size:24px;margin:8px 0}.balance-cards span{font-size:8px;color:#59646e}.withdraw-head,.withdraw-row{display:grid;grid-template-columns:1fr 1.3fr 1fr 1fr 1.3fr 1.5fr;gap:10px;align-items:center;padding:11px 16px}.withdraw-head{background:#151b21;color:#66717c;font-size:9px}.withdraw-row{border-top:1px solid #222a32;font-size:11px}.withdraw-row small{display:block;font-size:8px;color:#71808b;margin-top:3px}.withdrawal-panel{margin-top:14px}.withdraw-available{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0 15px}.withdraw-available div{background:#0d1218;border:1px solid #2d3741;border-radius:9px;padding:11px}.withdraw-available span{display:block;font-size:9px;color:#7d8994}.withdraw-available b{display:block;font-size:17px;margin-top:5px}@media(max-width:900px){.balance-cards{grid-template-columns:1fr 1fr}}@media(max-width:680px){.withdraw-money-btn{width:100%;margin-top:10px}.withdraw-head{display:none}.withdraw-row{grid-template-columns:1fr 1.3fr 1fr 1fr}.withdraw-row span:nth-child(5),.withdraw-row span:nth-child(6){display:none}}@media(max-width:390px){.balance-cards{grid-template-columns:1fr}}

/* V12 History / Audit Log */
.history-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:25px}.history-summary article{background:#11161c;border:1px solid #252d36;border-radius:12px;padding:15px}.history-summary small{font-size:10px;color:#84909a}.history-summary strong{display:block;font-size:26px;margin:7px 0}.history-summary span{font-size:8px;color:#59646e}.history-tools{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:14px 0}.history-tabs{display:flex;gap:5px;flex-wrap:wrap}.history-tabs button{background:#121820;border:1px solid #29323b;color:#8995a0;border-radius:8px;padding:10px 12px;font-size:10px;font-weight:800}.history-tabs button.active{background:#eef1f4;color:#080a0d}.history-search{display:flex;gap:7px}.history-search input{background:#10151b;border:1px solid #29323b;color:#e9edf0;border-radius:8px;padding:10px 12px;font-size:11px}.history-search #hSearch{width:240px}.history-panel{border:1px solid #242c34;border-radius:12px;overflow:hidden;background:#0e1318}.history-panel-head{display:flex;justify-content:space-between;padding:13px 16px;background:#12181e}.history-panel-head b{font-size:12px}.history-panel-head span{font-size:9px;color:#66717c}.history-row{display:grid;grid-template-columns:65px 36px 1fr 130px 20px;width:100%;align-items:center;gap:10px;text-align:left;background:transparent;color:#dfe5e9;border:0;border-top:1px solid #202830;padding:13px 16px;cursor:pointer}.history-row:hover{background:#141b22}.history-time{font-size:12px;font-weight:800;color:#89949e}.history-icon{width:31px;height:31px;border:1px solid #34404a;border-radius:8px;display:grid;place-items:center;font-weight:900}.history-icon.bill{color:#70d79a}.history-icon.stock{color:#76b8ff}.history-icon.vip{color:#e7c56e}.history-icon.finance{color:#ff9c82}.history-title{font-size:12px;font-weight:900}.history-sub{font-size:10px;color:#8c98a2;margin-top:3px}.history-meta{font-size:9px;color:#65717b;margin-top:5px}.history-amount{text-align:right;font-size:14px;font-weight:900}.history-arrow{font-size:20px;color:#59646e}.history-detail-top{display:flex;justify-content:space-between;align-items:center;margin:10px 0 15px;padding-bottom:12px;border-bottom:1px solid #29313a;color:#89949e;font-size:10px}.history-detail-top strong{font-size:20px;color:#f0f2f4}.history-detail-row,.history-detail-footer{display:flex;justify-content:space-between;gap:20px;padding:9px 0;border-bottom:1px solid #202830;font-size:11px}.history-detail-row span,.history-detail-footer span{color:#7e8993}.history-detail-footer{margin-top:8px}.manager-approved{margin-top:13px;border:1px solid #3b493d;background:#111a14;border-radius:8px;padding:10px;color:#72d893;font-size:10px;font-weight:900}@media(max-width:1000px){.history-summary{grid-template-columns:repeat(3,1fr)}.history-tools{align-items:stretch;flex-direction:column}.history-search #hSearch{width:100%}.history-search{width:100%}.history-search input{flex:1}}@media(max-width:680px){.history-summary{grid-template-columns:1fr 1fr}.history-row{grid-template-columns:48px 31px 1fr 85px;padding:11px 10px}.history-arrow{display:none}.history-meta{line-height:1.5}.history-search{flex-direction:column}.history-amount{font-size:12px}}

.login-logo {
    width: 160px;
    margin: 0 auto 15px;
}

.login-logo img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}

.sidebar-logo {
    width: 180px;
    max-width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
}

/* Finance custom date range */
.range-date-picker{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.range-date-label{font-size:11px;color:var(--muted,#7f8b99);font-weight:700}
.range-date-picker input[type="date"]{min-width:138px}
@media(max-width:900px){.range-date-picker{width:100%}.range-date-picker input[type="date"]{flex:1;min-width:125px}}

/* Quick Sale */
.qs-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;margin-top:27px;align-items:start}.qs-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:13px}.qs-tabs button{border:1px solid #2c3540;background:#11161c;color:#7e8994;border-radius:8px;padding:9px 12px;font-size:9px;font-weight:900;cursor:pointer}.qs-tabs button.active{background:#eef1f4;color:#080a0d}.qs-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.qs-product{min-height:105px;text-align:left;border:1px solid #27313a;background:linear-gradient(145deg,#12171d,#0e1217);color:#fff;border-radius:11px;padding:14px;cursor:pointer}.qs-product span,.qs-product b,.qs-product small{display:block}.qs-product span{font-weight:850;font-size:12px}.qs-product b{font-size:17px;margin-top:10px}.qs-product small{font-size:8px;color:#75808b;margin-top:5px}.qs-product:disabled{opacity:.35;cursor:not-allowed}.qs-cart-panel{position:sticky;top:92px;width:auto;height:auto;inset:auto;background:#10151b;border:1px solid #29323b;border-radius:13px;padding:18px;z-index:1}.qs-cart-panel h3{margin:5px 0 15px}.qs-cart-row{display:grid;grid-template-columns:minmax(0,1fr) auto 75px;align-items:center;gap:9px;padding:11px 0;border-bottom:1px solid #222a32;font-size:10px}.qs-cart-row small{display:block;color:#727e89;margin-top:3px}.qs-cart-row>strong{text-align:right}.qs-empty{text-align:center;color:#697580;padding:35px 5px;font-size:10px}.qs-total{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #2b343d;margin-top:12px;padding-top:16px;font-size:12px}.qs-total strong{font-size:24px}.qs-pay{margin-top:14px}.qs-clear{width:100%;height:40px;margin-top:8px;border:1px solid #303944;background:#171d24;color:#9ca7b1;border-radius:8px;font-size:9px;font-weight:900;cursor:pointer}.qs-pay-methods{grid-template-columns:repeat(3,1fr)}@media(max-width:1000px){.qs-layout{grid-template-columns:1fr}.qs-cart-panel{position:static}.qs-products{grid-template-columns:repeat(3,1fr)}}@media(max-width:680px){.qs-products{grid-template-columns:1fr 1fr}.qs-layout{gap:12px}.qs-cart-row{grid-template-columns:minmax(0,1fr) auto 65px}.qs-pay-methods{grid-template-columns:1fr}}