:root{--color-primary:#1b5e20;--color-primary-light:#2e7d32;--color-secondary:#4caf50;--color-secondary-light:#66bb6a;--color-accent:#ff8f00;--color-accent-light:#ffa726;--color-background:#fafaf5;--color-surface:#fff;--color-text:#263238;--color-text-secondary:#546e7a;--color-text-muted:#90a4ae;--color-border:#e0e0e0;--color-border-light:#eee;--color-danger:#d32f2f;--color-danger-light:#ffebee;--color-warning:#f57f17;--color-warning-light:#fff8e1;--color-success:#2e7d32;--color-success-light:#e8f5e9;--sidebar-bg:#1b3a26;--sidebar-text:#e8f5e9;--sidebar-hover:#ffffff14;--sidebar-active-bg:#4caf5026;--sidebar-width:260px;--radius-sm:6px;--radius-md:10px;--radius-lg:12px;--radius-xl:16px;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014, 0 2px 4px #0000000a;--shadow-lg:0 10px 30px #0000001a, 0 4px 8px #0000000d;--transition-fast:.15s ease;--transition-normal:.25s ease;--color-info:#1565c0;--color-info-light:#e3f2fd;--color-tertiary:#7b1fa2;--color-tertiary-light:#f3e5f5;--color-overlay:#2632388c;--color-text-on-primary:#fff;--color-warning-text:#b45c09;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--radius-full:999px;--color-danger-dark:#c62828;--color-danger-border:#d32f2f40;--color-success-border:#2e7d3240;--color-primary-tint:#2e7d3214;--color-accent-tint:#ff8f000f;--color-accent-ring:#ff8f0059;--row-hover:#4caf500a;--focus-ring:#4caf501f;--color-warning-bg:#b5761f14;--color-production:#e65100;--color-production-light:#fff3e0;--sidebar-border:#ffffff1a;--sidebar-text-secondary:#e8f5e999;--sidebar-text-muted:#e8f5e973;--sidebar-text-disabled:#e8f5e959;--sidebar-scrollbar-thumb:#ffffff26;--sidebar-footer-bg:#00000026;--sidebar-avatar-border:#fff3;--print-ink:#111;--print-ink-muted:#444;--print-rule:#999;--print-rule-light:#bbb;--print-text-secondary:#333;--color-timeline-line:#c8e6c9;--color-timeline-badge-border:#81c784}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);background:var(--color-background);color:var(--color-text);min-height:100vh;line-height:1.5}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-light)}button,input,select,textarea{font-family:var(--font-sans)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2s}}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--color-background);color:var(--color-text);font-family:var(--font-sans);font-size:16px;line-height:1.5}.app-layout{flex-direction:column;min-height:100vh;display:flex}.app-header{border-bottom:1px solid var(--color-border);background:var(--color-surface);padding:28px 28px 0}.app-header h1{letter-spacing:-.01em;margin:0;font-size:28px}.app-tagline{color:var(--color-text-secondary);margin:4px 0 16px}.app-nav{flex-wrap:wrap;gap:4px;display:flex}.app-nav a{color:var(--color-text-secondary);border-bottom:2px solid #0000;padding:8px 12px;text-decoration:none}.app-nav a:hover,.app-nav a:focus-visible{color:var(--color-text);outline:none}.app-nav a.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:600}.app-content{flex:1;max-width:860px;padding:28px}.tab-page h2{margin:0 0 8px;font-size:22px}.tab-question{color:var(--color-text-secondary);margin:0 0 12px}.tab-status{font-family:var(--font-mono);background:var(--color-success-light);color:var(--color-primary);border-radius:999px;margin:12px 0 0;padding:3px 10px;font-size:12px;display:inline-block}.app-footer{border-top:1px solid var(--color-border);font-family:var(--font-mono);color:var(--color-text-muted);padding:12px 28px;font-size:12px}.app-footer a{color:inherit;text-decoration:none}.auth-login,.auth-loading{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;max-width:420px;padding:28px}.auth-card h1{margin:0 0 8px}.auth-card p{margin:16px 0}.auth-error{color:var(--color-danger)}.auth-button{background:var(--color-primary);color:var(--color-text-on-primary);font:inherit;cursor:pointer;border:0;border-radius:6px;margin-top:12px;padding:10px 16px}