:root{--bg: #f8fafc;--surface: #ffffff;--surface-raised: #ffffff;--surface-hover: #f1f5f9;--surface-sunken: #eef2f7;--ink: #0f172a;--ink-soft: #475569;--ink-faint: #94a3b8;--line: rgba(15, 23, 42, .08);--line-strong: rgba(15, 23, 42, .14);--accent: #d4a843;--accent-hover: #f5b731;--brand: var(--accent);--accent-secondary: #06b6a4;--danger: #e5484d;--warning: #f97316;--ok: #30a46c;--info: #3b82f6;--sidebar-bg: #0f172a;--sidebar-text: #e2e8f0;--sidebar-muted: #64748b;--sidebar-dim: #94a3b8;--accent-softer: rgba(212, 168, 67, .04);--accent-soft: rgba(212, 168, 67, .08);--accent-border: rgba(212, 168, 67, .22);--accent-border-strong: rgba(212, 168, 67, .34);--accent-secondary-softer: rgba(6, 182, 164, .05);--accent-secondary-soft: rgba(6, 182, 164, .1);--accent-secondary-border: rgba(6, 182, 164, .24);--accent-secondary-border-strong: rgba(6, 182, 164, .38);--danger-softer: rgba(229, 72, 77, .04);--danger-soft: rgba(229, 72, 77, .1);--danger-border: rgba(229, 72, 77, .3);--warning-softer: rgba(249, 115, 22, .04);--warning-soft: rgba(249, 115, 22, .12);--warning-border: rgba(249, 115, 22, .3);--ok-softer: rgba(48, 164, 108, .04);--ok-soft: rgba(48, 164, 108, .1);--ok-border: rgba(48, 164, 108, .3);--info-softer: rgba(59, 130, 246, .04);--info-soft: rgba(59, 130, 246, .1);--info-border: rgba(59, 130, 246, .3);--brand-soft: var(--accent-soft);--space-0: 0;--space-px: 1px;--space-0-5: 2px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-14: 56px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--space-28: 112px;--space-32: 128px;--gutter-xs: var(--space-3);--gutter-sm: var(--space-4);--gutter-md: var(--space-6);--gutter-lg: var(--space-8);--gutter-xl: var(--space-12);--section-y-sm: var(--space-16);--section-y-md: var(--space-20);--section-y-lg: var(--space-24);--section-y-xl: var(--space-32);--container-max: 1200px;--container-narrow: 960px;--container-wide: 1400px;--z-dropdown: 10;--z-sticky: 20;--z-sidebar-backdrop: 40;--z-sidebar-mobile: 50;--z-hamburger: 60;--z-modal: 100;--z-drawer: 101;--z-toast: 200;--radius-xs: 4px;--radius-sm: 6px;--radius: 8px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-pill: 999px;--hairline: rgba(15, 23, 42, .06);--hairline-strong: rgba(15, 23, 42, .1);--elevation-0: none;--elevation-1: 0 1px 2px rgba(15, 23, 42, .04), 0 1px 3px rgba(15, 23, 42, .06);--elevation-2: 0 2px 4px rgba(15, 23, 42, .05), 0 4px 8px rgba(15, 23, 42, .08), 0 0 0 1px rgba(15, 23, 42, .04);--elevation-3: 0 4px 8px rgba(15, 23, 42, .06), 0 12px 24px rgba(15, 23, 42, .1), 0 0 0 1px rgba(15, 23, 42, .05);--elevation-4: 0 8px 16px rgba(15, 23, 42, .08), 0 24px 48px rgba(15, 23, 42, .14), 0 0 0 1px rgba(15, 23, 42, .06);--elevation-drawer: -8px 0 16px rgba(15, 23, 42, .08), -24px 0 48px rgba(15, 23, 42, .14), -1px 0 0 0 rgba(15, 23, 42, .06);--glow-accent: 0 0 16px var(--accent-soft);--glow-secondary: 0 0 16px var(--accent-secondary-soft);--ring-accent: 0 0 0 2px var(--bg), 0 0 0 4px var(--accent);--ring-accent-soft: 0 0 0 2px var(--bg), 0 0 0 4px var(--accent-border-strong);--shadow: var(--elevation-1);--motion-duration-fast: .12s;--motion-duration-base: .18s;--motion-duration-slow: .28s;--motion-duration-slower: .42s;--ease: cubic-bezier(.22, 1, .36, 1);--ease-spring-gentle: cubic-bezier(.34, 1.35, .64, 1);--ease-spring-snappy: cubic-bezier(.16, 1, .3, 1);--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--ease-in-out-quart: cubic-bezier(.76, 0, .24, 1);--transition-colors: color var(--motion-duration-fast) var(--ease), background-color var(--motion-duration-fast) var(--ease), border-color var(--motion-duration-fast) var(--ease), fill var(--motion-duration-fast) var(--ease), stroke var(--motion-duration-fast) var(--ease);--transition-transform: transform var(--motion-duration-base) var(--ease-spring-snappy);--transition-shadow: box-shadow var(--motion-duration-base) var(--ease);--transition-base: all var(--motion-duration-base) var(--ease);--auth-story-bg: linear-gradient(180deg, #1a1d24 0%, #111318 100%);--auth-story-text: #f0f2f5;--auth-story-text-soft: #c4c9d4;--auth-story-panel-bg: rgba(0,0,0,.2);--auth-story-panel-border: rgba(255,255,255,.08);--auth-proof-text: #d1d5db;--font-size-3xs: .625rem;--font-size-2xs: .6875rem;--font-size-xs: .75rem;--font-size-sm: .8125rem;--font-size-base: .9375rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-display: clamp(2.75rem, 4vw + 1rem, 3.75rem);--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-black: 800;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-black: 800;--tracking-tight: -.02em;--tracking-snug: -.01em;--tracking-normal: 0;--tracking-wide: .02em;--tracking-wider: .08em;--tracking-label: .08em;--tracking-widest: .14em;--tracking-caps: .12em;--line-height-none: 1;--line-height-display: 1.05;--line-height-tight: 1.15;--line-height-snug: 1.3;--line-height-base: 1.5;--line-height-relaxed: 1.6;--line-height-loose: 1.75;--leading-none: var(--line-height-none);--leading-tight: var(--line-height-tight);--leading-snug: var(--line-height-snug);--leading-normal: var(--line-height-base);--leading-relaxed: var(--line-height-relaxed);--leading-loose: var(--line-height-loose);--font-features-body: "cv11", "ss01", "cv02", "tnum";--font-features-display: "cv11", "ss01", "ss02", "cv02";--step-xs: var(--font-size-xs)}:root[data-theme=dark]{--bg: #0b1220;--surface: #111a2c;--surface-raised: #1a2438;--surface-hover: #243049;--surface-sunken: #080e1a;--ink: #f1f5f9;--ink-soft: #cbd5e1;--ink-faint: #64748b;--line: rgba(148, 163, 184, .1);--line-strong: rgba(148, 163, 184, .18);--accent: #d4a843;--accent-hover: #f5b731;--brand: var(--accent);--accent-secondary: #14c4b0;--accent-softer: rgba(212, 168, 67, .06);--accent-soft: rgba(212, 168, 67, .1);--accent-border: rgba(212, 168, 67, .26);--accent-border-strong: rgba(212, 168, 67, .4);--accent-secondary-softer: rgba(20, 196, 176, .06);--accent-secondary-soft: rgba(20, 196, 176, .12);--accent-secondary-border: rgba(20, 196, 176, .28);--accent-secondary-border-strong: rgba(20, 196, 176, .42);--brand-soft: var(--accent-soft);--hairline: rgba(255, 255, 255, .06);--hairline-strong: rgba(255, 255, 255, .1);--elevation-0: none;--elevation-1: 0 1px 2px rgba(0, 0, 0, .25), 0 1px 3px rgba(0, 0, 0, .35);--elevation-2: 0 2px 4px rgba(0, 0, 0, .3), 0 4px 10px rgba(0, 0, 0, .4), inset 0 0 0 1px rgba(255, 255, 255, .04);--elevation-3: 0 4px 10px rgba(0, 0, 0, .35), 0 14px 28px rgba(0, 0, 0, .45), inset 0 0 0 1px rgba(255, 255, 255, .05);--elevation-4: 0 10px 20px rgba(0, 0, 0, .4), 0 28px 56px rgba(0, 0, 0, .55), inset 0 0 0 1px rgba(255, 255, 255, .06);--elevation-drawer: -10px 0 20px rgba(0, 0, 0, .4), -28px 0 56px rgba(0, 0, 0, .55), inset 1px 0 0 0 rgba(255, 255, 255, .05);--glow-accent: 0 0 0 1px var(--accent-border), 0 4px 12px -2px color-mix(in srgb, var(--accent) 35%, transparent), 0 0 24px color-mix(in srgb, var(--accent) 20%, transparent);--glow-secondary: 0 0 0 1px var(--accent-secondary-border), 0 4px 12px -2px color-mix(in srgb, var(--accent-secondary) 32%, transparent), 0 0 24px color-mix(in srgb, var(--accent-secondary) 18%, transparent);--ring-accent: 0 0 0 2px var(--bg), 0 0 0 4px var(--accent);--ring-accent-soft: 0 0 0 2px var(--bg), 0 0 0 4px var(--accent-border-strong);--shadow: var(--elevation-1);--sidebar-bg: #0b1220;--sidebar-text: #f1f5f9;--sidebar-muted: #64748b;--sidebar-dim: #94a3b8;--auth-story-bg: linear-gradient(180deg, #0b1220 0%, #080e1a 100%);--auth-story-text: #f1f5f9;--auth-story-text-soft: #cbd5e1;--auth-story-panel-bg: rgba(17, 26, 44, .75);--auth-story-panel-border: rgba(148, 163, 184, .12);--auth-proof-text: #cbd5e1}:root[data-theme=midnight]{--bg: #020617;--surface: #05081a;--surface-raised: #0c1226;--surface-hover: #141b33;--surface-sunken: #010410;--ink: #f1f5f9;--ink-soft: #cbd5e1;--ink-faint: #475569;--line: rgba(148, 163, 184, .08);--line-strong: rgba(148, 163, 184, .14);--accent: #d4a843;--accent-hover: #f5b731;--brand: var(--accent);--accent-secondary: #14c4b0;--accent-softer: rgba(212, 168, 67, .05);--accent-soft: rgba(212, 168, 67, .09);--accent-border: rgba(212, 168, 67, .24);--accent-border-strong: rgba(212, 168, 67, .38);--accent-secondary-softer: rgba(20, 196, 176, .05);--accent-secondary-soft: rgba(20, 196, 176, .1);--accent-secondary-border: rgba(20, 196, 176, .26);--accent-secondary-border-strong: rgba(20, 196, 176, .4);--brand-soft: var(--accent-soft);--hairline: rgba(255, 255, 255, .05);--hairline-strong: rgba(255, 255, 255, .08);--elevation-0: none;--elevation-1: 0 1px 2px rgba(0, 0, 0, .4), 0 1px 3px rgba(0, 0, 0, .5);--elevation-2: 0 2px 4px rgba(0, 0, 0, .45), 0 6px 12px rgba(0, 0, 0, .55), inset 0 0 0 1px rgba(255, 255, 255, .04);--elevation-3: 0 6px 12px rgba(0, 0, 0, .5), 0 16px 32px rgba(0, 0, 0, .6), inset 0 0 0 1px rgba(255, 255, 255, .05);--elevation-4: 0 12px 24px rgba(0, 0, 0, .55), 0 32px 64px rgba(0, 0, 0, .7), inset 0 0 0 1px rgba(255, 255, 255, .06);--elevation-drawer: -12px 0 24px rgba(0, 0, 0, .55), -32px 0 64px rgba(0, 0, 0, .7), inset 1px 0 0 0 rgba(255, 255, 255, .05);--glow-accent: 0 0 0 1px var(--accent-border), 0 4px 12px -2px color-mix(in srgb, var(--accent) 40%, transparent), 0 0 28px color-mix(in srgb, var(--accent) 24%, transparent);--glow-secondary: 0 0 0 1px var(--accent-secondary-border), 0 4px 12px -2px color-mix(in srgb, var(--accent-secondary) 35%, transparent), 0 0 28px color-mix(in srgb, var(--accent-secondary) 20%, transparent);--ring-accent: 0 0 0 2px var(--bg), 0 0 0 4px var(--accent);--ring-accent-soft: 0 0 0 2px var(--bg), 0 0 0 4px var(--accent-border-strong);--shadow: var(--elevation-1);--sidebar-bg: #05081a;--sidebar-text: #f1f5f9;--sidebar-muted: #475569;--sidebar-dim: #94a3b8;--auth-story-bg: linear-gradient(180deg, #020617 0%, #05081a 100%);--auth-story-text: #f1f5f9;--auth-story-text-soft: #cbd5e1;--auth-story-panel-bg: rgba(12, 18, 38, .75);--auth-story-panel-border: rgba(148, 163, 184, .08);--auth-proof-text: #cbd5e1}@supports (color: color-mix(in srgb,red,blue)){:root,:root[data-theme=dark],:root[data-theme=midnight]{--accent-softer: color-mix(in srgb, var(--accent) 5%, transparent);--accent-soft: color-mix(in srgb, var(--accent) 10%, transparent);--accent-border: color-mix(in srgb, var(--accent) 24%, transparent);--accent-border-strong: color-mix(in srgb, var(--accent) 38%, transparent);--accent-secondary-softer: color-mix(in srgb, var(--accent-secondary) 6%, transparent);--accent-secondary-soft: color-mix(in srgb, var(--accent-secondary) 12%, transparent);--accent-secondary-border: color-mix(in srgb, var(--accent-secondary) 26%, transparent);--accent-secondary-border-strong: color-mix(in srgb, var(--accent-secondary) 40%, transparent);--danger-softer: color-mix(in srgb, var(--danger) 5%, transparent);--danger-soft: color-mix(in srgb, var(--danger) 12%, transparent);--danger-border: color-mix(in srgb, var(--danger) 32%, transparent);--warning-softer: color-mix(in srgb, var(--warning) 5%, transparent);--warning-soft: color-mix(in srgb, var(--warning) 14%, transparent);--warning-border: color-mix(in srgb, var(--warning) 32%, transparent);--ok-softer: color-mix(in srgb, var(--ok) 5%, transparent);--ok-soft: color-mix(in srgb, var(--ok) 12%, transparent);--ok-border: color-mix(in srgb, var(--ok) 32%, transparent);--info-softer: color-mix(in srgb, var(--info) 5%, transparent);--info-soft: color-mix(in srgb, var(--info) 12%, transparent);--info-border: color-mix(in srgb, var(--info) 32%, transparent);--brand-soft: var(--accent-soft)}}*,*:before,*:after{box-sizing:border-box;margin:0}::selection{background-color:#d4a8434d;color:var(--ink)}@supports (color: color-mix(in srgb,red,blue)){::selection{background-color:color-mix(in srgb,var(--accent) 30%,transparent);color:var(--ink)}}input,textarea,[contenteditable],[contenteditable=true]{caret-color:var(--accent)}html,body{min-height:100%}html{scroll-behavior:smooth;color-scheme:light dark}:root[data-theme=dark],:root[data-theme=midnight]{color-scheme:dark}:root:not([data-theme=dark]):not([data-theme=midnight]){color-scheme:light}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{font-family:Inter,system-ui,sans-serif;color:var(--ink);background:var(--bg);font-size:var(--font-size-base);line-height:var(--line-height-base);font-weight:var(--weight-regular);letter-spacing:var(--tracking-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-optical-sizing:auto;font-variation-settings:"opsz" 15,"wght" 400;font-feature-settings:var(--font-features-body)}h1,h2,h3,h4,h5,h6{font-family:Space Grotesk,system-ui,sans-serif;color:var(--ink);font-optical-sizing:auto;text-wrap:balance;font-feature-settings:var(--font-features-display)}h1{font-size:var(--font-size-4xl);font-weight:650;font-variation-settings:"wght" 650;line-height:var(--line-height-tight);letter-spacing:var(--tracking-tight)}h2{font-size:var(--font-size-2xl);font-weight:var(--weight-semibold);font-variation-settings:"wght" 600;line-height:var(--line-height-snug);letter-spacing:var(--tracking-snug)}h3{font-size:var(--font-size-xl);font-weight:var(--weight-semibold);font-variation-settings:"wght" 600;line-height:var(--line-height-snug);letter-spacing:var(--tracking-normal)}h4{font-size:var(--font-size-lg);font-weight:var(--weight-medium);font-variation-settings:"wght" 500;line-height:var(--line-height-snug);letter-spacing:var(--tracking-snug)}h5,h6{font-size:var(--font-size-md);font-weight:var(--weight-medium);font-variation-settings:"wght" 500;line-height:var(--line-height-snug)}.display,h1.display{font-size:var(--font-size-display);font-weight:var(--weight-bold);font-variation-settings:"wght" 700;line-height:var(--line-height-display);letter-spacing:var(--tracking-tight)}.tabular{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"cv11","ss01","cv02"}code,pre,kbd,samp,.mono{font-feature-settings:"tnum" 1,"zero" 1}.app-shell{display:grid;grid-template-columns:auto minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;width:260px;background:var(--sidebar-bg);border-right:1px solid var(--line);padding:var(--space-6) var(--space-4) var(--space-5);color:var(--sidebar-text);display:flex;flex-direction:column;gap:var(--space-0-5);transition:width var(--motion-duration-slow) var(--ease-spring-snappy),padding var(--motion-duration-slow) var(--ease-spring-snappy);overflow-y:auto}.nav-hint{transition:opacity var(--motion-duration-fast) var(--ease)}.sidebar-collapsed{width:64px;padding:20px 8px 16px;align-items:center;overflow:visible}.sidebar-collapsed .brand-text,.sidebar-collapsed .nav-text,.sidebar-collapsed .nav-label,.sidebar-collapsed .cta-text{display:none}.sidebar-collapsed .brand-row{justify-content:center}.sidebar-collapsed .brand{padding:0 0 8px}.sidebar-collapsed .sidebar-toggle{position:absolute;top:20px;right:8px;width:24px;height:24px;padding:2px}.sidebar-collapsed .nav-link{padding:10px;display:flex;justify-content:center}.sidebar-collapsed .sidebar-cta{padding:10px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;margin:4px auto 8px}.sidebar-collapsed .theme-buttons{flex-direction:column;gap:2px}.sidebar-collapsed .theme-btn{padding:8px}.sidebar-collapsed .settings-link{padding-top:8px}.sidebar-collapsed [data-tooltip]{position:relative}.sidebar-collapsed [data-tooltip]:after{content:attr(data-tooltip);position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%) translate(-4px) scale(.9);transform-origin:left center;background:var(--sidebar-bg);color:var(--sidebar-text);border:1px solid var(--line-strong);padding:6px 12px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--weight-medium);white-space:nowrap;text-transform:none;pointer-events:none;opacity:0;z-index:var(--z-modal);box-shadow:var(--elevation-2);transition:opacity var(--motion-duration-fast) var(--ease),transform var(--motion-duration-fast) var(--ease-spring-gentle)}.sidebar-collapsed [data-tooltip]:hover:after,.sidebar-collapsed [data-tooltip]:focus-visible:after{opacity:1;transform:translateY(-50%) translate(0) scale(1)}.brand{padding:0 4px 12px;margin-bottom:4px;border-bottom:1px solid var(--line)}.brand-row{display:flex;align-items:center;gap:10px}.brand-mark{flex-shrink:0;color:var(--accent)}.brand-icon{display:block}.brand-text{flex:1;min-width:0}.brand-title{font-family:Space Grotesk,system-ui,sans-serif;font-size:var(--font-size-base);font-weight:var(--weight-bold);letter-spacing:var(--tracking-caps);color:var(--accent);margin:0;line-height:var(--line-height-tight)}.brand-subtitle{font-size:var(--font-size-3xs);color:var(--sidebar-muted);margin:2px 0 0;letter-spacing:var(--tracking-wide);text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-toggle{margin-left:auto;flex-shrink:0;background:none;border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--sidebar-dim);cursor:pointer;padding:4px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;transition:all .15s var(--ease)}.sidebar-toggle:hover{background:var(--surface-hover);color:var(--accent);border-color:#d4a8434d}.sidebar-cta{display:flex;align-items:center;justify-content:center;gap:8px;text-align:center;margin:8px 4px 12px;background:linear-gradient(135deg,#d4a8431f,#d4a8430f);border:1px solid rgba(212,168,67,.35);color:var(--accent);padding:10px 14px;border-radius:var(--radius);font-size:var(--font-size-xs);font-weight:var(--weight-semibold);text-decoration:none;letter-spacing:var(--tracking-caps);text-transform:uppercase;transition:all .2s var(--ease)}.sidebar-cta:hover{background:linear-gradient(135deg,#d4a84333,#d4a8431a);border-color:#d4a84399;box-shadow:var(--glow-accent);transform:translateY(-1px)}.sidebar-cta:active{transform:translateY(0)}.cta-icon{flex-shrink:0}.cta-text{white-space:nowrap}.nav-list{display:flex;flex-direction:column;gap:var(--space-0-5);flex:1;padding:0 0 var(--space-1)}.nav-section-label{display:block;font-size:var(--font-size-3xs);font-weight:var(--weight-semibold);color:var(--sidebar-muted);text-transform:uppercase;letter-spacing:var(--tracking-caps);padding:var(--space-3) var(--space-3) var(--space-2);margin-bottom:var(--space-0-5)}.sidebar-collapsed .nav-section-label{display:none}.nav-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius-sm);text-decoration:none;color:var(--sidebar-dim);transition:all .15s var(--ease);position:relative;border:1px solid transparent}.nav-icon{flex-shrink:0;transition:color .15s var(--ease)}.nav-text{flex:1;min-width:0}.nav-link:hover{background:#d4a8430f;color:var(--sidebar-text)}.nav-link:hover .nav-icon{color:var(--sidebar-text)}.nav-link-active{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent)}.nav-link-active:before{content:"";position:absolute;left:-1px;top:6px;bottom:6px;width:3px;border-radius:0 2px 2px 0;background:var(--accent);box-shadow:0 0 12px color-mix(in srgb,var(--accent) 50%,transparent)}.nav-link-active:hover{background:color-mix(in srgb,var(--accent) 14%,var(--sidebar-bg));box-shadow:inset 0 0 0 1px var(--accent-border-strong)}.nav-link-active .nav-icon{color:var(--accent)}@supports not (color: color-mix(in srgb,red,blue)){.nav-link-active:before{box-shadow:0 0 12px #d4a84380}}.sidebar-collapsed .nav-link-active:before{top:8px;bottom:8px}.nav-label{display:block;font-size:var(--font-size-sm);font-weight:var(--weight-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-hint{display:block;font-size:var(--font-size-3xs);color:var(--sidebar-muted);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-link{margin-top:auto;border-top:1px solid var(--line);padding-top:8px}.theme-toggle{padding:8px 0 0;border-top:1px solid var(--line)}.theme-buttons{display:flex;gap:2px;background:#ffffff0a;border-radius:var(--radius-sm);padding:2px}.theme-btn{flex:1;padding:6px;border-radius:calc(var(--radius-sm) - 2px);border:none;background:transparent;color:var(--sidebar-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;min-height:44px;transition:all .15s var(--ease)}.theme-btn:hover{color:var(--sidebar-text);background:#ffffff0f}.theme-btn-active{background:var(--accent-soft);color:var(--accent);box-shadow:var(--elevation-1)}.main-content{padding:var(--space-10) var(--space-12);max-width:var(--container-max);background:var(--bg);color:var(--ink);min-height:100vh}.page{display:flex;flex-direction:column;gap:var(--space-8)}.page-header{display:flex;flex-direction:column;gap:var(--space-3);align-items:stretch}.page-header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-5)}.page-header-row>div:first-child{flex:1;min-width:0}.page-header-text{flex:1}.page-header-actions{display:flex;gap:var(--space-2);flex-shrink:0}.breadcrumbs{font-size:var(--font-size-xs);color:var(--ink-soft)}.breadcrumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);list-style:none;padding:0;margin:0;font-family:var(--font-mono);letter-spacing:var(--tracking-wider);text-transform:uppercase}.breadcrumbs li{display:inline-flex;align-items:center;gap:var(--space-2)}.breadcrumbs li+li:before{content:"/";color:var(--ink-faint)}.breadcrumbs a{color:var(--ink-soft);text-decoration:none;transition:color .12s var(--ease)}.breadcrumbs a:hover{color:var(--accent)}.breadcrumbs [aria-current=page]{color:var(--ink)}.page-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.page-kicker{font-size:var(--font-size-2xs);color:var(--ink-faint);text-transform:uppercase;letter-spacing:var(--tracking-widest);font-weight:var(--weight-semibold);margin-bottom:var(--space-2);font-feature-settings:"ss01","cv02"}.page h1{font-size:var(--font-size-4xl);font-weight:650;font-variation-settings:"wght" 650;line-height:var(--line-height-tight);letter-spacing:var(--tracking-tight);margin:0}.page-header-row>div>p:not(.page-kicker):not(.page-meta){color:var(--ink-soft);font-size:var(--font-size-md);line-height:var(--line-height-base);margin-top:var(--space-1)}.page-description{color:var(--ink-soft);font-size:var(--font-size-md);line-height:var(--line-height-base);margin-top:var(--space-1)}.page-actions{display:flex;gap:var(--space-2)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--elevation-1);overflow:hidden;transition:box-shadow .18s var(--ease),border-color .18s var(--ease)}.card:hover,.card-elevated{box-shadow:var(--elevation-2)}.card-elevated:hover{box-shadow:var(--elevation-3)}.card-head{padding:var(--space-5) var(--gutter-md);border-bottom:1px solid var(--line)}.card-head h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.card-head p{font-size:var(--font-size-sm);color:var(--ink-soft);margin:var(--space-1) 0 0}.card-head .label{font-size:var(--font-size-2xs);color:var(--ink-faint);text-transform:uppercase;letter-spacing:var(--tracking-wider);font-weight:var(--weight-medium);margin-bottom:var(--space-1)}.card-body{padding:var(--gutter-md)}.card-lg .card-head{padding:var(--space-6) var(--gutter-lg)}.card-lg .card-body{padding:var(--gutter-lg)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-4)}.metric-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-5) var(--gutter-md)}.metric-label{font-size:var(--font-size-xs);color:var(--ink-faint);text-transform:uppercase;letter-spacing:var(--tracking-wider);font-weight:var(--weight-medium)}.metric-value{display:block;font-family:Space Grotesk,system-ui,sans-serif;font-size:var(--font-size-xl);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-snug);line-height:var(--line-height-snug);font-variant-numeric:tabular-nums;margin-top:var(--space-2)}.data-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.data-table th{text-align:left;padding:var(--space-3) var(--gutter-xs);font-size:var(--font-size-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--ink-faint);border-bottom:1px solid var(--line)}.data-table td{padding:var(--space-3) var(--gutter-xs);border-bottom:1px solid var(--line)}.data-table tr:hover{background:var(--surface-hover)}.table-meta{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) 0;font-size:var(--font-size-sm);color:var(--ink-soft)}.table-pagination{display:flex;align-items:center;gap:var(--space-2)}.meta-pill{display:inline-block;padding:2px 10px;border-radius:var(--radius-pill);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);background:var(--accent-soft);color:var(--accent)}.note{font-size:var(--font-size-sm);color:var(--ink-faint)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-xs);font-size:var(--font-size-2xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.badge-completed{background:#30a46c1a;color:#30a46c}.badge-failed{background:#e5484d1a;color:#e5484d}.badge-running{background:#d4a8431a;color:#d4a843}.badge-queued{background:#6b72801a;color:#6b7280}.badge-critical{background:#e5484d26;color:#e5484d}.badge-high{background:#f9731626;color:#f97316}.badge-medium{background:#eab30826;color:#eab308}.badge-low{background:#6b72801a;color:#6b7280}.badge-info{background:#3b82f61a;color:#3b82f6}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);cursor:pointer;text-decoration:none;box-shadow:var(--elevation-1);transition:var(--transition-colors),transform var(--motion-duration-base) var(--ease-spring-snappy),box-shadow var(--motion-duration-base) var(--ease),opacity var(--motion-duration-fast) var(--ease);will-change:transform}.btn:hover{background:var(--surface-hover);transform:translateY(-1px);box-shadow:var(--elevation-2)}.btn:active{transform:translateY(0) scale(.985);box-shadow:var(--elevation-1)}.btn:focus-visible{outline:none;box-shadow:var(--ring-accent),var(--elevation-2)}.btn:disabled,.btn[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none;transform:none;box-shadow:var(--elevation-1)}.btn-primary{background:#d4a84314;border-color:#d4a8434d;color:#d4a843;box-shadow:var(--elevation-1),0 0 0 1px var(--accent-border)}.btn-primary:hover{background:#d4a84324;border-color:#d4a84380;box-shadow:var(--elevation-2),var(--glow-accent)}.btn-primary:active{box-shadow:var(--elevation-1),0 0 0 1px var(--accent-border-strong)}.btn-danger{background:#e5484d14;border-color:#e5484d4d;color:var(--danger)}.btn-danger:hover{background:#e5484d24;border-color:#e5484d80}.btn-ghost{background:transparent;border-color:transparent;color:var(--ink-soft);box-shadow:none;transition:var(--transition-colors),opacity var(--motion-duration-fast) var(--ease)}.btn-ghost:hover{background:var(--surface-hover);color:var(--ink);transform:none;box-shadow:none}.btn-ghost:active{transform:none;box-shadow:none}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--font-size-md)}.btn[aria-busy=true]{opacity:.85;cursor:progress}.btn[aria-busy=true]:hover{transform:none;box-shadow:var(--elevation-1)}.btn-spinner{flex-shrink:0}.form-input{width:100%;padding:10px var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--bg);color:var(--ink);font-size:var(--font-size-sm);font-family:inherit;transition:var(--transition-colors),box-shadow var(--motion-duration-fast) var(--ease)}.form-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px var(--accent-border)}.form-input:disabled{opacity:.5;cursor:not-allowed}select.form-input{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[role=button]:focus-visible,[tabindex]:not([tabindex="-1"]):focus-visible,.focus-ring:focus-visible{outline:none;box-shadow:var(--ring-accent);border-radius:var(--radius-sm)}:root[data-theme=dark] a:focus-visible,:root[data-theme=dark] .focus-ring:focus-visible,:root[data-theme=midnight] a:focus-visible,:root[data-theme=midnight] .focus-ring:focus-visible{box-shadow:var(--ring-accent),var(--glow-accent)}.focus-ring{transition:box-shadow var(--motion-duration-fast) var(--ease)}.focus-ring:focus{outline:none}.state-panel{padding:var(--space-5) var(--gutter-md);border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--surface);box-shadow:var(--elevation-1);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.state-panel:has(.state-icon-wrap){padding:var(--space-10) var(--gutter-md)}.state-panel.compact{padding:var(--space-4) var(--gutter-md);gap:var(--space-1)}.state-panel.compact:has(.state-icon-wrap){padding:var(--space-6) var(--gutter-md)}.state-panel h3,.state-panel h4{margin:0;font-family:Space Grotesk,system-ui,sans-serif;color:var(--ink)}.state-panel h4{font-size:var(--font-size-lg);font-weight:var(--weight-semibold);font-variation-settings:"wght" 600;letter-spacing:var(--tracking-snug)}.state-panel p{color:var(--ink-soft);margin:0;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);max-width:44ch}.state-kicker{font-size:var(--font-size-2xs);color:var(--ink-faint);text-transform:uppercase;letter-spacing:var(--tracking-wider);font-weight:var(--weight-medium);margin:0}.state-actions{display:flex;gap:var(--space-2);justify-content:center;flex-wrap:wrap;margin-top:var(--space-3)}.state-icon-wrap{width:64px;height:64px;border-radius:var(--radius-pill);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--space-2);background:var(--accent-softer);border:1px solid var(--accent-border);color:var(--accent);box-shadow:var(--glow-accent)}.state-panel.empty,.state-panel.info{background:color-mix(in srgb,var(--accent) 3%,var(--surface));border-color:var(--accent-border)}.state-panel.info .state-icon-wrap{background:var(--info-softer);border-color:var(--info-border);color:var(--info);box-shadow:0 0 0 1px var(--info-border),0 0 24px color-mix(in srgb,var(--info) 12%,transparent)}.state-panel.error{background:color-mix(in srgb,var(--danger) 4%,var(--surface));border-color:var(--danger-border)}.state-panel.error .state-icon-wrap{background:var(--danger-softer);border-color:var(--danger-border);color:var(--danger);box-shadow:0 0 0 1px var(--danger-border),0 0 24px color-mix(in srgb,var(--danger) 14%,transparent)}.state-panel.warning{background:color-mix(in srgb,var(--warning) 4%,var(--surface));border-color:var(--warning-border)}.state-panel.warning .state-icon-wrap{background:var(--warning-softer);border-color:var(--warning-border);color:var(--warning);box-shadow:0 0 0 1px var(--warning-border),0 0 24px color-mix(in srgb,var(--warning) 14%,transparent)}@supports not (color: color-mix(in srgb,red,blue)){.state-panel.empty,.state-panel.info{background:#d4a8430a}.state-panel.error{background:#e5484d0f}.state-panel.warning{background:#f973160f}}.text-muted{color:var(--ink-faint)}.mono{font-family:JetBrains Mono,monospace;font-size:.8em}.link{color:var(--accent);text-decoration:none;font-size:var(--font-size-sm)}.link:hover{text-decoration:underline}.settings-layout{display:grid;grid-template-columns:220px 1fr;gap:var(--space-8)}.settings-nav{display:flex;flex-direction:column;gap:var(--space-0-5)}.settings-nav-link{display:block;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--ink-soft);text-decoration:none}.settings-nav-link:hover{background:var(--surface-hover)}.settings-nav-link.active{background:var(--accent-soft);color:var(--accent)}.settings-content{min-width:0}.settings-panel{display:flex;flex-direction:column;gap:var(--space-6)}.scan-list{list-style:none;padding:0;margin:0}.scan-list-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--line)}.scan-list-item>div{flex:1;display:flex;align-items:center;gap:var(--space-2)}.hamburger{display:none;position:fixed;top:calc(12px + env(safe-area-inset-top,0px));left:calc(12px + env(safe-area-inset-left,0px));z-index:var(--z-hamburger);background:var(--sidebar-bg);border:1px solid var(--line);border-radius:var(--radius);color:var(--accent);width:44px;height:44px;cursor:pointer;align-items:center;justify-content:center}.sidebar-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-sidebar-backdrop);background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sidebar-backdrop.open{display:block}@media(max-width:1024px){.sidebar{width:200px;padding:var(--space-4) var(--space-3) var(--space-3)}.sidebar .nav-hint{display:none}.sidebar.sidebar-collapsed{width:64px;align-items:center}.sidebar-toggle{display:none}.main-content{padding:var(--space-8) var(--space-6)}.page-header{gap:var(--space-3)}.page-header-row{flex-direction:column;gap:var(--space-3)}.page-actions,.page-header-actions{align-self:flex-start}.metrics-grid{grid-template-columns:repeat(2,1fr)}.insight-grid{grid-template-columns:1fr}.settings-layout{grid-template-columns:180px 1fr;gap:var(--space-5)}}@media(max-width:768px){.hamburger{display:flex}.app-shell{grid-template-columns:1fr}.sidebar,.sidebar.sidebar-collapsed{position:fixed;top:0;left:0;z-index:var(--z-sidebar-mobile);width:280px;height:100vh;align-items:stretch;transform:translate(-100%);transition:transform .3s var(--ease);padding:calc(60px + env(safe-area-inset-top,0px)) 16px calc(16px + env(safe-area-inset-bottom,0px))}.sidebar.sidebar-mobile-open{transform:translate(0)}.sidebar.sidebar-collapsed .brand-text,.sidebar.sidebar-collapsed .nav-text,.sidebar.sidebar-collapsed .nav-label,.sidebar.sidebar-collapsed .cta-text{display:block}.sidebar.sidebar-collapsed .nav-hint{display:none}.sidebar.sidebar-collapsed .nav-link{justify-content:flex-start;padding:8px 10px}.sidebar.sidebar-collapsed .sidebar-cta{width:auto;height:auto;margin:8px 4px 12px}.sidebar.sidebar-collapsed .brand-row{justify-content:flex-start}.sidebar.sidebar-collapsed .theme-buttons{flex-direction:row}.sidebar.sidebar-collapsed .theme-btn{padding:6px}.sidebar-collapsed [data-tooltip]:after{display:none}.sidebar-toggle{display:none}.main-content{padding:calc(var(--space-16) + env(safe-area-inset-top,0px)) calc(var(--space-4) + env(safe-area-inset-right,0px)) calc(var(--space-6) + env(safe-area-inset-bottom,0px)) calc(var(--space-4) + env(safe-area-inset-left,0px))}.page h1{font-size:var(--font-size-2xl)}.page-kicker{font-size:var(--font-size-3xs)}.page-description{font-size:var(--font-size-sm)}.page-header{gap:var(--space-2)}.page-header-row{flex-direction:column;gap:var(--space-2)}.page-actions,.page-header-actions{width:100%;flex-wrap:wrap}.page-actions .btn,.page-header-actions .btn{flex:1;justify-content:center}.metrics-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.insight-grid{grid-template-columns:1fr}.metric-card{padding:var(--space-3) var(--space-4)}.metric-value{font-size:var(--font-size-lg)}.metric-label{font-size:var(--font-size-3xs)}.card-head,.card-body{padding:var(--gutter-sm)}.data-table{font-size:var(--font-size-xs)}.data-table th,.data-table td{padding:var(--space-2) var(--space-2)}.settings-layout{grid-template-columns:1fr}.settings-nav{flex-direction:row;overflow-x:auto;gap:4px;padding-bottom:12px;border-bottom:1px solid var(--line)}.settings-nav-link{white-space:nowrap;padding:6px 12px}.scan-list-item{flex-wrap:wrap;gap:6px;overflow:hidden}.scan-list-item .text-muted{display:none}.scan-list-item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block}.badge{font-size:var(--font-size-3xs);padding:2px 6px}.filter-bar{flex-direction:column}.filter-bar .form-input{min-width:0;width:100%}.modal-overlay{align-items:flex-end}.modal-card{width:100vw;max-width:100vw;border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:85vh}.modal-body{padding:var(--gutter-sm)}.modal-header{padding:var(--space-3) var(--gutter-sm)}.toast-container{left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));max-width:none}.drawer-aside{width:100vw;border-left:none}.drawer-header,.drawer-body{padding:var(--gutter-sm)}}@media(max-width:400px){.metrics-grid{grid-template-columns:1fr}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;animation:modal-fade-in var(--motion-duration-base) var(--ease-out-quart)}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.modal-card{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-xl);box-shadow:var(--elevation-4);width:90vw;max-width:480px;max-height:85vh;overflow-y:auto;animation:modal-slide-in var(--motion-duration-slower) var(--ease-spring-snappy)}.modal-wide{max-width:640px}@keyframes modal-slide-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--gutter-lg);border-bottom:1px solid var(--line)}.modal-header h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.modal-close{background:none;border:none;color:var(--ink-faint);cursor:pointer;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:var(--transition-colors)}.modal-close:hover{color:var(--ink);background:var(--surface-hover)}.modal-close:focus-visible{outline:none;box-shadow:var(--ring-accent)}.modal-body{padding:var(--gutter-lg)}.confirm-dialog-body{margin:0 0 var(--space-5);color:var(--ink-soft);font-size:var(--font-size-md);line-height:var(--line-height-base)}.confirm-dialog-actions{display:flex;gap:var(--space-2);justify-content:flex-end}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-drawer);background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:modal-fade-in var(--motion-duration-base) var(--ease-out-quart)}.drawer-aside{position:fixed;top:0;right:0;bottom:0;z-index:calc(var(--z-drawer) + 1);width:min(520px,90vw);background:var(--surface);border-left:1px solid var(--line-strong);box-shadow:var(--elevation-drawer);display:flex;flex-direction:column;animation:drawer-slide-in var(--motion-duration-slower) var(--ease-spring-snappy);overflow:hidden}@keyframes drawer-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-6) var(--gutter-lg);border-bottom:1px solid var(--line);flex-shrink:0}.drawer-header h2{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0;line-height:1.4}.drawer-header-info{flex:1;min-width:0}.drawer-header-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.drawer-body{flex:1;overflow-y:auto;padding:var(--gutter-md) var(--gutter-lg);-webkit-overflow-scrolling:touch}.drawer-section{padding:0}.toast-container{position:fixed;bottom:calc(20px + env(safe-area-inset-bottom,0px));right:calc(20px + env(safe-area-inset-right,0px));z-index:var(--z-toast);display:flex;flex-direction:column;gap:8px;max-width:380px}.toast{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:var(--radius);background:var(--surface-raised);border:1px solid var(--line-strong);box-shadow:var(--elevation-3);font-size:var(--font-size-sm)}.toast-success{border-left:3px solid var(--ok)}.toast-error{border-left:3px solid var(--danger)}.toast-info{border-left:3px solid var(--accent)}.toast-icon{flex-shrink:0}.toast-icon-success{color:var(--ok)}.toast-icon-error{color:var(--danger)}.toast-icon-info{color:var(--accent)}.toast-message{flex:1;color:var(--ink)}.toast-close{background:none;border:none;color:var(--ink-faint);cursor:pointer;padding:2px;border-radius:var(--radius-sm);flex-shrink:0}.toast-close:hover{color:var(--ink)}.pill{display:inline-block;padding:2px 8px;border-radius:var(--radius-xs);font-size:var(--font-size-2xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.severity-critical{background:#e5484d26;color:#e5484d}.severity-high{background:#f9731626;color:#f97316}.severity-medium{background:#eab30826;color:#eab308}.severity-low{background:#6b72801a;color:#6b7280}.severity-info{background:#3b82f61a;color:#3b82f6}.severity-unknown{background:var(--surface-hover);color:var(--ink-faint)}.verification-confirmed{background:#30a46c26;color:#30a46c}.verification-needs-review{background:#eab30826;color:#eab308}.verification-false-positive{background:#6b72801a;color:#6b7280}.verification-unverified{background:var(--surface-hover);color:var(--ink-faint)}.difficulty-low{background:#e5484d26;color:#e5484d}.difficulty-medium{background:#eab30826;color:#eab308}.difficulty-high{background:#6b72801a;color:#6b7280}.category-pill{display:inline-block;padding:2px 10px;border-radius:var(--radius-pill);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);background:var(--brand-soft);color:var(--brand)}.fix-review-unresolved{background:#e5484d26;color:#e5484d}.fix-review-partial{background:#eab30826;color:#eab308}.fix-review-resolved{background:#30a46c26;color:#30a46c}.severity-bar-chart{display:flex;border-radius:var(--radius-sm);overflow:hidden;height:28px;width:100%}.bar-segment{display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:#fff;min-width:24px;transition:flex .3s var(--ease)}.bar-segment.critical{background:#e5484d}.bar-segment.high{background:#f97316}.bar-segment.medium{background:#eab308}.bar-segment.low{background:#6b7280}.bar-segment.info{background:#3b82f6}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.table th{text-align:left;padding:10px 12px;font-size:var(--font-size-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--ink-faint);border-bottom:1px solid var(--line)}.table td{padding:10px 12px;border-bottom:1px solid var(--line)}.table tbody tr{position:relative;transition:background-color var(--motion-duration-fast) var(--ease)}.table tbody tr:before{content:"";position:absolute;inset:0 auto 0 0;width:0;background:var(--accent);transition:width var(--motion-duration-base) var(--ease-spring-snappy);pointer-events:none}.table tbody tr:hover{background:var(--surface-hover)}.table tbody tr:hover:before{width:2px}.table-empty-row:before{display:none}.table-empty-row td{padding:24px 12px}.table-empty-cell{text-align:center}.th-sortable a{color:var(--ink-faint);text-decoration:none}.th-sortable a:hover{color:var(--accent)}.inline-actions{display:flex;gap:6px;align-items:center}@media(max-width:768px){.table-stack-mobile thead{display:none}.table-stack-mobile tr{display:block;padding:12px 0;border-bottom:1px solid var(--line)}.table-stack-mobile td{display:flex;justify-content:space-between;padding:4px 12px;border-bottom:none;font-size:var(--font-size-xs)}.table-stack-mobile td:before{content:attr(data-label);font-weight:var(--weight-semibold);color:var(--ink-faint);font-size:var(--font-size-2xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-right:12px;flex-shrink:0}.table-stack-mobile td[data-label=""]{justify-content:flex-end}.table-stack-mobile td[data-label=""]:before{display:none}}.terminal-log{background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-sm);padding:16px;font-family:JetBrains Mono,monospace;font-size:var(--font-size-xs);line-height:1.5;white-space:pre-wrap;overflow-x:auto;max-height:400px;overflow-y:auto;color:var(--ink)}.copy-btn{font-size:var(--font-size-xs)!important;padding:6px 10px!important;min-width:0!important;opacity:.6}.copy-btn:hover{opacity:1}.font-mono{font-family:JetBrains Mono,monospace;font-variant-numeric:tabular-nums}.text-3xs{font-size:var(--font-size-3xs)}.text-2xs{font-size:var(--font-size-2xs)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-md{font-size:var(--font-size-md)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.text-5xl{font-size:var(--font-size-5xl)}.text-display{font-size:var(--font-size-display);line-height:var(--line-height-display);letter-spacing:var(--tracking-tight);font-weight:var(--weight-bold);font-variation-settings:"wght" 700}.label{font-size:var(--font-size-2xs);color:var(--ink-faint);text-transform:uppercase;letter-spacing:var(--tracking-wider);font-weight:var(--weight-medium);margin-bottom:4px}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.text-ok{color:var(--ok)}.text-accent{color:var(--accent)}.text-accent-secondary{color:var(--accent-secondary)}.bg-noise{position:relative;isolation:isolate}.bg-noise:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.55 0 0 0 0 0.55 0 0 0 0 0.55 0 0 0 0.9 0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px;opacity:.04;mix-blend-mode:soft-light}:root[data-theme=dark] .bg-noise:before,:root[data-theme=midnight] .bg-noise:before{opacity:.07;mix-blend-mode:overlay}.bg-mesh{background-color:var(--bg);background-image:radial-gradient(at 18% 22%,color-mix(in srgb,var(--accent) 22%,transparent) 0,transparent 45%),radial-gradient(at 82% 18%,color-mix(in srgb,var(--accent-secondary) 18%,transparent) 0,transparent 48%),radial-gradient(at 68% 82%,color-mix(in srgb,var(--accent) 14%,transparent) 0,transparent 55%),radial-gradient(at 12% 78%,color-mix(in srgb,var(--ink) 10%,transparent) 0,transparent 50%)}@supports not (color: color-mix(in srgb,red,blue)){.bg-mesh{background-image:radial-gradient(at 18% 22%,rgba(212,168,67,.22) 0,transparent 45%),radial-gradient(at 82% 18%,rgba(6,182,164,.18) 0,transparent 48%),radial-gradient(at 68% 82%,rgba(212,168,67,.14) 0,transparent 55%),radial-gradient(at 12% 78%,rgba(15,23,42,.1) 0,transparent 50%)}}.surface-elevated-1{box-shadow:var(--elevation-1)}.surface-elevated-2{box-shadow:var(--elevation-2)}.surface-elevated-3{box-shadow:var(--elevation-3)}.surface-elevated-4{box-shadow:var(--elevation-4)}.surface-hairline{box-shadow:inset 0 0 0 1px var(--hairline)}.surface-glass{background:color-mix(in srgb,var(--surface) 70%,transparent);-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);border:1px solid var(--hairline);box-shadow:var(--elevation-3)}.surface-glass-subtle{background:color-mix(in srgb,var(--surface) 82%,transparent);-webkit-backdrop-filter:blur(8px) saturate(160%);backdrop-filter:blur(8px) saturate(160%);border:1px solid var(--hairline);box-shadow:var(--elevation-1)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.surface-glass,.surface-glass-subtle{background:var(--surface)}}@supports not (color: color-mix(in srgb,red,blue)){.surface-glass{background:#ffffffb3}.surface-glass-subtle{background:#ffffffd1}:root[data-theme=dark] .surface-glass{background:#111a2cb3}:root[data-theme=dark] .surface-glass-subtle{background:#111a2cd1}:root[data-theme=midnight] .surface-glass{background:#05081ab3}:root[data-theme=midnight] .surface-glass-subtle{background:#05081ad1}}.glow-accent{box-shadow:var(--glow-accent)}.glow-secondary{box-shadow:var(--glow-secondary)}.batch-action-bar{position:sticky;bottom:0;z-index:var(--z-sticky);background:var(--surface-raised);border-top:1px solid var(--line-strong);padding:var(--space-3) var(--gutter-sm);display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.form-tabs{display:flex;gap:var(--space-1);margin-bottom:var(--space-4);flex-wrap:wrap}.form-tabs .btn{flex:1;min-width:0;justify-content:center;white-space:nowrap}@media(max-width:480px){.form-tabs{flex-direction:column}.form-tabs .btn{flex:none;width:100%}}.form-group{display:flex;flex-direction:column;gap:var(--space-4)}.form-field{display:flex;flex-direction:column;gap:var(--space-1)}.form-field .metric-label{display:block}.form-hint{font-size:var(--font-size-xs);color:var(--ink-faint);margin-top:var(--space-0-5)}.form-error{color:var(--danger);font-size:var(--font-size-sm)}.form-actions{display:flex;gap:var(--space-2)}.form-section{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--gutter-sm);border:1px solid var(--line);border-radius:var(--radius-md)}.filter-bar{display:flex;gap:8px;flex-wrap:wrap}.filter-bar .form-input{flex:1;min-width:200px}.detail-heading{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.td-label{width:160px}.report-pre{white-space:pre-wrap;font-size:var(--font-size-sm);line-height:var(--line-height-base);margin:0}.insight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.insight-list,.checklist{list-style:none;padding:0;margin:0}.insight-list{display:flex;flex-direction:column;gap:12px}.insight-list li{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:12px;border-bottom:1px solid var(--line);font-size:var(--font-size-sm)}.insight-list li:last-child{padding-bottom:0;border-bottom:none}.checklist{display:flex;flex-direction:column;gap:14px}.checklist-item{display:flex;gap:12px;align-items:flex-start}.checklist-icon{width:24px;height:24px;border-radius:var(--radius-pill);display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(212,168,67,.3);background:#d4a84314;color:var(--accent);flex-shrink:0;font-size:var(--font-size-sm);line-height:1}.checklist-item.done .checklist-icon{background:#30a46c1f;border-color:#30a46c47;color:var(--ok)}.checklist-copy strong{display:block;margin-bottom:4px}.checklist-copy p{font-size:var(--font-size-sm);color:var(--ink-soft);margin:0 0 6px}.coverage-pill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-pill);font-size:var(--font-size-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase}.coverage-good{background:#30a46c1f;color:var(--ok)}.coverage-warning{background:#f9731624;color:var(--warning)}.coverage-attention{background:#e5484d1f;color:var(--danger)}.coverage-neutral{background:var(--surface-hover);color:var(--ink-faint)}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg)}.auth-shell{width:min(1120px,100%);min-height:100vh;display:grid;grid-template-columns:minmax(340px,1.05fr) minmax(320px,.95fr)}.auth-story{position:relative;isolation:isolate;background:radial-gradient(circle at top,rgba(212,168,67,.12),transparent 35%),var(--auth-story-bg);color:var(--auth-story-text);padding:var(--space-14) var(--gutter-xl);display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-8);box-shadow:inset 0 0 0 1px var(--hairline)}.auth-story:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.55 0 0 0 0 0.55 0 0 0 0 0.55 0 0 0 0.9 0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px;opacity:.06;mix-blend-mode:overlay}.auth-brand{display:flex;align-items:center;gap:12px}.auth-brand-mark{width:40px;height:40px;border-radius:var(--radius-lg);display:inline-flex;align-items:center;justify-content:center;color:var(--accent);background:#d4a84314;border:1px solid rgba(212,168,67,.2)}.auth-brand-title{font-family:Space Grotesk,system-ui,sans-serif;font-size:var(--font-size-base);font-weight:var(--weight-bold);letter-spacing:var(--tracking-caps);color:var(--accent);margin:0}.auth-brand-subtitle{margin:2px 0 0;color:#9ca3af;font-size:var(--font-size-xs);letter-spacing:var(--tracking-wider);text-transform:uppercase}.auth-story-copy{max-width:460px}.auth-eyebrow,.auth-panel-kicker,.auth-story-label{font-size:var(--font-size-xs);color:var(--accent);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:var(--tracking-caps)}.auth-story-copy h1{margin:12px 0;color:var(--auth-story-text);font-size:var(--font-size-display);font-weight:var(--weight-bold);font-variation-settings:"wght" 700;letter-spacing:var(--tracking-tight);line-height:var(--line-height-display)}.auth-story-copy p{margin:0;color:var(--auth-story-text-soft);font-size:var(--font-size-md);line-height:var(--line-height-relaxed)}.auth-story-panel{max-width:420px;padding:20px 22px;border-radius:var(--radius-xl);background:var(--auth-story-panel-bg);border:1px solid var(--auth-story-panel-border)}.auth-proof-list{display:flex;flex-direction:column;gap:12px;margin-top:14px}.auth-proof-item{display:flex;gap:10px;align-items:flex-start;color:var(--auth-proof-text);font-size:var(--font-size-sm);line-height:var(--line-height-base)}.auth-proof-icon{color:var(--accent);line-height:1}.auth-panel{padding:var(--space-14) var(--space-12);display:flex;flex-direction:column;justify-content:center;gap:var(--space-6)}.auth-panel-head h2{margin:10px 0 8px;font-size:var(--font-size-3xl);font-weight:var(--weight-semibold);line-height:var(--line-height-tight);letter-spacing:var(--tracking-tight)}.auth-panel-head p{margin:0;color:var(--ink-soft);font-size:var(--font-size-md);line-height:var(--line-height-base)}.auth-clerk-wrap{width:min(100%,420px)}@media(max-width:1024px){.auth-story,.auth-panel{padding:var(--space-10) var(--space-7)}}@media(max-width:768px){.auth-shell{grid-template-columns:1fr}.auth-story,.auth-panel{padding:var(--space-8) var(--space-5)}.auth-story{min-height:auto}}@keyframes skeleton-shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton-block{height:14px;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--surface-hover) 0%,color-mix(in srgb,var(--accent) 8%,var(--surface-hover)) 50%,var(--surface-hover) 100%);background-size:200px 100%;border:1px solid var(--hairline);animation:skeleton-shimmer 1.6s var(--ease-in-out-quart) infinite}@supports not (color: color-mix(in srgb,red,blue)){.skeleton-block{background:linear-gradient(90deg,var(--surface-hover) 0%,rgba(212,168,67,.14) 50%,var(--surface-hover) 100%);background-size:200px 100%}}.skeleton-row td{padding:10px 12px!important}.sidebar-user{padding:var(--space-3) var(--space-4);border-top:1px solid var(--line)}.stack{display:flex;flex-direction:column}.stack-1{display:flex;flex-direction:column;gap:var(--space-1)}.stack-2{display:flex;flex-direction:column;gap:var(--space-2)}.stack-3{display:flex;flex-direction:column;gap:var(--space-3)}.stack-4{display:flex;flex-direction:column;gap:var(--space-4)}.stack-5{display:flex;flex-direction:column;gap:var(--space-5)}.stack-6{display:flex;flex-direction:column;gap:var(--space-6)}.stack-8{display:flex;flex-direction:column;gap:var(--space-8)}.row-1{display:flex;align-items:center;gap:var(--space-1)}.row-2{display:flex;align-items:center;gap:var(--space-2)}.row-3{display:flex;align-items:center;gap:var(--space-3)}.row-4{display:flex;align-items:center;gap:var(--space-4)}.row-5{display:flex;align-items:center;gap:var(--space-5)}.row-6{display:flex;align-items:center;gap:var(--space-6)}.section{padding-top:var(--section-y-md);padding-bottom:var(--section-y-md)}.section-sm{padding-top:var(--section-y-sm);padding-bottom:var(--section-y-sm)}.section-lg{padding-top:var(--section-y-lg);padding-bottom:var(--section-y-lg)}.section-xl{padding-top:var(--section-y-xl);padding-bottom:var(--section-y-xl)}.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--space-6)}.container-narrow{width:100%;max-width:var(--container-narrow);margin-inline:auto;padding-inline:var(--space-6)}.container-wide{width:100%;max-width:var(--container-wide);margin-inline:auto;padding-inline:var(--space-6)}@media(min-width:1024px){.container,.container-narrow,.container-wide{padding-inline:var(--space-8)}}.status-icon{width:var(--space-12);height:var(--space-12);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--accent-soft);border:1px solid var(--accent-border)}.status-icon-ok{background:var(--ok-soft);border-color:var(--ok-border)}.avatar-initial{width:var(--space-10);height:var(--space-10);border-radius:var(--radius-md);background:var(--surface-hover);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--ink-soft);border:1px solid var(--line)}.step-bubble{width:var(--space-8);height:var(--space-8);border-radius:var(--radius-pill);background:var(--accent-soft);border:1px solid var(--accent-border-strong);display:flex;align-items:center;justify-content:center;color:var(--accent);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);margin-bottom:var(--space-3)}.onboarding-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}@media(max-width:768px){.onboarding-grid{grid-template-columns:1fr}}.installation-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--line)}.installation-row:last-child{border-bottom:none}.status-card-body{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-6)}.theme-picker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}@media(max-width:768px){.theme-picker-grid{grid-template-columns:1fr}}.theme-picker-card{padding:var(--space-4);border-radius:var(--radius);border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);text-align:left;cursor:pointer;transition:border-color .15s var(--ease),transform .15s var(--ease)}.theme-picker-card:hover{border-color:var(--accent-border-strong)}.theme-picker-card-active{border:2px solid var(--accent);padding:calc(var(--space-4) - 1px)}.theme-picker-swatches{display:flex;gap:var(--space-1);margin-bottom:var(--space-2)}.theme-picker-swatch{width:var(--space-5);height:var(--space-5);border-radius:var(--radius-xs);border:1px solid var(--line)}.code-display{display:block;margin-top:var(--space-2);padding:var(--space-2);background:var(--surface);border-radius:var(--radius-xs);word-break:break-all}.btn-danger-text{color:var(--danger);border-color:var(--danger-border)}.code-display+.btn{margin-top:var(--space-2)}.sidebar,.drawer-body,.modal-card,.scroll-thin{scrollbar-width:thin;scrollbar-color:var(--ink-faint) transparent}.sidebar::-webkit-scrollbar,.drawer-body::-webkit-scrollbar,.modal-card::-webkit-scrollbar,.scroll-thin::-webkit-scrollbar{width:8px;height:8px}.sidebar::-webkit-scrollbar-track,.drawer-body::-webkit-scrollbar-track,.modal-card::-webkit-scrollbar-track,.scroll-thin::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb,.drawer-body::-webkit-scrollbar-thumb,.modal-card::-webkit-scrollbar-thumb,.scroll-thin::-webkit-scrollbar-thumb{background:var(--hairline-strong);border-radius:var(--radius-pill);border:2px solid transparent;background-clip:padding-box;transition:background var(--motion-duration-fast) var(--ease)}.sidebar::-webkit-scrollbar-thumb:hover,.drawer-body::-webkit-scrollbar-thumb:hover,.modal-card::-webkit-scrollbar-thumb:hover,.scroll-thin::-webkit-scrollbar-thumb:hover{background:var(--ink-soft);background-clip:padding-box}html,body{transition:background-color .24s var(--ease-out-quart),color .24s var(--ease-out-quart)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}