#calculatorView .calculator-controls{display:flex;flex-wrap:wrap;gap:16px;padding:18px;align-items:end}
#calculatorView [hidden]{display:none!important}
#calculatorView label{display:flex;flex-direction:column;gap:7px;color:var(--muted);font-size:12px}
#calculatorView input,#calculatorView select{min-height:40px;padding:9px 12px;background:#081720;color:var(--text);border:1px solid #29424e;border-radius:7px;font:inherit}
#calculatorView input:focus,#calculatorView select:focus{outline:2px solid var(--accent);outline-offset:2px}
#calculatorView input:invalid{border-color:var(--red)}
#calcInstrument{min-width:280px;max-width:100%}
#calculatorView .calc-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;padding:18px}
#calculatorView .calc-metrics>div{padding:13px;background:#0b1c26;border:1px solid #1d3541;border-radius:8px}
#calculatorView .calc-metrics span{display:block;color:var(--muted);font-size:11px;margin-bottom:8px}
#calculatorView .calc-metrics strong{font-size:17px;font-variant-numeric:tabular-nums}
#calculatorView .calc-notes{padding:0 18px 16px;color:var(--muted);line-height:1.6;font-size:12px}
#calculatorView h3{padding:0 18px;font-size:14px}
#calculatorView tfoot{font-weight:800;background:#10242e}
#calculatorView .calc-error{color:var(--red);padding:18px}
#calculatorView .calc-chart{padding:10px 18px;overflow:auto;background:#081720;border-top:1px solid #1d3541}.calc-chart svg{width:100%;min-width:620px;height:240px}.calc-chart text{fill:var(--muted);font-size:10px}.calc-composition{padding:12px 18px 22px}.calc-bar{display:flex;max-width:620px;height:24px;border-radius:6px;overflow:hidden}.calc-legend{display:flex;gap:20px;color:var(--muted);font-size:12px;margin-top:10px}.calc-legend span{display:flex;align-items:center;gap:6px}.calc-legend i{display:inline-block;width:10px;height:10px;border-radius:50%}
@media(max-width:600px){#calculatorView label,#calculatorView select{width:100%;min-width:0}#calculatorView .calc-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
#calculatorView .calc-point{cursor:pointer;transition:r .15s,fill .15s}.calc-point:hover,.calc-point:focus{r:9;fill:#fff;outline:none}
#calculatorView .panel{max-width:1440px;margin:auto;background:linear-gradient(145deg,#0d1e28,#08141c)}
#calculatorView .calculator-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px;padding:24px;background:#0b1b24;border-bottom:1px solid #23404b}
#calculatorView input,#calculatorView select{width:100%;box-sizing:border-box;min-width:0;min-height:47px;border-radius:10px;background:#09151e}
#calculatorView #calcVn{font-size:19px;font-weight:750;color:#78dfcd}
#calculatorView .calc-metrics{gap:12px;padding:22px 24px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
#calculatorView .calc-metrics>div{padding:18px 16px;border-radius:12px;background:#0d202b;border-color:#203e4c;min-width:0}
#calculatorView .calc-metrics span{line-height:1.5;min-height:30px;font-size:12px}
#calculatorView .calc-metrics strong{font-size:21px;overflow-wrap:anywhere}
#calculatorView #calcMetrics>div:nth-child(-n+3){background:linear-gradient(145deg,#12332f,#0d232d);border-color:#326559}
#calculatorView #calcMetrics>div:nth-child(2) strong{color:#7fe2cc;font-size:27px}
#calculatorView .calc-details{margin:0 24px 24px;border:1px solid #25404d;border-radius:12px;background:#091821}
#calculatorView .calc-details summary{padding:16px 18px;cursor:pointer;font-size:13px;color:#a6c0cf;font-weight:650}
#calculatorView #calcDetails{padding:0 16px 16px}#calculatorView #calcDetails strong{font-size:16px}
#calculatorView h3{padding:0 24px;font-size:16px;margin-top:26px;letter-spacing:.01em}
#calculatorView #calcPosition{padding-top:4px}#calculatorView #calcPosition strong{color:#e8c382}
#calculatorView .table-wrap{margin:0 24px 24px;border:1px solid #25404d;border-radius:12px}
#calculatorView table{min-width:720px}#calculatorView th,#calculatorView td{padding:14px 18px}
#calculatorView .calc-charts{margin:24px;border:1px solid #25404d;border-radius:14px;overflow:hidden;background:#091821}
#calculatorView .calc-chart,#calculatorView .calc-composition{padding:10px 16px 20px;background:transparent;border:0}
#calculatorView .calc-chart-scroll{overflow:auto;scrollbar-width:thin}#calculatorView .calc-chart-scroll svg{display:block;width:100%;height:auto;max-height:none}
#calculatorView .calc-chart-scroll text{fill:#89a8b8;font-size:11px;font-family:inherit}
#calculatorView .calc-chart-detail{display:flex;flex-wrap:wrap;gap:12px 20px;min-height:35px;align-items:center;margin-top:10px;padding:12px 16px;border-radius:8px;background:#102834;color:#a4bdc9;font-size:12px}
#calculatorView .calc-chart-detail strong,#calculatorView .calc-chart-detail b{color:#eef7fa}
#calculatorView [data-payment]{cursor:pointer}#calculatorView [data-payment]:focus{outline:none;filter:brightness(1.4)}
#calculatorView .calc-chart-summary{display:flex;flex-wrap:wrap;gap:20px;margin:0 24px;color:#a4bdc9;font-size:12px}
#calculatorView .calc-chart-summary i{display:inline-block;width:9px;height:9px;background:#69d9c7;border-radius:50%;margin-right:7px}#calculatorView .calc-chart-summary span+span i{background:#e6ba68}
#bondCurve-dl{max-width:1300px;margin:22px auto 0}#bondCurve-dl .chart-card{height:auto;aspect-ratio:1200/430;min-height:300px}#bondCurve-dl svg{width:100%;height:100%}#bondCurve-dl .point-label{font-size:11px;fill:#d2eeee}#bondCurve-dl .chart-wrap{padding:10px 14px 18px}
@media(max-width:650px){#calculatorView .calculator-controls{padding:16px;grid-template-columns:1fr}#calculatorView .calc-metrics{padding:16px;grid-template-columns:repeat(2,minmax(0,1fr))}#calculatorView .calc-metrics strong{font-size:18px}#calculatorView .calc-metrics>div{padding:13px 10px}#calculatorView .calc-charts,#calculatorView .table-wrap,#calculatorView .calc-details{margin-left:12px;margin-right:12px}}