@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,300;9..144,400;9..144,500;9..144,600;9..144,700;9..144,900&family=DM+Serif+Display&family=JetBrains+Mono:wght@400;500;600&display=swap";:root,[data-theme=cosmic]{--bg-primary: #08080f;--bg-secondary: #0f1018;--bg-tertiary: #16171f;--bg-card: rgba(15, 16, 24, .7);--bg-card-solid: #0f1018;--bg-overlay: rgba(8, 8, 15, .85);--border-color: rgba(139, 92, 246, .12);--border-glow: rgba(99, 102, 241, .4);--border-strong: rgba(139, 92, 246, .3);--text-primary: #f5f3ff;--text-secondary: #a8a5b8;--text-muted: #6b6880;--text-inverse: #08080f;--accent-primary: #818cf8;--accent-secondary: #a78bfa;--accent-tertiary: #e879f9;--accent-gradient: linear-gradient(135deg, #818cf8 0%, #a78bfa 50%, #e879f9 100%);--accent-gradient-soft: linear-gradient(135deg, rgba(129, 140, 248, .15) 0%, rgba(231, 121, 249, .1) 100%);--income-color: #34d399;--income-glow: rgba(52, 211, 153, .3);--expense-color: #fb7185;--expense-glow: rgba(251, 113, 133, .3);--warning-color: #fbbf24;--info-color: #60a5fa;--shadow-sm: 0 2px 12px rgba(0, 0, 0, .4);--shadow-md: 0 8px 32px rgba(0, 0, 0, .5);--shadow-lg: 0 16px 64px rgba(0, 0, 0, .6);--shadow-glow: 0 0 60px rgba(167, 139, 250, .15);--shadow-color: 0 0 30px var(--border-glow);--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--font-display: "Space Grotesk", -apple-system, sans-serif;--font-body: "Outfit", -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;--texture-opacity: .03;--grid-color: rgba(139, 92, 246, .06)}[data-theme=solar]{--bg-primary: #faf6f0;--bg-secondary: #ffffff;--bg-tertiary: #f5ede0;--bg-card: rgba(255, 255, 255, .85);--bg-card-solid: #ffffff;--bg-overlay: rgba(250, 246, 240, .9);--border-color: rgba(217, 119, 6, .15);--border-glow: rgba(217, 119, 6, .3);--border-strong: rgba(217, 119, 6, .25);--text-primary: #292524;--text-secondary: #78716c;--text-muted: #a8a29e;--text-inverse: #faf6f0;--accent-primary: #ea580c;--accent-secondary: #d97706;--accent-tertiary: #b91c1c;--accent-gradient: linear-gradient(135deg, #f59e0b 0%, #ea580c 50%, #b91c1c 100%);--accent-gradient-soft: linear-gradient(135deg, rgba(245, 158, 11, .1) 0%, rgba(185, 28, 28, .08) 100%);--income-color: #16a34a;--income-glow: rgba(22, 163, 74, .2);--expense-color: #dc2626;--expense-glow: rgba(220, 38, 38, .2);--warning-color: #d97706;--info-color: #0284c7;--shadow-sm: 0 2px 8px rgba(120, 53, 15, .06);--shadow-md: 0 8px 24px rgba(120, 53, 15, .08);--shadow-lg: 0 16px 48px rgba(120, 53, 15, .12);--shadow-glow: 0 0 40px rgba(217, 119, 6, .15);--shadow-color: 0 0 30px var(--border-glow);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--font-display: "Fraunces", "DM Serif Display", serif;--font-body: "Outfit", -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;--texture-opacity: .04;--grid-color: rgba(217, 119, 6, .04)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .6s cubic-bezier(.4,0,.2,1),color .6s cubic-bezier(.4,0,.2,1)}#app{min-height:100vh;position:relative}[data-theme=cosmic] #app:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 15% 30%,rgba(99,102,241,.12) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 85% 70%,rgba(231,121,249,.08) 0%,transparent 50%),radial-gradient(ellipse 50% 30% at 50% 90%,rgba(167,139,250,.06) 0%,transparent 50%),linear-gradient(180deg,transparent 0%,var(--bg-primary) 100%);pointer-events:none;z-index:0}[data-theme=cosmic] #app:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:0;-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 80%);mask-image:radial-gradient(ellipse at center,black 30%,transparent 80%)}[data-theme=solar] #app:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 50% at 80% 0%,rgba(251,146,60,.15) 0%,transparent 60%),radial-gradient(ellipse 50% 40% at 10% 100%,rgba(245,158,11,.12) 0%,transparent 60%),radial-gradient(ellipse 40% 30% at 50% 50%,rgba(254,215,170,.3) 0%,transparent 70%);pointer-events:none;z-index:0}[data-theme=solar] #app:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(120,53,15,calc(var(--texture-opacity) * .5)) 2px,rgba(120,53,15,calc(var(--texture-opacity) * .5)) 3px);pointer-events:none;z-index:0;opacity:.6}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:4px;opacity:.5}::-webkit-scrollbar-thumb:hover{opacity:.8}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes glow{0%,to{box-shadow:0 0 20px var(--border-glow)}50%{box-shadow:0 0 40px var(--border-glow)}}.animate-fade-in{animation:fadeIn .4s ease-out}.animate-slide-up{animation:slideUp .5s ease-out}.animate-scale-in{animation:scaleIn .3s ease-out}[data-theme=cosmic] input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1) brightness(1.2);cursor:pointer;opacity:.8}[data-theme=cosmic] input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}[data-theme=solar] input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.3) sepia(1) hue-rotate(-10deg) saturate(2);cursor:pointer;opacity:.7}[data-theme=solar] input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.chart-canvas{width:100%!important;min-width:200px}