.wrap{background:#fafaf8;overflow:hidden}.nav{background:#fff;border-bottom:.5px solid #e8e6e0;justify-content:space-between;align-items:center;padding:14px 28px;display:flex}.nav-logo{color:#1a1a1a;font-size:17px;font-weight:500}.nav-logo span{color:#c0392b}.beta-badge{color:#c0392b;vertical-align:middle;background:#fdf0ef;border:.5px solid #f5c6c2;border-radius:3px;margin-left:4px;padding:2px 6px;font-size:10px;font-weight:400}.nav-links{align-items:center;gap:20px;display:flex}.nav-link{color:#888;font-size:13px;text-decoration:none}.nav-link.active{color:#c0392b;font-weight:500}.page-header{background:#fff;border-bottom:.5px solid #e8e6e0;padding:32px 28px 0}.breadcrumb{color:#aaa;margin-bottom:12px;font-size:11px}.breadcrumb span{color:#c0392b}.page-title{color:#1a1a1a;margin-bottom:6px;font-size:22px;font-weight:500}.page-sub{color:#888;margin-bottom:24px;font-size:13px;line-height:1.7}.tab-bar{display:flex}.tab{color:#aaa;cursor:pointer;border-bottom:2px solid #0000;padding:12px 20px;font-size:13px}.tab.active{color:#c0392b;border-bottom:2px solid #c0392b}.content{background:#e8e6e0;grid-template-columns:1fr 1fr;gap:1px;display:grid}.left-panel{background:#fff;padding:28px}.right-panel{background:#fafaf8;padding:28px}.input-group{margin-bottom:24px}.input-label{color:#888;margin-bottom:4px;font-size:12px;display:block}.input-value-row{justify-content:space-between;align-items:baseline;margin-bottom:10px;display:flex}.input-val{color:#1a1a1a;font-size:18px;font-weight:500}.input-unit{color:#aaa;font-size:12px}input[type=range].custom-slider{appearance:none;cursor:pointer;background:#e8e6e0;border-radius:2px;outline:none;width:100%;height:4px}input[type=range].custom-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#c0392b;border:3px solid #fff;border-radius:50%;width:20px;height:20px;box-shadow:0 0 0 1px #c0392b}input[type=range].custom-slider::-moz-range-thumb{cursor:pointer;background:#c0392b;border:3px solid #fff;border-radius:50%;width:20px;height:20px;box-shadow:0 0 0 1px #c0392b}.slider-minmax{justify-content:space-between;margin-top:4px;display:flex}.slider-minmax span{color:#ccc;font-size:10px}.divider{background:#e8e6e0;height:.5px;margin:4px 0 24px}.result-label{color:#aaa;letter-spacing:.05em;margin-bottom:6px;font-size:11px}.result-value{color:#c0392b;margin-bottom:4px;font-size:30px;font-weight:500}.result-sub{color:#aaa;margin-bottom:20px;font-size:12px}.result-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:24px;display:grid}.result-card{background:#fff;border:.5px solid #e8e6e0;border-radius:4px;padding:12px 14px}.result-card-label{color:#aaa;margin-bottom:5px;font-size:11px}.result-card-value{color:#1a1a1a;font-size:15px;font-weight:500}.result-card-value.red{color:#c0392b}.chart-label{color:#aaa;letter-spacing:.05em;margin-bottom:12px;font-size:11px}.bar-chart{flex-direction:column;gap:8px;display:flex}.bar-row{align-items:center;gap:10px;display:flex}.bar-year{color:#aaa;text-align:right;width:28px;font-size:11px}.bar-wrap{background:#f0eee8;border-radius:2px;flex:1;height:18px;display:flex;overflow:hidden}.bar-principal{background:#d0cec8;height:100%}.bar-interest{opacity:.75;background:#c0392b;height:100%}.bar-value{color:#888;text-align:right;width:72px;font-size:11px}.legend{gap:16px;margin-top:10px;display:flex}.legend-item{color:#888;align-items:center;gap:6px;font-size:11px;display:flex}.legend-dot{border-radius:2px;width:10px;height:10px}.footer{text-align:center;background:#fff;border-top:.5px solid #e8e6e0;padding:16px 28px}.footer p{color:#bbb;font-size:11px}