:root{--accent:#22d3ee;--accent-dim:#22d3ee26}.dashboard-container{max-width:1200px;margin:0 auto;padding:1rem 1.5rem 2rem}.calc-grid{grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1rem;display:grid}.page-sections-outer{max-width:1600px;margin:0 auto;padding:0 1.5rem 3rem}.card{background:var(--calc-bg-card,#ffffff0a);border:1px solid var(--calc-border-subtle,#ffffff14);border-radius:var(--calc-radius-md,12px);padding:1.5rem}.input-card{padding:1.25rem 1.5rem}.result-card{flex-direction:column;gap:1rem;display:flex}.card-title{color:var(--calc-text-primary,#f8fafc);margin:0 0 1rem;font-size:1rem;font-weight:700}.preset-row{margin-bottom:1.25rem}.preset-label{color:var(--calc-text-dim,#a8b8cc);margin-bottom:.5rem;font-size:.75rem;display:block}.preset-chips{flex-wrap:wrap;gap:.4rem;display:flex}.preset-chip{color:var(--calc-text-dim,#a8b8cc);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:.3rem .75rem;font-size:.75rem;transition:all .2s}.preset-chip:hover{border-color:var(--accent);color:var(--accent)}.preset-chip.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.form-row.two-col{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-group{margin-bottom:1rem}.form-label{color:var(--calc-text-dim,#a8b8cc);margin-bottom:.4rem;font-size:.8rem;font-weight:500;display:block}.glass-input{width:100%;color:var(--calc-text-primary,#f8fafc);box-sizing:border-box;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;outline:none;padding:.6rem .85rem;font-size:.9rem;transition:border-color .2s}.glass-input:focus{border-color:var(--accent)}.toggle-row{gap:.5rem;display:flex}.dep-btn,.deploy-btn{color:var(--calc-text-dim,#a8b8cc);cursor:pointer;text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;flex:1;padding:.5rem .75rem;font-size:.85rem;transition:all .2s}.dep-btn:hover,.deploy-btn:hover{border-color:var(--accent);color:var(--accent)}.dep-btn.active,.deploy-btn.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent);font-weight:600}.hero-result{text-align:center;background:#22d3ee12;border:1px solid #22d3ee33;border-radius:10px;padding:1.25rem}.hero-label{color:var(--calc-text-dim,#a8b8cc);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.4rem;font-size:.75rem}.hero-value{color:var(--accent);font-size:2rem;font-weight:800;font-family:var(--calc-font-mono,monospace);line-height:1.1}.hero-sub{color:var(--calc-text-dim,#a8b8cc);margin-top:.3rem;font-size:.8rem}.deployed-badge{color:#fb7185;text-transform:uppercase;letter-spacing:.05em;background:#fb718526;border:1px solid #fb718566;border-radius:20px;align-items:center;gap:.3rem;margin-bottom:.25rem;padding:.25rem .75rem;font-size:.72rem;font-weight:700;display:inline-flex}.stat-row.three-col{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.stat-cell{text-align:center;background:#ffffff0a;border:1px solid #ffffff12;border-radius:8px;padding:.75rem .5rem}.stat-val{color:var(--calc-text-primary,#f8fafc);font-size:1.1rem;font-weight:700;font-family:var(--calc-font-mono,monospace)}.stat-lbl{color:var(--calc-text-dim,#a8b8cc);margin-top:.2rem;font-size:.7rem}.tax-summary{flex-direction:column;gap:.4rem;display:flex}.tax-line{color:var(--calc-text-dim,#a8b8cc);align-items:center;gap:.5rem;font-size:.85rem;display:flex}.tax-free-line{color:#34d399}.tax-icon{opacity:.8;font-size:.9rem}.tax-free-text{color:#34d399;font-weight:600}.taxable-text{color:var(--calc-text-dim,#a8b8cc)}.action-bar{flex-wrap:wrap;gap:.5rem;display:flex}.action-btn{color:var(--calc-text-dim,#a8b8cc);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;flex:1;padding:.5rem .75rem;font-size:.82rem;font-weight:500;transition:all .2s}.action-btn:hover{border-color:var(--accent);color:var(--accent)}.action-btn-reset:hover{color:#fb7185;border-color:#fb718599}.result-note{color:#a8b8ccb3;margin:0;font-size:.72rem;line-height:1.5}.breakdown-wrap{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.breakdown-table{border-collapse:collapse;width:100%;font-size:.88rem}.breakdown-table th{text-align:left;color:var(--calc-text-dim,#a8b8cc);text-transform:uppercase;letter-spacing:.04em;background:#ffffff0d;border-bottom:1px solid #ffffff14;padding:.5rem .75rem;font-size:.75rem;font-weight:600}.breakdown-table td{color:var(--calc-text-primary,#f8fafc);border-bottom:1px solid #ffffff0d;padding:.6rem .75rem}.breakdown-table .total-row td{color:var(--accent);background:#22d3ee0d;border-top:1px solid #22d3ee33;font-weight:700}.annual-summary{border-top:1px solid #ffffff12;margin-top:1.25rem;padding-top:1rem}.annual-row{color:var(--calc-text-dim,#a8b8cc);justify-content:space-between;align-items:center;padding:.35rem 0;font-size:.88rem;display:flex}.annual-total{color:var(--calc-text-primary,#f8fafc);border-top:1px solid #ffffff1a;margin-top:.25rem;padding-top:.5rem;font-weight:700}.annual-total strong{color:var(--accent)}.tax-note{color:var(--calc-text-dim,#a8b8cc);border-left:3px solid var(--accent);background:#ffffff08;border-radius:6px;margin:1rem 0 0;padding:.75rem;font-size:.78rem;line-height:1.5}.chart-card{flex-direction:column;display:flex}.civilian-wrap{flex-direction:column;gap:1.5rem;display:flex}.civ-stat-row{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.civ-card{text-align:center}.civ-card-accent{border-color:#22d3ee4d}.civ-label{color:var(--calc-text-dim,#a8b8cc);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.75rem}.civ-value{color:var(--calc-text-primary,#f8fafc);font-size:1.6rem;font-weight:800;font-family:var(--calc-font-mono,monospace)}.civ-card-accent .civ-value{color:var(--accent)}.civ-sub{color:var(--calc-text-dim,#a8b8cc);margin-top:.25rem;font-size:.72rem}.civ-savings-note{color:var(--calc-text-dim,#a8b8cc);border-left:3px solid var(--accent);background:#22d3ee0d;border-radius:6px;margin:1rem 0 0;padding:.75rem;font-size:.82rem;line-height:1.6}.benefits-card{margin-top:0}.benefits-grid{grid-template-columns:1fr 1fr;gap:.5rem 1.5rem;display:grid}.benefit-item{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:.4rem 0;font-size:.85rem;display:flex}.benefit-label{color:var(--calc-text-dim,#a8b8cc)}.benefit-val{color:var(--calc-text-primary,#f8fafc);font-size:.8rem;font-weight:600}.calc-section{margin-bottom:2.5rem}.calc-section__title{color:var(--calc-text-primary,#f8fafc);margin:0 0 1.25rem;font-size:1.15rem;font-weight:700}.how-steps{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.how-step{align-items:flex-start;gap:1rem;display:flex}.step-num{background:var(--accent);color:#000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;font-weight:800;display:flex}.how-step div{color:var(--calc-text-dim,#a8b8cc);padding-top:.25rem;font-size:.9rem;line-height:1.6}.how-step strong{color:var(--calc-text-primary,#f8fafc)}.formula-pills{flex-direction:column;gap:.6rem;display:flex}.formula-pill{background:#ffffff0a;border:1px solid #ffffff12;border-radius:8px;align-items:baseline;gap:.75rem;padding:.6rem 1rem;display:flex}.pill-label{color:var(--accent);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;min-width:110px;font-size:.75rem;font-weight:700}.pill-val{color:var(--calc-text-dim,#a8b8cc);font-size:.85rem;font-family:var(--calc-font-mono,monospace)}.glossary-chips{flex-direction:column;gap:.5rem;display:flex}.glossary-chip{background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;align-items:baseline;gap:.75rem;padding:.6rem 1rem;display:flex}.glossary-chip__term{color:var(--accent);white-space:nowrap;min-width:80px;font-size:.78rem;font-weight:700}.glossary-chip__def{color:var(--calc-text-dim,#a8b8cc);font-size:.83rem;line-height:1.5}.examples-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.example-card{padding:1.1rem 1.25rem}.ex-title{color:var(--calc-text-primary,#f8fafc);border-bottom:1px solid #ffffff12;margin-bottom:.75rem;padding-bottom:.5rem;font-size:.85rem;font-weight:700}.ex-rows{flex-direction:column;gap:.3rem;display:flex}.ex-row{color:var(--calc-text-dim,#a8b8cc);justify-content:space-between;font-size:.83rem;display:flex}.ex-total{color:var(--calc-text-primary,#f8fafc);border-top:1px solid #ffffff14;margin-top:.1rem;padding-top:.35rem;font-weight:700}.article-body{color:var(--calc-text-dim,#a8b8cc);font-size:.9rem;line-height:1.75}.article-body p{margin:0 0 1rem}.article-body strong{color:var(--calc-text-primary,#f8fafc)}.faq-list{flex-direction:column;display:flex}.faq-item{border-bottom:1px solid #ffffff0f}.faq-item__question{cursor:pointer;color:var(--calc-text-primary,#f8fafc);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(--calc-font-mono,monospace);color:var(--calc-text-dim,#a8b8cc);flex-shrink:0;margin-left:16px;font-size:1.1rem;transition:color .2s}.faq-item[open] .faq-item__question:after{content:"−";color:var(--accent)}.faq-item__question:hover{color:var(--accent)}.faq-item__answer{color:var(--calc-text-dim,#a8b8cc);padding:0 4px 14px;font-size:.85rem;line-height:1.75}[data-theme=light]{--accent:#0891b2;--accent-dim:#0891b21a}[data-theme=light] .card{background:#fff;border-color:#0000001a;box-shadow:0 2px 10px #00000012}[data-theme=light] .card-title{color:#0f172a}[data-theme=light] .preset-chip{color:#475569;background:#f0f4f9;border-color:#0000001f}[data-theme=light] .preset-chip:hover{color:#0891b2;border-color:#0891b2}[data-theme=light] .preset-chip.active{color:#0891b2;background:#0891b21a;border-color:#0891b2}[data-theme=light] .glass-input{color:#0f172a;background:#f0f4f9;border-color:#00000026}[data-theme=light] .glass-input:focus{border-color:#0891b2}[data-theme=light] .dep-btn,[data-theme=light] .deploy-btn{color:#475569;background:#f0f4f9;border-color:#0000001f}[data-theme=light] .dep-btn:hover,[data-theme=light] .deploy-btn:hover{color:#0891b2;border-color:#0891b2}[data-theme=light] .dep-btn.active,[data-theme=light] .deploy-btn.active{color:#0891b2;background:#0891b21a;border-color:#0891b2}[data-theme=light] .hero-result{background:#0891b20f;border-color:#0891b240}[data-theme=light] .hero-label{color:#475569}[data-theme=light] .hero-value{color:#0891b2}[data-theme=light] .hero-sub{color:#64748b}[data-theme=light] .stat-cell{background:#edf2f9;border-color:#00000014}[data-theme=light] .stat-val{color:#0f172a}[data-theme=light] .stat-lbl{color:#64748b}[data-theme=light] .tax-free-line{color:#047857}[data-theme=light] .tax-icon,[data-theme=light] .tax-line{color:#475569}[data-theme=light] .tax-free-text{color:#047857}[data-theme=light] .taxable-text{color:#64748b}[data-theme=light] .action-btn{color:#475569;background:#f0f4f9;border-color:#0000001f}[data-theme=light] .action-btn:hover{color:#0891b2;border-color:#0891b2}[data-theme=light] .action-btn-reset:hover{color:#e11d48;border-color:#e11d4880}[data-theme=light] .result-note{color:#94a3b8}[data-theme=light] .breakdown-table th{color:#64748b;background:#edf2f9;border-bottom-color:#0000001a}[data-theme=light] .breakdown-table td{color:#0f172a;border-bottom-color:#0000000f}[data-theme=light] .breakdown-table .total-row td{color:#0891b2;background:#0891b20f;border-top-color:#0891b24d}[data-theme=light] .annual-row{color:#475569}[data-theme=light] .annual-total{color:#0f172a}[data-theme=light] .annual-total strong{color:#0891b2}[data-theme=light] .tax-note{color:#475569;background:#f0f4f9;border-left-color:#0891b2}[data-theme=light] .civ-label{color:#64748b}[data-theme=light] .civ-value{color:#0f172a}[data-theme=light] .civ-card-accent .civ-value{color:#0891b2}[data-theme=light] .civ-sub{color:#64748b}[data-theme=light] .civ-card-accent{border-color:#0891b24d}[data-theme=light] .civ-savings-note{color:#475569;background:#0891b20f;border-left-color:#0891b2}[data-theme=light] .benefit-item{border-bottom-color:#0000000f}[data-theme=light] .benefit-label{color:#64748b}[data-theme=light] .benefit-val,[data-theme=light] .calc-section__title{color:#0f172a}[data-theme=light] .step-num{color:#fff;background:#0891b2}[data-theme=light] .how-step div{color:#475569}[data-theme=light] .how-step strong{color:#0f172a}[data-theme=light] .formula-pill{background:#f0f4f9;border-color:#00000014}[data-theme=light] .pill-label{color:#0891b2}[data-theme=light] .pill-val{color:#475569}[data-theme=light] .glossary-chip{background:#f8fafc;border-color:#00000012}[data-theme=light] .glossary-chip__term{color:#0891b2}[data-theme=light] .glossary-chip__def{color:#475569}[data-theme=light] .example-card{box-shadow:0 1px 4px #0000000f}[data-theme=light] .ex-title{color:#0f172a;border-bottom-color:#00000014}[data-theme=light] .ex-row{color:#475569}[data-theme=light] .ex-total{color:#0f172a;border-top-color:#0000001a}[data-theme=light] .article-body{color:#475569}[data-theme=light] .article-body strong{color:#0f172a}[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:#0891b259;box-shadow:0 2px 10px #0891b214}[data-theme=light] .faq-item[open]{border-color:#0891b266 #0891b266 #0891b266 #0891b2;border-left-style:solid;border-left-width:3px;box-shadow:0 2px 12px #0891b21a}[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:#0891b2}[data-theme=light] .faq-item__answer{color:#475569;border-top:1px solid #0000000f;padding:12px 16px 16px}@media (width<=1024px){.breakdown-wrap,.civ-stat-row{grid-template-columns:1fr}}@media (width<=768px){.calc-grid,.form-row.two-col{grid-template-columns:1fr}.stat-row.three-col{grid-template-columns:repeat(3,1fr)}.examples-grid,.benefits-grid{grid-template-columns:1fr}.preset-chips{gap:.35rem}.preset-chip{padding:.28rem .6rem;font-size:.7rem}}@media (width<=480px){.stat-row.three-col{grid-template-columns:1fr}.stat-val{font-size:1rem}.hero-value{font-size:1.6rem}}