.landing-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) 0}.landing-brand{display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-display);font-size:var(--fs-md)}.landing-header-actions{display:flex;gap:var(--space-3)}.hero{padding:var(--space-8) 0 var(--space-7);text-align:center;border-bottom:1px solid var(--color-border)}.hero-crest{margin:0 auto var(--space-5)}.hero h1{font-size:var(--fs-3xl);margin-bottom:var(--space-3)}.hero-tagline{font-size:var(--fs-md);max-width:560px;margin:0 auto var(--space-6)}.hero-actions{display:flex;gap:var(--space-4);justify-content:center}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-5);padding:var(--space-7) 0}.feature-card h3{font-size:var(--fs-md);color:var(--color-gold-strong)}.landing-footer{border-top:1px solid var(--color-border);padding:var(--space-5) 0;color:var(--color-text-muted);font-size:var(--fs-sm);text-align:center}@media(max-width:640px){.hero h1{font-size:var(--fs-2xl)}.hero-actions{flex-direction:column;align-items:center}}.auth-page{min-height:100vh;display:grid;place-items:center;padding:var(--space-5)}.auth-card{width:100%;max-width:380px}.auth-card-header{text-align:center;margin-bottom:var(--space-5)}.auth-card-header h1{font-size:var(--fs-lg);margin:var(--space-3) 0 var(--space-1)}.auth-switch{text-align:center;font-size:var(--fs-sm);color:var(--color-text-muted);margin-top:var(--space-4)}.changelog-entry{display:flex;gap:var(--space-5);padding:var(--space-5) 0;border-bottom:1px solid var(--color-border)}.changelog-entry:last-child{border-bottom:none}.changelog-meta{flex:0 0 140px;font-family:var(--font-mono);color:var(--color-text-muted);font-size:var(--fs-sm)}.changelog-version{color:var(--color-gold-strong);font-weight:600;display:block;margin-bottom:var(--space-1)}.changelog-body h3{font-size:var(--fs-md);margin-bottom:var(--space-2)}:root{--color-bg: #14161c;--color-surface: #1d2029;--color-surface-alt: #262a36;--color-border: #33394a;--color-text: #e9e4d8;--color-text-muted: #9b9788;--color-gold: #c9a227;--color-gold-strong: #e0b93a;--color-emerald: #2f6f5e;--color-emerald-strong: #3d8c76;--color-crimson: #8c3b3b;--color-crimson-strong: #b04a4a;--font-display: "Cinzel", "Times New Roman", serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Courier New", monospace;--fs-xs: .75rem;--fs-sm: .875rem;--fs-base: 1rem;--fs-md: 1.125rem;--fs-lg: 1.5rem;--fs-xl: 2rem;--fs-2xl: 2.75rem;--fs-3xl: 3.5rem;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 14px;--sidebar-width: 260px;--header-height: 64px;--max-content-width: 1180px;--shadow-panel: 0 8px 24px rgba(0, 0, 0, .35);--transition-fast: .15s ease;--transition-base: .22s ease}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--fs-base);line-height:1.55;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;letter-spacing:.02em;line-height:1.2;margin:0 0 var(--space-4)}p{margin:0 0 var(--space-4);color:var(--color-text-muted)}a{color:var(--color-gold-strong);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font-family:inherit}:focus-visible{outline:2px solid var(--color-gold-strong);outline-offset:2px}.container{width:100%;max-width:var(--max-content-width);margin:0 auto;padding:0 var(--space-5)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);border:1px solid transparent;font-weight:600;font-size:var(--fs-sm);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--color-gold);color:#1a1608}.btn-primary:hover{background:var(--color-gold-strong)}.btn-ghost{background:transparent;border-color:var(--color-border);color:var(--color-text)}.btn-ghost:hover{border-color:var(--color-gold-strong);color:var(--color-gold-strong)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5)}.field{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.field label{font-size:var(--fs-sm);color:var(--color-text-muted)}.field input{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-3);color:var(--color-text);font-size:var(--fs-base)}.field input:focus{border-color:var(--color-gold-strong)}.form-error{background:#8c3b3b26;border:1px solid var(--color-crimson);color:#e5b8b8;padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-size:var(--fs-sm);margin-bottom:var(--space-4)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);font-family:var(--font-mono);font-size:var(--fs-xs);padding:2px var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--color-border);color:var(--color-text-muted)}.badge-added{border-color:var(--color-emerald);color:var(--color-emerald-strong)}.badge-changed{border-color:var(--color-gold);color:var(--color-gold-strong)}.badge-fixed{border-color:#4a7ab0;color:#6ea0dd}.badge-security{border-color:var(--color-crimson);color:var(--color-crimson-strong)}.badge-removed{border-color:var(--color-text-muted);color:var(--color-text-muted)}.app-shell{display:grid;grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:var(--header-height) 1fr;grid-template-areas:"sidebar header" "sidebar main";min-height:100vh}.app-header{grid-area:header;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-5);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.app-sidebar{grid-area:sidebar;background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;padding:var(--space-5) var(--space-3);overflow-y:auto}.app-main{grid-area:main;padding:var(--space-6);overflow-y:auto}.sidebar-brand{display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-3) var(--space-5);font-family:var(--font-display);font-size:var(--fs-md)}.sidebar-section{margin-bottom:var(--space-5)}.sidebar-section-title{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);padding:0 var(--space-3);margin-bottom:var(--space-2)}.sidebar-link{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--fs-sm);font-weight:500}.sidebar-link:hover:not(.is-disabled){background:var(--color-surface-alt);text-decoration:none}.sidebar-link.is-active{background:var(--color-surface-alt);color:var(--color-gold-strong);border-left:2px solid var(--color-gold)}.sidebar-link.is-disabled{color:var(--color-text-muted);cursor:default;pointer-events:none}.soon-tag{font-family:var(--font-mono);font-size:10px;color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:1px 5px}.user-menu{display:flex;align-items:center;gap:var(--space-3)}.user-menu-name{font-size:var(--fs-sm);font-weight:600}@media(max-width:860px){.app-shell{grid-template-columns:1fr;grid-template-areas:"header" "main"}.app-sidebar{display:none}}