*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;color:#1e293b;min-height:100vh}#root{min-height:100vh}.container{max-width:800px;margin:0 auto;padding:20px 15px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;background:#fff;min-height:100vh}.header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #E3E8EE}.header-left{display:flex;flex-direction:column}.header-right{display:flex;flex-direction:column;text-align:right}.header-title{font-size:18px;font-weight:600;color:#0a2540;letter-spacing:-.5px;line-height:1.4}.header-subtitle{font-size:13px;color:#8898aa;font-weight:400;margin-top:2px}.header-name{font-size:18px;font-weight:600;color:#0a2540;line-height:1.4}.header-firm{font-size:13px;color:#8898aa;margin-top:2px}.intro-banner{font-size:15px;color:#425466;margin-bottom:20px;margin-top:-8px}.loading,.error-message{text-align:center;padding:48px 24px;font-size:16px;color:#2c3e50;background:#fff;border-radius:10px;box-shadow:0 2px 12px #00000014}.error-message{color:#e74c3c;border:2px solid #fadbd8}.success-message{text-align:center;padding:48px 32px;background:#fff;border-radius:10px;box-shadow:0 2px 12px #00000014}.success-message h2{color:#081f55;font-size:28px;font-weight:300;margin:0 0 16px}.success-message p{color:#2c3e50;font-size:14px;line-height:1.6;margin:8px 0}.tab-navigation{display:flex;gap:4px;margin-bottom:20px;border-bottom:2px solid #e0e0e0;padding-bottom:0}.tab-button{padding:12px 20px;font-size:14px;font-weight:500;color:#7f8c8d;background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;transition:all .2s;margin-bottom:-2px}.tab-button:hover{color:#081f55}.tab-button.active{color:#081f55;border-bottom-color:#081f55;font-weight:600}.tab-badge{display:inline-block;background:#081f55;color:#fff;font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px;margin-left:6px}.tab-content{min-height:200px}.tab-description{font-size:15px;font-weight:600;color:#1e293b;margin-bottom:16px}.return-type-section{margin-bottom:28px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.section-label{color:#081f55;font-size:11px;font-weight:700;letter-spacing:1px}.section-count{font-size:12px;color:#8898aa}.notes-table{background:#fff;border-radius:8px;border:1px solid #E3E8EE;overflow:hidden}.notes-table>div{border-bottom:1px solid #d0d7de}.notes-table>div:last-child{border-bottom:none}.note-row{display:grid;grid-template-columns:120px 1fr 80px 80px 32px;align-items:center;padding:16px;cursor:pointer;transition:background-color .15s}.note-row:hover,.note-row.expanded{background-color:#f8fafc}.inline-label{font-size:10px;color:#8898aa;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.note-metric-cell{text-align:center}.note-metric{font-size:20px;font-weight:700;color:#0a2540}.note-description{padding:0 12px}.note-title{font-size:13px;font-weight:600;color:#0a2540;margin-bottom:3px;line-height:1.3}.note-structure{font-size:12px;color:#8898aa;line-height:1.4}.note-issuer-cell{text-align:center}.note-issuer{font-size:13px;color:#425466;font-weight:500}.note-date-cell{text-align:center}.note-date{font-size:13px;color:#0a2540;font-weight:500}.note-expand{color:#081f55;font-size:12px;text-align:center}.note-expanded{background:#f6f9fc;padding:12px 16px}.expanded-content{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative}.response-buttons-row{display:flex;align-items:flex-start;justify-content:center;gap:16px}.response-save-status{min-width:80px;text-align:right;padding-top:8px}.response-buttons{display:flex;justify-content:center;gap:12px}.response-btn{padding:10px 24px;font-size:13px;font-weight:500;color:#425466;background:#fff;border:1px solid #E3E8EE;border-radius:6px;cursor:pointer;transition:all .2s;white-space:nowrap}.response-btn:hover{border-color:#081f55;background:#f0f9ff}.response-btn.selected{background:#081f55;color:#fff;border-color:#081f55}.response-btn.selected:hover{background:#0a2a6e;border-color:#0a2a6e}.trade-amount-wrapper{margin-left:12px}.trade-amount-label{display:flex;align-items:center;gap:8px;font-size:12px;color:#8898aa;font-weight:500;white-space:nowrap}.trade-amount-input{width:120px;padding:8px 10px;font-size:14px;border:2px solid #e0e0e0;border-radius:6px;text-align:center;transition:border-color .2s}.trade-amount-input:focus{outline:none;border-color:#081f55}.trade-amount-input::placeholder{color:#bdc3c7}.save-status{font-size:12px;margin-left:12px;white-space:nowrap}.save-status.saving{color:#7f8c8d}.save-status.saved{color:#27ae60}.save-status.error{color:#e74c3c}.saved-indicator{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#27ae60;font-size:12px;font-weight:500;animation:fadeIn .2s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes glowPulse{0%,to{box-shadow:0 0 #081f5500}50%{box-shadow:0 0 8px 3px #081f5599}}.note-expand.pulse-arrow{animation:glowPulse 1.5s ease-in-out 1;border-radius:4px}.response-btn.pulse-glow{animation:glowPulse 1.5s ease-in-out 1}.empty-state,.calendar-placeholder{text-align:center;padding:48px 24px;background:#fff;border-radius:10px;box-shadow:0 2px 12px #00000014;color:#7f8c8d}.return-type-badge{background:#081f55;color:#fff;padding:3px 14px;border-radius:16px;font-size:13px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;display:inline-block;margin-bottom:10px}.description-box-full{background:#f8f9fa;padding:10px;border-radius:6px;border-left:3px solid #081F55;margin-bottom:10px}.quotes-row{display:flex;gap:3px;margin-bottom:16px}.quote-box{flex:1;display:flex;justify-content:space-between;align-items:center;background:#f8f9fa;padding:5px 7px;border-radius:5px;border-left:3px solid #95a5a6}.quote-box.quote-best{border-left-color:#27ae60}.quote-issuer{font-size:9px;color:#34495e;font-weight:600}.quote-value{font-size:10px;font-weight:700;color:#7f8c8d}.quote-box.quote-best .quote-value{color:#27ae60}@media(max-width:768px){.container{padding:15px 10px}.note-row{grid-template-columns:90px 1fr 60px 60px 24px;padding:12px}.note-metric{font-size:18px}.note-title{font-size:12px}.note-structure{font-size:11px}.note-description{padding:0 8px}.response-buttons{flex-direction:column;gap:8px}.response-btn{width:100%}.quotes-row{flex-wrap:wrap}.quote-box{flex:1 1 calc(50% - 3px);min-width:120px}}@media(max-width:480px){.note-row{grid-template-columns:80px 1fr 24px;gap:8px}.note-issuer-cell,.note-date-cell{display:none}.note-metric{font-size:16px}}.alert-banner{display:flex;justify-content:space-between;align-items:center;background:#f6f9fc;border-radius:8px;border:1px solid #E3E8EE;border-left:4px solid #081F55;padding:20px 24px;margin-bottom:24px}.alert-banner-left{display:flex;flex-direction:column}.alert-banner-title{font-size:18px;font-weight:700;color:#0a2540;margin-bottom:4px}.alert-banner-subtitle{font-size:14px;color:#8898aa}.alert-banner-right{text-align:right}.alert-banner-total{font-size:28px;font-weight:700;color:#0a2540}.alert-banner-label{font-size:12px;color:#8898aa}.concentration-section{background:#fff;border-radius:8px;border:1px solid #E3E8EE;padding:20px;margin-bottom:20px}.concentration-groups{display:flex;gap:40px}.concentration-group{flex:1;min-width:0}.concentration-title{font-size:11px;font-weight:700;color:#081f55;text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px}.concentration-bars{display:flex;flex-direction:column;gap:10px}.concentration-bar{display:flex;align-items:center}.concentration-label{width:100px;font-size:13px;color:#425466;flex-shrink:0}.concentration-track{flex:1;height:10px;background:#e3e8ee;border-radius:5px;margin:0 16px;overflow:hidden}.concentration-fill{height:100%;background:#081f55;border-radius:5px;transition:width .3s ease}.concentration-fill.warning{background:#ffc043}.concentration-value{width:70px;font-size:13px;font-weight:600;color:#0a2540;text-align:right;flex-shrink:0}.concentration-value.warning{color:#d97706}.maturities-container{display:flex;flex-direction:column;gap:16px}.maturity-card{background:#fff;border-radius:8px;border:1px solid #E3E8EE;overflow:hidden}.maturity-header{display:flex;align-items:center;background:#f6f9fc;padding:14px 16px;border-bottom:1px solid #E3E8EE;cursor:pointer;transition:background-color .15s}.maturity-header:hover,.maturity-header.expanded{background-color:#eef3f7}.maturity-header-left{display:flex;align-items:center;gap:8px;min-width:180px}.maturity-badge{display:inline-block;background:#ffc043;color:#0a2540;font-size:10px;font-weight:700;padding:3px 8px;border-radius:4px}.maturity-date{font-size:13px;font-weight:600;color:#0a2540}.maturity-structure{flex:1;padding:0 12px}.maturity-title{font-size:14px;font-weight:600;color:#0a2540;line-height:1.3}.maturity-description{font-size:12px;color:#8898aa;line-height:1.4;margin-top:2px}.maturity-expand{color:#8898aa;font-size:12px;padding:0 8px}.maturity-body{padding:16px}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.stat-box{background:#f6f9fc;border-radius:6px;padding:10px;text-align:center}.stat-value{font-size:15px;font-weight:700;color:#0a2540}.stat-label{font-size:10px;color:#8898aa;text-transform:uppercase;margin-top:2px}.maturity-expanded{border-top:1px solid #E3E8EE;padding-top:16px;margin-top:12px}.replacements-section{margin-bottom:20px}.replacement-group{margin-bottom:16px}.replacement-group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.replacement-group-title{font-size:11px;font-weight:600;color:#8898aa;text-transform:uppercase;letter-spacing:.5px}.replacement-group-note{font-size:12px;color:#8898aa;font-style:italic}.replacement-chips{display:flex;flex-wrap:wrap;gap:6px}.replacement-chip{display:inline-flex;align-items:center;gap:6px;background:#f6f9fc;border:1px solid #E3E8EE;border-radius:6px;padding:6px 10px;cursor:pointer;transition:all .2s}.replacement-chip:hover{background:#eef3f7;border-color:#d0d7de}.replacement-chip.selected{background:#081f55;border-color:#081f55}.replacement-chip.selected .chip-issuer,.replacement-chip.selected .chip-rate{color:#fff}.replacement-chip.display-only{cursor:default}.replacement-chip.display-only:hover{background:#f6f9fc;border-color:#e3e8ee}.replacement-chip.better,.replacement-chip.display-only.better:hover{background:#ecfdf3;border-color:#a7f3d0}.chip-issuer{font-size:12px;color:#425466}.chip-rate{font-size:12px;font-weight:700;color:#0a2540}.chip-rate.better{color:#0dbf6f}.preference-section{margin-bottom:20px}.preference-label{font-size:11px;font-weight:600;color:#8898aa;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.preference-row{display:flex;align-items:flex-start;gap:16px}.preference-buttons{display:flex;flex-wrap:wrap;gap:8px;flex:1}.preference-save-status{min-width:80px;text-align:right;padding-top:8px}.preference-btn{padding:8px 16px;font-size:13px;font-weight:500;color:#425466;background:#fff;border:1px solid #E3E8EE;border-radius:6px;cursor:pointer;transition:all .2s;white-space:nowrap}.preference-btn:hover{border-color:#081f55;background:#f0f9ff}.preference-btn.selected{background:#081f55;color:#fff;border-color:#081f55}.preference-btn.selected:hover{background:#0a2a6e;border-color:#0a2a6e}.comment-section{margin-bottom:12px}.comment-label{display:flex;flex-direction:column;gap:8px;font-size:11px;font-weight:600;color:#8898aa;text-transform:uppercase;letter-spacing:.5px}.comment-textarea{width:100%;min-height:80px;padding:12px;font-size:14px;font-family:inherit;border:1px solid #E3E8EE;border-radius:6px;resize:vertical;transition:border-color .2s}.comment-textarea:focus{outline:none;border-color:#081f55}.comment-textarea::placeholder{color:#bdc3c7}@media(max-width:768px){.alert-banner{flex-direction:column;gap:16px;text-align:center;padding:16px}.alert-banner-left,.alert-banner-right{text-align:center}.stats-row{grid-template-columns:repeat(2,1fr)}.maturity-header{flex-wrap:wrap;gap:8px}.maturity-header-left{min-width:auto}.maturity-structure{width:100%;order:3;padding:8px 0 0}.preference-buttons{flex-direction:column}.preference-btn{width:100%}}@media(max-width:480px){.stats-row{grid-template-columns:1fr 1fr}.replacement-chips{flex-direction:column}.replacement-chip{width:100%;justify-content:space-between}}.tab-disclaimer{font-size:11px;color:#64748b;line-height:1.5;margin-top:24px;padding-top:16px;border-top:1px solid #E3E8EE}.tab-disclaimer p{margin:0 0 12px}.tab-disclaimer p:last-child{margin-bottom:0}.footer-disclaimers{font-size:11px;color:#64748b;line-height:1.5;margin-top:32px;padding-top:20px;border-top:1px solid #E3E8EE}.footer-disclaimers p{margin:0 0 16px}.footer-disclaimers p:last-child{margin-bottom:0}.vol-dashboard{display:flex;flex-direction:column;gap:24px}.insights-section{background:#fff;border-radius:8px;border:1px solid #E3E8EE;padding:16px}.insights-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.insights-section .section-label{color:#081f55;text-transform:uppercase;font-size:13px;font-weight:700;letter-spacing:1px}.insights-section .section-count{font-size:13px;color:#8898aa}.insights-section .section-subtitle{font-size:12px;color:#8898aa;margin-bottom:12px;margin-top:-8px}.summary-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.summary-card{background:#f6f9fc;border-radius:8px;padding:16px;text-align:center}.summary-value{font-size:28px;font-weight:700;color:#081f55;line-height:1.2}.summary-label{font-size:12px;color:#8898aa;margin-top:4px}.chart-container{background:#fff;border-radius:6px}.insights-table-container{overflow-x:auto}.insights-table-container.scrollable{max-height:300px;overflow-y:auto}.insights-table{width:100%;border-collapse:collapse;font-size:13px}.insights-table thead{position:sticky;top:0;background:#fff;z-index:1}.insights-table th{text-align:left;padding:10px 12px;font-weight:600;color:#425466;border-bottom:2px solid #E3E8EE;white-space:nowrap}.insights-table td{padding:10px 12px;border-bottom:1px solid #E3E8EE;color:#0a2540}.insights-table tbody tr:last-child td{border-bottom:none}.insights-table tr.risk-low{background:#d4edda}.insights-table tr.risk-medium{background:#fff3cd}.insights-table tr.risk-high{background:#f8d7da}.insights-table tr.premium-high{background:#d4edda}.insights-table tr.premium-medium{background:#fff3cd}.insights-table tr.premium-low{background:#fce4d6}.underlier-select{padding:8px 12px;font-size:13px;font-weight:500;color:#0a2540;background:#fff;border:1px solid #E3E8EE;border-radius:6px;cursor:pointer;outline:none;transition:border-color .2s}.underlier-select:hover{border-color:#081f55}.underlier-select:focus{border-color:#081f55;box-shadow:0 0 0 2px #081f551a}.recharts-tooltip-wrapper{outline:none}.recharts-default-tooltip{background:#fff!important;border-radius:6px!important;box-shadow:0 2px 8px #0000001a!important}.recharts-legend-item-text{color:#425466!important;font-size:12px!important}@media(max-width:768px){.summary-cards{grid-template-columns:1fr}.summary-value{font-size:24px}.insights-table{font-size:12px}.insights-table th,.insights-table td{padding:8px 10px}.insights-section .section-header{flex-direction:column;align-items:flex-start;gap:8px}.underlier-select{width:100%}}@media(max-width:480px){.vol-dashboard{gap:16px}.insights-section{padding:12px}.chart-container{margin:0 -12px}}