:root{--bg-page: #0a0f1a;--bg-deeper: #080c14;--bg-card: #0f172a;--bg-elevated: #111827;--bg-interactive: #1e293b;--bg-muted: #334155;--border: #1e293b;--border-subtle: #334155;--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-muted: #64748b;--text-placeholder: #475569;--text-body: #cbd5e1;--accent: #3b82f6;--accent-hover: #2563eb;--accent-gradient-end: #8b5cf6;--header-start: #0f172a;--header-end: #1e293b;--color-success: #10b981;--color-success-muted: #059669;--color-warning: #f59e0b;--color-danger: #ef4444;--color-danger-hover: #f87171;--color-danger-bg: #7f1d1d;--color-danger-surface: #1c1917;--badge-green-bg: #064e3b;--badge-green-text: #6ee7b7;--badge-amber-bg: #78350f;--badge-amber-text: #fcd34d;--btn-sso-bg: #fff;--btn-sso-text: #111;--btn-sso-hover: #f1f5f9;--error-bg: #1e1010;--error-border: #7f1d1d;--error-text: #fca5a5;--shadow-dropdown: rgba(0,0,0,.4);--shadow-modal: rgba(0,0,0,.5);--shadow-accent: rgba(59,130,246,.3);--shadow-success: rgba(5,150,105,.3);--backdrop: rgba(0,0,0,.6);--trickle-border: #7c3aed60;--trickle-bg: #7c3aed15;--trickle-text: #a78bfa;--company-rock-border: #f59e0b60;--company-rock-bg: #f59e0b15;--company-rock-text: #fbbf24;--milestone-border-complete: var(--color-success);--milestone-border-incomplete: var(--border-subtle, var(--border));--progress-filled: var(--color-success);--progress-empty: var(--border-subtle, var(--border));--z-dropdown: 100;--z-fab: 200;--z-overlay: 1000;--z-modal: 9000;--z-modal-top: 9500;--z-confirm: 9900;--z-celebrate: 9999;--chart-standard: #3b82f6;--chart-standard-fill: rgba(59,130,246,.1);--chart-goal: #f59e0b;--chart-pace: #94a3b8;--chart-aggregate: #8b5cf6;--chart-aggregate-fill: rgba(139,92,246,.1);--chart-grid: rgba(255,255,255,.05)}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:450;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input,select,textarea,button{font-family:inherit;font-weight:inherit}select{background:var(--bg-interactive);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:6px;padding:6px 10px;font-size:13px}select option{background:var(--bg-card);color:var(--text-primary)}[data-theme=claude-dark]{--bg-page: #1a1a1a;--bg-deeper: #141414;--bg-card: #242424;--bg-elevated: #2a2a2a;--bg-interactive: #333333;--bg-muted: #444444;--border: #333333;--border-subtle: #444444;--text-primary: #ececec;--text-secondary: #a0a0a0;--text-muted: #777777;--text-placeholder: #555555;--text-body: #d4d4d4;--accent: #d97706;--accent-hover: #b45309;--accent-gradient-end: #ea580c;--header-start: #242424;--header-end: #2a2a2a;--shadow-accent: rgba(217,119,6,.3);--trickle-border: #8b5cf660;--trickle-bg: #8b5cf615;--trickle-text: #a78bfa;--company-rock-border: #d9770660;--company-rock-bg: #d9770615;--company-rock-text: #f59e0b;--milestone-border-complete: var(--color-success);--milestone-border-incomplete: var(--border-subtle, var(--border));--progress-filled: var(--color-success);--progress-empty: var(--border-subtle, var(--border));--chart-standard: #3b82f6;--chart-standard-fill: rgba(59,130,246,.1);--chart-goal: #f59e0b;--chart-pace: #94a3b8;--chart-aggregate: #8b5cf6;--chart-aggregate-fill: rgba(139,92,246,.1);--chart-grid: rgba(255,255,255,.05)}[data-theme=claude-light]{--bg-page: #faf9f6;--bg-deeper: #f0efe8;--bg-card: #ffffff;--bg-elevated: #f7f6f3;--bg-interactive: #ede9e3;--bg-muted: #d7d2c8;--border: #e0dbd2;--border-subtle: #ccc7bc;--text-primary: #1a1a1a;--text-secondary: #5c5c5c;--text-muted: #8a8a8a;--text-placeholder: #aaaaaa;--text-body: #333333;--accent: #d97706;--accent-hover: #b45309;--accent-gradient-end: #ea580c;--header-start: #2c2418;--header-end: #3d3227;--color-success: #059669;--color-success-muted: #047857;--color-warning: #d97706;--color-danger: #dc2626;--color-danger-hover: #ef4444;--color-danger-bg: #fecaca;--color-danger-surface: #fff1f2;--badge-green-bg: #d1fae5;--badge-green-text: #065f46;--badge-amber-bg: #fef3c7;--badge-amber-text: #92400e;--btn-sso-bg: #1a1a1a;--btn-sso-text: #fff;--btn-sso-hover: #333333;--error-bg: #fff1f2;--error-border: #fecaca;--error-text: #991b1b;--shadow-dropdown: rgba(0,0,0,.12);--shadow-modal: rgba(0,0,0,.2);--shadow-accent: rgba(217,119,6,.2);--shadow-success: rgba(5,150,105,.2);--backdrop: rgba(0,0,0,.3);--trickle-border: #7c3aed40;--trickle-bg: #7c3aed10;--trickle-text: #6d28d9;--company-rock-border: #d9770640;--company-rock-bg: #d9770610;--company-rock-text: #b45309;--milestone-border-complete: var(--color-success);--milestone-border-incomplete: var(--border-subtle, var(--border));--progress-filled: var(--color-success);--progress-empty: var(--border-subtle, var(--border));--chart-standard: #3b82f6;--chart-standard-fill: rgba(59,130,246,.1);--chart-goal: #f59e0b;--chart-pace: #94a3b8;--chart-aggregate: #8b5cf6;--chart-aggregate-fill: rgba(139,92,246,.1);--chart-grid: rgba(0,0,0,.06)}[data-theme=dusk]{--bg-page: #1a1625;--bg-deeper: #14101e;--bg-card: #221d30;--bg-elevated: #2a2440;--bg-interactive: #352e4a;--bg-muted: #4a4260;--border: #352e4a;--border-subtle: #4a4260;--text-primary: #e8e0f0;--text-secondary: #a89cc0;--text-muted: #7a6e95;--text-placeholder: #5a4f72;--text-body: #d0c5e0;--accent: #a78bfa;--accent-hover: #8b5cf6;--accent-gradient-end: #c084fc;--header-start: #221d30;--header-end: #2a2440;--shadow-accent: rgba(167,139,250,.3);--trickle-border: #a78bfa60;--trickle-bg: #a78bfa15;--trickle-text: #c4b5fd;--company-rock-border: #f59e0b60;--company-rock-bg: #f59e0b15;--company-rock-text: #fbbf24;--milestone-border-complete: var(--color-success);--milestone-border-incomplete: var(--border-subtle, var(--border));--progress-filled: var(--color-success);--progress-empty: var(--border-subtle, var(--border));--chart-standard: #3b82f6;--chart-standard-fill: rgba(59,130,246,.1);--chart-goal: #f59e0b;--chart-pace: #94a3b8;--chart-aggregate: #ec4899;--chart-aggregate-fill: rgba(236,72,153,.1);--chart-grid: rgba(255,255,255,.05)}[data-theme=kwest]{--bg-page: #f2f0ef;--bg-deeper: #e2dfde;--bg-card: #ffffff;--bg-elevated: #f7f5f4;--bg-interactive: #e2dfde;--bg-muted: #c5c2c0;--border: #d5d2d0;--border-subtle: #b8b5b3;--text-primary: #1a1a1a;--text-secondary: #525352;--text-muted: #787878;--text-placeholder: #a0a0a0;--text-body: #333333;--accent: #2aab79;--accent-hover: #228e64;--accent-gradient-end: #4bbdad;--header-start: #04616d;--header-end: #066e7a;--color-success: #2aab79;--color-success-muted: #228e64;--color-warning: #d97706;--color-danger: #dc2626;--color-danger-hover: #ef4444;--color-danger-bg: #fecaca;--color-danger-surface: #fff5f5;--badge-green-bg: #d1fae5;--badge-green-text: #065f46;--badge-amber-bg: #fef3c7;--badge-amber-text: #92400e;--btn-sso-bg: #04616d;--btn-sso-text: #ffffff;--btn-sso-hover: #055a65;--error-bg: #fff5f5;--error-border: #fecaca;--error-text: #991b1b;--shadow-dropdown: rgba(0,0,0,.1);--shadow-modal: rgba(0,0,0,.18);--shadow-accent: rgba(42,171,121,.25);--shadow-success: rgba(42,171,121,.25);--backdrop: rgba(0,0,0,.28);--trickle-border: #7c3aed40;--trickle-bg: #7c3aed10;--trickle-text: #6d28d9;--company-rock-border: #d9770640;--company-rock-bg: #d9770610;--company-rock-text: #b45309;--milestone-border-complete: var(--color-success);--milestone-border-incomplete: var(--border-subtle, var(--border));--progress-filled: var(--color-success);--progress-empty: var(--border-subtle, var(--border));--chart-standard: #3b82f6;--chart-standard-fill: rgba(59,130,246,.1);--chart-goal: #f59e0b;--chart-pace: #94a3b8;--chart-aggregate: #8b5cf6;--chart-aggregate-fill: rgba(139,92,246,.1);--chart-grid: rgba(0,0,0,.06)}[data-theme=claude-light] .app-header{--text-primary: #faf9f6;--text-secondary: #d4c8b8;--text-muted: #b8a898}[data-theme=kwest] .app-header{--text-secondary: #000810;--text-muted: #000810}[data-dev-mode=true]{--header-start: #6b1a1a;--header-end: #8b2525}[data-dev-mode=true] .app-header__brand-name{color:#ff9a9a}[data-dev-mode=true] .app-header__brand-sub:after{content:" — DEV";color:#fca5a5;font-weight:700;letter-spacing:1px}.expand-chevron{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:18px;font-weight:700;color:var(--text-secondary);transition:transform .2s ease;transform:rotate(0);flex-shrink:0;-webkit-user-select:none;user-select:none}.expand-chevron.open{transform:rotate(90deg)}@media(prefers-reduced-motion:reduce){.expand-chevron{transition:none}}.expand-chevron-sm{width:16px;height:16px;font-size:14px}