*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#cbd5e1;background:#080d18;min-height:100vh;font-family:Inter,Segoe UI,system-ui,sans-serif}#root{flex-direction:column;align-items:stretch;width:100%;min-height:100vh;display:flex}.app{background:#080d18;flex-direction:column;min-height:100vh;display:flex}.header{background:linear-gradient(135deg,#0f172a 0%,#0d1f3c 60%,#0f1628 100%);border-bottom:1px solid #1e3a5f;padding:28px 24px 24px}.header-inner{max-width:1200px;margin:0 auto}.logo{letter-spacing:-.04em;color:#e2e8f0;margin-bottom:4px;font-size:2.2rem;font-weight:800}.logo-accent{color:#38bdf8}.subtitle{color:#64748b;letter-spacing:.08em;text-transform:uppercase;font-size:.85rem}.main{flex-direction:column;gap:32px;width:100%;max-width:1200px;margin:0 auto;padding:32px 24px 48px;display:flex}.inputs-section{background:linear-gradient(135deg,#0f172a 0%,#0d1b30 100%);border:1px solid #1e3a5f;border-radius:16px;padding:28px;box-shadow:0 4px 24px #0006,inset 0 1px #38bdf80d}.mode-toggle{background:#0a1628;border:1px solid #1e3a5f;border-radius:10px;gap:4px;margin-bottom:20px;padding:4px;display:inline-flex}.mode-btn{color:#64748b;text-transform:uppercase;letter-spacing:.07em;cursor:pointer;background:0 0;border:none;border-radius:7px;padding:7px 16px;font-family:inherit;font-size:.78rem;font-weight:600;transition:background .18s,color .18s}.mode-btn:hover{color:#94a3b8}.mode-btn-active{color:#38bdf8;background:#1e3a5f}.inputs-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px;display:grid}.inputs-grid-3{grid-template-columns:repeat(3,1fr)}.inputs-grid-5{grid-template-columns:repeat(5,1fr)}@media (width<=900px){.inputs-grid,.inputs-grid-3{grid-template-columns:repeat(2,1fr)}.inputs-grid-5{grid-template-columns:repeat(3,1fr)}}@media (width<=480px){.inputs-grid,.inputs-grid-3{grid-template-columns:1fr}.inputs-grid-5{grid-template-columns:repeat(2,1fr)}}.input-group{flex-direction:column;gap:8px;display:flex}.input-group label{text-transform:uppercase;letter-spacing:.08em;color:#64748b;font-size:.75rem;font-weight:600}.input-wrap{background:#0a1628;border:1px solid #1e3a5f;border-radius:10px;align-items:center;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.input-wrap:focus-within{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf81f}.prefix,.suffix{color:#38bdf8;-webkit-user-select:none;user-select:none;background:#38bdf80f;border-right:1px solid #1e3a5f;align-self:stretch;align-items:center;padding:0 12px;font-size:.9rem;font-weight:600;display:flex}.suffix{border-left:1px solid #1e3a5f;border-right:none}.input-wrap input{color:#e2e8f0;background:0 0;border:none;outline:none;flex:1;width:0;padding:12px 14px;font-family:inherit;font-size:1rem;font-weight:600}.input-wrap input::-webkit-inner-spin-button{opacity:.4}.input-wrap input::-webkit-outer-spin-button{opacity:.4}.stats-row{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (width<=900px){.stats-row{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.stats-row{grid-template-columns:repeat(2,1fr)}}.stat-card{border:1px solid #0000;border-radius:12px;flex-direction:column;gap:6px;padding:16px 18px;display:flex}.stat-label{text-transform:uppercase;letter-spacing:.1em;opacity:.7;font-size:.7rem;font-weight:600}.stat-value{letter-spacing:-.02em;font-size:1.25rem;font-weight:700}.stat-subvalue{opacity:.65;letter-spacing:.01em;font-size:.78rem;font-weight:500}.stat-principal{color:#93c5fd;background:#3b82f614;border-color:#3b82f633}.stat-final{color:#67e8f9;background:#22d3ee14;border-color:#22d3ee33}.stat-gain{color:#6ee7b7;background:#34d39914;border-color:#34d39933}.gain-value{color:#4ade80}.stat-cagr{color:#c4b5fd;background:#a78bfa14;border-color:#a78bfa33}.chart-section{background:linear-gradient(135deg,#0f172a 0%,#0d1b30 100%);border:1px solid #1e3a5f;border-radius:16px;padding:28px;box-shadow:0 4px 24px #0006,inset 0 1px #38bdf80d}.chart-header{align-items:baseline;gap:16px;margin-bottom:24px;display:flex}.chart-header h2{color:#e2e8f0;font-size:1.1rem;font-weight:700}.chart-subtitle{color:#475569;font-size:.8rem}.chart-container{width:100%}.legend{gap:24px;margin-top:16px;padding-left:80px;display:flex}.legend-item{color:#64748b;align-items:center;gap:8px;font-size:.8rem;display:flex}.legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.tooltip{background:#0f172a;border:1px solid #1e3a5f;border-radius:10px;min-width:180px;padding:12px 16px;box-shadow:0 8px 24px #00000080}.tooltip-year{text-transform:uppercase;letter-spacing:.08em;color:#64748b;margin-bottom:8px;font-size:.75rem;font-weight:700}.tooltip-total,.tooltip-gain,.tooltip-principal{color:#94a3b8;align-items:center;gap:8px;margin-bottom:4px;font-size:.85rem;display:flex}.tooltip-total strong,.tooltip-gain strong,.tooltip-principal strong{color:#e2e8f0;margin-left:auto}.tooltip-subvalue{color:#64748b;margin-bottom:2px;padding-left:16px;font-size:.78rem}.dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.dot-total{background:#67e8f9}.dot-gain{background:#4ade80}.dot-principal{background:#3b82f6}