:root{--bg: #f4f6f8;--surface: #ffffff;--border: #e2e8f0;--text: #0f172a;--text-muted: #64748b;--accent: #0d6e8c;--accent-soft: #e0f2f7;--best: #0f766e;--best-bg: #ccfbf1;--lease: #0d6e8c;--salary: #047857;--cash: #b45309;--financed: #6d28d9;--radius: 12px;--shadow: 0 1px 3px rgb(15 23 42 / 8%);--layout-header: 8.5rem;--layout-footer: 4rem;--layout-main-padding: 3rem;--sidebar-min-height: calc( 100dvh - var(--layout-header) - var(--layout-footer) - var(--layout-main-padding) )}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:DM Sans,system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}.app{min-height:100dvh;display:flex;flex-direction:column}.header{background:linear-gradient(135deg,#0a4d62,#0d6e8c,#148ea8);color:#fff;padding:2rem 1.5rem}.header-inner{max-width:1400px;margin:0 auto}.header-eyebrow{margin:0 0 .25rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;opacity:.85}.header h1{margin:0;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700}.header-sub{margin:.5rem 0 0;max-width:36rem;opacity:.9}.main{flex:1 1 auto;min-height:var(--sidebar-min-height);max-width:1400px;margin:0 auto;padding:1.5rem;width:100%;display:grid;gap:1.5rem;align-items:stretch}.main--sidebar-open{max-width:min(96vw,1680px);grid-template-columns:minmax(520px,min(58%,780px)) minmax(0,1fr)}.main--sidebar-collapsed{grid-template-columns:auto minmax(0,1fr);max-width:min(96vw,1400px)}@media(max-width:960px){:root{--layout-header: 7.5rem;--layout-footer: 0rem;--layout-main-padding: 1.5rem}.main--sidebar-open{grid-template-columns:1fr;max-width:100%}.main--sidebar-collapsed{grid-template-columns:1fr}}.sidebar,.content{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem;border:1px solid var(--border)}.sidebar--parameters{display:flex;flex-direction:column;min-height:var(--sidebar-min-height);overflow:visible}@media(min-width:961px){.sidebar--parameters{align-self:stretch}}.sidebar-parameters-header{flex-shrink:0;padding-bottom:.75rem;border-bottom:1px solid var(--border);margin-bottom:.75rem}.sidebar-header-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.sidebar-header-row .panel-title{margin:0}.sidebar-toggle{flex-shrink:0;font-size:.8rem;padding:.35rem .65rem}.sidebar-reopen{position:sticky;top:1rem;align-self:start;display:flex;align-items:center;gap:.35rem;padding:.65rem .85rem;font:inherit;font-size:.85rem;font-weight:600;color:var(--accent);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);cursor:pointer;width:fit-content}.sidebar-reopen:hover{background:var(--accent-soft);border-color:#99d6e8}.sidebar-reopen:after{content:"→"}@media(min-width:961px){.main--sidebar-collapsed .sidebar-reopen{grid-column:1}}@media(max-width:960px){.sidebar-reopen{position:static;width:100%;justify-content:center;margin-bottom:.25rem}}.save-panel{margin-top:.65rem}.save-active{margin:0 0 .5rem;font-size:.82rem;line-height:1.4;color:var(--text)}.save-active-hint{color:var(--text-muted);font-weight:400}.save-active--none{color:var(--text-muted)}.save-list-item--active{background:var(--accent-soft);padding:.45rem .5rem;margin:0;border-radius:6px}.save-actions{display:flex;flex-wrap:nowrap;gap:.5rem;align-items:stretch}.save-actions .btn{flex:1 1 0;min-width:0;text-align:center;font-size:.875rem;padding:.5rem .65rem;margin:0}.save-hint,.save-flash{margin:.4rem 0 0;font-size:.75rem;color:var(--text-muted);line-height:1.35}.save-flash{color:var(--salary);font-weight:500}.save-panel--warn{font-size:.8rem;color:#b45309;background:#fffbeb;padding:.5rem;border-radius:8px}.save-list{margin-top:.65rem}.save-list>summary.save-list-title{cursor:pointer;list-style:none;display:flex;align-items:center;gap:.35rem}.save-list>summary.save-list-title::-webkit-details-marker{display:none}.save-list>summary.save-list-title:before{content:"▸";font-size:.65rem;color:var(--text-muted);transition:transform .15s ease}.save-list[open]>summary.save-list-title:before{transform:rotate(90deg)}.save-list-title{margin:0 0 .35rem;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.save-list ul{list-style:none;margin:0;padding:0;max-height:10rem;overflow-y:auto}.save-list-item{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.45rem 0;border-bottom:1px solid var(--border);font-size:.8rem}.save-list-item:last-child{border-bottom:none}.save-list-meta{display:flex;flex-direction:column;min-width:0}.save-list-name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.save-list-date{font-size:.7rem;color:var(--text-muted)}.save-list-buttons{display:flex;gap:.2rem;flex-shrink:0}.btn-primary{background:var(--accent);color:#fff;border:none}.btn-primary:hover{background:#0a5a72}.btn-danger{color:#b91c1c}.btn-danger:hover{background:#fef2f2}.sidebar-parameters-header .panel-title{margin:0}.sidebar-parameters-scroll{flex:1 1 auto;min-height:0;overflow:visible;padding-right:0;margin-right:0}.panel-title{margin:0 0 1rem;font-size:1.1rem;font-weight:600}.input-panel{display:flex;flex-direction:column;gap:.5rem;padding-bottom:.5rem}.form-section{border-top:1px solid var(--border);padding-top:1rem;margin-top:.5rem}.section-title{margin:0 0 .75rem;font-size:.85rem;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.04em}.form-block{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.65rem;background:#fff;overflow:visible;flex-shrink:0}.form-block--general{border-left:4px solid #64748b}.form-block--salary{border-left:4px solid var(--salary)}.form-block--lease{border-left:4px solid var(--lease)}.form-block--purchase{border-left:4px solid var(--cash)}.form-block--operating{border-left:4px solid #94a3b8}.form-block--advanced{border-left:4px solid var(--financed)}.form-block-summary{display:flex;align-items:flex-start;gap:.65rem;padding:.75rem .85rem;cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}.form-block-summary::-webkit-details-marker{display:none}.form-block-summary:after{content:"▾";margin-left:auto;color:var(--text-muted);font-size:.85rem;transition:transform .15s ease}.form-block:not([open]) .form-block-summary:after{transform:rotate(-90deg)}.form-block-badge{flex-shrink:0;width:1.5rem;height:1.5rem;border-radius:999px;background:var(--bg);color:var(--text);font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center}.form-block-heading{display:flex;flex-direction:column;gap:.1rem;min-width:0}.form-block-tag{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.form-block-title{font-size:.95rem;font-weight:600;color:var(--text)}.form-block-desc{font-size:.78rem;color:var(--text-muted);line-height:1.35}.form-block .form-grid{padding:0 .85rem .85rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:1rem;row-gap:.75rem;align-items:start}.form-subheading,.section-intro,.depreciation-curve-info,.checkbox-group,.scenario-toggle-group,.form-span-full{grid-column:1 / -1}.form-subheading{margin:.5rem 0 0;padding-top:.5rem;border-top:1px dashed var(--border);font-size:.78rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.form-grid{display:flex;flex-direction:column;gap:.75rem}.form-field{display:flex;flex-direction:column;gap:.25rem;align-items:flex-start;min-width:0}.form-field:has(.checkbox-row){grid-column:1 / -1}.form-label{font-size:.85rem;font-weight:500;line-height:1.35}.form-hint{font-size:.75rem;color:var(--text-muted);line-height:1.35}.input{width:100%;max-width:13.5rem;padding:.5rem .65rem;border:1px solid var(--border);border-radius:8px;font:inherit;background:#fff}select.input{max-width:13.5rem}.input:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.input-suffix-wrap{display:flex;align-items:stretch;width:100%;max-width:13.5rem}.input-suffix-wrap .input{max-width:none;flex:1;min-width:0}.input-suffix{display:flex;align-items:center;padding:0 .65rem;font-size:.85rem;color:var(--text-muted);background:var(--bg);border:1px solid var(--border);border-left:none;border-radius:0 8px 8px 0}@media(max-width:960px){.form-block .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.form-block .form-grid{grid-template-columns:1fr}.input,select.input,.input-suffix-wrap{max-width:100%}}.checkbox-row{display:flex;align-items:center;gap:.5rem;font-size:.9rem;cursor:pointer}.btn{font:inherit;cursor:pointer;border-radius:8px;padding:.45rem .85rem;border:1px solid transparent}.btn-ghost{background:var(--accent-soft);color:var(--accent);border-color:transparent}.btn-ghost:hover{background:#cce8f0}.btn-sm{font-size:.85rem}.breakdown-section .btn-sm{margin-top:.75rem}.results-panel{display:flex;flex-direction:column;gap:1.5rem}.recommendation-card{background:var(--best-bg);border:1px solid #99f6e4;border-radius:var(--radius);padding:1.25rem}.recommendation-eyebrow{margin:0;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--best);font-weight:600}.recommendation-title{margin:.25rem 0;font-size:1.5rem;color:var(--best)}.recommendation-detail{margin:0;color:#134e4a;font-size:.95rem}.ranking-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}@media(max-width:960px){.ranking-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.ranking-grid{grid-template-columns:1fr}}.section-intro{margin:0 0 .75rem;font-size:.85rem;color:var(--text-muted);line-height:1.45}.depreciation-curve-info{margin-bottom:.75rem;padding:.75rem .85rem;background:var(--surface-muted, #f8fafc);border:1px solid var(--border);border-radius:var(--radius)}.depreciation-curve-table{width:100%;margin:.5rem 0 .75rem;font-size:.8rem;border-collapse:collapse}.depreciation-curve-table th,.depreciation-curve-table td{padding:.35rem .5rem;text-align:left;border-bottom:1px solid var(--border)}.depreciation-curve-table th{color:var(--text-muted);font-weight:600}.curve-residual-summary{margin:0;font-size:.9rem}.checkbox-group{display:flex;flex-direction:column;gap:.35rem}.rank-card{border:1px solid var(--border);border-radius:var(--radius);padding:1rem;position:relative}.rank-card--best{border-color:#2dd4bf;background:#f0fdfa;box-shadow:0 0 0 2px #99f6e4}.rank-position{font-size:.75rem;color:var(--text-muted);font-weight:600}.rank-badges{display:flex;flex-wrap:wrap;gap:.35rem;margin:.25rem 0 .15rem;min-height:0}.rank-badge{display:inline-block;padding:.1rem .4rem;font-size:.68rem;font-weight:600;color:#0f766e;background:#ecfdf5;border:1px solid #99f6e4;border-radius:4px}.rank-card h3{margin:.35rem 0;font-size:1rem}.rank-cost{margin:0;font-size:1.35rem;font-weight:700}.rank-meta,.rank-monthly{margin:.15rem 0 0;font-size:.8rem;color:var(--text-muted)}.tco-breakdown{margin-top:.5rem}.tco-breakdown-details{margin-top:.35rem}.tco-breakdown-summary{display:inline-flex;align-items:center;gap:.35rem;font-size:.78rem;font-weight:600;color:var(--accent, #0f766e);cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}.tco-breakdown-summary::-webkit-details-marker{display:none}.tco-breakdown-summary:after{content:"▾";font-size:.75rem;color:var(--text-muted);transition:transform .15s ease}.tco-breakdown-details:not([open]) .tco-breakdown-summary:after{transform:rotate(-90deg)}.tco-breakdown-body{margin-top:.4rem;padding-top:.35rem;border-top:1px dashed var(--border)}.tco-breakdown-note{margin:.5rem 0 0;font-size:.72rem;color:var(--text-muted);line-height:1.4}.tco-breakdown-list{margin:0;padding:0;list-style:none;font-size:.78rem;color:var(--text-muted)}.tco-breakdown-list li{display:flex;justify-content:space-between;gap:.5rem;padding:.15rem 0;border-bottom:1px dashed var(--border)}.tco-breakdown-list li:last-child{border-bottom:none}.tco-breakdown-total{display:flex;justify-content:space-between;margin:.35rem 0 0;padding-top:.35rem;border-top:1px solid var(--border);font-size:.82rem;font-weight:600;color:var(--text)}.rank-monthly--primary{color:var(--text);font-weight:600}.rank-monthly-sub{margin:.1rem 0 0;font-size:.75rem;color:var(--text-muted)}.info-banner{background:#fffbeb;border:1px solid #fcd34d;border-radius:var(--radius);padding:.85rem 1rem;font-size:.9rem;color:#78350f;line-height:1.45}.info-banner--neutral{background:#f0f9ff;border-color:#7dd3fc;color:#0c4a6e}.rank-meta-hint{opacity:.85;font-size:.85em}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media(max-width:600px){.stats-row{grid-template-columns:1fr}}.stat{background:var(--bg);border-radius:8px;padding:.75rem 1rem}.stat-label{display:block;font-size:.75rem;color:var(--text-muted)}.stat-value{font-weight:600;font-size:1.05rem}.subsection-title{margin:0 0 .35rem;font-size:1rem}.chart-section{border-top:1px solid var(--border);padding-top:1rem}.chart-hint,.chart-footnote{margin:.25rem 0 .75rem;font-size:.8rem;color:var(--text-muted)}.chart-legend{display:flex;gap:1rem;margin-bottom:.75rem;font-size:.8rem}.legend-item:before{content:"";display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:.35rem;vertical-align:middle}.legend-salary:before{background:var(--salary)}.legend-lease:before{background:var(--lease)}.legend-cash:before{background:var(--cash)}.legend-financed:before{background:var(--financed)}.chart-bars{display:flex;align-items:flex-end;gap:2px;height:140px;padding:.5rem 0;border-bottom:1px solid var(--border)}.chart-column{flex:1;display:flex;align-items:flex-end;justify-content:center;gap:1px;height:100%;min-width:4px}.chart-bars--four .bar{width:22%}.bar{width:33%;min-height:2px;display:block;border-radius:2px 2px 0 0;transition:height .2s ease}.bar-salary{background:var(--salary)}.bar-lease{background:var(--lease)}.bar-cash{background:var(--cash)}.bar-financed{background:var(--financed)}.chart-axis{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-muted);margin-top:.35rem}.breakdown-section{border-top:1px solid var(--border);padding-top:1rem}.tabs{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:1rem}.tab{font:inherit;padding:.4rem .75rem;border:1px solid var(--border);background:var(--bg);border-radius:999px;cursor:pointer;font-size:.85rem}.tab--active{background:var(--accent);color:#fff;border-color:var(--accent)}.breakdown-table{width:100%;border-collapse:collapse;font-size:.9rem}.breakdown-table th,.breakdown-table td{padding:.5rem .65rem;text-align:left;border-bottom:1px solid var(--border)}.breakdown-table th.num,.breakdown-table td.num{text-align:right;font-variant-numeric:tabular-nums}.breakdown-table .credit{color:var(--best)}.total-row{font-weight:600;background:var(--bg)}.breakdown-table--compact{font-size:.8rem}.detail-table-wrap{margin-top:.75rem;max-height:320px;overflow:auto;border:1px solid var(--border);border-radius:8px}.footer{text-align:center;padding:1.5rem;font-size:.8rem;color:var(--text-muted)}.footer p{margin:0;max-width:40rem;margin-inline:auto}