:root{--bg: #F7F8FA;--surface: #FFFFFF;--surface-muted: #F1F3F6;--border: #E5E7EB;--text: #111827;--text-secondary: #6B7280;--text-muted: #9CA3AF;--accent: #4F46E5;--accent-hover: #4338CA;--accent-soft: #EEF2FF;--income: #16A34A;--income-soft: #ECFDF3;--expense: #DC2626;--expense-soft: #FEF2F2;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow: 0 1px 2px rgba(16, 24, 40, .05);--shadow-md: 0 4px 12px rgba(16, 24, 40, .08)}[data-theme=dark]{--bg: #0B1220;--surface: #131B2C;--surface-muted: #1B2536;--border: #253044;--text: #F1F5F9;--text-secondary: #94A3B8;--text-muted: #64748B;--accent: #6366F1;--accent-hover: #818CF8;--accent-soft: #1E1B4B;--income: #22C55E;--income-soft: #052E1C;--expense: #F87171;--expense-soft: #3F1212;--shadow: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 8px 24px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}.num{font-family:JetBrains Mono,ui-monospace,monospace;font-variant-numeric:tabular-nums}button,input,select{font-family:inherit}input,select{width:100%;padding:9px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:14px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.btn{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600;padding:9px 16px;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:transform .08s ease,background .15s ease;white-space:nowrap}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-ghost{background:transparent;color:var(--text);border-color:var(--border)}.btn-ghost:hover{background:var(--surface-muted)}.btn-danger{background:transparent;color:var(--expense);border-color:var(--expense)}.btn-danger:hover{background:var(--expense-soft)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px;box-shadow:var(--shadow)}.label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.scrollbar-thin::-webkit-scrollbar{width:6px;height:6px}.scrollbar-thin::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}@media (max-width: 720px){.grid-2,.grid-3{grid-template-columns:1fr!important}}