*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #f5f7fa;--surface: #ffffff;--text: #1a1a2e;--text-muted: #6b7280;--primary: #3b82f6;--primary-hover: #2563eb;--accent: #10b981;--border: #e5e7eb;--shadow: 0 1px 3px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .1);--radius: 8px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;min-height:100vh}.app{max-width:1200px;margin:0 auto;padding:2rem}header{text-align:center;margin-bottom:2rem}header h1{font-size:1.75rem;font-weight:600;margin-bottom:.5rem}header p{color:var(--text-muted)}.panels{display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media(max-width:900px){.panels{grid-template-columns:1fr}}.panel{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem}.panel h2{font-size:1rem;font-weight:600;margin-bottom:1rem;color:var(--text);padding-bottom:.5rem;border-bottom:1px solid var(--border)}section{margin-bottom:1.5rem}section:last-child{margin-bottom:0}.toggle-group{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1rem}.toggle-group.triple{grid-template-columns:1fr 1fr 1fr}.toggle-group button{padding:.75rem 1rem;border:1px solid var(--border);background:var(--surface);border-radius:var(--radius);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.toggle-group button:hover{border-color:var(--primary);color:var(--primary)}.toggle-group button.active{background:var(--primary);border-color:var(--primary);color:#fff}.field{margin-bottom:.75rem}.field:last-child{margin-bottom:0}.field label{display:block;font-size:.8125rem;color:var(--text-muted);margin-bottom:.25rem}.input-wrapper{display:flex;align-items:center;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:border-color .15s ease}.input-wrapper:focus-within{border-color:var(--primary)}.input-wrapper input{flex:1;padding:.625rem .75rem;border:none;font-size:.9375rem;outline:none;min-width:0}.input-wrapper input::-webkit-outer-spin-button,.input-wrapper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-wrapper input[type=number]{-moz-appearance:textfield}.input-wrapper .unit{padding:.625rem .75rem;background:var(--bg);color:var(--text-muted);font-size:.8125rem;white-space:nowrap;border-left:1px solid var(--border)}.results{background:linear-gradient(135deg,#1a1a2e,#2d2d44);color:#fff}.results h2{color:#fff;border-bottom-color:#ffffff1a}.result-card{background:#ffffff1a;border-radius:var(--radius);padding:1.25rem;margin-bottom:1rem;text-align:center}.result-card .label{display:block;font-size:.8125rem;text-transform:uppercase;letter-spacing:.05em;opacity:.8;margin-bottom:.5rem}.result-card .value{display:block;font-size:2rem;font-weight:700}.result-card .note{display:block;font-size:.75rem;opacity:.6;margin-top:.25rem}.result-card.initial{background:#3b82f633}.result-card.monthly{background:#10b98133}.result-card.monthly .value{color:#34d399}.details{margin-top:1.5rem}.details h3{font-size:.8125rem;text-transform:uppercase;letter-spacing:.05em;opacity:.8;margin-bottom:.75rem}.detail-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:.875rem}.detail-row:last-child{border-bottom:none}.detail-row span:first-child{opacity:.8}.summary{margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.summary h3{font-size:.8125rem;text-transform:uppercase;letter-spacing:.05em;opacity:.8;margin-bottom:.5rem}.summary .total{font-size:.9375rem}.summary .total strong{font-size:1.125rem;color:#fbbf24}footer{margin-top:2rem;text-align:center}footer p{font-size:.8125rem;color:var(--text-muted)}.input-wrapper.error{border-color:#ef4444}.input-wrapper.error:focus-within{border-color:#ef4444}.error-message{display:block;font-size:.75rem;color:#ef4444;margin-top:.25rem}.computed-value{padding:.625rem .75rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);font-size:.9375rem;color:var(--text);font-weight:500}.car-display{display:flex;justify-content:center;align-items:center;margin-bottom:1rem;border-radius:var(--radius);overflow:hidden;background:#ffffff0d}.car-image-container{position:relative;width:100%;height:280px;display:flex;justify-content:center;align-items:center}.car-image{max-width:100%;max-height:100%;object-fit:contain;display:block;transition:all .3s ease}