:root{--bg-main: #020617;--bg-gradient: radial-gradient(circle at 50% 50%, #0f172a, #020617);--panel-bg: rgba(15, 23, 42, .45);--panel-border: rgba(255, 255, 255, .08);--panel-glow: rgba(0, 0, 0, .3);--card-bg: rgba(30, 41, 59, .4);--card-border: rgba(255, 255, 255, .05);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-title: "Outfit", "Inter", sans-serif;--c-gross: #3b82f6;--c-net: #10b981;--c-tax: #f43f5e;--c-caf: #8b5cf6;--c-savings: #22c55e;--c-housing: #f59e0b;--c-food: #ec4899;--c-transport: #06b6d4;--c-hobbies: #a855f7;--c-school: #94a3b8;--c-pets: #fb7185;--c-deficit: #ef4444;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-main);background-image:var(--bg-gradient);color:var(--text-primary);font-family:var(--font-sans);min-height:100vh;overflow-x:hidden;padding-bottom:2rem}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0f172a33}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}.container{max-width:1440px;margin:0 auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--panel-border);padding-bottom:1rem}.brand{display:flex;flex-direction:column}.brand h1{font-family:var(--font-title);font-size:1.8rem;font-weight:800;background:linear-gradient(135deg,#60a5fa,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.025em}.brand p{font-size:.875rem;color:var(--text-secondary);margin-top:.2rem}.meta-badge{background:#60a5fa1a;border:1px solid rgba(96,165,250,.2);color:#60a5fa;padding:.35rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;display:flex;align-items:center;gap:.5rem}.dashboard-layout{display:grid;grid-template-columns:360px 1fr;gap:1.5rem;align-items:start}.sidebar{background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem;max-height:calc(100vh - 120px);overflow-y:auto;box-shadow:0 10px 30px var(--panel-glow)}.sidebar-section{border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:1.25rem}.sidebar-section:last-child{border-bottom:none;padding-bottom:0}.section-title{font-family:var(--font-title);font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.section-title svg{width:16px;height:16px;color:#60a5fa}.adult-column{background:#ffffff05;border:1px solid rgba(255,255,255,.05);padding:.85rem;border-radius:10px;margin-bottom:.85rem}.adult-column:last-child{margin-bottom:0}.adult-title{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#60a5fa;margin-bottom:.65rem}.form-group{margin-bottom:1rem;display:flex;flex-direction:column;gap:.4rem}.form-group:last-child{margin-bottom:0}label{font-size:.8rem;font-weight:500;color:var(--text-secondary)}select,input[type=text],input[type=number]{background:#0f172a99;border:1px solid rgba(255,255,255,.15);color:var(--text-primary);padding:.6rem .8rem;border-radius:8px;font-size:.875rem;outline:none;width:100%;transition:var(--transition-smooth)}select:focus,input:focus{border-color:#60a5fa;box-shadow:0 0 0 2px #60a5fa33}.custom-expense-item{background:#0f172a4d;border:1px solid rgba(255,255,255,.04);padding:.6rem;border-radius:8px;margin-bottom:.75rem;transition:var(--transition-smooth)}.custom-expense-item:hover{background:#0f172a80;border-color:#ffffff14}.counter-group{display:flex;align-items:center;justify-content:space-between;background:#0f172a66;padding:.5rem .75rem;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.counter-label{font-size:.875rem;color:var(--text-secondary)}.counter-controls{display:flex;align-items:center;gap:.75rem}.counter-btn{background:#ffffff14;border:none;color:var(--text-primary);width:28px;height:28px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;transition:var(--transition-smooth)}.counter-btn:hover{background:#ffffff2e}.counter-val{font-size:.9rem;font-weight:600;min-width:12px;text-align:center}.child-age-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem;padding-left:.5rem;border-left:1px solid rgba(255,255,255,.1)}.toggle-group{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.toggle-group:last-child{margin-bottom:0}.toggle-label{font-size:.85rem;color:var(--text-secondary)}.switch{position:relative;display:inline-block;width:44px;height:22px}.switch input{opacity:0;width:0;height:0}.slider-toggle{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ffffff26;transition:.3s;border-radius:34px}.slider-toggle:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.slider-toggle{background-color:#60a5fa}input:checked+.slider-toggle:before{transform:translate(22px)}.range-group{display:flex;flex-direction:column;gap:.5rem}.range-header{display:flex;align-items:center;justify-content:space-between;font-size:.8rem}.range-val{font-weight:600;color:#60a5fa}input[type=range]{-webkit-appearance:none;width:100%;height:4px;border-radius:2px;background:#ffffff26;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#60a5fa;cursor:pointer;transition:var(--transition-smooth);box-shadow:0 0 8px #60a5fa80}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.dashboard-content{display:flex;flex-direction:column;gap:1.5rem}.card{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:16px;padding:1.5rem;box-shadow:0 8px 32px var(--panel-glow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:var(--transition-smooth)}.card:hover{border-color:#ffffff1f;box-shadow:0 12px 40px #0006}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:.75rem}.card-title{font-family:var(--font-title);font-size:1.1rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.card-title svg{width:20px;height:20px;color:#60a5fa}.sankey-wrapper{position:relative;width:100%;min-height:440px}.sankey-tooltip{position:absolute;background:#0f172af2;border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.6rem .85rem;border-radius:8px;font-size:.75rem;color:var(--text-primary);pointer-events:none;opacity:0;transition:opacity .2s ease-in-out;box-shadow:0 10px 25px #0009;z-index:100;line-height:1.4}.node rect{cursor:pointer;stroke:#ffffff40;stroke-width:1.5px;transition:var(--transition-smooth)}.node rect:hover{stroke:#fffc;filter:brightness(1.2) drop-shadow(0 0 8px rgba(255,255,255,.3))}.link{fill:none;stroke-opacity:.3;transition:var(--transition-smooth)}.link:hover{stroke-opacity:.75;filter:drop-shadow(0 0 4px rgba(255,255,255,.15))}.visuals-row{display:grid;grid-template-columns:280px 1fr;gap:1.5rem}.gauge-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;position:relative}.gauge-value{font-family:var(--font-title);font-size:1.75rem;font-weight:700;margin-top:-15px}.gauge-percentage{font-size:.9rem;color:var(--text-secondary);font-weight:500;margin-top:.1rem}.gauge-status{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-top:.5rem;padding:.25rem .6rem;border-radius:4px}.status-critical{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.status-tight{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.status-comfortable{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.status-excellent{background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.comparison-wrapper{width:100%;height:200px}.comparison-wrapper svg{width:100%;height:100%}.chart-axis line,.chart-axis path{stroke:#ffffff1a}.chart-axis text{fill:var(--text-secondary);font-size:.7rem}.decile-callout{background:#ffffff08;border:1px solid rgba(255,255,255,.06);padding:.65rem .85rem;border-radius:8px;font-size:.75rem;color:var(--text-secondary);margin-top:1rem;line-height:1.4;display:flex;align-items:center;gap:.5rem}.decile-callout span{color:#60a5fa;font-weight:600}.summary-table-wrapper{overflow-x:auto;margin-top:1rem}.summary-table{width:100%;border-collapse:collapse;font-size:.85rem;text-align:left}.summary-table th,.summary-table td{padding:.65rem 1rem;border-bottom:1px solid rgba(255,255,255,.05)}.summary-table th{font-family:var(--font-title);font-weight:600;color:var(--text-secondary);background:#ffffff05;border-bottom:2px solid rgba(255,255,255,.1)}.summary-table tr:hover{background:#ffffff03}.table-section-header{font-weight:700;background:#ffffff0a!important;color:var(--text-primary)}.bold-row{font-weight:600;color:#f8fafc}.negative-value{color:#fb7185}.positive-value{color:#34d399}.recovery-panel{border:1px solid rgba(245,158,11,.2);background:linear-gradient(135deg,#f59e0b0d,#0f172a99)}.recovery-title{color:#f59e0b!important}.advice-list{display:flex;flex-direction:column;gap:.85rem}.advice-item{display:flex;gap:.85rem;align-items:flex-start;background:#0003;padding:.85rem;border-radius:8px;border:1px solid rgba(245,158,11,.08);transition:var(--transition-smooth)}.advice-item:hover{border-color:#f59e0b33;background:#0000004d}.advice-icon{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:#f59e0b26;display:flex;align-items:center;justify-content:center;color:#f59e0b;font-size:.8rem;font-weight:700}.advice-text{font-size:.825rem;line-height:1.45;color:var(--text-secondary)}.advice-text strong{color:var(--text-primary)}.advice-text span.gain{color:#10b981;font-weight:600}.impact-panel{background:linear-gradient(135deg,#1e293b99,#0f172acc);border:1px solid rgba(96,165,250,.15)}.impact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.impact-card{background:#00000040;border:1px solid rgba(255,255,255,.03);padding:1rem;border-radius:10px;display:flex;align-items:flex-start;gap:.85rem;transition:var(--transition-smooth)}.impact-card:hover{transform:translateY(-2px);border-color:#60a5fa1a}.impact-icon{flex-shrink:0;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center}.impact-content{display:flex;flex-direction:column;gap:.25rem}.impact-label{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.impact-text{font-size:.85rem;line-height:1.45;color:var(--text-secondary)}.impact-text strong{color:var(--text-primary);font-weight:600}.impact-text span.highlight{color:#60a5fa;font-weight:600}.impact-text span.warning{color:#ef4444;font-weight:600}@media (max-width: 1024px){.dashboard-layout{grid-template-columns:1fr}.sidebar{max-height:none}.visuals-row{grid-template-columns:1fr}}.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:.5rem}.form-row-2:last-child{margin-bottom:0}.form-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem;margin-bottom:.5rem}.form-row-3:last-child{margin-bottom:0}.counters-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:.75rem}.counter-card{display:flex;flex-direction:column;align-items:center;gap:.4rem;background:#0f172a66;padding:.5rem .35rem;border-radius:8px;border:1px solid rgba(255,255,255,.1);transition:var(--transition-smooth)}.counter-card:hover{border-color:#60a5fa33}.counter-card .counter-label{font-size:.75rem;font-weight:500;color:var(--text-secondary);text-align:center;white-space:nowrap}.counter-card .counter-controls{display:flex;align-items:center;gap:.4rem}.counter-card .counter-btn{width:24px;height:24px;border-radius:4px;font-size:.85rem;display:flex;align-items:center;justify-content:center;background:#ffffff14;border:none;color:var(--text-primary);cursor:pointer;transition:var(--transition-smooth);font-weight:700}.counter-card .counter-btn:hover{background:#ffffff2e}.counter-card .counter-val{font-size:.85rem;font-weight:600;min-width:10px;text-align:center}.custom-expenses-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.simulated-avg{font-size:.725rem;color:var(--text-muted);margin-top:.2rem}.switches-row{display:flex;gap:.85rem;margin-top:.5rem;justify-content:flex-start;align-items:center}.toggle-group-compact{display:flex;align-items:center;gap:.4rem}.toggle-label-compact{font-size:.725rem;color:var(--text-secondary)}.switch-sm{position:relative;display:inline-block;width:32px;height:18px}.switch-sm input{opacity:0;width:0;height:0}.switch-sm .slider-toggle{border-radius:34px}.switch-sm .slider-toggle:before{height:12px;width:12px;left:3px;bottom:3px}input:checked+.switch-sm .slider-toggle{background-color:#60a5fa}input:checked+.switch-sm .slider-toggle:before{transform:translate(14px)}.section-header-clickable{cursor:pointer;display:flex;align-items:center;justify-content:space-between;-webkit-user-select:none;user-select:none;width:100%;transition:var(--transition-smooth)}.section-header-clickable:hover{filter:brightness(1.2)}.section-header-left{display:flex;align-items:center;gap:.5rem}.section-chevron{transition:transform .2s ease;width:14px;height:14px;color:var(--text-muted)}.section-chevron.rotated{transform:rotate(-90deg)}.sidebar-section{padding-bottom:.75rem}.sidebar-section .section-title{margin-bottom:.35rem}.sidebar-section .section-content{margin-top:.5rem}.tab-navigation{display:flex;gap:.75rem;border-bottom:1px solid var(--panel-border);padding-bottom:.75rem;margin-bottom:1.25rem}.tab-btn{background:#ffffff05;border:1px solid rgba(255,255,255,.06);color:var(--text-secondary);padding:.55rem 1.1rem;border-radius:8px;font-size:.85rem;font-family:var(--font-title);font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:var(--transition-smooth)}.tab-btn svg{width:15px;height:15px;color:var(--text-muted);transition:var(--transition-smooth)}.tab-btn:hover{background:#ffffff12;color:var(--text-primary);border-color:#ffffff1f}.tab-btn.active{background:#60a5fa1f;border-color:#60a5fa59;color:#60a5fa}.tab-btn.active svg{color:#60a5fa}.compare-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem}.compare-card{background:#0003;border:1px solid rgba(255,255,255,.03);padding:1.1rem;border-radius:12px;display:flex;flex-direction:column;gap:.4rem;transition:var(--transition-smooth)}.compare-card:hover{border-color:#ffffff0f;background:#00000047}.compare-card .compare-label{font-size:.725rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.compare-card .compare-value{font-family:var(--font-title);font-size:1.35rem;font-weight:700;color:var(--text-primary)}.compare-badge{display:inline-block;font-size:.7rem;font-weight:600;padding:.2rem .45rem;border-radius:4px;width:fit-content;margin-top:.2rem}.compare-badge.gain{background:#10b9811f;color:#34d399;border:1px solid rgba(16,185,129,.22)}.compare-badge.loss{background:#f43f5e1a;color:#fb7185;border:1px solid rgba(244,63,94,.2)}.dual-bar-container{background:#0f172a33;border:1px solid rgba(255,255,255,.02);padding:.65rem .85rem;border-radius:8px;transition:var(--transition-smooth)}.dual-bar-container:hover{background:#0f172a59;border-color:#ffffff0d}