:root{--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "IBM Plex Mono", "SF Mono", Monaco, "Cascadia Code", "Courier New", monospace;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 32px;--text-4xl: 40px;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--spacing-0: 0px;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-8: 32px;--spacing-10: 40px;--spacing-12: 48px;--spacing-16: 64px;--spacing-20: 80px;--spacing-24: 96px;--radius-none: 0px;--radius-sm: 4px;--radius-base: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--transition-fast: .15s;--transition-base: .2s;--transition-slow: .3s;--transition-slower: .5s;--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--bg-primary-v2: #FAFBFC;--bg-secondary-v2: #F5F7FA;--surface-v2: #FFFFFF;--border-v2: #E4E7EB;--border-hover-v2: #D1D5DB;--text-primary-v2: #111827;--text-secondary-v2: #6B7280;--text-muted-v2: #9CA3AF;--text-disabled-v2: #D1D5DB;--brand-primary: #4F46E5;--brand-primary-hover: #4338CA;--brand-accent: #10B981;--brand-warning: #F59E0B;--brand-danger: #EF4444;--brand-info: #3B82F6;--shadow-sm-v2: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-base-v2: 0 1px 3px 0 rgba(0, 0, 0, .06);--shadow-md-v2: 0 4px 6px -1px rgba(0, 0, 0, .08);--shadow-lg-v2: 0 10px 15px -3px rgba(0, 0, 0, .1);--color-navy: #0A2540;--color-bg: #F7F5F2;--color-card: #FFFFFF;--color-text: #2C2416;--color-text-muted: #6B6456;--color-border: #E5E3DF;--color-primary: #5B4FE3;--color-accent: #C87B5E;--color-success: #6B8E7F;--color-danger: #C87B7B;--chart-slate: #64748B;--chart-teal: #5B9C9F;--chart-clay: #B8886E;--chart-sage: #88A896;--chart-indigo: #5B4FE3;--chart-coral: #D4998A;--chart-charcoal: #475569;--shadow-sm: 0 1px 3px rgba(44, 36, 22, .08);--shadow-md: 0 2px 8px rgba(44, 36, 22, .08);--shadow-lg: 0 4px 16px rgba(44, 36, 22, .12)}html.dark{--bg-primary-v2: #0F172A;--bg-secondary-v2: #1E293B;--surface-v2: #1E293B;--border-v2: #334155;--border-hover-v2: #475569;--text-primary-v2: #F8FAFC;--text-secondary-v2: #CBD5E1;--text-muted-v2: #94A3B8;--text-disabled-v2: #475569;--brand-primary: #6366F1;--brand-primary-hover: #818CF8;--brand-accent: #34D399;--brand-warning: #FBBF24;--brand-danger: #F87171;--brand-info: #60A5FA;--shadow-sm-v2: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-base-v2: 0 1px 3px 0 rgba(0, 0, 0, .4);--shadow-md-v2: 0 4px 6px -1px rgba(0, 0, 0, .5);--shadow-lg-v2: 0 10px 15px -3px rgba(0, 0, 0, .6);--color-bg: #0F172A;--color-card: #1E293B;--color-text: #F8FAFC;--color-text-muted: #CBD5E1;--color-border: #334155;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 2px 8px rgba(0, 0, 0, .5);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .6)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);background-color:var(--bg-primary-v2);color:var(--text-primary-v2);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--text-primary-v2)}h1{font-size:var(--text-2xl);font-weight:var(--font-bold)}h2{font-size:var(--text-xl);font-weight:var(--font-bold)}h3{font-size:var(--text-lg);font-weight:var(--font-semibold)}.font-mono,.currency,.number,.code{font-family:var(--font-mono)}.currency{font-size:var(--text-3xl);font-weight:var(--font-bold);line-height:var(--leading-tight)}.currency-sm{font-size:var(--text-lg);font-weight:var(--font-semibold)}.number{font-size:var(--text-base);font-weight:var(--font-medium)}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer;border:none;outline:none;transition:all .2s ease}button:disabled{opacity:.6;cursor:not-allowed}.card{background-color:var(--surface-v2);border-radius:12px;box-shadow:var(--shadow-md-v2);transition:transform .18s ease-out,box-shadow .18s ease-out;border:1px solid var(--border-v2)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg-v2)}.grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.text-center{text-align:center}.text-muted{color:var(--text-muted-v2)}.text-success{color:var(--brand-accent)}.text-danger{color:var(--brand-danger)}.chart-container{background-color:var(--surface-v2);border-radius:12px;padding:24px;box-shadow:var(--shadow-md-v2)}.monthly-chart-container{animation:expandIn .4s ease-out;transform-origin:top}@keyframes expandIn{0%{opacity:0;transform:scaleY(.8);max-height:0}to{opacity:1;transform:scaleY(1);max-height:600px}}.clickable-bar:hover{filter:brightness(1.1);stroke:var(--color-text)!important;stroke-width:2!important}.sidebar-overlay{position:fixed;inset:0;background-color:#0a254080;z-index:999;opacity:0;pointer-events:none;transition:opacity .3s ease-out}.sidebar-overlay.active{opacity:1;pointer-events:auto}input[type=range]{-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--color-primary);border:3px solid white;box-shadow:0 2px 6px #5b4fe34d;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 3px 10px #5b4fe366}input[type=range]::-webkit-slider-thumb:active{transform:scale(1.05);box-shadow:0 2px 8px #5b4fe380}input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--color-primary);border:3px solid white;box-shadow:0 2px 6px #5b4fe34d;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}input[type=range]::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:0 3px 10px #5b4fe366}input[type=range]::-moz-range-thumb:active{transform:scale(1.05);box-shadow:0 2px 8px #5b4fe380}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:768px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:1fr}}@media(max-width:480px){.grid-4{grid-template-columns:1fr}}