:root{--text:#17202a;--muted:#5f6c7d;--surface:#f9fbfd;--border:#d8e1eb;--accent:#0a8f7d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;font-weight:400;line-height:1.5}*,:before,:after{box-sizing:border-box}body{color:var(--text);background:radial-gradient(circle at 12% 2%,#f4efe0 0%,#0000 35%),radial-gradient(circle at 92% 12%,#dff2ff 0%,#0000 40%),#f1f4f8;margin:0}h1{margin:6px 0 0;font-size:clamp(30px,4vw,44px);line-height:1.1}p{margin:0}.page{gap:18px;width:min(1200px,100% - 32px);margin:24px auto 48px;display:grid}.hero{border:1px solid var(--border);background:radial-gradient(circle at 10% 10%,#f7eed9 0%,#0000 45%),radial-gradient(circle at 90% 20%,#e8f6ff 0%,#0000 35%),#f6f8fb;border-radius:20px;padding:24px}.subtitle{color:var(--muted);max-width:66ch;margin:8px 0 0}.link{color:var(--accent);margin-top:12px;font-weight:600;text-decoration:none;display:inline-block}.link:hover{text-decoration:underline}.workspace{grid-template-columns:1fr;align-items:start;gap:18px;display:grid}.workspace>*{min-width:0}.panel{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px}.panel h2{margin:0 0 14px;font-size:20px}.field-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.field{color:var(--muted);gap:6px;font-size:14px;display:grid}.field-full{grid-column:1/-1}.field input,.field select{border:1px solid var(--border);color:var(--text);background:#fff;border-radius:10px;padding:10px 12px;font-size:15px}.field input:disabled,.field select:disabled{color:#95a1b2;cursor:not-allowed;background:#f4f6f9}.field input:focus,.field select:focus{border-color:var(--accent);outline:2px solid color-mix(in oklab, var(--accent), white 78%);outline-offset:1px}.hint{color:var(--muted);margin:12px 0 0;font-size:14px}.actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.btn{border:1px solid var(--border);color:var(--text);cursor:pointer;background:#fff;border-radius:999px;padding:9px 14px;font-size:14px}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn:hover{transform:translateY(-1px)}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.metric-card{border:1px solid var(--border);background:#fff;border-radius:12px;padding:12px}.metric-label{color:var(--muted);margin:0;font-size:13px}.metric-value{margin:4px 0 0;font-size:20px;font-weight:700}.charts{gap:12px;margin-top:14px;display:grid}.view-switch{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.view-btn{border:1px solid var(--border);color:var(--text);cursor:pointer;background:#fff;border-radius:999px;padding:8px 14px;font-size:13px}.view-btn.is-active{background:var(--accent);color:#fff;border-color:var(--accent)}.view-current{color:var(--muted);margin-top:10px;font-size:13px}.chart-card{border:1px solid var(--border);background:#fff;border-radius:12px;min-width:0;padding:12px}.chart-card h3{margin:0 0 8px;font-size:16px}.chart-scroller{max-width:100%;padding-bottom:8px;position:relative;overflow-x:auto}.chart-grid{stroke:color-mix(in oklab, var(--border), white 30%);stroke-width:1px}.chart-axis{stroke:color-mix(in oklab, var(--text), white 70%);stroke-width:1.2px}.chart-label{fill:var(--muted);font-size:11px}.chart-label-x{text-anchor:middle}.chart-label-y{text-anchor:end}.chart-unit{fill:var(--muted);font-size:11px;font-weight:600}.bar-principal{fill:#198f7b}.bar-interest{fill:#e08743}.bar-hit{fill:#000;opacity:0;cursor:pointer;pointer-events:all}.remaining-line{stroke:#1870c2;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.line-hover-point{fill:#000;opacity:0;cursor:pointer;pointer-events:all}.chart-tooltip{z-index:3;pointer-events:none;border:1px solid var(--border);background:#fff;border-radius:10px;min-width:152px;padding:8px 10px;font-size:12px;line-height:1.45;position:absolute;box-shadow:0 8px 24px #0000001f}.chart-tooltip p{margin:0}.chart-legend{color:var(--muted);gap:14px;margin-top:4px;font-size:12px;display:flex}.legend-item{align-items:center;gap:6px;display:inline-flex}.legend-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.legend-dot.principal{background:#198f7b}.legend-dot.interest{background:#e08743}.table-wrap{gap:8px;display:grid}.table-actions{justify-content:flex-end;display:flex}.btn-table{padding:7px 11px;font-size:12px}.table-scroller{border:1px solid var(--border);border-radius:10px;max-width:100%;max-height:320px;overflow:auto}.schedule-table{border-collapse:collapse;background:#fff;width:100%;font-size:13px}.schedule-table th,.schedule-table td{border-bottom:1px solid color-mix(in oklab, var(--border), white 30%);text-align:right;white-space:nowrap;padding:8px 10px}.schedule-table th{color:var(--muted);background:#f8fafc;font-weight:600;position:sticky;top:0}.schedule-table th:first-child,.schedule-table td:first-child{text-align:center}.empty{color:var(--muted);border:1px dashed var(--border);background:#fff;border-radius:12px;margin:0;padding:12px}.error-list{color:#8f2d1f;background:#fff1ee;border:1px solid #f3c4ba;border-radius:10px;margin:12px 0 0;padding:10px 12px}@media (width<=720px){.field-grid,.metrics{grid-template-columns:1fr}}