:root{color-scheme:dark;--bg:#0f1110;--panel:#171a18;--panel2:#1d211f;--line:#303632;--text:#f0f2ed;--muted:#949c94;--green:#42c477;--orange:#f26d3d;--red:#ff6c77}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 85% -15%,#26332b 0,#111412 36%,var(--bg) 72%);font:14px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text)}button,input,select{font:inherit}.screen{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(420px,100%);background:rgba(23,26,24,.94);border:1px solid var(--line);border-radius:18px;padding:36px;box-shadow:0 24px 80px #0008}.brand{display:flex;gap:12px;align-items:center;font-size:20px;font-weight:750;letter-spacing:-.03em}.mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#71331e;color:#ffd7c7;font-weight:850}.eyebrow{color:#d06c49;text-transform:uppercase;letter-spacing:.16em;font-size:10px;font-weight:750;margin-top:24px}.login-card h1{font-size:28px;margin:8px 0 10px}.login-card p{color:var(--muted);margin:0 0 26px}.login-card label{display:grid;gap:8px;color:#bbc2ba;font-size:12px}.login-card input{width:100%;background:#101210;border:1px solid var(--line);border-radius:10px;padding:13px 14px;color:var(--text);outline:none}.login-card input:focus{border-color:var(--orange);box-shadow:0 0 0 3px #f26d3d22}.primary,.button,.controls select{border:1px solid var(--line);border-radius:9px;background:var(--panel2);color:var(--text);padding:10px 14px;cursor:pointer}.primary{width:100%;margin-top:18px;background:var(--orange);border-color:var(--orange);color:#190d08;font-weight:750}.error{background:#451e25;border:1px solid #80333e;color:#ffb9c0;border-radius:8px;padding:9px 10px;margin-top:12px}.layout{min-height:100vh;display:grid;grid-template-columns:246px 1fr}.sidebar{border-right:1px solid var(--line);background:#111412cc;padding:26px 18px;display:flex;flex-direction:column;gap:18px}.sidebar .tag{align-self:flex-start;margin-top:-12px;color:var(--muted);font-size:11px;background:#232824;border:1px solid var(--line);padding:3px 8px;border-radius:999px}.sidebar nav{display:grid;gap:5px;margin-top:12px}.nav{text-align:left;border:1px solid transparent;background:transparent;color:#aeb7ad;border-radius:8px;padding:11px 12px;cursor:pointer}.nav:hover,.nav.active{background:#242b26;border-color:#37443a;color:#fff}.sidebar-foot{margin-top:auto;color:var(--muted);font-size:12px;padding:12px 8px;border-top:1px solid var(--line)}.online-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #42c47720;margin-right:7px}.main{min-width:0;padding:26px 34px 50px}.topbar{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:24px}.topbar h2{margin:3px 0 0;font-size:26px;letter-spacing:-.035em}.controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.controls select{padding:9px 11px}.button:hover{border-color:#566257}.panel{background:linear-gradient(150deg,#1a1f1c,#151816);border:1px solid var(--line);border-radius:13px;padding:18px;margin-bottom:18px}.metrics{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:10px;margin-bottom:18px}.metric{background:#181c19;border:1px solid var(--line);border-radius:11px;padding:15px}.metric span{color:var(--muted);font-size:11px}.metric strong{display:block;font-size:23px;margin-top:6px;letter-spacing:-.04em}.metric small{color:#6f786f}.grid2{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.panel h3{margin:0 0 4px;font-size:16px}.sub{color:var(--muted);font-size:12px;margin:0 0 14px}.bars{display:grid;gap:10px}.bar-row{display:grid;grid-template-columns:minmax(110px,1fr) 3fr 80px;align-items:center;gap:10px;font-size:12px}.bar-bg{height:8px;background:#2a302b;border-radius:99px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,var(--orange),#f59b4c);border-radius:99px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:780px}.table th{font-size:11px;color:var(--muted);font-weight:550;text-align:left;padding:9px;border-bottom:1px solid var(--line);white-space:nowrap}.table td{padding:11px 9px;border-bottom:1px solid #272c28;color:#dce1da;white-space:nowrap}.table tr:hover td{background:#20251f}.pill{display:inline-flex;border-radius:999px;padding:3px 8px;font-size:11px;background:#24362b;color:#7de3a4}.pill.red{background:#3b2228;color:#ff9ca6}.empty{padding:28px;color:var(--muted);text-align:center}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}.search{background:#101210;border:1px solid var(--line);border-radius:8px;color:var(--text);padding:9px 11px;min-width:220px}.chart{height:180px;display:flex;align-items:end;gap:5px;padding:10px 0}.chart-col{flex:1;min-width:5px;display:grid;grid-template-rows:1fr auto;gap:6px;height:100%}.chart-bar{align-self:end;background:linear-gradient(180deg,#f47a47,#69351f);border-radius:4px 4px 0 0;min-height:3px}.chart-label{font-size:9px;color:#788078;text-align:center;overflow:hidden}.notice{background:#30271c;border:1px solid #63492a;color:#e5bc7a;border-radius:9px;padding:11px 13px;margin-bottom:18px}@media(max-width:1000px){.layout{grid-template-columns:1fr}.sidebar{position:static;border-right:0;border-bottom:1px solid var(--line);padding:14px 18px}.sidebar nav{display:flex;overflow:auto}.sidebar-foot{display:none}.main{padding:20px}.metrics{grid-template-columns:repeat(2,1fr)}.grid2{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column}.controls{width:100%}}@media(max-width:520px){.metrics{grid-template-columns:1fr}.main{padding:15px}.login-card{padding:25px}}