:root{color-scheme:dark;--bg:#071426;--bg-soft:#0c223e;--panel:rgba(12,27,49,0.92);--panel-strong:#102f57;--line:rgba(144,190,255,0.18);--text:#e8f1ff;--muted:#8eabcf;--accent:#2e7ff8;--accent-2:#51c4ff;--danger:#ff7c7c;--success:#49d7a5}*{box-sizing:border-box}body,html{margin:0;padding:0;background:radial-gradient(circle at top,#12335d 0,var(--bg) 45%,#04101f 100%);color:var(--text);font-family:Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.shell,body{min-height:100vh}.shell{display:grid;grid-template-columns:280px 1fr}.sidebar{padding:28px;border-right:1px solid var(--line);background:linear-gradient(180deg,rgba(8,24,42,.98),rgba(6,16,29,.94))}.brand{font-size:1.3rem;font-weight:700;letter-spacing:.04em;margin-bottom:24px}.nav{display:grid;grid-gap:10px;gap:10px}.nav a{padding:12px 14px;border:1px solid transparent;border-radius:14px;color:var(--muted)}.nav a:hover{background:rgba(46,127,248,.12);color:var(--text);border-color:var(--line)}.main{padding:32px}.hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:24px}.hero-card,.panel{background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 20px 50px rgba(0,0,0,.25)}.hero-card{flex:1 1}.grid{display:grid;grid-gap:18px;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}.kpi{background:linear-gradient(180deg,rgba(19,50,91,.95),rgba(10,24,44,.95));border:1px solid var(--line);border-radius:20px;padding:20px}.kpi strong{display:block;font-size:2rem;margin-top:8px}input,select,textarea{width:100%;background:#081a2f;color:var(--text);border:1px solid var(--line);border-radius:14px;padding:14px}button{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:white;border:0;border-radius:14px;padding:14px 18px;font-weight:700;cursor:pointer}.table{width:100%;border-collapse:collapse}.table td,.table th{text-align:left;padding:14px;border-bottom:1px solid var(--line);color:var(--muted)}.table th{color:var(--text)}.badge{display:inline-flex;padding:6px 10px;border-radius:999px;background:rgba(73,215,165,.16);color:var(--success);font-size:.85rem}@media (max-width:980px){.grid,.shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line)}}