:root{--navy:#080b10;--orange:#ffb020;--line:#252b34;--muted:#8993a1;--panel:#12171e;--panel2:#171d25;--text:#eef2f7}
body{background:#080b10;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
aside{width:228px;background:linear-gradient(180deg,#090d13,#0d1118);border-right:1px solid #202631;padding:22px 13px;box-shadow:12px 0 40px rgba(0,0,0,.22)}
.logo{padding:0 9px 25px;font-size:15px}.logo span{background:linear-gradient(135deg,#ffb52d,#ff6c24);color:#121212;box-shadow:0 0 24px rgba(255,150,30,.25)}nav{gap:3px}nav button{color:#838d9a;border-radius:8px;padding:12px 13px;font-size:12px}nav button:hover,nav button.active{background:#1b222c;color:#fff;box-shadow:inset 3px 0 #ffb020}nav em{background:#ff394d;color:#fff}aside>small{color:#566170;font-size:10px}
main{margin-left:228px;padding:25px 28px;max-width:none;background:radial-gradient(circle at 75% 0,rgba(38,70,90,.11),transparent 35%),#0b0f14;min-height:100vh}h1{color:#fff}h2{color:#f4f6f8}p{color:#818c99}button{background:#171d24;border-color:#303844;color:#d8dee6;border-radius:7px;padding:9px 13px}button:hover{border-color:#66717e;background:#202731}.primary{background:#e7edf2!important;border-color:#e7edf2!important;color:#10151b!important;box-shadow:0 0 0 2px rgba(255,255,255,.06)}input,select{background:#11161d;border-color:#303742;color:#edf1f5}input::placeholder{color:#596472}
.analyticsHeader{margin-bottom:14px}.analyticsHeader h1{font-size:25px;margin:3px 0}.analyticsHeader p{margin:4px 0;font-size:12px}.analyticsHeader label{color:#ffb020}.headerTools{display:flex;align-items:center;gap:9px}.liveBadge{padding:9px 12px;border:1px solid #244236;background:#11241d;color:#54d99a;border-radius:7px;font-size:10px}.controlBar{display:flex;justify-content:space-between;gap:15px;margin-bottom:13px}.period{flex-wrap:wrap}.period button{font-size:11px;padding:8px 12px}.exportTools{display:flex;gap:7px}.insightBar{display:flex;align-items:center;gap:12px;border:1px solid #624817;background:linear-gradient(90deg,rgba(126,84,9,.3),rgba(71,48,7,.14));padding:12px 15px;border-radius:9px;margin-bottom:13px;box-shadow:inset 0 0 25px rgba(255,176,32,.035)}.insightBar>span{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#ffb020;color:#1b160c;font-weight:bold}.insightBar div{flex:1}.insightBar b,.insightBar small{display:block}.insightBar b{font-size:12px;color:#ffcc6a}.insightBar small{font-size:10px;color:#a28f6d;margin-top:3px}.insightBar button{font-size:10px}
.metrics{grid-template-columns:repeat(3,1fr);gap:10px}.metrics article,.card,.order,.table{background:linear-gradient(145deg,#151a21,#10151b);border:1px solid #282f39;border-radius:10px}.modernMetrics article{min-height:118px;display:grid;grid-template-columns:1fr 105px;align-items:end;padding:16px 17px;box-shadow:0 10px 24px rgba(0,0,0,.18);position:relative;overflow:hidden}.modernMetrics article:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.025),transparent 40%);pointer-events:none}.modernMetrics article:hover{border-color:#434d5b;transform:translateY(-2px)}.modernMetrics small{color:#9ca6b2;font-size:11px}.modernMetrics strong{color:#fff4cf;font-size:24px;margin:8px 0}.trend{font-weight:600}.trend.up{color:#45d88f}.trend.down{color:#ff5967}.spark{height:42px;align-self:end;color:#78a9ff;text-align:right;font-size:30px}.spark svg{width:100%;height:100%}.spark polyline{fill:none;stroke:#63f0a3;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px rgba(99,240,163,.35));stroke-dasharray:400;animation:drawLine 1.1s ease}.greenSpark polyline{stroke:#4cdb8f}.blueSpark polyline{stroke:#70b7ff}.orangeSpark polyline{stroke:#ff9860}.avgSpark{color:#70b7ff}.rateSpark{color:#ff6571}
.analyticsLayout{grid-template-columns:minmax(0,1.7fr) minmax(290px,.8fr);gap:10px;margin-top:10px}.analyticsBottom{gap:10px;margin-top:10px}.chartCard,.statusCard,.recentCard,.topCard,.stockCard{padding:17px;box-shadow:0 10px 28px rgba(0,0,0,.17)}.cardHead h2{font-size:14px}.cardHead p{font-size:10px}.chartLegend{color:#8e98a5}.salesChart{height:270px}.chartGrid line{stroke:#29313b}.chartLine{stroke:#62b6ff;filter:drop-shadow(0 0 5px rgba(98,182,255,.28))}.chartArea{fill:url(#salesFill);opacity:.55}.chartDots circle{fill:#151b22;stroke:#69beff}.chartBars rect{fill:#53e197}.chartLabels text{fill:#697582}.statusRow em{background:#252b34}.statusRow small{color:#788493}.statusRow>div{color:#bbc3cd}.statusRow>div b{color:#fff}.miniTable th{color:#677381}.miniTable td{color:#b9c2cc;border-color:#252c35}.miniStatus{background:#202832;color:#aeb8c3}.s-delivered{background:#153329;color:#5ce0a0}.s-cancelled{background:#361a20;color:#ff707d}.s-awaiting_packaging{background:#3a2b13;color:#ffc25c}.s-delivering{background:#172d46;color:#73b9ff}.topProduct .rank{color:#596573}.topProduct>div b{color:#dce2e9}.topProduct em{background:#252c35}.topProduct em i{background:linear-gradient(90deg,#58adff,#61e7b1)}.donut:after{background:#141a21}.donut b{color:#fff}.stockStats span{color:#99a4af}.modernNotice{background:#10271f;border-color:#214638;color:#60d99f}.modernNotice b{color:#53dc9b}
.toolbar{background:#11161d;border:1px solid #252c35;padding:10px;border-radius:9px}.order{box-shadow:0 8px 20px rgba(0,0,0,.13)}.status{background:#382b15;color:#ffc05b}.table{border-color:#282f39}th{background:#141a21;color:#7d8996}td{border-color:#252c35}details{background:#0d1218}summary{color:#b8c1cb}.tag{background:#242c35;color:#b2bdc8}.notice{background:#10271f;border-color:#214638;color:#60d99f}.grid .card,.login .card{background:#131920}.timeline{border-color:#ffb020}
@media(max-width:1050px){.metrics{grid-template-columns:1fr 1fr}.analyticsBottom{grid-template-columns:1fr 1fr}.recentCard{grid-column:1/3}}@media(max-width:850px){aside{width:100%;border-right:0;border-bottom:1px solid #242b34}main{margin:0;background:#0b0f14}.analyticsLayout,.analyticsBottom{grid-template-columns:1fr}.recentCard{grid-column:auto}.stockCard{grid-column:auto}.controlBar{display:block}.exportTools{margin-top:8px}.modernMetrics article{grid-template-columns:1fr 90px}}@media(max-width:560px){main{padding:18px 12px}.metrics{grid-template-columns:1fr}.headerTools{display:none}.insightBar button{display:none}.modernMetrics article{min-height:104px}.analyticsHeader h1{font-size:23px}}
:root{color-scheme:dark}.themeSwitch{border-color:#303844;background:#151b23;color:#d8dfe7}.themeSwitch:hover{background:#202833;border-color:#495463}.themeSwitch .themeIcon{background:#2b2519;color:#ffc555}
.demoRibbon{border-color:#72501b;background:#332714;color:#ffc45d}.demoModeNote{background:#332714;color:#ffc45d}.demoButton{background:#171d24;border-color:#303844;color:#e7ecf1}.demoButton:hover{background:#202731;border-color:#ffb020}.demoButton small{color:#84909d}.demoDivider:before,.demoDivider:after{background:#303844}
.photoUploadButton{border-color:#315375;background:#132537;color:#72baff}.photoUploadButton:hover{background:#19324a;border-color:#4e83b7}