:root{--bg-color: #000000;--card-bg: rgba(10, 10, 10, .9);--sidebar-bg: #000000;--primary: #ffffff;--secondary: #cccccc;--accent: #ffffff;--text-primary: #ffffff;--text-secondary: #a0a0a0;--border: rgba(255, 255, 255, .2);--success: #4ade80;--danger: #f87171;--warning: #fb923c;--glass: rgba(255, 255, 255, .05);--glass-strong: rgba(255, 255, 255, .1);--glass-medium: rgba(255, 255, 255, .08);--glass-light: rgba(255, 255, 255, .03);--blur: blur(0px);--backdrop-blur: blur(10px);--color-buy: #4ade80;--color-sell: #fb923c;--color-payment: #f87171;--color-receivable: #38bdf8;--color-cash: #3B82F6;--color-investment: #10B981;--color-expense: #EF4444;--color-income: #FF6B35;--alt-accent-1: #ffffff;--alt-accent-2: #e5e5e5;--banner-bg: linear-gradient(135deg, #222222 0%, #000000 100%);--gradient-primary: linear-gradient(135deg, #ffffff 0%, #cccccc 100%);--gradient-secondary: linear-gradient(135deg, #333333 0%, #000000 100%);--input-bg: rgba(15, 23, 42, .6);--input-text: #ffffff;--input-border: rgba(255, 255, 255, .15)}.light-mode{--bg-color: #f0f4f8;--card-bg: rgba(255, 255, 255, .9);--sidebar-bg: #ffffff;--primary: #2563eb;--secondary: #7c3aed;--accent: #06b6d4;--text-primary: #1e293b;--text-secondary: #64748b;--border: rgba(37, 99, 235, .1);--success: #059669;--danger: #dc2626;--warning: #d97706;--glass: rgba(37, 99, 235, .08);--glass-strong: rgba(37, 99, 235, .12);--glass-medium: rgba(37, 99, 235, .08);--glass-light: rgba(37, 99, 235, .04);--blur: blur(16px);--backdrop-blur: blur(20px);--color-buy: #10b981;--color-sell: #f59e0b;--color-payment: #ef4444;--color-receivable: #2563eb;--alt-accent-1: #4f46e5;--alt-accent-2: #0891b2;--banner-bg: linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);--gradient-primary: linear-gradient(135deg, #2563eb 0%, #4f46e5 100%);--gradient-secondary: linear-gradient(135deg, #06b6d4 0%, #3b82f6 100%);--input-bg: #ffffff;--input-text: #1e293b;--input-border: #cbd5e1}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,system-ui,-apple-system,sans-serif}body{background-color:var(--bg-color);color:var(--text-primary);overflow-x:hidden;transition:background-color .3s ease,color .3s ease}.app-container{display:flex;min-height:100vh;width:100%}.main-content{flex:1;padding:2.5rem;margin-left:260px;width:calc(100% - 260px);max-width:1600px;margin-right:auto;transition:all .3s ease}@media(max-width:1200px){.main-content{padding:2rem}}@media(max-width:768px){.main-content{margin-left:0;width:100%;padding:1.5rem}}.glass-card{background:var(--card-bg);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--border);border-radius:1rem;padding:1.5rem;box-shadow:0 8px 32px #0000004d}.btn{padding:.75rem 1.5rem;border-radius:.5rem;border:none;cursor:pointer;font-weight:600;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.btn-primary{background:var(--gradient-primary);color:#000}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 16px #ff6b3580}.input-group{margin-bottom:1.5rem}.input-group label{display:block;margin-bottom:.5rem;color:var(--text-secondary);font-size:.875rem}input,select,textarea{width:100%;padding:.75rem 1rem;background:var(--input-bg);border:1px solid var(--input-border);border-radius:.5rem;color:var(--input-text)!important;outline:none;transition:all .2s;backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur)}input:focus,select:focus,textarea:focus{border-color:var(--primary);background:var(--input-bg);box-shadow:0 0 0 3px #ff6b351a}.table-container{overflow-x:auto;margin-top:1.5rem}table{width:100%;border-collapse:collapse}th{text-align:left;padding:1rem;color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border)}td{padding:1rem;border-bottom:1px solid var(--border)}tr:hover{background:var(--glass)}.rain-canvas{opacity:1;transition:opacity 1.5s ease-in-out}.sun-container{opacity:0;pointer-events:none;transition:opacity 1.5s ease-in-out}.light-mode .rain-canvas{opacity:0!important;pointer-events:none}.light-mode .sun-container{display:block!important;opacity:1!important;pointer-events:none}