:root{--font-heading:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-primary:#07090e;--bg-secondary:#0d111b;--bg-tertiary:#141a29;--accent-primary:#00f2fe;--accent-secondary:#4364f7;--accent-purple:#a124f5;--accent-green:#00f5d4;--accent-red:#ff2a5f;--text-primary:#fff;--text-secondary:#94a3b8;--text-muted:#475569;--color-income:#00f5d4;--color-income-glow:#00f5d41f;--color-expense:#ff2a5f;--color-expense-glow:#ff2a5f1f;--color-investment:#f59e0b;--color-investment-glow:#f59e0b1f;--color-debt:#a124f5;--color-debt-glow:#a124f51f;--border-color:#ffffff0d;--border-neon:#00f2fe33;--glass-bg:#0d111bd9;--glass-border:#ffffff0d;--shadow-neon:0 0 15px #00f2fe26;--shadow-lg:0 16px 40px #0009;--transition-normal:.2s cubic-bezier(.16, 1, .3, 1);--border-radius-sm:6px;--border-radius-md:10px;--border-radius-lg:14px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary);box-shadow:0 0 8px var(--accent-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:600}.app-container{background:radial-gradient(circle at 85% 15%,#00f2fe0a 0%,#0000 50%),radial-gradient(circle at 15% 85%,#a124f50a 0%,#0000 50%);min-height:100vh;display:flex}.sidebar{z-index:100;background-color:#05070c;border-right:1px solid #ffffff0a;flex-direction:column;width:280px;height:100vh;padding:2.5rem 1.5rem;display:flex;position:fixed;top:0;left:0}.logo-container{align-items:center;gap:.75rem;margin-bottom:3.5rem;padding-left:.5rem;display:flex}.logo-text{background:linear-gradient(135deg, #fff 0%, var(--accent-primary) 100%);-webkit-text-fill-color:transparent;text-shadow:0 0 10px #00f2fe33;-webkit-background-clip:text;font-size:1.5rem;font-weight:800}.nav-links{flex-direction:column;gap:.6rem;margin-bottom:auto;list-style:none;display:flex}.nav-link{color:var(--text-secondary);border-radius:var(--border-radius-md);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:1rem;width:100%;padding:.75rem 1.25rem;font-weight:500;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}.nav-link:hover{color:#fff;background-color:#ffffff05;border-color:#ffffff0d}.nav-link.active{color:var(--accent-primary);border-color:var(--border-neon);background-color:#00f2fe0a;box-shadow:inset 0 0 8px #00f2fe0d,0 0 12px #00f2fe14}.nav-link svg{width:20px;height:20px}.sidebar-footer{border-top:1px solid #ffffff0a;margin-top:2rem;padding-top:1.5rem}.firebase-status{color:var(--text-secondary);align-items:center;gap:.75rem;font-size:.85rem;display:flex}.status-indicator{border-radius:50%;width:8px;height:8px}.status-indicator.connected{background-color:var(--accent-green);box-shadow:0 0 8px var(--accent-green)}.status-indicator.offline{background-color:var(--color-investment);box-shadow:0 0 8px var(--color-investment)}.main-content{flex:1;min-height:100vh;margin-left:280px;padding:2.5rem}.page-header{justify-content:space-between;align-items:center;margin-bottom:2.5rem;display:flex}.page-title h1{text-shadow:0 0 20px #ffffff0d;font-size:2.25rem;font-weight:800}.page-title p{color:var(--text-secondary);margin-top:.25rem;font-size:.95rem}.btn{border-radius:var(--border-radius-md);font-size:.9rem;font-weight:600;font-family:var(--font-heading);cursor:pointer;-webkit-user-select:none;user-select:none;background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid #ffffff14;justify-content:center;align-items:center;gap:.6rem;padding:.65rem 1.25rem;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn:active{transform:scale(.96)}.btn-primary{border:1px solid var(--accent-primary);color:var(--accent-primary);background-color:#00f2fe08;box-shadow:0 0 10px #00f2fe1a}.btn-primary:hover{color:#fff;background-color:#00f2fe14;transform:translateY(-1.5px);box-shadow:0 0 15px #00f2fe59}.btn-secondary{color:var(--text-secondary);background-color:#141a2980;border:1px solid #ffffff0f}.btn-secondary:hover{border-color:var(--accent-primary);color:var(--accent-primary);background-color:#ffffff05;transform:translateY(-1.5px);box-shadow:0 0 10px #00f2fe26}.btn-accent{border:1px solid var(--accent-purple);color:var(--accent-purple);background-color:#a124f508;box-shadow:0 0 10px #a124f51a}.btn-accent:hover{color:#fff;background-color:#a124f514;transform:translateY(-1.5px);box-shadow:0 0 15px #a124f559}.btn-danger{border:1px solid var(--accent-red);color:var(--accent-red);background-color:#ff2a5f08;box-shadow:0 0 10px #ff2a5f1a}.btn-danger:hover{color:#fff;background-color:#ff2a5f14;transform:translateY(-1.5px);box-shadow:0 0 15px #ff2a5f59}.btn-sm{padding:.4rem .8rem;font-size:.8rem}.btn-icon{padding:.5rem;display:inline-flex}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-bottom:2.5rem;display:grid}.stat-card{background-color:var(--bg-secondary);border-radius:var(--border-radius-lg);border:1px solid #ffffff0a;flex-direction:column;padding:1.5rem;transition:all .2s;display:flex;position:relative;overflow:hidden}.stat-card:hover{transform:translateY(-2px)}.stat-card.balance{border-color:#00f2fe33;box-shadow:0 4px 20px #00f2fe08}.stat-card.balance:hover{border-color:var(--accent-primary);box-shadow:0 0 15px #00f2fe26}.stat-card.income{border-color:#00f5d433}.stat-card.income:hover{border-color:var(--accent-green);box-shadow:0 0 15px #00f5d426}.stat-card.expense{border-color:#ff2a5f33}.stat-card.expense:hover{border-color:var(--accent-red);box-shadow:0 0 15px #ff2a5f26}.stat-card.investment{border-color:#f59e0b33}.stat-card.investment:hover{border-color:var(--color-investment);box-shadow:0 0 15px #f59e0b26}.stat-card.debt{border-color:#a124f533}.stat-card.debt:hover{border-color:var(--accent-purple);box-shadow:0 0 15px #a124f526}.stat-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.stat-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.9rem;font-weight:600}.stat-icon{border-radius:var(--border-radius-md);justify-content:center;align-items:center;width:40px;height:40px;display:flex}.balance .stat-icon{color:var(--accent-primary);background:#00f2fe14}.income .stat-icon{color:var(--accent-green);background:#00f5d414}.expense .stat-icon{color:var(--accent-red);background:#ff2a5f14}.investment .stat-icon{color:var(--color-investment);background:#f59e0b14}.debt .stat-icon{color:var(--accent-purple);background:#a124f514}.stat-value{font-family:var(--font-heading);font-size:1.85rem;font-weight:700;line-height:1.2}.stat-sub{color:var(--text-secondary);margin-top:.5rem;font-size:.85rem}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--border-radius-lg);padding:2rem;box-shadow:0 8px 32px #0006}.glass-card:hover{border-color:#ffffff14}.table-container{border-radius:var(--border-radius-md);background-color:var(--bg-secondary);border:1px solid #ffffff0d;margin-top:1.5rem;overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%;font-size:.95rem}.data-table th{color:var(--text-secondary);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.05em;background-color:#090d16;border-bottom:1px solid #ffffff0d;padding:1rem 1.25rem;font-size:.85rem;font-weight:600}.data-table td{color:var(--text-primary);vertical-align:middle;border-bottom:1px solid #ffffff0a;padding:1rem 1.25rem;font-weight:500}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background-color:#ffffff03}.propagated-value{color:var(--text-secondary);opacity:.65;font-style:italic;font-weight:400!important}.explicit-value{color:#fff;font-weight:600}.badge{border-radius:var(--border-radius-sm);align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-income{background:var(--color-income-glow);color:var(--color-income);border:1px solid #00f5d433}.badge-expense{background:var(--color-expense-glow);color:var(--color-expense);border:1px solid #ff2a5f33}.badge-investment{background:var(--color-investment-glow);color:var(--color-investment);border:1px solid #f59e0b33}.badge-debt{background:var(--color-debt-glow);color:var(--color-debt);border:1px solid #a124f533}.badge-gray{color:var(--text-secondary);background:#ffffff08;border:1px solid #ffffff0d}.filters-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.filter-group{align-items:center;gap:.75rem;display:flex}.search-input-wrapper{min-width:260px;position:relative}.search-input-wrapper svg{color:var(--text-secondary);width:18px;height:18px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.form-control{background-color:var(--bg-tertiary);color:#fff;border-radius:var(--border-radius-md);font-family:var(--font-body);border:1px solid #ffffff14;outline:none;padding:.6rem 1rem;font-size:.9rem;transition:all .2s}.form-control:focus{border-color:var(--accent-primary);box-shadow:0 0 10px #00f2fe59}select.form-control option{background-color:var(--bg-secondary);color:#fff}.search-input-wrapper .form-control{width:100%;padding-left:2.25rem}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background-color:#05070cd9;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--bg-secondary);border-radius:var(--border-radius-lg);border:1px solid #ffffff14;width:100%;max-width:500px;padding:2rem;animation:.25s cubic-bezier(.16,1,.3,1) slideUp;position:relative;box-shadow:0 0 30px #00f2fe1a}.modal-header{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.75rem;display:flex}.modal-header h3{color:var(--accent-primary);font-size:1.35rem}.modal-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1.5rem;line-height:1;transition:all .2s}.modal-close:hover{color:var(--accent-red)}.form-group{flex-direction:column;gap:.5rem;margin-bottom:1.25rem;display:flex}.form-group label{color:var(--text-secondary);font-size:.85rem;font-weight:600}.calculator-panel{grid-template-columns:1.2fr 1fr;gap:2.5rem;display:grid}@media (width<=900px){.calculator-panel{grid-template-columns:1fr}}.calc-container{background-color:var(--bg-secondary);border-radius:var(--border-radius-lg);border:1px solid #ffffff0a;width:100%;max-width:400px;margin:0 auto;padding:1.5rem}.calc-display{background-color:var(--bg-primary);border-radius:var(--border-radius-md);text-align:right;border:1px solid #ffffff0a;flex-direction:column;justify-content:flex-end;min-height:80px;margin-bottom:1.25rem;padding:1.25rem;display:flex}.calc-history{color:var(--text-secondary);opacity:.7;text-overflow:ellipsis;white-space:nowrap;min-height:20px;font-size:.85rem;overflow:hidden}.calc-main-val{font-size:2rem;font-weight:700;font-family:var(--font-heading);text-overflow:ellipsis;color:var(--accent-primary);overflow:hidden}.calc-grid{grid-template-columns:repeat(4,1fr);gap:.75rem;display:grid}.calc-btn{background-color:var(--bg-tertiary);color:var(--text-primary);border-radius:var(--border-radius-md);cursor:pointer;border:1px solid #ffffff0d;padding:1rem;font-size:1.2rem;font-weight:600;transition:all .2s}.calc-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary);background-color:#ffffff05;box-shadow:0 0 8px #00f2fe33}.calc-btn.op{color:var(--accent-primary);background-color:#4364f70a;border-color:#00f2fe33}.calc-btn.op:hover{background-color:var(--accent-secondary);color:#fff;border-color:var(--accent-secondary);box-shadow:0 0 15px #4364f766}.calc-btn.eq{color:var(--accent-green);border:1px solid var(--accent-green);background-color:#00f5d40a;grid-column:span 2;box-shadow:0 0 10px #00f5d41a}.calc-btn.eq:hover{background-color:var(--accent-green);color:var(--bg-primary);box-shadow:0 0 20px #00f5d466}.calc-btn.clear{color:var(--accent-red);background-color:#ff2a5f0a;border-color:#ff2a5f33}.calc-btn.clear:hover{background-color:var(--accent-red);color:#fff;border-color:var(--accent-red);box-shadow:0 0 15px #ff2a5f66}.currency-converter{height:100%}.converter-group{background-color:var(--bg-tertiary);border-radius:var(--border-radius-md);border:1px solid #ffffff0d;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem;display:flex}.converter-input-wrapper{flex:1}.converter-label{color:var(--text-secondary);margin-bottom:.25rem;font-size:.75rem;font-weight:600}.converter-val{color:var(--text-primary);width:100%;font-size:1.5rem;font-weight:700;font-family:var(--font-heading);background:0 0;border:none;outline:none}.converter-select{background-color:var(--bg-secondary);color:#fff;border-radius:var(--border-radius-sm);border:1px solid #ffffff0f;outline:none;padding:.5rem;font-weight:600}.rates-info{border-radius:var(--border-radius-md);color:var(--text-secondary);background-color:#ffffff03;border:1px dashed #ffffff0f;margin-top:1.5rem;padding:1rem;font-size:.85rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.toast-container{z-index:1100;flex-direction:column;gap:.75rem;display:flex;position:fixed;bottom:2rem;right:2rem}.toast{background-color:var(--bg-secondary);border:1px solid #ffffff0d;border-left:4px solid var(--accent-primary);color:var(--text-primary);border-radius:var(--border-radius-md);align-items:center;gap:.75rem;padding:1rem 1.25rem;font-size:.9rem;font-weight:500;animation:.3s cubic-bezier(.16,1,.3,1) slideInRight;display:flex;box-shadow:0 8px 30px #00000080}.toast.success{border-left-color:var(--accent-green)}.toast.error{border-left-color:var(--accent-red)}.toast.info{border-left-color:var(--accent-primary)}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media (width<=1024px){.sidebar{align-items:center;width:80px;padding:2rem .5rem}.logo-text,.sidebar-footer,.nav-link span{display:none}.logo-container{justify-content:center;margin-bottom:2rem;padding-left:0}.nav-link{justify-content:center;padding:.75rem}.main-content{margin-left:80px;padding:1.5rem}}@media (width<=600px){.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.filters-bar{flex-direction:column;align-items:stretch}.search-input-wrapper{min-width:100%}}