:root{
  --navy:#071d34;--navy-2:#0b2949;--ink:#10213a;--muted:#66768a;--surface:#ffffff;--soft:#f4f8fc;--soft-2:#edf4fb;
  --line:#d9e5ef;--red:#ff174d;--red-2:#ff4a67;--blue:#1478ff;--purple:#6d2be8;--green:#08a74f;--orange:#ff9d00;
  --danger:#ef183d;--shadow:0 16px 44px rgba(3,29,59,.14);--shadow-sm:0 8px 20px rgba(5,35,68,.08);--r:18px;--r-sm:12px;
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink)}
body{background:#0879c8;background-image:radial-gradient(circle at 10% 20%,rgba(40,197,255,.8) 0 1px,transparent 2px),radial-gradient(circle at 80% 16%,rgba(150,235,255,.7) 0 1px,transparent 2px),linear-gradient(135deg,#073b74 0%,#0786cc 48%,#052d61 100%);background-size:42px 42px,58px 58px,auto}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.24;background-image:linear-gradient(90deg,transparent 24px,rgba(119,221,255,.22) 25px,transparent 26px),linear-gradient(transparent 24px,rgba(119,221,255,.18) 25px,transparent 26px);background-size:48px 48px;mask-image:linear-gradient(#000 0 60%,transparent 96%)}
.tech-grid{position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(circle at 18% 12%,rgba(69,214,255,.22),transparent 18%),radial-gradient(circle at 88% 88%,rgba(43,177,255,.18),transparent 22%)}
a{color:inherit;text-decoration:none}svg.ui-icon{width:20px;height:20px;display:inline-block;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;overflow:visible;flex:0 0 auto}svg.ui-icon.lg{width:32px;height:32px}svg.ui-icon.xl{width:44px;height:44px}
.app{position:relative;z-index:1;display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100vh;max-width:1920px;margin:auto;background:rgba(244,248,252,.97);box-shadow:0 0 60px rgba(0,20,50,.24)}
.sidebar{position:sticky;top:0;height:100vh;padding:18px 14px 22px;background:linear-gradient(180deg,#071b31,#062542 68%,#071b31);color:#fff;box-shadow:8px 0 30px rgba(4,28,54,.12);z-index:20;overflow:auto}
.brand{padding:8px 8px 12px;border-bottom:1px solid rgba(255,255,255,.1)}.brand img{display:block;width:190px;max-width:100%;height:82px;object-fit:contain;object-position:left center}.role{margin:14px 9px 12px;color:#87a8c4;font-size:10px;text-transform:uppercase;letter-spacing:.16em;font-weight:800}
.nav{display:grid;gap:5px}.nav a{display:flex;align-items:center;gap:12px;padding:12px 13px;border-radius:11px;color:#dce8f2;font-weight:700;font-size:13px;transition:.16s ease}.nav a svg.ui-icon{width:20px;height:20px;opacity:.95}.nav a:hover{background:rgba(255,255,255,.07);transform:translateX(1px)}.nav a.active{color:white;background:linear-gradient(90deg,var(--red),#ff315e);box-shadow:0 10px 24px rgba(255,23,77,.26)}
.sidebar-footer{margin-top:26px;padding:14px 10px 0;border-top:1px solid rgba(255,255,255,.08);color:#85a8c4;font-size:10px;line-height:1.6}.sidebar-footer strong{display:block;color:#fff;font-size:11px;letter-spacing:.05em}
.main{min-width:0;background:#f3f7fb}.topbar{height:92px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 26px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.97);position:sticky;top:0;z-index:15;box-shadow:0 4px 18px rgba(12,44,74,.05)}.topbar h1{font-size:24px;letter-spacing:-.02em;margin:0;color:#14233c}.topbar-left{display:flex;align-items:center;gap:18px;min-width:0}.topbar-title small{display:block;color:#6f8092;font-size:10px;letter-spacing:.18em;text-transform:uppercase;margin-top:4px}.topbar-search{width:min(560px,42vw);position:relative}.topbar-search input{padding-left:42px;background:#f7faff;border-color:#cdddea}.topbar-search .ui-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:#334b66;width:20px;height:20px}.userbox{display:flex;align-items:center;gap:12px;white-space:nowrap}.user-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#e9f0f7;color:#27425c}.user-meta{font-size:12px}.user-meta b{display:block}.user-meta span{color:#5b7087}.online-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#22bf64;margin-right:5px}.clockbox{font-size:11px;color:#647488;text-align:right}.clockbox b{display:block;font-size:16px;color:#14233c}.content{padding:20px 22px 28px}.content>.alert:first-child{margin-top:0}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-sm);padding:18px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.panel-title h2{font-size:18px;margin:0;letter-spacing:-.015em}.panel-title h3{margin:0}.muted{color:var(--muted)}
.grid{display:grid;gap:16px}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.section-gap{margin-top:16px}
.btn{border:0;border-radius:10px;padding:10px 14px;color:#fff;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:8px;justify-content:center;transition:.16s ease;font-family:inherit}.btn:hover{transform:translateY(-1px);filter:brightness(1.02)}.btn:disabled{opacity:.48;cursor:not-allowed;transform:none}.btn.primary{background:linear-gradient(135deg,#1478ff,#325fe8)}.btn.accent{background:linear-gradient(135deg,var(--red),#ff5a3b)}.btn.success{background:linear-gradient(135deg,#09a650,#13be68)}.btn.ghost{background:#f3f7fb;color:#253a52;border:1px solid #d2deea}.btn.danger{background:#e82042}.btn.small{padding:7px 9px;font-size:11px}.btn.icon-only{padding:7px;width:34px;height:34px}.btn svg.ui-icon{width:17px;height:17px}
.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:999px;background:#edf4fb;color:#48627c;font-size:10px;font-weight:800}.status{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:900}.status.ok{background:#eaf9ef;color:#15944b}.status.off{background:#eef1f4;color:#788695}.status.danger{background:#fff0f2;color:#df1f3f}.status:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:13px;background:#fff}.table{width:100%;border-collapse:collapse;min-width:640px}.table th,.table td{padding:11px 12px;border-bottom:1px solid #e9eff5;text-align:left;font-size:12px}.table th{color:#4a5f75;font-size:10px;text-transform:uppercase;letter-spacing:.05em;background:#f7faff}.table tbody tr:hover{background:#fbfdff}.table tr:last-child td{border-bottom:0}.action-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.action-row form{margin:0}
.form-grid{display:grid;gap:13px}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}label{font-size:11px;color:#50667c;font-weight:800;display:grid;gap:6px}input,select,textarea{width:100%;background:#fff;border:1px solid #cbd9e7;border-radius:10px;color:#172a43;padding:10px 11px;outline:none;font-family:inherit}input:focus,select:focus,textarea:focus{border-color:#3b8fff;box-shadow:0 0 0 3px rgba(20,120,255,.1)}textarea{min-height:78px;resize:vertical}.check{display:flex;grid-template-columns:auto 1fr;align-items:center;gap:9px;background:#f7faff;border:1px solid var(--line);border-radius:10px;padding:10px}.check input{width:auto}.float-right{float:right}.card hr{border:0;border-top:1px solid var(--line)}
.alert{padding:12px 14px;border-radius:11px;margin-bottom:14px;font-size:12px}.alert.success{background:#eaf9ef;border:1px solid #bce9cb;color:#176f3b}.alert.error{background:#fff0f2;border:1px solid #ffc4cf;color:#a81730}.alert.warning{background:#fff8e7;border:1px solid #ffd88e;color:#85600e}
/* Login & installer */
.login-body{display:grid;place-items:center;min-height:100vh;padding:24px;background:linear-gradient(135deg,#043c77,#0789cd 52%,#062c61);color:#fff}.login-card,.installer{width:min(470px,100%);position:relative;z-index:2;background:rgba(255,255,255,.96);color:var(--ink);border:1px solid rgba(255,255,255,.65);backdrop-filter:blur(16px);box-shadow:0 30px 90px rgba(0,17,44,.34);border-radius:24px;padding:30px}.installer{width:min(700px,100%)}.login-logo{display:block;width:280px;max-width:100%;margin:0 auto 18px}.login-card h1,.installer h1{text-align:center;margin:8px 0}.login-card p,.installer p{text-align:center;color:#66778a;line-height:1.5}
/* POS */
.pos-page .content{padding:14px}.pos-page .topbar{height:86px}.pos-shell{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(340px,.72fr);gap:12px;align-items:start}.catalog-card{padding:10px}.catalog-toolbar{display:flex;gap:8px;align-items:center;margin-bottom:10px}.category-tabs{display:flex;gap:6px;flex-wrap:wrap}.tab{padding:9px 14px;border-radius:8px;background:#edf3f9;color:#24394f;border:1px solid transparent;font-size:11px;font-weight:800;cursor:pointer}.tab.active{background:linear-gradient(135deg,var(--red),#ff315e);color:white;box-shadow:0 7px 18px rgba(255,23,77,.18)}
.product-grid{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:9px}.product{background:#fff;border:1px solid #d6e2ed;border-radius:12px;padding:9px;min-height:124px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;transition:.15s;color:var(--ink);text-align:center;font:inherit;position:relative;overflow:hidden}.product:hover{transform:translateY(-2px);border-color:#7db5ff;box-shadow:0 10px 24px rgba(5,49,91,.11)}.product.selected,.product:active{border-color:var(--red);box-shadow:inset 0 0 0 1px var(--red),0 8px 22px rgba(255,23,77,.09);background:linear-gradient(180deg,#fff,#fff6f8)}.product-icon{width:100%;height:38px;min-height:38px;display:grid;place-items:center;color:#0b1f39;overflow:visible}.product-icon svg.ui-icon{width:32px!important;height:32px!important;max-width:32px;max-height:32px;stroke-width:1.9}.product-icon.color-doc{color:#13213a}.product-icon .color-bars{fill:#ff1b70;stroke:none}.product h3{font-size:12px;margin:0;line-height:1.15;min-height:28px;display:flex;align-items:center}.product .price{font-size:15px;font-weight:950;color:var(--red);line-height:1}.product .subprice{font-size:9px;color:#7a8794;min-height:10px}.product .cat{display:none}
.cart{position:sticky;top:101px;padding:14px;min-height:680px}.cart .panel-title{margin-bottom:8px}.cart .panel-title h2{font-size:20px}.cart-items{display:grid;gap:0;min-height:260px;max-height:390px;overflow:auto;border:1px solid var(--line);border-radius:10px}.cart-head{display:grid;grid-template-columns:1fr 82px 82px 88px 34px;gap:6px;padding:8px 9px;background:#f6f9fc;border-bottom:1px solid var(--line);font-size:9px;text-transform:uppercase;font-weight:900;color:#51647a}.cart-row{display:grid;grid-template-columns:1fr 82px 82px 88px 34px;gap:6px;align-items:center;padding:10px 9px;border-bottom:1px solid #eaf0f5;background:#fff}.cart-row:last-child{border-bottom:0}.cart-row strong{display:block;font-size:11px;line-height:1.2}.cart-row small{display:block;margin-top:3px;color:#7e8b99;font-size:9px}.cart-qty{display:grid;grid-template-columns:22px 1fr 22px;gap:3px;align-items:center}.cart-qty button{width:22px;height:26px;border:1px solid #ccd9e5;background:#fff;border-radius:6px;color:#25384d;font-weight:900;cursor:pointer}.cart-qty input{padding:5px 2px;text-align:center;border-radius:6px;font-size:11px}.cart-price,.cart-line-total{font-size:11px;font-weight:800;text-align:right}.empty-cart{padding:34px 20px;color:#7f8e9e;text-align:center;font-size:12px}.totals{margin-top:10px;border-top:1px solid var(--line);padding-top:8px}.totals div{display:flex;justify-content:space-between;padding:4px 4px;font-size:12px}.totals .grand{font-size:19px;font-weight:950;background:#fff0f3;color:#1e2d40;border-radius:8px;padding:9px 8px;margin-top:6px}.totals .grand b{color:var(--red);font-size:22px}
.payment{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:10px 0}.payment label{display:block}.payment input{display:none}.payment span{display:flex;align-items:center;justify-content:center;gap:7px;text-align:center;padding:12px 5px;border-radius:8px;cursor:pointer;color:white;font-weight:900;font-size:11px}.payment label:nth-child(1) span{background:#05a74d}.payment label:nth-child(2) span{background:#1478ff}.payment label:nth-child(3) span{background:#6c29de}.payment input:checked+span{box-shadow:0 0 0 3px #fff,0 0 0 5px currentColor;filter:brightness(1.05)}.payment svg.ui-icon{width:18px;height:18px}
.checkout-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.checkout-actions .btn{min-height:44px}.pos-note{margin-top:8px}.pos-note textarea{min-height:55px}.pos-banner{margin-top:10px;border-radius:12px;min-height:86px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px;background:linear-gradient(100deg,#fff3cc 0%,#fff 46%,#e8f2ff 100%);border:1px solid #f1d9a0;overflow:hidden;position:relative}.pos-banner:after{content:"";position:absolute;right:-25px;bottom:-50px;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,#78bdfb 0,rgba(120,189,251,.2) 52%,transparent 67%)}.pos-banner strong{font-size:22px;letter-spacing:-.03em}.pos-banner span{display:block;color:#5b6472;font-size:11px;margin-top:3px}.pos-banner b{color:var(--red)}
/* Product configuration modal */
.modal-backdrop{display:none;position:fixed;inset:0;z-index:80;background:rgba(3,20,42,.58);backdrop-filter:blur(4px);align-items:center;justify-content:center;padding:20px}.modal-backdrop.open{display:flex}.modal{width:min(520px,100%);background:#fff;border-radius:18px;box-shadow:0 32px 90px rgba(0,16,43,.35);border:1px solid #d9e4ed;overflow:hidden}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:17px 18px;border-bottom:1px solid var(--line)}.modal-head h3{margin:0;font-size:18px}.modal-body{padding:18px}.option-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.option-btn{border:1px solid #d2dfeb;background:#fff;border-radius:10px;padding:12px;color:#25394f;font-weight:800;cursor:pointer}.option-btn.active{border-color:var(--red);background:#fff0f3;color:#cc1737;box-shadow:inset 0 0 0 1px var(--red)}.modal-price{background:#f5f9fd;border:1px solid var(--line);border-radius:10px;padding:12px;margin:12px 0;font-size:13px}.modal-footer{display:flex;gap:8px;justify-content:flex-end;padding:14px 18px;border-top:1px solid var(--line);background:#f9fbfd}
/* Dashboard */
.dashboard-head{margin-bottom:16px}.dashboard-head h2{font-size:25px}.overview-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-bottom:16px;border:1px solid var(--line);border-radius:13px;overflow:hidden;background:var(--line)}.overview-strip>div{background:#fff;padding:10px 14px}.overview-strip span{display:block;color:#758496;font-size:10px}.overview-strip b{display:block;margin-top:4px;font-size:15px}.kpi{min-height:116px;display:grid;grid-template-columns:52px 1fr;gap:12px;align-items:center}.kpi-icon{width:52px;height:52px;border-radius:12px;display:grid;place-items:center;color:#fff}.kpi-icon.green{background:#0aaa51}.kpi-icon.blue{background:#1478ff}.kpi-icon.red{background:#ff184b}.kpi-icon.purple{background:#6b29e1}.kpi small{display:block;color:#5b6d80;font-weight:800;font-size:10px}.kpi strong{display:block;font-size:21px;margin:4px 0;color:#14233c}.kpi .trend{font-size:10px;color:#17a451}.chart{height:230px}.dashboard-panels{display:grid;grid-template-columns:1.25fr 1fr;gap:14px}.mini-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.mini-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:13px;box-shadow:var(--shadow-sm)}.mini-card h3{margin:0 0 8px;font-size:13px}.mini-card .table{min-width:0}.mini-card .table th,.mini-card .table td{padding:7px;font-size:10px}
.admin-split{grid-template-columns:minmax(0,1.45fr) minmax(350px,.75fr)}.form-panel{align-self:start;position:sticky;top:109px}.mini-line{display:block;font-size:10px;color:#60758c;margin:2px 0}.tier-rows{display:grid;gap:7px}.tier-row{display:grid;grid-template-columns:1fr 1fr auto;gap:7px}.material-recipe{display:grid;gap:6px;max-height:320px;overflow:auto;border:1px solid var(--line);border-radius:12px;padding:9px;background:#f8fbfe}.material-recipe label{grid-template-columns:1fr 110px;align-items:center}.material-recipe label span{font-size:11px}.material-recipe label small{color:var(--muted)}.paper-form{border:1px solid var(--line);border-radius:13px;padding:14px;background:#f8fbfe}.paper-form h3{margin-top:0}.stock-block{border:1px solid var(--line);border-radius:13px;padding:14px;margin-bottom:10px;background:#fff}.stock-block.low{border-color:#ffb2bf;background:#fff9fa}.expense-list{display:grid;gap:9px}.expense-row{display:grid;grid-template-columns:minmax(180px,1fr) 140px minmax(140px,1fr) auto auto;gap:9px;align-items:end;border:1px solid var(--line);border-radius:11px;padding:10px;background:#fbfdff}.expense-row>div span{display:block;font-size:10px;margin-top:3px}.expense-row.one-time{grid-template-columns:1fr auto auto;align-items:center}.inline-filter{display:flex;align-items:center;gap:7px}.inline-filter input{min-width:150px}.table-input{min-width:84px;padding:7px}.big-save{justify-self:end;min-width:260px;font-size:13px;padding:12px 18px}
/* Customers and today */
.customer-search{display:grid;grid-template-columns:1fr auto;gap:8px}.customer-card{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center}.customer-avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#edf4fb;color:#2c5f8c}.today-total{font-size:28px;font-weight:950;color:#112943}
/* Receipt */
.receipt-page{background:#e8eef4;padding:20px}.receipt-actions{max-width:80mm;margin:0 auto 12px;display:flex;gap:7px}.receipt{width:80mm;max-width:100%;margin:0 auto;background:#fff;color:#000;padding:5mm;font-family:Arial,Helvetica,sans-serif;font-weight:700;line-height:1.28;box-shadow:0 20px 60px rgba(0,0,0,.16);-webkit-font-smoothing:none;text-rendering:geometricPrecision}.receipt img{width:54mm;display:block;margin:0 auto 3mm;filter:grayscale(1) contrast(260%) brightness(48%)}.receipt-center{text-align:center;font-size:10.5px;font-weight:800;color:#000}.receipt .meta{font-size:10.5px;font-weight:800;color:#000;border-top:2px dashed #000;border-bottom:2px dashed #000;padding:7px 0;margin:8px 0}.receipt table{width:100%;font-size:10px;font-weight:800;color:#000;border-collapse:collapse}.receipt th{font-weight:900;border-bottom:1.5px solid #000}.receipt td,.receipt th{padding:4px 2px;text-align:left;color:#000}.receipt .num{text-align:right}.receipt-totals{margin-top:8px;border-top:2px dashed #000;padding-top:6px}.receipt-totals>div{display:flex;justify-content:space-between;font-size:10.5px;font-weight:800;color:#000;padding:2px 0}.receipt-totals b{font-weight:900;color:#000}.receipt-totals .total{font-size:15px;font-weight:900;border-top:2px solid #000;margin-top:5px;padding-top:7px}.receipt .thanks{text-align:center;font-size:10px;font-weight:800;color:#000;margin-top:11px}.no-print{}
@media(max-width:1450px){.product-grid{grid-template-columns:repeat(4,minmax(115px,1fr))}.mini-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1180px){.grid-4{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:repeat(3,1fr)}.pos-shell{grid-template-columns:1fr}.cart{position:static;min-height:auto}.admin-split{grid-template-columns:1fr}.form-panel{position:static}.expense-row{grid-template-columns:1fr 1fr}.dashboard-panels{grid-template-columns:1fr}.topbar-search{display:none}}
@media(max-width:820px){.app{grid-template-columns:1fr}.sidebar{height:auto;position:relative}.brand img{width:170px;height:70px}.nav{grid-template-columns:repeat(2,1fr)}.sidebar-footer{display:none}.topbar{position:relative;height:auto;min-height:78px;padding:14px}.content{padding:12px}.grid-2,.grid-3,.grid-4,.form-row{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,1fr)}.mini-cards{grid-template-columns:1fr}.overview-strip{grid-template-columns:1fr}.expense-row,.expense-row.one-time{grid-template-columns:1fr}.tier-row{grid-template-columns:1fr 1fr auto}.material-recipe label{grid-template-columns:1fr}.cart-head{display:none}.cart-row{grid-template-columns:1fr 110px 32px}.cart-price,.cart-line-total{display:none}.checkout-actions{grid-template-columns:1fr}.payment{grid-template-columns:1fr}.user-meta,.clockbox{display:none}.pos-banner{display:none}}
@page{size:80mm auto;margin:0}@media print{html,body{width:80mm!important;margin:0!important;padding:0!important;background:#fff!important;color:#000!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.no-print,.sidebar,.topbar,.tech-grid{display:none!important}.app{display:block;background:#fff!important}.content{padding:0!important;margin:0!important}.card{box-shadow:none;border:0;padding:0}.receipt{width:80mm!important;max-width:80mm!important;margin:0!important;padding:4mm 4.5mm!important;box-shadow:none!important;box-sizing:border-box;page-break-inside:avoid;color:#000!important;background:#fff!important;font-weight:800!important}.receipt *{color:#000!important;opacity:1!important;text-shadow:none!important}.receipt img{filter:grayscale(1) contrast(300%) brightness(42%)!important}.receipt-page{width:80mm!important;margin:0!important;padding:0!important;background:#fff!important}.receipt-page .content{width:80mm!important;margin:0!important;padding:0!important}}

/* v1.2.5 - separate daily turnover page */
.daily-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px}.daily-toolbar h2{margin:0 0 4px}.daily-month-nav{display:flex;align-items:center;gap:8px}.daily-month-nav form{margin:0}.daily-main-grid{grid-template-columns:minmax(0,1.6fr) minmax(320px,.7fr);align-items:start}.daily-chart{min-height:420px}.daily-table{min-width:980px}.daily-table tr.zero-day td{color:#9aa7b4;background:#fafcfe}.daily-table tr.zero-day td b{color:#8e9ba8}.daily-table td:nth-child(3){font-weight:900;color:#122941}#day-details{scroll-margin-top:110px}@media(max-width:1180px){.daily-main-grid{grid-template-columns:1fr}.daily-chart{min-height:280px}}@media(max-width:820px){.daily-toolbar{align-items:stretch;flex-direction:column}.daily-month-nav{display:grid;grid-template-columns:1fr 1fr}.daily-month-nav form{grid-column:1/-1;grid-row:1}.daily-month-nav input{width:100%}}

/* v1.2.6 - compact administrator dashboard: all core information above the fold */
.dashboard-page .main{height:100vh;overflow:hidden}
.dashboard-page .topbar{height:72px;padding:0 18px}
.dashboard-page .topbar h1{font-size:22px}
.dashboard-page .user-avatar{width:38px;height:38px}
.dashboard-page .content{height:calc(100vh - 72px);overflow:hidden;padding:10px 14px 12px;position:relative}
.dashboard-page .content>.alert{position:absolute;right:18px;top:8px;z-index:50;max-width:520px;box-shadow:var(--shadow);margin:0}
.dashboard-screen{height:100%;min-height:0;display:grid;grid-template-rows:44px 80px minmax(150px,1fr) 168px;gap:10px}
.dashboard-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0}
.dashboard-toolbar h2{margin:0;font-size:20px;line-height:1.1;letter-spacing:-.02em}
.dashboard-toolbar>div>span{display:block;margin-top:3px;color:var(--muted);font-size:10px}
.dashboard-month{margin:0;display:flex;align-items:center}
.dashboard-month label{display:flex;align-items:center;gap:8px;font-size:10px;color:#60758c}
.dashboard-month input{width:164px;padding:7px 9px;font-size:11px;border-radius:9px}
.dashboard-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;min-height:0}
.dash-kpi{min-width:0;height:80px;padding:10px 12px;display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;border-radius:14px}
.dash-kpi-icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;color:#fff}
.dash-kpi-icon.green{background:#0aaa51}.dash-kpi-icon.blue{background:#1478ff}.dash-kpi-icon.red{background:#f0444e}.dash-kpi-icon.purple{background:#6d2be8}
.dash-kpi-icon .ui-icon{width:22px;height:22px}
.dash-kpi small{display:block;color:#61748a;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.035em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dash-kpi strong{display:block;margin:2px 0 1px;font-size:18px;line-height:1.05;color:#14233c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dash-kpi span{display:block;color:#687b90;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dashboard-charts{display:grid;grid-template-columns:1fr 1fr;gap:10px;min-height:0}
.chart-card{min-height:0;padding:10px 12px;display:flex;flex-direction:column;overflow:hidden;border-radius:14px}
.compact-title{margin-bottom:6px;min-height:26px}
.compact-title h2{font-size:14px}
.chart-body{position:relative;flex:1;min-height:0;width:100%;overflow:hidden}
.chart-body .dashboard-chart{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-height:none!important}
.dashboard-bottom{display:grid;grid-template-columns:1.15fr .85fr 1fr;gap:10px;min-height:0}
.dash-detail-card{min-height:0;height:168px;padding:10px 12px;border-radius:14px;overflow:hidden}
.dash-detail-card .compact-title{margin-bottom:5px}
.mini-link{font-size:9px;font-weight:900;color:#1478ff}
.top-products{display:grid;gap:5px}
.top-product-row{display:grid;grid-template-columns:16px minmax(90px,1.1fr) minmax(70px,1fr) 42px;align-items:center;gap:6px;min-height:19px;font-size:9px}
.top-product-row .rank{font-weight:900;color:#6a7c8f}
.top-product-row .product-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#30465d}
.top-product-row .bar{height:7px;border-radius:999px;background:#e8f0f8;overflow:hidden}
.top-product-row .bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#5ba9ff,#1478ff)}
.top-product-row b{text-align:right;color:#273d55;font-size:9px}
.metric-list{display:grid;gap:0;font-size:9px}
.metric-list>div{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:25px;border-bottom:1px solid #eaf0f5;color:#536a80}
.metric-list>div:last-child{border-bottom:0}
.metric-list span{min-width:0;display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.metric-list .ui-icon{width:14px;height:14px;color:#466582}
.metric-list b{color:#243b53;white-space:nowrap;font-size:9px}
.metric-list .metric-total{margin-top:2px;padding:4px 6px;border:0;border-radius:7px;background:#fff1f3;color:#b5223d;font-weight:900}
.metric-list .metric-total b{color:#b5223d}
.dashboard-empty{height:112px;display:grid;place-items:center;text-align:center;color:#8493a3;font-size:10px}

@media(max-width:1280px){
  .dashboard-page .sidebar{padding-left:10px;padding-right:10px}.dashboard-page .app{grid-template-columns:205px minmax(0,1fr)}
  .dashboard-page .nav a{padding:10px 10px;font-size:12px}.dashboard-page .brand img{width:170px;height:70px}
  .dash-kpi{grid-template-columns:36px minmax(0,1fr);padding:8px 10px}.dash-kpi-icon{width:36px;height:36px}.dash-kpi strong{font-size:16px}
  .top-product-row{grid-template-columns:14px minmax(75px,1fr) minmax(55px,.8fr) 34px}
}
@media(max-width:1040px){
  .dashboard-page .main{height:auto;overflow:visible}.dashboard-page .content{height:auto;overflow:visible}.dashboard-screen{height:auto;grid-template-rows:auto auto 250px auto}
  .dashboard-kpis{grid-template-columns:repeat(2,1fr)}.dashboard-bottom{grid-template-columns:1fr 1fr}.dash-detail-card{height:auto;min-height:168px}.costs-card{grid-column:1/-1}
}
@media(max-height:620px) and (min-width:1041px){
  .dashboard-page .main{height:auto;overflow:auto}.dashboard-page .content{height:auto;overflow:visible}.dashboard-screen{height:auto;grid-template-rows:auto auto 220px 168px}
}
@media(max-width:820px){
  .dashboard-page .topbar{height:auto}.dashboard-page .content{height:auto;padding:12px}.dashboard-screen{display:block}.dashboard-toolbar{align-items:flex-start;margin-bottom:10px}.dashboard-kpis,.dashboard-charts,.dashboard-bottom{grid-template-columns:1fr;margin-bottom:10px}.dash-kpi{height:auto;min-height:78px}.chart-card{height:250px;margin-bottom:10px}.dash-detail-card{height:auto;margin-bottom:10px}.costs-card{grid-column:auto}
}
/* Keep the administrator navigation itself visible on the same desktop screen. */
.dashboard-page .sidebar{padding:12px 12px 14px;overflow:hidden}
.dashboard-page .brand{padding:4px 8px 8px}.dashboard-page .brand img{height:66px;width:174px}
.dashboard-page .role{margin:8px 9px 7px;font-size:9px}
.dashboard-page .nav{gap:2px}.dashboard-page .nav a{padding:8px 11px;font-size:12px;border-radius:9px}.dashboard-page .nav a svg.ui-icon{width:18px;height:18px}
.dashboard-page .sidebar-footer{display:none}
@media(max-width:1040px){.dashboard-page .sidebar{overflow:auto}.dashboard-page .sidebar-footer{display:none}}

/* Dews Trading branding */
.brand{display:flex;flex-direction:column;align-items:center;gap:5px}.brand img{width:110px;max-height:110px;object-fit:contain;border-radius:10px}.brand strong{font-size:21px;color:#0b2644}.brand small{color:#607489}.login-logo{max-height:150px;object-fit:contain}.receipt-company{text-align:center;font-size:24px;margin:0 0 4px;font-weight:900;color:#000}@media print{.receipt-company{font-size:24px!important}}