:root{--accent-cyan: #00c2c7;--accent-blue: #0099ff;--accent-teal: #00d4aa;--accent-deep-blue: #0066cc;--accent-editorial-start: #0082c9;--accent-editorial-end: #0055b3;--color-white: #ffffff;--color-black: #000000;--sev-info: #6b7280;--sev-low: #5fb878;--sev-medium: #f0b429;--sev-high: #f97316;--sev-critical: #ef4444;--sev-info-bg: rgba(107, 114, 128, .12);--sev-low-bg: rgba(95, 184, 120, .12);--sev-medium-bg: rgba(240, 180, 41, .12);--sev-high-bg: rgba(249, 115, 22, .14);--sev-critical-bg: rgba(239, 68, 68, .18);--dark-bg-primary: #0a0e14;--dark-bg-secondary: #151922;--dark-bg-tertiary: #1a1f2e;--dark-bg-tertiary-hover:#202633;--dark-text-primary: #e8edf4;--dark-text-secondary: #b0b8c3;--dark-text-tertiary: #8891a0;--dark-border-subtle: rgba(255, 255, 255, .06);--dark-border-emphasis: rgba(255, 255, 255, .12);--dark-overlay-subtle: rgba(255, 255, 255, .03);--dark-overlay-emphasis: rgba(255, 255, 255, .06);--dark-overlay-stripe: rgba(255, 255, 255, .018);--dark-glass: rgba(10, 14, 20, .85);--dark-glass-strong: rgba(10, 14, 20, .95);--dark-veil: rgba(2, 4, 8, .55);--light-bg-primary: #fdfcf7;--light-bg-secondary: #f5f3eb;--light-bg-tertiary: #ffffff;--light-bg-tertiary-hover:#f8fbff;--light-text-primary: #1a1f2e;--light-text-secondary: #4a5568;--light-text-tertiary: #6b7280;--light-border-subtle: rgba(233, 230, 224, 1);--light-border-emphasis: rgba(15, 38, 59, .18);--light-overlay-subtle: rgba(15, 38, 59, .03);--light-overlay-emphasis: rgba(15, 38, 59, .06);--light-overlay-stripe: rgba(15, 38, 59, .018);--light-glass: rgba(248, 251, 253, .82);--light-glass-strong: rgba(248, 251, 253, .94);--light-veil: rgba(15, 38, 59, .32);--glow-cyan-faint: rgba(0, 194, 199, .05);--glow-cyan-moderate: rgba(0, 194, 199, .15);--glow-cyan-strong: rgba(0, 194, 199, .3);--glow-blue-faint: rgba(0, 153, 255, .05);--glow-blue-moderate: rgba(0, 153, 255, .1);--glow-blue-strong: rgba(0, 153, 255, .2);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .16);--shadow-xl: 0 12px 48px rgba(0, 0, 0, .2);--shadow-accent: 0 8px 32px rgba(0, 194, 199, .2);--shadow-feature-light: 0 14px 40px rgba(15, 38, 59, .06);--shadow-feature-light-hover: 0 20px 56px rgba(15, 38, 59, .12);--gradient-accent: linear-gradient(135deg, var(--accent-teal) 0%, var(--accent-blue) 100%);--gradient-accent-hover: linear-gradient(135deg, var(--accent-blue) 0%, var(--accent-cyan) 100%);--gradient-editorial: linear-gradient(135deg, var(--accent-editorial-start) 0%, var(--accent-editorial-end) 100%);--gradient-dark-card: linear-gradient(135deg, var(--dark-bg-tertiary) 0%, var(--dark-bg-secondary) 100%);--gradient-light-card: linear-gradient(135deg, #ffffff 0%, #fdfcf7 100%);--gradient-cta: linear-gradient(180deg, #0f3a54 0%, #0a2d43 100%);--gradient-cta-hover: linear-gradient(180deg, #144866 0%, #0c3650 100%);--cta-text: #f4fbff;--cta-border: rgba(0, 194, 199, .32);--shadow-cta: 0 18px 36px rgba(5, 18, 29, .24);--shadow-cta-hover: 0 24px 44px rgba(5, 18, 29, .32);--focus-ring-cta: 0 0 0 3px rgba(0, 194, 199, .45);--font-primary: "Inter", "ACTypoGrotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--font-accent: "Raleway", "Inter", sans-serif;--font-mono: ui-monospace, "JetBrains Mono", "Fira Code", monospace;--header-height: 72px;--max-width: 1480px;--radius-sm: 3px;--radius-md: 5px;--radius-lg: 6px;--radius-xl: 8px;--radius-pill: 999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);color-scheme:dark;--bg-primary: var(--dark-bg-primary);--bg-secondary: var(--dark-bg-secondary);--bg-card: var(--dark-bg-tertiary);--bg-card-hover: var(--dark-bg-tertiary-hover);--text-primary: var(--dark-text-primary);--text-secondary: var(--dark-text-secondary);--text-tertiary: var(--dark-text-tertiary);--border-subtle: var(--dark-border-subtle);--border-emphasis: var(--dark-border-emphasis);--overlay-subtle: var(--dark-overlay-subtle);--overlay-emphasis: var(--dark-overlay-emphasis);--overlay-stripe: var(--dark-overlay-stripe);--surface-glass: var(--dark-glass);--surface-glass-strong: var(--dark-glass-strong);--veil: var(--dark-veil);--gradient-card: var(--gradient-dark-card);--gradient-text-accent: var(--gradient-accent);--ambient-wash-1: rgba(0, 194, 199, .08);--ambient-wash-2: rgba(0, 153, 255, .05);--overlay-white-subtle: var(--overlay-subtle);--overlay-dark-glass: var(--surface-glass);--overlay-dark-glass-strong: var(--surface-glass-strong);--color-accent: var(--accent-cyan);--color-success: var(--sev-low);--color-warning: var(--sev-medium);--color-danger: var(--sev-critical);--color-bg: var(--bg-primary);--color-surface: var(--bg-secondary);--color-surface-alt: var(--bg-card);--color-surface-hover: var(--bg-card-hover);--color-border: var(--border-subtle);--color-text: var(--text-primary);--color-text-secondary: var(--text-secondary);--color-text-tertiary: var(--text-tertiary)}[data-theme=light]{color-scheme:light;--bg-primary: var(--light-bg-primary);--bg-secondary: var(--light-bg-secondary);--bg-card: var(--light-bg-tertiary);--bg-card-hover: var(--light-bg-tertiary-hover);--text-primary: var(--light-text-primary);--text-secondary: var(--light-text-secondary);--text-tertiary: var(--light-text-tertiary);--border-subtle: var(--light-border-subtle);--border-emphasis: var(--light-border-emphasis);--overlay-subtle: var(--light-overlay-subtle);--overlay-emphasis: var(--light-overlay-emphasis);--overlay-stripe: var(--light-overlay-stripe);--surface-glass: var(--light-glass);--surface-glass-strong: var(--light-glass-strong);--veil: var(--light-veil);--gradient-card: var(--gradient-light-card);--gradient-text-accent: var(--gradient-editorial);--ambient-wash-1: rgba(0, 153, 255, .06);--ambient-wash-2: rgba(0, 194, 199, .05);--shadow-sm: 0 1px 4px rgba(15, 38, 59, .04);--shadow-md: 0 4px 14px rgba(15, 38, 59, .06);--shadow-lg: 0 8px 28px rgba(15, 38, 59, .08);--shadow-xl: 0 14px 40px rgba(15, 38, 59, .1);--shadow-accent: 0 8px 28px rgba(0, 153, 255, .16)}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-primary);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--accent-cyan);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-blue)}button{font-family:inherit;cursor:pointer}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-emphasis);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-cyan)}h1,h2,h3,h4{font-family:var(--font-accent);font-weight:700;letter-spacing:-.01em;color:var(--text-primary);margin:0}p{margin:0}code{font-family:var(--font-mono);font-size:.85em}.layout{display:flex;flex-direction:column;min-height:100%;background:radial-gradient(1200px 600px at 80% -10%,var(--ambient-wash-1),transparent 60%),radial-gradient(900px 500px at -10% 110%,var(--ambient-wash-2),transparent 55%),var(--bg-primary)}.app-shell{flex:1;display:grid;grid-template-columns:220px minmax(0,1fr);min-height:calc(100vh - var(--header-height))}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;height:var(--header-height);padding:0 28px;border-bottom:1px solid var(--border-subtle);background:var(--surface-glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0;z-index:10}.topbar__right{display:flex;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:14px;min-width:0;color:inherit;text-decoration:none;border-radius:var(--radius-lg)}.brand:focus-visible{outline:none;box-shadow:var(--focus-ring-cta)}.brand__logo{height:34px;width:auto}.brand__text{display:flex;flex-direction:column;line-height:1.1}.brand__title{font-family:var(--font-accent);font-weight:700;font-size:1.15rem;letter-spacing:.04em;color:var(--text-primary)}.brand__subtitle{font-size:.72rem;letter-spacing:.08em;color:var(--text-tertiary)}.sidebar{border-right:1px solid var(--border-subtle);background:color-mix(in srgb,var(--surface-glass) 88%,transparent);padding:24px 14px}.sidebar__nav{display:flex;flex-direction:column;gap:8px;position:sticky;top:calc(var(--header-height) + 24px)}.sidebar__link{display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 12px;border:1px solid transparent;border-radius:var(--radius-lg);color:var(--text-tertiary);font-family:var(--font-accent);font-size:.88rem;font-weight:700;text-decoration:none;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.sidebar__link:hover,.sidebar__link:focus-visible{border-color:var(--border-emphasis);background:var(--overlay-subtle);color:var(--text-primary);outline:none}.sidebar__link.is-active{border-color:var(--cta-border);background:var(--glow-cyan-faint);color:var(--accent-cyan)}.sidebar__icon{width:20px;height:20px;flex:0 0 auto}.toggle-group{display:inline-flex;border:1px solid var(--border-subtle);border-radius:var(--radius-pill);overflow:hidden;background:var(--overlay-subtle)}.toggle-group__btn{border:none;background:transparent;color:var(--text-tertiary);font-size:.74rem;font-weight:600;letter-spacing:.06em;padding:6px 12px;transition:color var(--transition-fast),background var(--transition-fast)}.toggle-group__btn.is-active{background:var(--overlay-emphasis);color:var(--accent-cyan)}.icon-btn{border:1px solid var(--border-subtle);background:var(--overlay-subtle);color:var(--text-secondary);width:36px;height:36px;border-radius:var(--radius-md);font-size:1rem;display:grid;place-items:center;transition:border-color var(--transition-fast),color var(--transition-fast)}.icon-btn:hover{border-color:var(--accent-cyan);color:var(--accent-cyan)}.workspace{flex:1;display:flex;flex-direction:column;padding:48px 28px;max-width:1040px;width:100%;margin:0 auto}.upload{border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:var(--gradient-card);padding:40px;display:flex;flex-direction:column;gap:28px}.upload__head h2{font-family:var(--font-accent);font-size:1.5rem;letter-spacing:-.01em}.upload__head p{margin-top:6px;color:var(--text-secondary);font-size:.95rem;max-width:60ch}.upload__slots{display:grid;grid-template-columns:1fr 1fr;gap:20px}.upload__error{color:var(--sev-critical);font-size:.88rem;font-weight:600}.upload__actions{display:flex;justify-content:flex-end}.filedrop{display:flex;flex-direction:column;gap:10px}.filedrop__label{font-family:var(--font-accent);font-size:.82rem;font-weight:700;letter-spacing:0;color:var(--text-tertiary)}.filedrop__input{display:none}.filedrop__zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:180px;padding:24px;border:1.5px dashed var(--border-emphasis);border-radius:var(--radius-lg);background:var(--overlay-subtle);color:var(--text-secondary);cursor:pointer;text-align:center;transition:border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast)}.filedrop__zone:hover,.filedrop__zone:focus-visible{border-color:var(--accent-cyan);color:var(--text-primary);outline:none}.filedrop__zone.is-dragging{border-color:var(--accent-cyan);background:var(--glow-cyan-faint);color:var(--text-primary)}.filedrop__icon{width:30px;height:30px;color:var(--accent-cyan)}.filedrop__prompt{font-size:.92rem;font-weight:600}.filedrop__hint{font-size:.74rem;color:var(--text-tertiary)}.filedrop__file{display:flex;align-items:center;gap:12px;min-height:180px;padding:20px 18px;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--overlay-subtle)}.filedrop__doc{width:26px;height:26px;flex-shrink:0;color:var(--accent-cyan)}.filedrop__name{flex:1;font-size:.9rem;font-weight:600;color:var(--text-primary);word-break:break-all}.filedrop__size{font-family:var(--font-mono);font-size:.74rem;color:var(--text-tertiary);white-space:nowrap}.filedrop__remove{flex-shrink:0;display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:transparent;color:var(--text-tertiary);transition:border-color var(--transition-fast),color var(--transition-fast)}.filedrop__remove:hover{border-color:var(--sev-critical);color:var(--sev-critical)}.comparison{border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:var(--gradient-card);padding:24px;display:flex;flex-direction:column;gap:18px;min-height:60vh}.comparison--empty{align-items:center;justify-content:center;color:var(--text-tertiary);text-align:center}.comparison__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.comparison__docs{display:flex;flex-direction:column;gap:4px}.comparison__doc{font-size:.82rem;color:var(--text-tertiary)}.comparison__doc-name{font-family:var(--font-mono);font-size:.8rem;color:var(--text-primary);word-break:break-all}.verdict-banner{font-weight:700;font-size:.82rem;letter-spacing:.04em;text-transform:uppercase;padding:8px 16px;border-radius:var(--radius-pill);white-space:nowrap}.verdict-banner--approve{color:var(--sev-low);background:var(--sev-low-bg)}.verdict-banner--review{color:var(--sev-medium);background:var(--sev-medium-bg)}.verdict-banner--reject{color:var(--sev-critical);background:var(--sev-critical-bg)}.severity__top{display:flex;justify-content:space-between;font-size:.78rem;color:var(--text-secondary);margin-bottom:6px}.severity__pct{font-family:var(--font-mono);font-weight:700}.severity__track{height:8px;border-radius:var(--radius-pill);background:var(--overlay-emphasis);overflow:hidden}.severity__fill{height:100%;border-radius:var(--radius-pill);transition:width var(--transition-base)}.verdict-fill--approve{background:var(--sev-low)}.verdict-fill--review{background:var(--sev-medium)}.verdict-fill--reject{background:var(--sev-critical)}.explanation{border-left:3px solid var(--accent-blue);padding:4px 0 4px 14px}.explanation__label{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary)}.explanation p{color:var(--text-secondary);margin-top:4px;font-size:.92rem}.compare-table{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.compare-table__head,.compare-row{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:12px;padding:11px 14px}.compare-table__head{background:var(--overlay-emphasis);font-size:.78rem;letter-spacing:0;color:var(--text-tertiary)}.compare-row{border-top:1px solid var(--border-subtle);font-size:.88rem;align-items:start}.compare-row--match{background:var(--sev-low-bg)}.compare-row--minor{background:var(--sev-medium-bg)}.compare-row--major{background:var(--sev-critical-bg)}.compare-row--missing{background:var(--sev-info-bg)}.compare-row__field{display:flex;flex-direction:column;gap:6px;color:var(--text-primary);font-weight:600}.compare-row__value{color:var(--text-secondary);font-family:var(--font-mono);font-size:.82rem;word-break:break-word}.compare-row__note{display:block;margin-top:4px;font-family:var(--font-primary);font-size:.74rem;color:var(--text-tertiary);font-style:italic}.status-tag{align-self:flex-start;font-size:.62rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:2px 7px;border-radius:var(--radius-pill)}.status-tag--match{color:var(--sev-low);background:var(--sev-low-bg)}.status-tag--minor{color:var(--sev-medium);background:var(--sev-medium-bg)}.status-tag--major{color:var(--sev-critical);background:var(--sev-critical-bg)}.status-tag--missing{color:var(--sev-info);background:var(--sev-info-bg)}.comparison__actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:auto}.recorded{color:var(--sev-low);font-size:.82rem;font-weight:600}.btn{border-radius:var(--radius-md);font-weight:600;font-size:.88rem;padding:10px 22px;border:1px solid transparent;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.btn--ghost{background:transparent;border-color:var(--border-emphasis);color:var(--text-secondary)}.btn--ghost:hover{border-color:var(--accent-cyan);color:var(--accent-cyan)}.btn--link{margin-right:auto;background:transparent;border-color:transparent;color:var(--text-tertiary);padding-left:0;padding-right:0}.btn--link:hover{color:var(--accent-cyan)}.btn--cta{background:var(--gradient-cta);color:var(--cta-text);border-color:var(--cta-border);box-shadow:var(--shadow-cta)}.btn--cta:hover{background:var(--gradient-cta-hover);box-shadow:var(--shadow-cta-hover);transform:translateY(-1px)}.btn:focus-visible{outline:none;box-shadow:var(--focus-ring-cta)}.spinner{width:34px;height:34px;border-radius:50%;border:3px solid var(--overlay-emphasis);border-top-color:var(--accent-cyan);animation:spin .8s linear infinite;margin-bottom:12px}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 720px){.topbar{padding:0 18px}.topbar__right{gap:10px}.app-shell{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--border-subtle);padding:10px 18px}.sidebar__nav{flex-direction:row;position:static;overflow-x:auto}.sidebar__link{white-space:nowrap}.workspace{padding:28px 18px}.upload{padding:28px 22px}.upload__slots{grid-template-columns:1fr}.comparison__head{flex-direction:column}}