:root{--apex-bg-primary: #f8fafc;--apex-bg-surface: #ffffff;--apex-bg-surface-hover: #f1f5f9;--apex-border: #e2e8f0;--apex-border-focus: #0284c7;--apex-text-primary: #0f172a;--apex-text-secondary: #475569;--apex-text-muted: #94a3b8;--apex-brand: #0284c7;--apex-brand-hover: #0369a1;--apex-brand-light: #e0f2fe;--apex-navy-dark: #0a192f;--apex-navy-light: #112240;--apex-navy-border: #233554;--apex-status-live: #10b981;--apex-status-versioned: #3b82f6;--apex-status-inference: #f59e0b;--apex-status-gap: #ef4444;--apex-status-blocked: #64748b;--apex-font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--apex-font-heading: "Outfit", "Inter", sans-serif;--apex-font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;--apex-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--apex-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -2px rgba(0, 0, 0, .05);--apex-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .04);--apex-radius-sm: 6px;--apex-radius-md: 10px;--apex-radius-lg: 14px}.apex-documental{--apex-bg-primary: #fafaf9;--apex-bg-surface: #ffffff;--apex-border: #e7e5e4;--apex-text-primary: #1c1917;--apex-text-secondary: #57534e;--apex-brand: #44403c;--apex-brand-hover: #292524;--apex-brand-light: #f5f5f4}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--apex-font-sans);background-color:var(--apex-bg-primary);color:var(--apex-text-primary);min-height:100vh;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--apex-font-heading);font-weight:700;color:var(--apex-text-primary);letter-spacing:-.02em}code,pre,.font-mono{font-family:var(--apex-font-mono)}.app-container{display:flex;min-height:100vh}.main-content{flex:1;display:flex;flex-direction:column;min-width:0;overflow-x:hidden}.page-body{padding:24px 32px 48px;flex:1;max-width:1400px;width:100%;margin:0 auto}.apex-card{background:var(--apex-bg-surface);border:1px solid var(--apex-border);border-radius:var(--apex-radius-md);padding:20px;box-shadow:var(--apex-shadow-sm);transition:all .2s ease}.apex-card:hover{border-color:#cbd5e1;box-shadow:var(--apex-shadow-md)}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .25s cubic-bezier(.16,1,.3,1) forwards}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}