:root{
  --navy:#0f172a; --blue:var(--brand-primary,#1d4ed8); --muted:#64748b; --line:#e2e8f0; --bg:#f8fafc;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:var(--bg);color:#0f172a}
.glass{backdrop-filter:blur(18px);background:rgba(255,255,255,.9)}
.view-card{box-shadow:0 8px 24px rgba(15,23,42,.06)}
.soft{box-shadow:0 16px 40px rgba(15,23,42,.08)}
.thin-scroll::-webkit-scrollbar{width:6px;height:6px}
.thin-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}
.sidebar-link.active{background:#0f172a;color:#fff}
.sidebar-link.active svg{color:#fff}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(37,99,235,.35);outline-offset:2px}
button:disabled{opacity:.55;cursor:not-allowed}
.settings-input{display:block;width:100%;margin-top:.5rem;padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:.75rem;outline:none;background:#fff}
.settings-input:focus{border-color:var(--brand-primary,#1d4ed8);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-primary,#1d4ed8) 20%,transparent)}
.progress-ring{transform:rotate(-90deg);transform-origin:50% 50%}
.nav-mobile{display:none}
@media(max-width:1023px){
  .nav-mobile{display:block}
}