*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-green:#16a34a;--color-amber:#d97706;--color-red:#dc2626;--color-bg:#f8fafc;--color-surface:#fff;--color-text:#0f172a;--color-text-muted:#64748b;--color-border:#e2e8f0;--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--radius:.5rem}html,body{background:var(--color-bg);height:100%;color:var(--color-text);font-family:system-ui,-apple-system,sans-serif;line-height:1.5}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.nav-link{color:#94a3b8;border-radius:.375rem;align-items:center;gap:.5625rem;margin:.0625rem .5rem;padding:.4375rem .75rem;font-size:.8125rem;font-weight:400;line-height:1.25;text-decoration:none;transition:background .12s,color .12s;display:flex}.nav-link:hover{color:#cbd5e1;background:#ffffff0f;text-decoration:none}.nav-link--active{color:#93c5fd;background:#3b82f624;font-weight:500}.nav-link--active:hover{color:#93c5fd;background:#3b82f62e;text-decoration:none}