@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap');
:root{--bg:#e7ebf9;--paper:#fffdf9;--ink:#101537;--muted:#656e92;--line:#ffa852;--acc:#0f1435;--acc2:#161e4d;--gold:#fa8039;--gold2:#ffa852;--red:#d21730;--ok:#1fae72;--serif:'Plus Jakarta Sans','Manrope',Arial,sans-serif;--sans:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box;margin:0}body{font:14px/1.55 var(--sans);background:var(--bg);color:var(--ink);letter-spacing:.005em}a{color:inherit}
.top{display:flex;align-items:center;gap:8px;background:var(--acc);color:#fff0e5;padding:0 30px;height:76px;position:sticky;top:0;z-index:5;border-bottom:1px solid rgba(255,168,82,.32);box-shadow:0 8px 24px #0f143514}.top img{height:35px;width:auto;object-fit:contain;margin-right:12px}.top b{font:500 21px var(--serif);letter-spacing:.16em;margin-right:28px;color:var(--gold2)}.top a{color:#baaff1;text-decoration:none;padding:10px 15px;border-radius:2px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;transition:.2s}.top a:hover,.top a.on{background:transparent;color:var(--gold2)}.top a.on{box-shadow:inset 0 -2px var(--gold)}.top .sp{margin-left:auto;font-size:12px;color:#9d8deb;margin-right:10px;letter-spacing:.04em}
input,select{padding:12px 13px;border:1px solid var(--line);border-radius:3px;font:inherit;background:var(--paper);color:var(--ink);width:100%;outline:none;transition:border .2s,box-shadow .2s}input:focus,select:focus{border-color:var(--gold);box-shadow:0 0 0 3px #fa80391c}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--acc);color:#fffaf2;border:1px solid var(--acc);border-radius:3px;padding:12px 18px;font:600 11px var(--sans);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;text-decoration:none;transition:transform .2s,background .2s}.btn:hover{background:#1c255f;transform:translateY(-1px)}.btn.gh{background:transparent;color:var(--acc);border:1px solid #ffa852}.btn.gh:hover{background:#d6dcf5}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn.big{width:100%;padding:17px;font-size:12px;background:var(--gold);border-color:var(--gold);color:#0e122f;letter-spacing:.13em}.btn.big:hover{background:var(--gold2)}
.pos{display:grid;grid-template-columns:minmax(0,1fr) 420px;min-height:calc(100vh - 76px);height:calc(100vh - 76px)}.left{padding:30px 34px;overflow:auto}.bar{display:flex;gap:12px;margin-bottom:18px}.bar input{background:var(--paper);padding:15px 17px;border-radius:3px}.bar .btn{white-space:nowrap}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.chips button{border:1px solid #ffa852;background:transparent;color:#596181;border-radius:2px;padding:8px 15px;font:500 10px var(--sans);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:.2s}.chips button:hover{border-color:var(--gold)}.chips .on{background:var(--acc);color:var(--gold2);border-color:var(--acc)}
.pg{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:18px}.pt{background:var(--paper);border:1px solid #ffa852;border-radius:3px;padding:10px 10px 15px;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:5px;font:inherit;color:inherit;min-width:0;transition:transform .25s,box-shadow .25s,border-color .25s}.pt:hover:not(:disabled){border-color:#ff850b;box-shadow:0 14px 30px #13194012;transform:translateY(-4px)}.pt:disabled{opacity:.5;cursor:not-allowed}.pt img,.ph{width:100%;aspect-ratio:4/4.6;object-fit:cover;border-radius:2px;background:var(--tint,#ffa852);margin-bottom:8px}.pt b{font:500 16px/1.3 var(--serif);padding:0 3px}.pt span{color:#596180;font-size:12px;padding:0 3px}.pt i{font-style:normal;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--ok);padding:5px 3px 0}.pt i.low{color:var(--red)}
.right{background:var(--paper);border-left:1px solid #ffa852;display:flex;flex-direction:column;min-height:0;box-shadow:-12px 0 35px #0f143307}.rh{display:flex;justify-content:space-between;align-items:center;padding:23px 24px;border-bottom:1px solid var(--line);background:#fff0e5}.rh b{font:500 23px var(--serif)}.rh span{font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);padding:6px 9px}.cart{flex:1;overflow:auto;padding:8px 24px}.empty{color:var(--muted);text-align:center;padding:55px 10px;font:italic 17px var(--serif);line-height:1.8}.li{display:grid;grid-template-columns:1fr auto;gap:4px 10px;padding:16px 0;border-bottom:1px solid #d4daf4}.li b{font:500 16px var(--serif)}.li small{color:var(--muted);font-size:11px}.qty{display:flex;align-items:center;gap:9px;grid-row:1/3;grid-column:2}.qty button{width:28px;height:28px;border:1px solid #ffa852;background:#fffdf9;border-radius:2px;cursor:pointer;color:var(--acc);font-size:17px}.qty button:hover{background:#d8def5}.qty span{min-width:18px;text-align:center;font-size:12px}
.sum{padding:18px 24px 22px;border-top:1px solid var(--line);display:grid;gap:11px;background:#fff0e5}.row2{display:grid;grid-template-columns:1fr 75px 70px;gap:8px}.row2 label{font-size:10px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;display:grid;gap:5px}.row2 input,.row2 select{padding:9px}.c2{grid-template-columns:1fr 1fr}.ln{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.ln b{color:var(--ink)}.ln.t{color:var(--ink);font:500 26px var(--serif);padding:10px 0;border-top:1px solid #ffa852;margin-top:1px}.ln.t b{font:600 26px var(--serif);color:#db5406}.meth{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.meth button{padding:10px 5px;border:1px solid #ffa852;background:transparent;border-radius:2px;font:600 10px var(--sans);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.meth .on{background:var(--acc);color:var(--gold2);border-color:var(--acc)}.quick{display:flex;gap:6px;flex-wrap:wrap;margin:7px 0}.quick button{padding:6px 10px;border:1px solid #ffa852;background:#fffdf9;border-radius:2px;cursor:pointer;font:11px var(--sans)}#cashbox[hidden]{display:none}
.modal{position:fixed;inset:0;background:rgba(9,12,32,.76);display:grid;place-items:center;z-index:50;backdrop-filter:blur(5px)}.modal[hidden]{display:none}.mb{background:var(--paper);border:1px solid var(--gold);padding:38px;width:360px;text-align:center;display:grid;gap:12px;box-shadow:0 24px 80px #00000044}.mb h2{font:500 28px var(--serif)}.ok{color:var(--ok);font-size:38px}
.wrap{max-width:1480px;margin:0 auto;padding:42px 46px}h1{font:500 34px/1.2 var(--serif);margin-bottom:24px;color:var(--acc)}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.card{background:var(--paper);border:1px solid #ffa852;border-radius:3px;padding:23px;box-shadow:0 6px 20px #0f143304}.card small{color:var(--muted);display:block;font-size:11px;letter-spacing:.04em}.card>b{display:block;font:500 27px var(--serif);margin:7px 0;color:var(--acc)}.two{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}.two h1{font-size:23px;margin-bottom:13px}.two .card>b{font-size:18px;margin:0 0 18px}.bars{display:flex;gap:12px;align-items:flex-end;height:165px}.bars div{flex:1;display:grid;justify-items:center;gap:6px;align-content:end;height:100%}.bars i{display:block;width:65%;background:linear-gradient(180deg,var(--gold2),var(--gold));border-radius:2px 2px 0 0;min-height:2px}.bars span,.bars small{font-size:10px;color:var(--muted)}table{width:100%;border-collapse:separate;border-spacing:0;background:var(--paper);border:1px solid #ffa852;overflow:hidden}th,td{padding:13px 14px;border-bottom:1px solid #d4daf4;text-align:left;font-size:12px}th{background:#dae0f6;font-size:10px;color:#3920b5;letter-spacing:.09em;text-transform:uppercase}td input{padding:8px 9px}tr:last-child td{border-bottom:0}tr:hover td{background:#fff0e5}.bars+small{color:var(--muted)}.login{max-width:420px;margin:80px auto;background:var(--paper);border:1px solid #ffa852;padding:38px;display:grid;gap:14px;box-shadow:0 20px 70px #0f143510}.login h1{font-size:32px;margin-bottom:4px}.err{color:var(--red)}.note{color:var(--muted);font-size:12px}.form2{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;background:var(--paper);border:1px solid #ffa852;padding:18px;margin-bottom:22px}.form2 button{align-self:stretch}
@media(max-width:1150px){.pos{grid-template-columns:minmax(0,1fr) 390px}.left{padding:22px}.pg{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.top{padding:0 18px}.wrap{padding:30px 22px}}
@media(max-width:900px){.top{height:auto;min-height:70px;flex-wrap:wrap;padding:12px 16px;gap:4px}.top img{height:28px}.top b{font-size:17px;margin-right:8px}.top a{padding:8px;font-size:10px}.top .sp{display:none}.pos{grid-template-columns:1fr;height:auto;min-height:calc(100vh - 70px)}.right{border-left:0;border-top:1px solid var(--line);min-height:680px}.cards{grid-template-columns:1fr 1fr}.two,.form2{grid-template-columns:1fr}.left{padding:20px 16px}.wrap{padding:26px 16px}}
@media(max-width:520px){.pg{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pt{padding:7px 7px 12px}.pt b{font-size:14px}.bar{flex-direction:column}.cards{gap:9px}.card{padding:15px}.card>b{font-size:21px}.sum{padding:16px}.cart{padding:6px 16px}.rh{padding:18px 16px}.wrap h1{font-size:29px}}

/* Back-office workspace components */
.pagehead{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.pagehead h1{margin:5px 0 7px}.eyebrow{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-weight:700}.muted{color:var(--muted);font-size:13px}.filterbar{display:flex;align-items:end;gap:10px;flex-wrap:wrap;background:var(--paper);border:1px solid var(--line);padding:14px;margin-bottom:18px}.filterbar>input{flex:1;min-width:220px}.filterbar label{display:grid;gap:5px;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);min-width:150px}.filterbar label input{padding:10px}.cards.three{grid-template-columns:repeat(3,minmax(0,1fr))}.tablewrap{overflow:auto;border-radius:3px}.tablewrap table{min-width:760px}.subcell{display:block;color:var(--muted);font-size:11px;margin-top:3px}.pill{display:inline-block;border:1px solid var(--line);padding:4px 8px;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#2f1a95}.tablelink{color:#db5406;text-decoration:none;font-weight:700;white-space:nowrap}.tablelink:hover{text-decoration:underline}.blank{text-align:center;padding:30px;color:var(--muted)}
@media(max-width:700px){.pagehead{align-items:flex-start;flex-direction:column}.cards.three{grid-template-columns:1fr}.filterbar>*{width:100%;min-width:0!important}.top{overflow-x:auto;flex-wrap:nowrap}.top a{white-space:nowrap}}

/* Stock health + loyalty feedback */
.pt.stock-low{border:1px solid #f49da9;background:#fff5f5}.pt.stock-low i{color:#b01429;font-weight:700}.pt.stock-low:hover:not(:disabled){border-color:#e82b45;box-shadow:0 12px 26px #b0142918}
.pt.stock-out{background:#951122;border-color:#951122;color:#fff7f7;opacity:.94}.pt.stock-out img,.pt.stock-out .ph{opacity:.78}.pt.stock-out b,.pt.stock-out span{color:#fff7f7}.pt.stock-out i,.pt .stock-out-text{color:#ffe0e4}.pt.stock-out:disabled{cursor:not-allowed}
.loyalty-note{font-size:10px;line-height:1.5;padding:9px 11px;border:1px solid #ffa852;background:#fffdf9;color:#596180;letter-spacing:.02em}.loyalty-note.reward{background:#fff0e5;border-color:#ffa54b;color:#bd4805;font-weight:700}.loyalty-note.loyal{background:#fce3e6;border-color:#f5a7b1;color:#951122;font-weight:700}.loyalty-row b{color:#951122}.inventory-table tr.stock-low td:first-child{border-left:4px solid #f49aa6}.inventory-table tr.stock-out td:first-child{border-left:4px solid #ffffff}

/* Unified TezBill back-office polish */
.notice{padding:13px 16px;margin:0 0 18px;background:#fff0e5;border:1px solid #ffa852;color:#1e2869;font-size:12px;letter-spacing:.02em}
.unpaid-hint{padding:10px 12px;background:#ffeff1;border:1px solid #f397a3;color:#951122;font-size:10px;line-height:1.5;letter-spacing:.045em}
.meth{grid-template-columns:repeat(3,minmax(0,1fr))}.meth button{min-height:38px;line-height:1.3}.meth button[data-m="COD"],.meth button[data-m="Friends"]{font-size:9px;letter-spacing:.025em}
.pill-unpaid,.status-unpaid{color:#951122;background:#ffeff1;border-color:#f397a3;font-weight:700}.status-paid{color:#1c9f68;font-weight:700}.red-value{color:#951122!important}
.unpaid-row td{background:#fffafa}.unpaid-row td:first-child{border-left:3px solid #e72741}.btn-small{padding:8px 10px;font-size:9px;letter-spacing:.06em;white-space:nowrap}.unpaid-row form,.tablewrap td form{margin:0}.expense-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:18px;margin-bottom:20px}.section-title{font:500 22px var(--serif);margin:7px 0 18px;color:var(--acc)}.expense-form{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-bottom:14px}.expense-form label{display:grid;gap:6px;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.09em}.expense-form .full{grid-column:1/-1}.expense-form button{align-self:end}.expense-breakdown{min-height:260px}.expense-bar-row{margin:17px 0}.expense-bar-row>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:12px;margin-bottom:7px}.expense-bar-row strong{font-weight:600}.expense-track{height:6px;background:#d2d9f4;overflow:hidden}.expense-track i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--gold2));min-width:2px}.card a{color:#db5406;text-decoration:none;font-size:11px}.card a:hover{text-decoration:underline}
@media(max-width:850px){.expense-layout{grid-template-columns:1fr}.expense-form{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.expense-form{grid-template-columns:1fr}.expense-form .full{grid-column:auto}.meth{grid-template-columns:repeat(2,minmax(0,1fr))}.meth button[data-m="Friends"]{grid-column:auto}}
/* Required customer identity fields */
.customer-fields { align-items: start; gap: 10px; }
.customer-fields label { display:block; min-width:0; color:var(--muted,#656e92); font-size:11px; font-weight:700; letter-spacing:.04em; }
.customer-fields input { display:block; box-sizing:border-box; width:100%; margin-top:6px; }
.required-mark { color:#b8142a; font-weight:800; }
#cn[aria-invalid="true"], #cp[aria-invalid="true"] { border-color:#da1832 !important; box-shadow:0 0 0 2px rgba(218,24,50,.08); }
#cn[aria-invalid="false"], #cp[aria-invalid="false"] { border-color:#33db95; }
#phonehelp { display:block; margin-top:5px; font-size:10px; line-height:1.45; color:#687195; font-weight:400; letter-spacing:0; }
.phone-validation { margin:8px 0 4px; padding:8px 10px; border-radius:7px; font-size:11px; line-height:1.4; }
.phone-validation.invalid { background:#ffeff1; color:#af1328; }
.phone-validation.valid { background:#e5f9f0; color:#146f49; }

.whatsapp-btn{background:#15794f;border-color:#15794f;color:#ffffff;white-space:nowrap}.whatsapp-btn:hover{background:#11603f;border-color:#11603f}.btn-small{padding:8px 10px;font-size:9px}

/* TezBill Intelligence dashboard + reporting suite */
.dash-wrap,.reports-wrap{max-width:1600px;padding-top:30px}.dash-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding:30px 34px;margin-bottom:28px;background:linear-gradient(115deg,#0f1435 0%,#151c4a 62%,#1c2662 100%);color:#fff0e5;position:relative;overflow:hidden;border:1px solid #1d2662;box-shadow:0 16px 35px #0f143514}.dash-hero:after{content:'O';position:absolute;right:23%;top:-76px;font:300 260px/1 var(--serif);color:#ffa852;opacity:.055;pointer-events:none}.dash-hero .eyebrow{color:#ffa852}.dash-hero h1{font-size:38px;color:#fff0e5;margin:10px 0 9px;letter-spacing:-.025em}.dash-hero p{color:#ffa852;font-size:13px}.hero-meta{display:grid;grid-template-columns:auto auto;align-items:center;gap:8px 10px;min-width:235px;z-index:1}.hero-meta>span:not(.live-dot){font-size:9px;letter-spacing:.14em;color:#ffa852}.hero-meta b{grid-column:1/-1;font:500 14px var(--serif);color:#fff0e5;margin-bottom:8px}.live-dot{width:7px;height:7px;border-radius:50%;background:#7de8bb;box-shadow:0 0 0 4px #7de8bb1e}.gold-btn{background:#ffa852;border-color:#ffa852;color:#0f1435}.gold-btn:hover{background:#ffa852;color:#0f1435}.section-kicker{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 13px;font-size:9px;letter-spacing:.16em;font-weight:700;color:#4125cf}.section-kicker-space{margin-top:28px}.section-kicker a{font-size:11px;color:#db5406;text-decoration:none;letter-spacing:0;text-transform:none}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.metric-card{min-width:0;position:relative;overflow:hidden;background:var(--paper);border:1px solid var(--line);padding:20px 21px 18px;box-shadow:0 8px 22px #0f143505}.metric-featured{background:#d5dbf4;border-color:#ffa852}.metric-top,.metric-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px}.metric-top>span:first-child{font-size:11px;color:#5a6282}.metric-icon{display:grid;place-items:center;width:28px;height:28px;border:1px solid #ffa852;color:#f96007;font-size:15px}.metric-card>strong{display:block;margin:14px 0 13px;font:500 clamp(23px,2vw,31px)/1.1 var(--serif);letter-spacing:-.025em;color:var(--acc);white-space:nowrap}.metric-card .value-red{color:#b9152b}.metric-bottom{font-size:10px;color:#626b8e}.metric-tag{font-size:8px;letter-spacing:.1em;border:1px solid #ffa852;padding:4px 6px;color:#db5406}.trend-chip{font-size:10px;font-weight:700;padding:4px 7px}.trend-chip.up{color:#188558;background:#dff7ec}.trend-chip.down{color:#b31429;background:#fce0e4}.metric-foot{display:block;margin-top:10px;color:#70799c;font-size:9px;line-height:1.45}.metric-spark{height:23px;display:flex;align-items:flex-end;gap:4px;margin-top:13px;opacity:.75}.metric-spark i{flex:1;background:#f96916;display:block;min-height:3px}.dash-grid-main{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(330px,1fr);gap:16px;margin-bottom:16px}.dash-grid-lower{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,1fr);gap:16px;margin-top:16px}.panel{background:var(--paper);border:1px solid var(--line);box-shadow:0 8px 24px #0f143505;min-width:0}.chart-panel,.side-panel,.dash-grid-lower>.panel{padding:24px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px}.panel-head h2,.report-title-row h2{font:500 23px/1.25 var(--serif);color:var(--acc);margin:5px 0 6px}.panel-head p,.report-title-row p{font-size:11px;color:var(--muted);line-height:1.5}.chart-total{text-align:right;white-space:nowrap}.chart-total small{display:block;color:var(--muted);font-size:8px;letter-spacing:.12em}.chart-total strong{display:block;font:500 19px var(--serif);margin-top:4px}.line-chart-wrap{width:100%;height:205px}.line-chart{width:100%;height:100%;overflow:visible}.chart-axis{display:flex;justify-content:space-between;gap:6px;margin-top:8px;padding:0 2px}.chart-axis span{font-size:9px;color:#7981a2}.chart-axis b{font-weight:600;color:#351ea7}.status-orb{display:grid;place-items:center;width:34px;height:34px;background:#d5dbf4;border:1px solid #ffa852;color:#f45e06}.health-list>div{display:grid;grid-template-columns:35px minmax(0,1fr) auto;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid #d4daf4}.health-symbol{display:grid;place-items:center;width:31px;height:31px;background:#fff0e5;color:#f45e06;font-size:15px}.health-list span:nth-child(2){display:grid;gap:3px}.health-list small{font-size:10px;color:var(--muted)}.health-list b{font-size:12px;font-weight:600}.health-list a,.health-footer a{font-size:10px;color:#db5406;text-decoration:none;white-space:nowrap}.health-footer{display:grid;grid-template-columns:1fr auto;gap:8px;padding-top:17px;margin-top:2px}.health-footer span{font-size:11px;color:var(--muted)}.health-footer strong{font:500 16px var(--serif)}.health-footer a{grid-column:1/-1}.rank-row{display:grid;grid-template-columns:34px minmax(110px,1fr) minmax(70px,1fr) auto;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #d4daf4}.rank-row:last-child{border-bottom:0}.rank-number{font:500 13px var(--serif);color:#fa8039}.rank-name{display:grid;gap:4px;min-width:0}.rank-name b{font:500 14px var(--serif);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-name small{font-size:9px;color:var(--muted)}.rank-bar{height:4px;background:#d4daf4;overflow:hidden}.rank-bar i{display:block;height:100%;background:linear-gradient(90deg,#f96916,#ffa852)}.rank-row>strong{font-size:11px;white-space:nowrap}.payment-summary{display:grid;grid-template-columns:150px minmax(0,1fr);gap:19px;align-items:center}.donut{width:145px;height:145px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#0f1435 0deg,#fa8039 100deg,#ffa852 190deg,#6e779b 270deg,#e82f48 330deg,#0f1435 360deg);position:relative}.donut:before{content:'';position:absolute;inset:12px;border-radius:50%;background:var(--paper)}.donut>div{position:relative;display:grid;text-align:center;gap:4px;padding:0 8px}.donut strong{font:500 14px var(--serif);overflow-wrap:anywhere}.donut small{font-size:9px;color:var(--muted)}.payment-legend{display:grid;gap:12px;min-width:0}.payment-legend>div{display:grid;grid-template-columns:7px minmax(0,1fr) auto;gap:8px;align-items:start}.payment-legend>div>i{width:7px;height:7px;margin-top:5px}.payment-legend span{font-size:10px;line-height:1.3}.payment-legend span small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.payment-legend b{font-size:10px;white-space:nowrap}.report-link{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:21px;padding-top:14px;color:#db5406;font-size:10px;text-decoration:none}.text-link{font-size:10px;color:#db5406;text-decoration:none;font-weight:700;white-space:nowrap}.recent-panel{overflow:hidden}.recent-panel .tablewrap table{min-width:900px}.invoice-id{color:#db5406;letter-spacing:.03em}.state-pill{display:inline-block;padding:4px 7px;font-size:9px;letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--line);white-space:nowrap}.state-good{color:#1a9361;background:#e8f9f1;border-color:#c9f2df}.state-danger{color:#b01429;background:#ffeff1;border-color:#f6b2bc}.stock-alert-panel{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;padding:15px 18px;background:#fff5f4;border:1px solid #f6b2bc}.stock-alert-panel>div{display:flex;align-items:center;gap:12px}.alert-mark{display:grid;place-items:center;width:30px;height:30px;background:#b9152b;color:#ffffff;font-weight:700}.stock-alert-panel b,.stock-alert-panel small{display:block}.stock-alert-panel b{font-size:12px;color:#931022}.stock-alert-panel small{font-size:10px;color:#482bda;margin-top:3px}.empty-state{padding:25px 0;color:var(--muted);font-size:12px}
.report-head-actions{display:flex;gap:8px;flex-wrap:wrap}.report-toolbar{margin-bottom:25px}.report-tabs{display:flex;gap:6px;overflow:auto;padding:0 0 12px;margin-bottom:10px}.report-tabs a{flex:0 0 auto;padding:10px 13px;border:1px solid var(--line);background:var(--paper);color:#565d7b;text-decoration:none;font-size:10px;white-space:nowrap}.report-tabs a.active{background:var(--acc);color:var(--gold2);border-color:var(--acc)}.report-filter{margin:0}.report-filter label{min-width:160px}.report-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:27px 0 18px}.report-title-row h2{font-size:29px}.period-chip{padding:12px 15px;border:1px solid var(--line);background:#fff0e5;white-space:nowrap}.period-chip small,.period-chip b{display:block}.period-chip small{font-size:8px;letter-spacing:.12em;color:var(--muted)}.period-chip b{font:500 12px var(--serif);margin-top:5px}.report-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.report-kpis article{padding:17px 18px;border:1px solid var(--line);background:var(--paper);min-width:0}.report-kpis small,.report-kpis span{display:block;color:var(--muted);font-size:10px}.report-kpis strong{display:block;font:500 clamp(17px,1.8vw,24px) var(--serif);margin:9px 0;overflow-wrap:anywhere}.report-chart-panel,.report-table-panel{padding:23px;margin-bottom:16px}.report-bars{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px}.report-bar-row{min-width:0}.report-bar-label{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;font-size:10px}.report-bar-label span{color:#361eab;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.report-bar-label b{font-size:10px;white-space:nowrap}.report-bar-track{height:7px;background:#d4daf4}.report-bar-track i{display:block;height:100%;min-width:2px;background:linear-gradient(90deg,#f96007,#ffa852)}.report-table-panel .panel-head{margin-bottom:16px}.report-table-panel .tablewrap table{min-width:900px}.report-table-foot{display:flex;justify-content:space-between;gap:10px;padding-top:13px;color:var(--muted);font-size:9px}.report-disclaimer{font-size:10px;line-height:1.6;color:var(--muted);margin:16px 0}.report-filter .btn,.report-head-actions .btn{width:auto}.reports-wrap .filterbar{align-items:flex-end}
@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-grid-main{grid-template-columns:minmax(0,1.3fr) minmax(300px,1fr)}.dash-grid-lower{grid-template-columns:1fr}.payment-summary{grid-template-columns:140px minmax(0,1fr)}}
@media(max-width:800px){.dash-hero{align-items:flex-start;flex-direction:column;padding:24px}.hero-meta{grid-template-columns:auto auto;min-width:0}.dash-grid-main{grid-template-columns:1fr}.dash-grid-lower{grid-template-columns:1fr}.report-title-row{align-items:flex-start;flex-direction:column}.report-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.report-bars{grid-template-columns:1fr}.report-head-actions{width:100%}.report-head-actions .btn{flex:1}.chart-panel,.side-panel,.dash-grid-lower>.panel{padding:18px}}
@media(max-width:520px){.dash-wrap,.reports-wrap{padding:18px 12px}.dash-hero h1{font-size:29px}.metric-grid{gap:8px}.metric-card{padding:14px}.metric-card>strong{font-size:21px}.metric-bottom{align-items:flex-start;flex-direction:column}.metric-tag{display:none}.payment-summary{grid-template-columns:1fr}.donut{margin:0 auto}.rank-row{grid-template-columns:25px minmax(0,1fr) 75px}.rank-bar{display:none}.rank-row>strong{font-size:10px}.report-kpis{grid-template-columns:1fr 1fr}.report-title-row h2{font-size:25px}.period-chip{white-space:normal}.report-head-actions .btn{font-size:9px;padding:10px 8px}.report-filter label{min-width:100%}.report-table-foot{flex-direction:column}.stock-alert-panel{align-items:flex-start;flex-direction:column}}
@media print{.top,.report-head-actions,.report-toolbar,.btn,.text-link,.report-tabs{display:none!important}.wrap{max-width:none;padding:0}.panel,.report-kpis article{box-shadow:none;break-inside:avoid}.report-table-panel .tablewrap{overflow:visible}.report-table-panel .tablewrap table{min-width:0;font-size:8px}th,td{padding:5px;font-size:8px}.report-disclaimer{color:#1c224a}}


/* TEZBILL — persistent light/dark appearance */
html{color-scheme:light;transition:background-color .2s,color .2s}
html[data-theme="dark"]{color-scheme:dark}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;margin-left:8px;padding:9px 12px;border:1px solid rgba(255,168,82,.38);border-radius:3px;background:rgba(255,255,255,.045);color:#ffa852;font:600 10px var(--sans);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}
.theme-toggle:hover{background:rgba(255,168,82,.13);border-color:var(--gold2);transform:translateY(-1px)}
.theme-toggle-icon{font-size:16px;line-height:1}
.theme-toggle:focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
html[data-theme="dark"] body{--bg:#0b0e1e;--paper:#12152e;--ink:#dce1f6;--muted:#909cca;--line:#1e254f;--acc:#ffa852;--acc2:#161e4d;--gold:#ff8d1a;--gold2:#ffa852;--red:#f18492;--ok:#69e4b1;background:var(--bg);color:var(--ink)}
html[data-theme="dark"] body{background-image:radial-gradient(ellipse at 15% 0%,rgba(250,128,57,.045),transparent 38%)}
html[data-theme="dark"] .top{background:#0c0f20;border-bottom-color:#1c2662;color:#fff0e5}
html[data-theme="dark"] .top a{color:#bcb1f1}
html[data-theme="dark"] .top a:hover,html[data-theme="dark"] .top a.on{color:#ffa852}
html[data-theme="dark"] .theme-toggle{background:#151937;color:#ffa852;border-color:#ba4705}
html[data-theme="dark"] h1,html[data-theme="dark"] .panel-head h2,html[data-theme="dark"] .report-title-row h2{color:#fff0e5}
html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{background:#0e1124!important;color:#dce1f6!important;border-color:#252e63!important}
html[data-theme="dark"] input::placeholder,html[data-theme="dark"] textarea::placeholder{color:#7981a2}
html[data-theme="dark"] .btn{background:#ffa852;color:#0e1332;border-color:#ffa852}
html[data-theme="dark"] .btn:hover{background:#ffa852;color:#0e1332}
html[data-theme="dark"] .btn.gh{background:transparent;color:#ffa852;border-color:#2e1a91}
html[data-theme="dark"] .btn.gh:hover{background:#181d40}
html[data-theme="dark"] .btn.big{background:#ff8d1a;color:#0d112c;border-color:#ff8d1a}
html[data-theme="dark"] .pt,html[data-theme="dark"] .card,html[data-theme="dark"] .panel,html[data-theme="dark"] .metric-card,html[data-theme="dark"] .report-kpis article,html[data-theme="dark"] .login,html[data-theme="dark"] .form2,html[data-theme="dark"] .filterbar,html[data-theme="dark"] .period-chip{background:var(--paper);border-color:var(--line);color:var(--ink)}
html[data-theme="dark"] .pt:hover:not(:disabled){border-color:#fa8039;box-shadow:0 14px 30px #00000055}
html[data-theme="dark"] .pt img,html[data-theme="dark"] .pt .ph{background:#191e41}
html[data-theme="dark"] .pt span,html[data-theme="dark"] .pt i{color:#96a1cc}
html[data-theme="dark"] .pt i.low,html[data-theme="dark"] .value-red{color:#ffa7b3}
html[data-theme="dark"] .right{background:#101329;border-color:#1e254f;box-shadow:-12px 0 35px #00000022}
html[data-theme="dark"] .rh,html[data-theme="dark"] .sum{background:#141833;border-color:#1e254f}
html[data-theme="dark"] .rh b,html[data-theme="dark"] .ln b,html[data-theme="dark"] .ln.t,html[data-theme="dark"] .li b,html[data-theme="dark"] .qty button{color:var(--ink)}
html[data-theme="dark"] .ln.t{border-color:#29326d}
html[data-theme="dark"] .ln.t b{color:#ffa852}
html[data-theme="dark"] .li,html[data-theme="dark"] .health-list>div,html[data-theme="dark"] .rank-row{border-color:#1d244e}
html[data-theme="dark"] .qty button,html[data-theme="dark"] .quick button,html[data-theme="dark"] .meth button{background:#151a39;color:#ffa852;border-color:#262e64}
html[data-theme="dark"] .meth .on{background:#ffa852;color:#0e1332;border-color:#ffa852}
html[data-theme="dark"] table{background:var(--paper);border-color:var(--line);color:var(--ink)}
html[data-theme="dark"] th{background:#181d40;color:#ffa852;border-color:#202856}
html[data-theme="dark"] td{border-color:#1d244e}
html[data-theme="dark"] tr:hover td{background:#161a39}
html[data-theme="dark"] .dash-hero{background:linear-gradient(115deg,#0c0f20 0%,#141936 62%,#161e4d 100%);border-color:#1d2663}
html[data-theme="dark"] .metric-featured{background:#12183d;border-color:#bb4805}
html[data-theme="dark"] .metric-top>span:first-child{color:#9c8ceb}
html[data-theme="dark"] .metric-card>strong{color:#fff0e5}
html[data-theme="dark"] .metric-tag{border-color:#291784;color:#ffa449}
html[data-theme="dark"] .trend-chip.up{color:#91ecc6;background:#121946}
html[data-theme="dark"] .trend-chip.down{color:#ffacb7;background:#161d4b}
html[data-theme="dark"] .chart-axis span,html[data-theme="dark"] .chart-axis b{color:#909cca}
html[data-theme="dark"] .status-orb,html[data-theme="dark"] .health-symbol{background:#12183d;border-color:#212b70;color:#ffa142}
html[data-theme="dark"] .rank-bar,html[data-theme="dark"] .report-bar-track{background:#1e2550}
html[data-theme="dark"] .donut:before{background:var(--paper)}
html[data-theme="dark"] .report-tabs a{background:var(--paper);border-color:var(--line);color:#b4a8f0}
html[data-theme="dark"] .report-tabs a.active{background:#ffa852;color:#0e1332;border-color:#ffa852}
html[data-theme="dark"] .report-bar-label span{color:#b3a7f0}
html[data-theme="dark"] .report-disclaimer{color:#909cca}
html[data-theme="dark"] .stock-alert-panel{background:#131941;border-color:#a61226}
html[data-theme="dark"] .stock-alert-panel b{color:#ffb4be}
html[data-theme="dark"] .stock-alert-panel small{color:#f17d8d}
html[data-theme="dark"] .state-good{color:#a5efd0;background:#121946;border-color:#157a50}
html[data-theme="dark"] .state-danger{color:#ffb0bb;background:#161d4b;border-color:#a61226}
html[data-theme="dark"] .modal{background:rgba(5,4,6,.82)}
html[data-theme="dark"] .mb{background:#12152e;border-color:#ef5c06;color:var(--ink)}
html[data-theme="dark"] .login h1{color:#fff0e5}
html[data-theme="dark"] .chips button{color:#a7b0d4;border-color:#262f65}
html[data-theme="dark"] .chips .on{background:#ffa852;color:#0e1332;border-color:#ffa852}
html[data-theme="dark"] .pos .left>div:first-child{border-color:#202755!important}
html[data-theme="dark"] .pos .left>div:first-child>div:nth-child(1)>div:nth-child(2){color:#fff0e5!important}
html[data-theme="dark"] .pos .left>div:first-child>div:nth-child(1)>div:nth-child(3){color:#909cca!important}
html[data-theme="dark"] .pos .left>div:first-child>div:nth-child(2){color:#ffa74e!important}
html[data-theme="dark"] .pos .bar input{background:#0e1124}
html[data-theme="dark"] .empty,html[data-theme="dark"] .note,html[data-theme="dark"] .muted{color:var(--muted)}
html[data-theme="dark"] .form2,html[data-theme="dark"] .filterbar{box-shadow:none}
@media(max-width:900px){.theme-toggle{margin-left:auto;padding:8px 10px}.theme-toggle-label{font-size:9px}}
@media(prefers-reduced-motion:reduce){html,body,*{transition:none!important;scroll-behavior:auto!important}}

/* TEZBILL — robust theme and responsive navigation patch */
:root{color-scheme:light;--surface-raised:#fffdf9;--surface-soft:#fff0e5;--border-strong:#ffa852;--text-strong:#101537;--text-soft:#656e92}
html[data-theme="dark"]{color-scheme:dark;--bg:#0b0e1e;--paper:#12152e;--ink:#dce1f6;--muted:#909cca;--line:#1e254f;--acc:#ffa852;--acc2:#161e4d;--gold:#ff8d1a;--gold2:#ffa852;--red:#f18492;--ok:#69e4b1;--surface-raised:#12152e;--surface-soft:#141833;--border-strong:#252e63;--text-strong:#dce1f6;--text-soft:#909cca}
html,body{min-height:100%;background:var(--bg);color:var(--ink)}
body{transition:background-color .18s ease,color .18s ease}
.brand-lockup{display:flex;align-items:center;gap:12px;text-decoration:none;flex:0 0 auto}
.brand-lockup b{margin:0!important}
.top{height:auto;min-height:76px;padding:12px 22px;gap:10px;flex-wrap:wrap;align-items:center}
.top .brand-lockup img{height:32px;width:auto;margin:0}
.top .brand-lockup b{font-size:18px;letter-spacing:.13em}
.main-nav{display:flex;align-items:center;gap:2px;flex:1 1 500px;min-width:0;flex-wrap:wrap}
.main-nav a{padding:9px 10px;font-size:10px;white-space:nowrap}
.top-user{display:flex;align-items:center;gap:4px;margin-left:auto}
.top-user .sp{margin:0 6px 0 0;white-space:nowrap}
.top-user .sp small{font-size:10px;opacity:.85}
.top .logout-link{padding:8px 9px;white-space:nowrap}
.theme-toggle{flex:0 0 auto;min-height:38px;position:relative;z-index:6}
html[data-theme="dark"] body{background:var(--bg)!important;color:var(--ink)!important}
html[data-theme="dark"] main,html[data-theme="dark"] .wrap,html[data-theme="dark"] .dash-wrap,html[data-theme="dark"] .reports-wrap{background:transparent;color:var(--ink)}
html[data-theme="dark"] h1,html[data-theme="dark"] h2,html[data-theme="dark"] h3,html[data-theme="dark"] h4,html[data-theme="dark"] label,html[data-theme="dark"] legend{color:var(--ink)}
html[data-theme="dark"] p,html[data-theme="dark"] .note,html[data-theme="dark"] .muted,html[data-theme="dark"] small{color:var(--muted)}
html[data-theme="dark"] .top{background:#0c0f20!important;color:#fff0e5!important;border-bottom-color:#1c2662}
html[data-theme="dark"] .top .brand-lockup b{color:var(--gold2)!important}
html[data-theme="dark"] .top a{color:#bcb1f1}
html[data-theme="dark"] .top a:hover,html[data-theme="dark"] .top a.on{color:var(--gold2)}
html[data-theme="dark"] .theme-toggle{background:#151937!important;color:var(--gold2)!important;border-color:#ba4705!important}
html[data-theme="dark"] .theme-toggle:hover{background:#1d234c!important}
html[data-theme="dark"] .card,html[data-theme="dark"] .panel,html[data-theme="dark"] .metric-card,html[data-theme="dark"] .report-kpis article,html[data-theme="dark"] .form2,html[data-theme="dark"] .filterbar,html[data-theme="dark"] .period-chip,html[data-theme="dark"] .login,html[data-theme="dark"] .mb,html[data-theme="dark"] .expense-breakdown,html[data-theme="dark"] .report-chart-panel,html[data-theme="dark"] .report-table-panel{background:var(--paper)!important;color:var(--ink)!important;border-color:var(--line)!important;box-shadow:0 8px 24px #00000022}
html[data-theme="dark"] .rh,html[data-theme="dark"] .sum,html[data-theme="dark"] .report-table-foot,html[data-theme="dark"] .tablewrap,html[data-theme="dark"] .right{background:var(--surface-soft)!important;color:var(--ink)!important;border-color:var(--line)!important}
html[data-theme="dark"] .pos .left>div:first-child{background:transparent!important;border-color:var(--line)!important}
html[data-theme="dark"] .pos .left>div:first-child *{color:var(--ink)!important}
html[data-theme="dark"] .pos .left>div:first-child [style*="TEZBILL TERMINAL"]{color:var(--gold)!important}
html[data-theme="dark"] .pt,html[data-theme="dark"] .product-cell,html[data-theme="dark"] .image-placeholder{background:var(--paper);color:var(--ink);border-color:var(--line)}
html[data-theme="dark"] .pt span,html[data-theme="dark"] .pt i,html[data-theme="dark"] .product-cell small{color:var(--muted)}
html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{background:#0e1124!important;color:#dce1f6!important;border-color:#252e63!important;color-scheme:dark}
html[data-theme="dark"] input::placeholder,html[data-theme="dark"] textarea::placeholder{color:#7981a2!important}
html[data-theme="dark"] input[type="checkbox"],html[data-theme="dark"] input[type="radio"]{accent-color:#ff8d1a}
html[data-theme="dark"] .btn:not(.gh),html[data-theme="dark"] button.btn:not(.gh){background:#ffa852;color:#0e1332;border-color:#ffa852}
html[data-theme="dark"] .btn.gh{background:transparent!important;color:#ffa852!important;border-color:#2e1a91!important}
html[data-theme="dark"] .btn.gh:hover{background:#181d40!important}
html[data-theme="dark"] .btn:disabled{opacity:.45}
html[data-theme="dark"] table{background:var(--paper)!important;color:var(--ink)!important;border-color:var(--line)!important}
html[data-theme="dark"] th{background:#181d40!important;color:#ffa852!important;border-color:#202856!important}
html[data-theme="dark"] td{color:var(--ink);border-color:#1d244e!important}
html[data-theme="dark"] tr:hover td{background:#161a39!important}
html[data-theme="dark"] .tablelink,html[data-theme="dark"] .text-link,html[data-theme="dark"] .report-link,html[data-theme="dark"] .health-list a,html[data-theme="dark"] .health-footer a{color:var(--gold2)!important}
html[data-theme="dark"] .pill,html[data-theme="dark"] .state-pill{background:#181d40;color:#ffa852;border-color:#29326b}
html[data-theme="dark"] .state-good{background:#121946;color:#a5efd0;border-color:#157a50}
html[data-theme="dark"] .state-danger{background:#161d4b;color:#ffb0bb;border-color:#a61226}
html[data-theme="dark"] .stock-alert-panel{background:#131941!important;border-color:#a61226!important}
html[data-theme="dark"] .stock-alert-panel b{color:#ffb4be!important}
html[data-theme="dark"] .stock-alert-panel small{color:#f17d8d!important}
html[data-theme="dark"] .stock-badge.out,.stock-badge.out{background:#680c18;color:#ffffff;border-color:#9e1224}
html[data-theme="dark"] .stock-badge.low{background:#fbdbdf;color:#9c1124;border-color:#f49ea9}
html[data-theme="dark"] .report-tabs a{background:var(--paper);border-color:var(--line);color:#b4a8f0}
html[data-theme="dark"] .report-tabs a.active{background:#ffa852;color:#0e1332;border-color:#ffa852}
html[data-theme="dark"] .report-bar-track,html[data-theme="dark"] .rank-bar{background:#1e2550}
html[data-theme="dark"] .donut:before{background:var(--paper)}
html[data-theme="dark"] .modal{background:rgba(5,4,6,.82)}
html[data-theme="dark"] .err{color:#ffa7b3}
html[data-theme="dark"] .chips button,html[data-theme="dark"] .qty button,html[data-theme="dark"] .quick button,html[data-theme="dark"] .meth button{background:#151a39;color:#ffa852;border-color:#262e64}
html[data-theme="dark"] .chips .on,html[data-theme="dark"] .meth .on{background:#ffa852;color:#0e1332;border-color:#ffa852}
html[data-theme="dark"] .rh span,html[data-theme="dark"] .period-chip{color:var(--muted)}
html[data-theme="dark"] .expense-track,html[data-theme="dark"] .expense-bar-row .expense-track{background:#1e2550}
html[data-theme="dark"] .empty-state,html[data-theme="dark"] .blank{color:var(--muted)}
html[data-theme="dark"] .pagehead,html[data-theme="dark"] .section-kicker{color:var(--muted)}
html[data-theme="dark"] .dash-hero{background:linear-gradient(115deg,#0c0f20 0%,#141936 62%,#161e4d 100%)!important;border-color:#1d2663!important}
html[data-theme="dark"] .dash-hero h1,html[data-theme="dark"] .dash-hero p,html[data-theme="dark"] .dash-hero span{color:#fff0e5}
html[data-theme="dark"] .metric-featured{background:#12183d!important;border-color:#bb4805!important}
html[data-theme="dark"] .metric-card>strong,html[data-theme="dark"] .panel-head h2,html[data-theme="dark"] .report-title-row h2{color:#fff0e5}
html[data-theme="dark"] .metric-top>span:first-child,html[data-theme="dark"] .metric-bottom,html[data-theme="dark"] .chart-axis span,html[data-theme="dark"] .chart-axis b{color:#909cca}
html[data-theme="dark"] .trend-chip.up{color:#91ecc6;background:#121946}
html[data-theme="dark"] .trend-chip.down{color:#ffacb7;background:#161d4b}
html[data-theme="dark"] .login h1{color:#fff0e5}
@media(max-width:1100px){.top{gap:8px;padding:12px 16px}.main-nav{order:3;flex-basis:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.main-nav a{flex:0 0 auto}.top-user{margin-left:auto}.theme-toggle{margin-left:0}}
@media(max-width:600px){.top{position:relative;padding:12px;gap:8px}.brand-lockup b{font-size:15px!important}.top-user .sp{display:none}.theme-toggle{padding:8px 9px}.theme-toggle-label{font-size:9px}.main-nav{gap:0}.main-nav a{padding:9px 10px;font-size:9px}.wrap{padding:22px 14px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.form2{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){html,body,*{transition:none!important;scroll-behavior:auto!important}}
html[data-theme="dark"] .pt.stock-low{background:#131940!important;border-color:#c2162d!important}
html[data-theme="dark"] .pt.stock-low i{color:#ffa7b3!important}
html[data-theme="dark"] .pt.stock-out{background:#680c18!important;border-color:#9e1224!important;color:#fff7f7!important}
html[data-theme="dark"] .pt.stock-out b,html[data-theme="dark"] .pt.stock-out span,html[data-theme="dark"] .pt.stock-out i{color:#fff0f0!important}
html[data-theme="dark"] .inventory-table tr.stock-low td:first-child{border-left-color:#ec576b!important}
html[data-theme="dark"] .inventory-table tr.stock-out td:first-child{border-left-color:#b01429!important}
html[data-theme="dark"] .loyalty-note{background:#151937!important;color:#b4a8f0!important;border-color:#262f65!important}
html[data-theme="dark"] .loyalty-note.reward{background:#141b46!important;border-color:#cc4e05!important;color:#ffa852!important}
html[data-theme="dark"] .loyalty-note.loyal,html[data-theme="dark"] .loyalty-row b{background:#161d4b;color:#ffb0bb!important;border-color:#a61226!important}
html[data-theme="dark"] .upload-field,html[data-theme="dark"] .image-change{color:#ffa852}
html[data-theme="dark"] .expense-track{background:#1e2550}