:root{--bg: #0b1220;--panel: rgba(2, 6, 23, .85);--panel2: rgba(2, 6, 23, .65);--text: #e5e7eb;--muted: #94a3b8;--border: rgba(148, 163, 184, .16);--shadow: 0 24px 60px rgba(0,0,0,.55);--accent: #3b82f6;--accent2: #22c55e;--danger: #ef4444}[data-theme=light]{--bg: #f6f7fb;--panel: rgba(255, 255, 255, .92);--panel2: rgba(255, 255, 255, .75);--text: #0f172a;--muted: #475569;--border: rgba(15, 23, 42, .12);--shadow: 0 18px 50px rgba(15, 23, 42, .12);--accent: #2563eb;--accent2: #16a34a;--danger: #dc2626}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:radial-gradient(1200px 800px at 30% 10%,rgba(59,130,246,.18),transparent 55%),radial-gradient(900px 600px at 80% 25%,rgba(34,197,94,.12),transparent 60%),var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}.container{width:100%;min-height:100vh;display:grid;grid-template-columns:260px 1fr}.sidebar{position:sticky;top:0;height:100vh;padding:18px 14px;border-right:1px solid var(--border);background:linear-gradient(180deg,#0206178c,#02061740);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand{display:flex;align-items:center;gap:10px;padding:10px 10px 18px}.dot{width:12px;height:12px;border-radius:999px;background:var(--accent2);box-shadow:0 0 0 4px #22c55e1f}.brand h1{font-size:16px;margin:0;letter-spacing:.2px}.nav{display:flex;flex-direction:column;gap:6px;padding:8px 6px}.nav a{padding:10px;border-radius:12px;color:var(--muted);border:1px solid transparent}.nav a.active{color:var(--text);background:var(--panel2);border-color:var(--border)}.sidebar-footer{position:absolute;left:14px;right:14px;bottom:16px}.main{display:flex;flex-direction:column;min-height:100vh}.topbar{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:14px 22px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,#02061759,#0206171f);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pill{padding:8px 12px;border-radius:999px;border:1px solid var(--border);background:var(--panel2);color:var(--muted);font-size:13px}.btn{border:1px solid var(--border);background:var(--panel2);color:var(--text);padding:9px 12px;border-radius:999px;cursor:pointer;font-weight:600;font-size:13px}.btn.primary{background:var(--accent);border-color:#3b82f659;color:#fff}.btn.danger{background:var(--danger);border-color:#ef444459;color:#fff}.btn:disabled{opacity:.6;cursor:not-allowed}.content{padding:22px}.page{max-width:1100px}.card{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:18px;box-shadow:var(--shadow)}.card+.card{margin-top:14px}.h1{font-size:28px;margin:0 0 6px}.muted{color:var(--muted)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:980px){.container{grid-template-columns:1fr}.sidebar{height:auto;position:relative}.sidebar-footer{position:relative;left:0;right:0;bottom:0;margin-top:14px}.grid2{grid-template-columns:1fr}}.label{font-size:12px;color:var(--muted);margin-bottom:6px;display:block}.input,.textarea{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:#02061740;color:var(--text)}[data-theme=light] .input,[data-theme=light] .textarea{background:#ffffff8c}.textarea{min-height:120px;resize:vertical}.kpiRow{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media(max-width:980px){.kpiRow{grid-template-columns:1fr 1fr}}@media(max-width:520px){.kpiRow{grid-template-columns:1fr}}.kpi{padding:14px;border-radius:16px;border:1px solid var(--border);background:var(--panel2)}.kpi .num{font-size:22px;font-weight:800}.kpi .cap{font-size:12px;color:var(--muted);margin-top:3px}.table{width:100%;border-collapse:collapse;overflow:hidden;border-radius:14px;border:1px solid var(--border)}.table th,.table td{padding:10px;border-bottom:1px solid var(--border);font-size:13px;text-align:left}.table th{color:var(--muted);font-weight:700;background:#02061738}[data-theme=light] .table th{background:#0f172a0d}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:12px;border:1px solid var(--border);background:var(--panel2)}.badge.ok{color:#22c55e}.badge.err{color:#ef4444}