:root{color-scheme:dark;--bg:#060c15;--surface:#0b1725;--surface2:#0e1d2c;--line:#164570;--blue:#239efc;--cyan:#56caff;--green:#53eb83;--muted:#9bb0c7;--text:#eff6ff;--purple:#c774ff;--yellow:#f5c65a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% -15%,#102c47 0,transparent 52%),var(--bg);color:var(--text);font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.boot{padding:3rem}.shell{min-height:100vh;display:grid;grid-template-columns:240px 1fr}.aside{border-right:1px solid #123659;background:linear-gradient(#081525,#08121f);padding:20px 11px;display:flex;flex-direction:column;gap:14px}.logo{display:flex;align-items:center;gap:12px;padding:8px 9px 22px;border-bottom:1px solid #193650}.mark{font-size:33px;font-weight:950;letter-spacing:-8px;transform:skew(-9deg);color:var(--blue);padding-right:8px}.logo strong{font-size:14px;white-space:nowrap}.logo span{display:block;color:#93bce0;font-size:11px}.nav{display:grid;gap:5px}.nav button{display:flex;gap:11px;align-items:center;text-align:left;background:transparent;color:#b5d0ec;border:1px solid transparent;border-radius:8px;padding:12px 11px}.nav button.active,.nav button:hover{border-color:#277de4;background:linear-gradient(90deg,#133e76,#08233c);color:#fff;box-shadow:inset 3px 0 var(--cyan)}.nav em{font-style:normal;font-size:18px;color:#5bb5ff;width:20px}.asidefoot{margin-top:auto;color:#82a7c8;border-top:1px solid #1d425d;padding:19px 9px;font-size:12px;line-height:1.6}.main{min-width:0;padding:20px 24px 36px}.header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;flex-wrap:wrap}.titlehead h1{margin:0;font-size:24px}.titlehead p{margin:5px 0;color:#9dc3e8}.headright{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.retail{display:flex;gap:6px;align-items:center}.retail span{font-size:10px;font-weight:900;padding:8px 10px}.hd{background:#f36324;color:white;transform:rotate(-2deg)}.lowe{background:#0645a2;color:white;border:1px solid #66a6fa}.outline,.primary,.danger{border:1px solid #285b8c;color:#cce8ff;background:#0a1b2d;padding:9px 12px;border-radius:8px}.primary{background:linear-gradient(90deg,#0874c6,#1755a2);border-color:#2e9af2;color:white;font-weight:700}.danger{color:#ffb9bc;border-color:#82394a}.outline:hover,.primary:hover{filter:brightness(1.25)}.period{display:flex;gap:7px;align-items:center}.period input{max-width:152px}.period input,.field input,.field select,.field textarea{background:#091a2b;color:#f4f9ff;border:1px solid #285579;border-radius:7px;padding:10px;width:100%}.period span{color:#9bbbd5}.panel{background:linear-gradient(135deg,rgba(11,25,40,.97),rgba(6,15,27,.98));border:1px solid var(--line);border-radius:9px;box-shadow:0 8px 24px #0003;min-width:0}.panel h2{font-size:17px;margin:0 0 13px;display:flex;align-items:center;gap:8px}.panel h2 b{color:var(--blue)}.pad{padding:16px}.sectionhead{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}.sectionhead h2{font-size:23px;margin:0}.sectionhead p{color:var(--muted);margin:5px 0}.progress{font-size:12px;color:#a9c0d4;min-width:220px}.track{height:10px;background:#183044;border-radius:50px;margin-top:7px;overflow:hidden}.fill{height:100%;background:linear-gradient(90deg,#18c678,#79ed51)}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) 150px;gap:10px;margin-bottom:12px}.kpi{padding:16px;min-height:119px;border-top:2px solid #189af9}.kpi small{display:block;color:#c1d4e9;font-size:12px}.kpi strong{font-size:clamp(20px,2.15vw,32px);color:var(--green);display:block;margin:12px 0 4px;letter-spacing:-.8px}.kpi span{font-size:11px;color:var(--muted)}.kpi.units strong{color:#52bdff}.kpi.mini strong{font-size:25px}.grid2{display:grid;grid-template-columns:1.14fr 1fr;gap:11px;margin-bottom:11px}.grid3{display:grid;grid-template-columns:1fr .95fr .92fr;gap:11px;margin-bottom:11px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{text-transform:uppercase;font-size:10px;letter-spacing:.5px;color:#b4c9e3;background:#0b1e31;text-align:left}td,th{padding:9px 9px;border:1px solid #233a4e}td.money{color:var(--green);font-weight:800}tr.total{background:#09274b;font-weight:900;color:#4dc0ff}tr.total td{border-color:#2265a6}.muted{color:var(--muted)}.empty{padding:24px;text-align:center;color:#a1b5c9;background:#0a1826;border:1px dashed #21476a;border-radius:8px}.chart{height:250px;display:flex;align-items:flex-end;gap:10px;padding:15px 5px 2px;border-bottom:1px solid #36506b}.chartgroup{flex:1;display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0}.bars{height:205px;display:flex;gap:4px;align-items:flex-end;justify-content:center;width:100%;border-bottom:1px solid #234967}.bar{width:35%;min-width:9px;max-width:34px;background:linear-gradient(180deg,#42b7ff,#145dc4);border-radius:4px 4px 0 0;position:relative}.bar.green{background:linear-gradient(180deg,#70f78f,#1bb762)}.bar i{font-size:9px;font-style:normal;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translateX(-50%);white-space:nowrap;color:#e5f7ff}.chartgroup label{font-size:10px;color:#a9bfd5}.legend{display:flex;gap:12px;color:#a3c8e6;font-size:11px;margin-bottom:4px}.dot{width:9px;height:9px;display:inline-block;border-radius:100%;margin-right:5px;background:#229eff}.dot.green{background:#4ce77e}.donut{width:150px;height:150px;border-radius:50%;position:relative;margin:12px auto}.donut:after{content:'';position:absolute;inset:35px;background:#0b1725;border-radius:50%}.donutvalue{position:absolute;z-index:1;inset:52px 0 auto;text-align:center;font-size:25px;font-weight:900}.quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.quick button{background:#0b1e30;border:1px solid #285789;border-radius:8px;padding:14px;text-align:left;color:#eaf6ff}.quick strong{display:block;color:#6ce995;margin-top:6px}.quick small{color:#a0b9cf}.notes{color:#c4d8ef;font-size:12px;padding-left:20px;line-height:1.8}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:15px}.status{color:#8ae5a8;font-size:12px}.warn{color:#ffd57c}.error{color:#ff9fa4}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:15px}.metric{padding:18px}.metric span{color:#9fb7d0}.metric strong{font-size:26px;color:var(--green);display:block;margin-top:9px}.field{display:grid;gap:6px;font-size:12px;color:#bfd4ea}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dialog{border:1px solid #3577b5;background:#091725;color:white;border-radius:10px;width:min(610px,96vw);box-shadow:0 25px 80px #000a;padding:24px}.dialog::backdrop{background:#000b}.dialog h2{margin-top:0}.dialog menu{display:flex;justify-content:flex-end;gap:10px;padding:0;margin:20px 0 0}.loginwrap{min-height:100vh;display:grid;place-items:center;padding:20px}.login{max-width:450px;width:100%;padding:27px}.login h1{font-size:27px;margin:8px 0}.login form{display:grid;gap:13px;margin-top:22px}.login p{color:#a5c0d8}.notice{padding:12px;border:1px solid #865e30;background:#372912;color:#ffdd8e;border-radius:8px;margin-bottom:12px}.right{text-align:right}.pill{color:#8eeaaf;background:#103925;padding:4px 7px;border-radius:4px;font-size:11px}.subnav{margin:12px 0;color:#9eb6cd}.statline{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #1b3c54}@media(max-width:1250px){.kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.grid3{grid-template-columns:1fr 1fr}.quick{grid-template-columns:repeat(2,1fr)}}@media(max-width:850px){.shell{display:block}.aside{position:static;padding:10px}.logo{padding:5px 8px}.nav{display:flex;overflow:auto}.nav button{white-space:nowrap;padding:9px}.asidefoot{display:none}.main{padding:14px}.grid2,.grid3{grid-template-columns:1fr}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.cards{grid-template-columns:1fr 1fr}}@media(max-width:480px){.titlehead h1{font-size:18px}.kpis,.quick,.cards,.fields{grid-template-columns:1fr}.chart{gap:3px}.bar i{font-size:8px}.period input{max-width:131px}.main{padding:10px}.kpi{min-height:92px}}