:root{--bg-color: #000000;--card-bg: #000000;--sidebar-bg: #000000;--primary: #0ea5e9;--secondary: #f97316;--accent: #0ea5e9;--text-primary: #ffffff;--text-secondary: #a0a0a0;--border: rgba(255, 255, 255, .15);--success: #10b981;--danger: #ef4444;--warning: #f97316;--glass: rgba(0, 0, 0, .8);--glass-strong: #000000;--glass-medium: rgba(0, 0, 0, .9);--glass-light: rgba(255, 255, 255, .05);--blur: blur(0px);--backdrop-blur: blur(0px);--color-buy: #10b981;--color-sell: #f97316;--color-payment: #ef4444;--color-receivable: #0ea5e9;--color-cash: #0ea5e9;--color-investment: #10b981;--color-expense: #ef4444;--color-income: #f97316;--alt-accent-1: #0ea5e9;--alt-accent-2: #10b981;--chart-color-1: #ffffff;--chart-color-2: #0ea5e9;--banner-bg: linear-gradient(to right, #000000, #111111);--gradient-primary: linear-gradient(135deg, #0ea5e9 0%, #38bdf8 100%);--gradient-secondary: linear-gradient(135deg, #f97316 0%, #fb923c 100%);--input-bg: #111111;--input-text: #ffffff;--input-border: rgba(255, 255, 255, .2)}.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;--chart-color-1: #1e293b;--chart-color-2: #2563eb;--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;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s ease,border-color .3s ease}.glass-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px -5px #0006,0 10px 20px -5px #0003;border-color:#fff6;z-index:10;position:relative}.light-mode .glass-card:hover{box-shadow:0 20px 40px -5px #0ea5e940,0 10px 20px -5px #f9731626;border-color:var(--primary)}.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}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #0ea5e9b3}70%{transform:scale(1);box-shadow:0 0 0 10px #0ea5e900}to{transform:scale(.95);box-shadow:0 0 #0ea5e900}}@keyframes bounce-x{0%,to{transform:translate(0)}50%{transform:translate(5px)}}.animate-bounce-x{animation:bounce-x 1s infinite ease-in-out}.leaf{position:fixed;top:-50px;width:20px;height:20px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2322c55e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8 0 5.5-4.77 10-10 10Z'/%3E%3Cpath d='M2 21c0-3 1.85-5.36 5.08-6C9.5 14.52 12 13 13 12'/%3E%3C/svg%3E");opacity:.6;pointer-events:none;z-index:0;animation:falling-leaf linear infinite}@keyframes falling-leaf{0%{transform:translate(0) rotate(0);opacity:0}10%{opacity:1}to{transform:translate(100px,100vh) rotate(360deg);opacity:0}}.mouse-shadow{position:fixed;top:0;left:0;width:400px;height:400px;background:radial-gradient(circle,rgba(37,99,235,.15) 0%,transparent 70%);transform:translate(-50%,-50%);pointer-events:none;z-index:9999;transition:opacity .3s ease;mix-blend-mode:multiply}