:root{--bg:#0d1b2a;--panel:#10243f;--accent:#7bdff2;--accent-2:#f0f3bd;--text:#e0e6ed;--muted:#9fb3c8;--danger:#ff6b6b;--success:#8ee3c8;--radius:14px}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;background:radial-gradient(circle at 20% 20%,#112f52,#0d1b2a 35%),radial-gradient(circle at 80% 0,#1c3f60,#0d1b2a 30%),#0d1b2a;color:var(--text);min-height:100vh}a{color:var(--accent);text-decoration:none}.shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.nav{padding:20px 16px;background:rgba(16,36,63,.85);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:1px solid hsla(0,0%,100%,.04);display:flex;flex-direction:column}.nav h1{margin:0 0 16px;font-size:20px;letter-spacing:.2px}.nav nav{flex:1 1}.nav nav,.nav ul{display:flex;flex-direction:column}.nav ul{list-style:none;padding:0;margin:0;gap:2px}.nav-section{margin-bottom:16px}.nav-section-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:hsla(0,0%,100%,.4);margin-bottom:6px;padding:0 12px}.nav li,.nav li a{transition:all .2s ease}.nav li a{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;background:transparent;border:1px solid transparent;color:var(--text);font-size:13px}.nav li a:hover{background:rgba(123,223,242,.08);border-color:rgba(123,223,242,.15);transform:translateX(2px)}.nav-icon{font-size:16px;line-height:1;opacity:.9}.main{padding:28px 32px 48px;flex:1 1;width:100%}.grid{grid-gap:20px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.grid,.grid-2{display:grid;gap:20px}.grid-2{grid-gap:20px;grid-template-columns:repeat(2,1fr)}.grid-3{display:grid;grid-gap:20px;gap:20px;grid-template-columns:repeat(3,1fr)}@media (max-width:1024px){.grid-2,.grid-3{grid-template-columns:1fr}}.card{background:rgba(16,36,63,.8);border:1px solid hsla(0,0%,100%,.06);border-radius:var(--radius);padding:18px 16px;box-shadow:0 14px 40px rgba(0,0,0,.18)}.card h3{margin:0 0 8px;font-size:16px}.muted{color:var(--muted);font-size:14px}.tag{display:inline-flex;padding:4px 10px;border-radius:999px;background:hsla(0,0%,100%,.08);font-size:12px;color:var(--accent-2);margin-right:8px}.kpi{font-size:28px;font-weight:700;margin:6px 0 2px}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:10px;background:hsla(0,0%,100%,.06);font-size:13px;margin-right:8px}.list{display:grid;grid-gap:10px;gap:10px}.list-item{padding:10px;border-radius:10px;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.04)}.space-y>*+*{margin-top:18px}.btn,button{padding:10px 16px;border-radius:10px;border:none;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:14px}.btn-primary{background:linear-gradient(135deg,#7bdff2,#1cb5e0);color:#0d1b2a}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(123,223,242,.3)}.btn-secondary{background:hsla(0,0%,100%,.08);color:var(--text);border:1px solid hsla(0,0%,100%,.1)}.btn-secondary:hover{background:hsla(0,0%,100%,.12)}.btn-danger{background:hsla(0,100%,71%,.15);color:var(--danger);border:1px solid hsla(0,100%,71%,.3)}.btn-danger:hover{background:hsla(0,100%,71%,.25)}.btn-sm{padding:6px 12px;font-size:12px}input,select,textarea{padding:10px 12px;border-radius:10px;border:1px solid hsla(0,0%,100%,.1);background:rgba(0,0,0,.15);color:#fff;font-family:inherit;font-size:14px;transition:all .2s ease;width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);background:rgba(0,0,0,.25)}h2{font-size:24px;font-weight:700;margin:0}h3{font-size:18px}h3,h4{font-weight:600;margin:0}h4{font-size:14px;text-transform:uppercase;letter-spacing:.5px}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600}.badge-success{background:rgba(142,227,200,.15);color:var(--success);border:1px solid rgba(142,227,200,.3)}.badge-warning{background:hsla(63,69%,85%,.15);color:var(--accent-2);border:1px solid hsla(63,69%,85%,.3)}.badge-danger{background:hsla(0,100%,71%,.15);color:var(--danger);border:1px solid hsla(0,100%,71%,.3)}.badge-info{background:rgba(123,223,242,.15);color:var(--accent);border:1px solid rgba(123,223,242,.3)}