:root{--bg:#08151d;--panel:#132731;--border:#284550;--muted:#91aab0;--fg:#ebf5f2;--mint:#6be0b9;--gold:#e9c17b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:14px/1.5 system-ui,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.55}.hide{display:none!important}.loginwrap{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 80% 20%,#16443b,transparent 42%),var(--bg)}.login{width:min(410px,100%);background:var(--panel);padding:35px;border:1px solid var(--border);border-radius:17px}.brand{font-weight:900;letter-spacing:2px}.brand b{color:var(--mint)}.login h1{font-size:27px;margin:25px 0 5px}.muted{color:var(--muted)}.login label{display:block;font-size:12px;color:var(--muted);margin:18px 0 6px}.login input{width:100%;padding:12px;background:#0c2028;border:1px solid #3a5862;color:var(--fg);border-radius:9px}.btn{border:1px solid #345660;background:#234048;color:var(--fg);border-radius:9px;padding:10px 13px}.btn.primary{background:var(--mint);color:#09271f;font-weight:800;border-color:var(--mint)}.login .btn{width:100%;margin-top:22px}.error{color:#ed9893;font-size:12px;margin-top:14px}.shell{display:flex;min-height:100vh}.side{width:228px;background:#0b1c24;border-right:1px solid var(--border);padding:26px 13px;flex-shrink:0}.side .brand{margin:0 12px 32px}.nav{display:flex;flex-direction:column;gap:5px}.nav button{background:transparent;border:0;text-align:left;color:var(--muted);padding:12px;border-radius:10px}.nav button.active,.nav button:hover{background:#1b3940;color:var(--fg)}.main{padding:26px 32px;flex:1;min-width:0;max-width:1600px;margin:0 auto}.top{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:26px}.top h1{font-size:27px;margin:3px 0}.eyebrow{color:var(--mint);letter-spacing:2px;text-transform:uppercase;font-size:10px;font-weight:700}.tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:13px}.card{grid-column:span 6;border:1px solid var(--border);border-radius:14px;padding:19px;background:var(--panel);min-width:0}.card.kpi{grid-column:span 3}.card.full{grid-column:span 12}.card.wide{grid-column:span 7}.card.narrow{grid-column:span 5}.label{color:var(--muted);font-size:12px}.value{font-weight:850;font-size:28px;letter-spacing:-1px;margin:8px 0}.foot{font-size:11px;color:var(--muted)}h3{margin:0 0 14px;font-size:15px}.bar{display:flex;align-items:center;gap:12px;margin:15px 0}.bar .name{width:130px;flex-shrink:0;color:var(--muted);font-size:11px}.track{height:11px;border-radius:7px;background:#2b4047;flex:1;overflow:hidden}.fill{height:100%;border-radius:7px;background:linear-gradient(90deg,#367f73,var(--mint))}.num{width:88px;text-align:right;font-size:11px;color:var(--muted)}.note{background:#253333;border-left:3px solid var(--gold);padding:12px 14px;border-radius:6px;font-size:12px;margin:8px 0}.tbl{overflow:auto}table{width:100%;border-collapse:collapse}td,th{padding:12px 9px;border-bottom:1px solid #2a414a;text-align:left;white-space:nowrap;font-size:12px}th{color:var(--muted);font-size:11px}td:last-child,th:last-child{text-align:right}.tag{border-radius:7px;background:#263d40;color:var(--mint);padding:5px 7px;font-size:10px}.warn{color:var(--gold)}select{background:#18323a;border:1px solid var(--border);border-radius:9px;color:var(--fg);padding:8px}.footer{color:var(--muted);font-size:11px;margin-top:25px}
@media(max-width:1080px){.card.kpi{grid-column:span 6}.card.wide,.card.narrow{grid-column:span 12}}@media(max-width:710px){.side{width:66px;padding:22px 6px}.side .brand{font-size:10px;margin:0 2px 30px}.nav button{font-size:11px;padding:10px 4px}.main{padding:18px 13px}.top{align-items:start;flex-direction:column}.card.kpi,.card{grid-column:span 12}.top h1{font-size:22px}}