:root{--bg: #0f1217;--bg-2: #141a22;--panel: #1a2230;--panel-2: #10161f;--accent: #43b9ff;--accent-2: #ffb347;--ok: #27d89f;--warn: #ff6b6b;--text: #e9eef5;--muted: #a7b3c2;--border: #273245;--chip: #1f2937}*{box-sizing:border-box}body{margin:0;font-family:Manrope,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(1200px 600px at 80% -10%,#1b2a3f 0%,transparent 60%),radial-gradient(900px 500px at -10% 10%,#1f1b3f 0%,transparent 60%),var(--bg)}.app{min-height:100vh;padding:24px;display:grid;grid-template-rows:auto 1fr;gap:16px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:12px}.logo{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#3aa0ff,#22d3ee);box-shadow:0 0 24px #43b9ff59}.brand h1{font-size:20px;margin:0}.brand p{margin:0;color:var(--muted);font-size:12px}.auth{display:flex;gap:8px}.input,.button,.select{height:38px;border-radius:10px;border:1px solid var(--border);background:var(--panel);color:var(--text);padding:0 12px;font-size:14px}.button{cursor:pointer;background:linear-gradient(135deg,#2a8cff,#43b9ff);border:none}.button.secondary{background:var(--panel);border:1px solid var(--border)}.grid{display:grid;gap:16px}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:linear-gradient(180deg,#1a2230f2,#10161ff2);border:1px solid var(--border);border-radius:16px;padding:16px;box-shadow:0 8px 24px #00000040}.card h3{margin:0 0 6px;font-size:14px;color:var(--muted)}.card .value{font-size:26px;font-weight:700}.kpi-row{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.section-title{font-size:16px;margin:8px 0 12px}.table{width:100%;border-collapse:collapse;font-size:13px}.table th,.table td{padding:10px 8px;border-bottom:1px solid var(--border);text-align:left}.badge{padding:2px 8px;border-radius:999px;background:var(--chip);font-size:11px}.muted{color:var(--muted)}.help{color:var(--muted);font-size:12px;margin-top:6px}.panel-head{display:flex;align-items:center;justify-content:space-between}@media (max-width: 1100px){.grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-3,.grid.cols-2{grid-template-columns:repeat(1,minmax(0,1fr))}}