:root{--c-text:#414042;--c-accent:#b01c2e;--c-main:#003d55;--c-secondary:#75928c;--card:#f7f7f7;--line:#e3e3e3}#auto-loan-app{color:var(--c-text);font-family:Calibre,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}h1{font-size:2.2rem;margin:1rem 0 1.25rem}.layout{display:block;gap:1.25rem}@media(min-width:980px){.layout{align-items:start;display:grid;grid-template-columns:340px 1fr}}.left,.right{display:flex;flex-direction:column;gap:1rem}.card{background:var(--card);border-radius:14px;box-shadow:0 1px 0 #ddd;padding:1rem}.card header{border-bottom:1px solid var(--line);color:var(--c-text);font-weight:700;margin-bottom:.75rem;padding-bottom:.5rem}.field{align-items:center;display:flex;position:relative}.field .prefix,.field .suffix{color:#707070;font-size:.95rem;position:absolute}.field .prefix{left:.8rem}.field .suffix{right:.8rem}.field input[type=number]{border:1px solid #ccc;border-radius:40px;padding:.6rem .9rem .6rem 2rem;text-align:left;width:100%}input[type=range]{-webkit-appearance:none;background:#e6e6e6;border-radius:40px;height:6px;margin:.5rem 0 1rem;width:100%}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--c-accent);border-radius:50%;cursor:pointer;height:18px;margin-top:-6px;width:18px}input[type=range]::-moz-range-thumb{background:var(--c-accent);border-radius:50%;cursor:pointer;height:18px;width:18px}input[type=range]::-moz-range-track{background:#e6e6e6;border-radius:40px;height:6px}input[type=range]::-moz-range-progress{background:#607b75;border-radius:40px;height:6px}.summary-grid{display:grid;gap:1rem;grid-template-columns:1fr 1fr;text-align:center}.summary .k{font-size:.85rem;opacity:.85}.summary .v{font-size:1.25rem;font-weight:700}.chart-wrap{height:380px;position:relative;width:100%}#loanChart{height:100%!important;width:100%!important}@media(max-width:767px){.chart-wrap{height:240px}}.table-wrap{overflow:auto}table{border-collapse:collapse;min-width:640px;width:100%}td,th{border:1px solid var(--line);padding:.5rem .6rem;text-align:right;white-space:nowrap}td:first-child,th:first-child{text-align:center}thead th{background:var(--c-accent);color:#fff;position:sticky;top:0}button,input,select{outline-color:var(--c-accent)}