:root{--accent:#FC5C00;--accent-soft:#FFF1EA;--bg:#F7F8FA;--card:#FFFFFF;--line:#ECEEF2;--text:#11131A;--muted:#7A8194;--radius:16px;--shadow:0 1px 2px rgba(17,19,26,.04),0 8px 24px rgba(17,19,26,.05)}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}a{color:inherit}.app{display:flex;min-height:100vh}.side{width:248px;background:var(--card);border-right:1px solid var(--line);padding:22px 16px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.logo{height:30px;margin:6px 8px 26px}.nav button{display:flex;align-items:center;gap:12px;width:100%;border:0;background:transparent;color:var(--muted);padding:11px 12px;border-radius:12px;font-size:14.5px;font-weight:600;margin-bottom:4px;transition:.15s}.nav button:hover{background:var(--bg);color:var(--text)}.nav button.on{background:var(--accent-soft);color:var(--accent)}.main{flex:1;padding:30px 38px;max-width:100%}.head{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.head h1{font-size:24px;font-weight:800;margin:0;letter-spacing:-.02em}.live{display:flex;align-items:center;gap:8px;color:var(--muted);font-weight:600;font-size:14px}.dot{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 #fc5c0080;animation:pulse 1.8s infinite}@keyframes pulse{0%{box-shadow:0 0 #fc5c0073}70%{box-shadow:0 0 0 9px #fc5c0000}to{box-shadow:0 0 #fc5c0000}}.grid{display:grid;gap:18px}.g4{grid-template-columns:repeat(4,1fr)}.g2{grid-template-columns:2fr 1fr}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);transition:.18s}.card:hover{transform:translateY(-2px);box-shadow:0 4px 10px #11131a0f,0 18px 40px #11131a12}.kpi .lbl{color:var(--muted);font-size:13px;font-weight:600;display:flex;gap:8px;align-items:center}.kpi .val{font-size:32px;font-weight:800;margin-top:10px;letter-spacing:-.02em}.kpi .ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent)}.ct{font-size:13px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 14px}.row{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line);font-size:14px}.row:last-child{border:0}.bar{height:7px;border-radius:6px;background:var(--accent);min-width:6px}.pill{font-size:12px;font-weight:700;padding:4px 9px;border-radius:20px;background:var(--accent-soft);color:var(--accent)}.btn{background:var(--accent);color:#fff;border:0;padding:11px 18px;border-radius:11px;font-weight:700;font-size:14px;transition:.15s}.btn:hover{filter:brightness(1.05)}.btn.ghost{background:var(--bg);color:var(--text);border:1px solid var(--line)}input,select{width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:11px;font-size:14px;font-family:inherit;background:#fff}input:focus,select:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}label{font-size:13px;font-weight:600;color:var(--muted);display:block;margin:14px 0 6px}.login{min-height:100vh;display:grid;place-items:center}.login .box{width:380px;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:34px;box-shadow:var(--shadow)}.login img{height:34px;margin-bottom:8px}.sk{background:linear-gradient(90deg,#eef0f3 25%,#f6f7f9 37%,#eef0f3 63%);background-size:400% 100%;animation:sh 1.3s infinite;border-radius:8px;height:14px}@keyframes sh{0%{background-position:100% 50%}to{background-position:0 50%}}.mono{font-family:ui-monospace,Menlo,monospace;font-size:12.5px;background:var(--bg);padding:3px 7px;border-radius:7px}.err{color:#d63b2f;font-size:13px;font-weight:600;margin-top:10px}@media (max-width:900px){.g4{grid-template-columns:repeat(2,1fr)}.g2{grid-template-columns:1fr}.side{display:none}}