:root{--bg-page:#050510;--bg-page-alt:#0a0e1a;--bg-card:#1e293bcc;--bg-card-solid:#1e293b;--bg-input:#0f172a;--cyan:#00f3ff;--cyan-glow:#00f3ff40;--purple:#bc13fe;--purple-glow:#bc13fe40;--emerald:#10b981;--amber:#f59e0b;--red:#ef4444;--accent:#00f3ff;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-tertiary:#64748b;--text-muted:#475569;--border-subtle:#ffffff12;--border-card:#ffffff1a;--shadow-card:0 4px 24px #0006;--font-family:"Inter", -apple-system, sans-serif;--font-mono:"JetBrains Mono", monospace;--color-essential:#10b981;--color-nice:#f59e0b;--color-cancel:#ef4444}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background:linear-gradient(180deg, var(--bg-page) 0%, var(--bg-page-alt) 100%);min-height:100vh;color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.5}.glass-navbar{z-index:100;backdrop-filter:blur(16px);background:#050510eb;border-bottom:1px solid #ffffff0f;padding:0 24px;position:sticky;top:0}.nav-link.active{color:var(--cyan)!important}.main-container{max-width:1200px;margin:0 auto;padding:12px 20px}.page-title{text-align:center;letter-spacing:-.5px;margin-bottom:2px;font-size:1.5rem;font-weight:800}.section-desc{color:var(--text-secondary);margin-bottom:10px;font-size:.8rem}.text-center{text-align:center}.tab-nav{border:1px solid var(--border-subtle);background:#ffffff08;border-radius:12px;gap:4px;margin-bottom:16px;padding:4px;display:flex}.tab-btn{color:var(--text-tertiary);cursor:pointer;font-size:.82rem;font-weight:600;font-family:var(--font-family);background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:9px 12px;transition:all .2s;display:flex}.tab-btn:hover{color:var(--text-primary);background:#ffffff0a}.tab-btn.active{color:var(--cyan);background:#00f3ff1a;box-shadow:0 0 0 1px #00f3ff4d}.tab-icon{font-size:.95rem}.tab-pane{display:none}.tab-pane.active{display:block}.dashboard-grid{grid-template-columns:420px 1fr;align-items:start;gap:16px;display:grid}.dashboard-grid-single{max-width:800px;margin:0 auto}@media (width<=900px){.dashboard-grid{grid-template-columns:1fr}}.card{background:var(--bg-card);backdrop-filter:blur(20px);border:1px solid var(--border-card);box-shadow:var(--shadow-card);border-radius:12px;padding:16px}.input-card{border-left:3px solid var(--cyan);height:fit-content;position:sticky;top:72px}.result-card{border-left:3px solid var(--purple);min-width:0}.card-header-cyan,.card-header-purple{text-transform:uppercase;letter-spacing:1.5px;border-bottom:1px solid var(--border-subtle);margin-bottom:12px;padding-bottom:6px;font-size:.65rem;font-weight:700}.card-header-cyan{color:var(--cyan)}.card-header-purple{color:var(--purple)}.preset-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;font-size:.65rem;font-weight:600}.preset-chips{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.preset-chip{cursor:pointer;color:var(--text-secondary);font-size:.72rem;font-weight:600;font-family:var(--font-family);background:#ffffff08;border:1px solid #ffffff1a;border-radius:20px;padding:5px 12px;transition:all .2s}.preset-chip:hover{color:var(--cyan);background:#00f3ff14;border-color:#00f3ff66}.preset-chip.used{opacity:.4;pointer-events:none}.sub-list{flex-direction:column;gap:8px;max-height:400px;margin-bottom:12px;display:flex;overflow-y:auto}.sub-list::-webkit-scrollbar{width:4px}.sub-list::-webkit-scrollbar-track{background:0 0}.sub-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.sub-row{border:1px solid var(--border-subtle);background:#ffffff05;border-radius:8px;grid-template-columns:1fr 90px 1fr 100px 32px;align-items:center;gap:6px;padding:8px 10px;transition:all .2s;display:grid}.sub-row:hover{background:#ffffff0a;border-color:#00f3ff33}.sub-row input[type=text],.sub-row input[type=number]{background:var(--bg-card-solid);border:1px solid var(--border-subtle);width:100%;color:var(--text-primary);font-size:.78rem;font-family:var(--font-family);border-radius:6px;padding:6px 8px;transition:border-color .2s}.sub-row input:focus{border-color:var(--cyan);outline:none}.sub-row select{background:var(--bg-card-solid);border:1px solid var(--border-subtle);width:100%;color:var(--text-primary);font-size:.72rem;font-family:var(--font-family);cursor:pointer;-webkit-appearance:none;appearance:none;border-radius:6px;padding:6px 4px}.sub-row select:focus{border-color:var(--cyan);outline:none}.sub-row select option{color:#f1f5f9;background:#1e293b}.del-btn{width:28px;height:28px;color:var(--red);cursor:pointer;background:#ef444414;border:1px solid #ef444433;border-radius:6px;justify-content:center;align-items:center;font-size:1rem;transition:all .2s;display:flex}.del-btn:hover{background:#ef444433;border-color:#ef444466}.add-btn{width:100%;color:var(--cyan);cursor:pointer;font-size:.8rem;font-weight:600;font-family:var(--font-family);background:#00f3ff0f;border:1px dashed #00f3ff4d;border-radius:8px;padding:10px;transition:all .2s}.add-btn:hover{background:#00f3ff1f;border-color:#00f3ff80}.summary-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px;display:grid}.stat-cell{border:1px solid var(--border-subtle);text-align:center;background:#ffffff08;border-radius:10px;padding:12px}.stat-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-tertiary);margin-bottom:4px;font-size:.6rem;font-weight:700;display:block}.stat-value{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:1.3rem;font-weight:800;font-family:var(--font-mono);display:block}.accent-cyan{color:var(--cyan)}.accent-purple{color:var(--purple)}.category-breakdown{margin-bottom:14px}.breakdown-title{text-transform:uppercase;letter-spacing:1.2px;color:var(--text-tertiary);margin-bottom:8px;font-size:.65rem;font-weight:700}.cat-row{border-bottom:1px solid var(--border-subtle);align-items:center;gap:8px;padding:6px 0;display:flex}.cat-row:last-child{border-bottom:none}.cat-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.essential-dot{background:var(--color-essential)}.nice-dot{background:var(--color-nice)}.cancel-dot{background:var(--color-cancel)}.cat-name{color:var(--text-secondary);flex:1;font-size:.8rem}.cat-val{color:var(--text-primary);font-size:.85rem;font-weight:700;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.action-bar{gap:8px;margin-top:12px;display:flex}.action-btn{border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;font-size:.72rem;font-weight:600;font-family:var(--font-family);background:#ffffff0a;border-radius:8px;flex:1;padding:8px 10px;transition:all .2s}.action-btn:hover{color:var(--cyan);background:#00f3ff14;border-color:#00f3ff4d}.table-overflow{overflow-x:auto}.audit-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.8rem}.audit-table th{color:var(--text-primary);text-transform:uppercase;letter-spacing:.8px;text-align:left;border-bottom:2px solid #ffffff12;padding:9px 12px;font-size:.62rem}.audit-table td{color:var(--text-secondary);border-bottom:1px solid #ffffff0d;padding:8px 12px}.audit-table tr:hover td{color:var(--text-primary);background:#ffffff05}.cat-badge{border-radius:12px;padding:2px 8px;font-size:.68rem;font-weight:600;display:inline-block}.cat-badge.essential{color:var(--emerald);background:#10b9811f}.cat-badge.nice{color:var(--amber);background:#f59e0b1f}.cat-badge.cancel{color:var(--red);background:#ef44441f}.savings-display{text-align:center;background:#00f3ff0a;border:1px solid #00f3ff26;border-radius:10px;padding:16px}.savings-num{color:var(--cyan);font-size:2rem;font-weight:800;font-family:var(--font-mono);font-variant-numeric:tabular-nums;line-height:1}.savings-sublabel{color:var(--text-secondary);margin-top:4px;font-size:.72rem}.projection-grid{grid-template-columns:1fr 1fr;gap:10px;margin:16px 0;display:grid}.projection-cell{border:1px solid var(--border-subtle);text-align:center;background:#ffffff08;border-radius:10px;padding:14px}.proj-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-tertiary);margin-bottom:4px;font-size:.6rem;font-weight:700;display:block}.proj-value{color:var(--cyan);font-size:1.4rem;font-weight:800;font-family:var(--font-mono);font-variant-numeric:tabular-nums;display:block}.invest-table-wrap{margin-top:12px;overflow-x:auto}.invest-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.8rem}.invest-table th{color:var(--text-primary);text-transform:uppercase;letter-spacing:.8px;text-align:right;border-bottom:2px solid #ffffff12;padding:9px 12px;font-size:.62rem}.invest-table th:first-child{text-align:left}.invest-table td{color:var(--text-secondary);text-align:right;border-bottom:1px solid #ffffff0d;padding:8px 12px}.invest-table td:first-child{text-align:left}.invest-table tr:hover td{color:var(--text-primary);background:#ffffff05}.invest-table .highlight td{color:var(--cyan);font-weight:700}.insight-card .insight-text{color:var(--text-secondary);font-size:.85rem;line-height:1.7}.page-sections-outer{max-width:1600px;margin:0 auto;padding:0 1.5rem 3rem}.how-section{padding:40px 0 20px}.how-title{color:var(--text-primary);text-align:center;margin-bottom:20px;font-size:1.3rem;font-weight:800}.how-steps{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.how-step{border:1px solid var(--border-subtle);background:#ffffff08;border-radius:12px;padding:20px}.step-num{width:32px;height:32px;color:var(--cyan);font-size:.85rem;font-weight:800;font-family:var(--font-mono);background:#00f3ff1f;border-radius:50%;justify-content:center;align-items:center;margin-bottom:10px;display:flex}.how-step h3{color:var(--text-primary);margin-bottom:6px;font-size:.9rem;font-weight:700}.how-step p{color:var(--text-secondary);font-size:.78rem;line-height:1.6}.faq-section{padding:20px 0}.faq-title{color:var(--text-primary);text-align:center;margin-bottom:16px;font-size:1.3rem;font-weight:800}.faq-list{flex-direction:column;display:flex}.faq-item{border-bottom:1px solid #ffffff0f}.faq-item__question{cursor:pointer;color:var(--text-primary);user-select:none;justify-content:space-between;align-items:center;padding:14px 4px;font-size:.9rem;font-weight:600;list-style:none;transition:color .2s;display:flex}.faq-item__question::-webkit-details-marker{display:none}.faq-item__question:after{content:"+";font-family:var(--font-mono);color:var(--text-tertiary);flex-shrink:0;margin-left:16px;font-size:1.1rem;transition:color .2s}.faq-item[open] .faq-item__question:after{content:"−";color:var(--cyan)}.faq-item__question:hover{color:var(--cyan)}.faq-item__answer{color:var(--text-secondary);padding:0 4px 14px;font-size:.85rem;line-height:1.75}.calc-related{padding:20px 0}.related-title{color:var(--text-primary);text-align:center;margin-bottom:16px;font-size:1.3rem;font-weight:800}.related-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.related-card{border:1px solid var(--border-subtle);background:#ffffff08;border-radius:10px;flex-direction:column;gap:4px;padding:16px;text-decoration:none;transition:all .2s;display:flex}.related-card:hover{background:#00f3ff0d;border-color:#00f3ff4d;transform:translateY(-2px)}.related-icon{font-size:1.4rem}.related-name{color:var(--text-primary);font-size:.85rem;font-weight:700}.related-desc{color:var(--text-secondary);font-size:.72rem}.toast{color:#fff;z-index:9999;border-radius:10px;max-width:360px;padding:12px 20px;font-size:.82rem;animation:.3s toastIn;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 16px #0000004d}.toast-success{background:#10b981f2}.toast-warn{background:#f59e0bf2}.toast-error{background:#ef4444f2}@keyframes toastIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=600px){.sub-row{grid-template-columns:1fr 1fr;gap:4px}.sub-row .del-btn{grid-column:2;justify-self:end}.summary-grid{grid-template-columns:1fr 1fr;gap:6px}.stat-value{font-size:1rem}.projection-grid,.how-steps{grid-template-columns:1fr}}[data-theme=light]{--bg-page:#e8edf5;--bg-page-alt:#e0e7f1;--bg-card:#fffffff2;--bg-card-solid:#e8eef4;--bg-input:#f0f4f9;--cyan:#0e7490;--cyan-glow:#0e749026;--purple:#7c3aed;--purple-glow:#7c3aed26;--emerald:#065f46;--amber:#a16207;--red:#dc2626;--accent:#0e7490;--color-essential:#059669;--color-nice:#d97706;--color-cancel:#dc2626;--text-primary:#0f172a;--text-secondary:#334155;--text-tertiary:#64748b;--text-muted:#94a3b8;--border-subtle:#00000014;--border-card:#0000001f;--shadow-card:0 2px 12px #00000017}[data-theme=light] body{color:#0f172a;background:linear-gradient(#e8edf5 0%,#e0e7f1 100%)}[data-theme=light] .glass-navbar{backdrop-filter:blur(12px);background:#fffffff2;border-bottom:1px solid #00000014}[data-theme=light] .nav-link.active{color:#0e7490!important}[data-theme=light] .card{background:#fff;border-color:#0000001f;box-shadow:0 2px 12px #00000017}[data-theme=light] .input-card{border-left-color:#0e7490}[data-theme=light] .result-card{border-left-color:#7c3aed}[data-theme=light] .tab-nav{background:#f0f4f9;border-color:#0000001a}[data-theme=light] .tab-btn{color:#64748b}[data-theme=light] .tab-btn:hover{color:#0f172a;background:#0000000a}[data-theme=light] .tab-btn.active{color:#0e7490;background:#0e74901f;box-shadow:0 0 0 1px #0e74904d}[data-theme=light] .preset-chip{color:#334155;background:#f0f4f9;border-color:#0000001f}[data-theme=light] .preset-chip:hover{color:#0e7490;background:#0e749014;border-color:#0e74904d}[data-theme=light] .sub-row{background:#f8fafc;border-color:#0000001a}[data-theme=light] .sub-row:hover{background:#f0f7fa;border-color:#0e749040}[data-theme=light] .sub-row input[type=text],[data-theme=light] .sub-row input[type=number]{color:#0f172a;background:#fff;border-color:#0000001f}[data-theme=light] .sub-row input:focus{border-color:#0e7490}[data-theme=light] .sub-row select{color:#0f172a;background:#fff;border-color:#0000001f}[data-theme=light] .sub-row select option{color:#0f172a;background:#fff}[data-theme=light] .del-btn{color:#dc2626;background:#dc26260f;border-color:#dc262633}[data-theme=light] .del-btn:hover{background:#dc26261f;border-color:#dc262659}[data-theme=light] .add-btn{color:#0e7490;background:#0e74900a;border-color:#0e749040}[data-theme=light] .add-btn:hover{background:#0e74901a;border-color:#0e749066}[data-theme=light] .stat-cell{background:#edf2f9;border-color:#0000001a}[data-theme=light] .stat-value{color:#0f172a}[data-theme=light] .accent-cyan{color:#0e7490}[data-theme=light] .accent-purple{color:#7c3aed}[data-theme=light] .cat-row{border-bottom-color:#0000000f}[data-theme=light] .cat-name{color:#334155}[data-theme=light] .cat-val{color:#0f172a}[data-theme=light] .action-btn{color:#334155;background:#f0f4f9;border-color:#0000001a}[data-theme=light] .action-btn:hover{color:#0e7490;background:#0e749014;border-color:#0e749040}[data-theme=light] .audit-table th,[data-theme=light] .invest-table th{color:#0f172a;border-bottom-color:#0000001f}[data-theme=light] .audit-table td,[data-theme=light] .invest-table td{color:#334155;border-bottom-color:#0000000f}[data-theme=light] .audit-table tr:hover td,[data-theme=light] .invest-table tr:hover td{color:#0f172a;background:#f0f4f9}[data-theme=light] .invest-table .highlight td{color:#0e7490}[data-theme=light] .cat-badge.essential{color:#059669;background:#0596691a}[data-theme=light] .cat-badge.nice{color:#d97706;background:#d977061a}[data-theme=light] .cat-badge.cancel{color:#dc2626;background:#dc26261a}[data-theme=light] .savings-display{background:#eff9fb;border-color:#0e749033}[data-theme=light] .savings-num{color:#0e7490}[data-theme=light] .savings-sublabel{color:#475569}[data-theme=light] .projection-cell{background:#edf2f9;border-color:#0000001a}[data-theme=light] .proj-value{color:#0e7490}[data-theme=light] .insight-card .insight-text{color:#334155}[data-theme=light] .how-step{background:#fff;border-color:#0000001a;box-shadow:0 1px 4px #0000000f}[data-theme=light] .step-num{color:#0e7490;background:#0e74901a}[data-theme=light] .how-step h3{color:#0f172a}[data-theme=light] .how-step p{color:#475569}[data-theme=light] .faq-list{gap:8px}[data-theme=light] .faq-item{background:#fff;border:1px solid #0000001a;border-radius:10px;transition:box-shadow .2s,border-color .2s;overflow:hidden;box-shadow:0 1px 4px #0000000f}[data-theme=light] .faq-item:hover{border-color:#0e749059;box-shadow:0 2px 10px #0e749014}[data-theme=light] .faq-item[open]{border-color:#0e749066 #0e749066 #0e749066 #0e7490;border-left-style:solid;border-left-width:3px;box-shadow:0 2px 12px #0e74901a}[data-theme=light] .faq-item__question{color:#0f172a;padding:14px 16px}[data-theme=light] .faq-item__question:after{color:#64748b}[data-theme=light] .faq-item[open] .faq-item__question:after,[data-theme=light] .faq-item__question:hover{color:#0e7490}[data-theme=light] .faq-item__answer{color:#475569;border-top:1px solid #0000000f;padding:12px 16px 16px}[data-theme=light] .related-card{background:#fff;border-color:#0000001a;box-shadow:0 1px 4px #0000000f}[data-theme=light] .related-card:hover{background:#f0fafb;border-color:#0e749059}[data-theme=light] .related-name{color:#0f172a}[data-theme=light] .related-desc{color:#475569}[data-theme=light] .sub-list::-webkit-scrollbar-thumb{background:#00000026}[data-theme=light] .card-header-cyan{color:#0e7490;border-bottom-color:#00000014}[data-theme=light] .card-header-purple{color:#7c3aed;border-bottom-color:#00000014}[data-theme=light] .preset-label,[data-theme=light] .breakdown-title,[data-theme=light] .stat-label,[data-theme=light] .proj-label{color:#64748b}