body {
  font-family: 'Inter', system-ui, sans-serif;
  color: #E2E8F0;
  background:
    radial-gradient(1200px 600px at 8% -12%, #182142 0%, transparent 58%),
    radial-gradient(1000px 520px at 112% -8%, #221842 0%, transparent 52%),
    #0B1020;
  background-attachment: fixed;
}
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #0E1424; }
::-webkit-scrollbar-thumb { background: #4F46E5; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #22D3EE; }
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
.surface { background: #141B2E; border: 1px solid rgba(99,102,241,.16); }
.stat-card { transition: transform .22s ease, border-color .22s ease, background .22s ease; }
.stat-card:hover { transform: translateY(-3px); border-color: rgba(99,102,241,.55); background: #1A2338; }
.navlink { transition: color .15s ease, border-color .15s ease; }
.icon-badge { width:34px; height:34px; display:flex; align-items:center; justify-content:center; border-radius:10px; background: rgba(99,102,241,.14); }