:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.app{max-width:1400px;margin:0 auto;padding:1.5rem;min-height:100vh}.app-header{text-align:center;margin-bottom:1.5rem}.app-header h1{font-size:1.8rem;margin-bottom:.25rem;color:inherit}.subtitle{color:#666;font-size:1rem}@media(prefers-color-scheme:dark){.subtitle{color:#aaa}}.app-main-new{display:grid;gap:1.5rem}@media(min-width:1024px){.app-main-new{grid-template-columns:1fr 1fr}}.left-column,.right-column{display:flex;flex-direction:column;gap:1.5rem}.input-section{background:#f5f5f5;border-radius:8px;padding:1rem}@media(prefers-color-scheme:dark){.input-section{background:#2a2a2a}}.input-section h2{font-size:1rem;margin:0 0 .75rem;padding-bottom:.5rem;border-bottom:1px solid #ddd}@media(prefers-color-scheme:dark){.input-section h2{border-bottom-color:#444}}.input-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.input-grid.compact{grid-template-columns:repeat(2,1fr);gap:.75rem 1rem}@media(min-width:600px){.input-grid.compact.three-col{grid-template-columns:repeat(3,1fr)}}.input-grid label{display:flex;flex-direction:column;gap:.35rem}.input-grid label span{font-size:.8rem;font-weight:500;color:#444}@media(prefers-color-scheme:dark){.input-grid label span{color:#ccc}}.input-grid input,.input-grid select{padding:.5rem .6rem;border:1px solid #bbb;border-radius:4px;font-size:.95rem;background:#fff;color:#222;width:100%;box-sizing:border-box}@media(prefers-color-scheme:dark){.input-grid input,.input-grid select{background:#333;border-color:#555;color:#eee}}.input-grid input:focus,.input-grid select:focus{outline:none;border-color:#646cff;box-shadow:0 0 0 2px #646cff33}.checkbox-label{flex-direction:row!important;align-items:center;gap:.5rem!important}.checkbox-label input[type=checkbox]{width:auto}.tax-summary{margin-top:1rem;padding-top:1rem;border-top:1px solid #ddd}@media(prefers-color-scheme:dark){.tax-summary{border-top-color:#444}}.tax-summary h3{font-size:.9rem;margin:0 0 .5rem}.tax-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.5rem}.tax-item{display:flex;flex-direction:column;padding:.4rem;background:#00000008;border-radius:4px}@media(prefers-color-scheme:dark){.tax-item{background:#ffffff0d}}.tax-item.highlight{background:#646cff1a}.tax-item .tax-label{font-size:.7rem;color:#666}.tax-item .tax-value{font-size:.95rem;font-weight:600}.tax-note,.benefit-info{font-size:.75rem;color:#666;margin:.5rem 0 0;font-style:italic}@media(prefers-color-scheme:dark){.tax-note,.benefit-info{color:#999}}.scenarios-section{display:flex;flex-direction:column;gap:1rem}.scenarios-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}.scenarios-header h2{font-size:1.1rem;margin:0}.add-buttons{display:flex;gap:.5rem}.btn-add{padding:.4rem .75rem;border:none;border-radius:4px;font-size:.8rem;cursor:pointer;font-weight:500}.btn-add.personal{background:#e8f5e9;color:#2e7d32}.btn-add.company{background:#e3f2fd;color:#1565c0}.btn-add:hover{opacity:.85}@media(prefers-color-scheme:dark){.btn-add.personal{background:#1b5e20;color:#a5d6a7}.btn-add.company{background:#0d47a1;color:#90caf9}}.scenarios-list{display:flex;flex-direction:column;gap:1rem}.scenario-form{background:#f8f8f8;border-radius:8px;padding:1.25rem;border-left:4px solid #ccc}.scenario-form.personal{border-left-color:#4caf50}.scenario-form.company{border-left-color:#2196f3}@media(prefers-color-scheme:dark){.scenario-form{background:#2a2a2a}}.scenario-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.scenario-name{flex:1;font-size:1rem;font-weight:600;padding:.3rem .5rem;border:1px solid transparent;border-radius:4px;background:transparent;color:inherit}.scenario-name:hover,.scenario-name:focus{border-color:#ccc;background:#fff}@media(prefers-color-scheme:dark){.scenario-name:hover,.scenario-name:focus{border-color:#555;background:#333}}.scenario-actions{display:flex;gap:.25rem}.btn-icon{width:28px;height:28px;padding:0;border:none;border-radius:4px;background:#0000000d;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center}.btn-icon:hover{background:#0000001a}.btn-icon.btn-danger:hover{background:#ffebee;color:#c62828}@media(prefers-color-scheme:dark){.btn-icon{background:#ffffff1a}.btn-icon:hover{background:#ffffff26}.btn-icon.btn-danger:hover{background:#b71c1c;color:#ffcdd2}}.purchase-type-toggle,.benefit-toggle{display:flex;gap:.5rem;margin-bottom:.75rem}.toggle-btn{flex:1;padding:.5rem;border:1px solid #ddd;border-radius:4px;background:#fff;cursor:pointer;font-size:.85rem;transition:all .15s}.toggle-btn.small{padding:.35rem;font-size:.8rem}.toggle-btn:hover{border-color:#999}.toggle-btn.active{background:#646cff;color:#fff;border-color:#646cff}@media(prefers-color-scheme:dark){.toggle-btn{background:#333;border-color:#555;color:#ddd}.toggle-btn:hover{border-color:#777}}.scenario-fields{display:flex;flex-direction:column;gap:1rem}.input-grid .full-width{grid-column:1 / -1}.field-group{margin-bottom:.5rem}.field-group h4{font-size:.85rem;margin:0 0 .6rem;color:#333;font-weight:600;text-transform:uppercase;letter-spacing:.3px}@media(prefers-color-scheme:dark){.field-group h4{color:#ddd}}.benefit-note{font-size:.75rem;color:#666;margin:.25rem 0 0;font-style:italic}.scenario-comparison{display:flex;flex-direction:column;gap:1rem}.scenario-comparison h2{font-size:1.1rem;margin:0}.comparison-empty{text-align:center;padding:2rem;color:#666;background:#f5f5f5;border-radius:8px}@media(prefers-color-scheme:dark){.comparison-empty{background:#2a2a2a;color:#aaa}}.recommendation-banner{background:linear-gradient(135deg,#646cff,#535bf2);color:#fff;padding:1rem;border-radius:8px;text-align:center}.savings-note{opacity:.9;font-size:.9rem}.comparison-cards{display:flex;flex-direction:column;gap:1rem}.scenario-card{background:#f5f5f5;border-radius:8px;padding:1rem;border-left:4px solid #ccc}.scenario-card.personal{border-left-color:#4caf50}.scenario-card.company{border-left-color:#2196f3}.scenario-card.cheapest{box-shadow:0 0 0 2px #646cff}@media(prefers-color-scheme:dark){.scenario-card{background:#2a2a2a}}.card-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.card-header .rank{font-size:.85rem;font-weight:700;color:#646cff}.card-header h3{flex:1;font-size:1rem;margin:0}.purchase-badge{font-size:.7rem;padding:.2rem .5rem;border-radius:3px;font-weight:500}.purchase-badge.personal{background:#e8f5e9;color:#2e7d32}.purchase-badge.company{background:#e3f2fd;color:#1565c0}@media(prefers-color-scheme:dark){.purchase-badge.personal{background:#1b5e20;color:#a5d6a7}.purchase-badge.company{background:#0d47a1;color:#90caf9}}.card-main-cost{text-align:center;padding:.75rem;background:#646cff1a;border-radius:6px;margin-bottom:.75rem}.yearly-cost .label{display:block;font-size:.75rem;color:#666}.yearly-cost .value{display:block;font-size:1.4rem;font-weight:700;color:#646cff}.total-cost{display:flex;justify-content:space-between;font-size:.8rem;color:#666;margin-top:.5rem}@media(prefers-color-scheme:dark){.yearly-cost .label,.total-cost{color:#aaa}}.cost-split{margin-top:.75rem;padding:.75rem;background:#00000008;border-radius:6px}@media(prefers-color-scheme:dark){.cost-split{background:#ffffff0d}}.cost-split-row{display:flex;justify-content:space-between;align-items:center;padding:.25rem 0}.cost-split-row.personal{color:#c62828}.cost-split-row.company{color:#1565c0;margin-top:.5rem}.cost-split-row.actual{color:#2e7d32}.cost-split-row.tax-overhead{color:#c62828;margin-top:.5rem}@media(prefers-color-scheme:dark){.cost-split-row.personal{color:#ef9a9a}.cost-split-row.company{color:#90caf9}.cost-split-row.actual{color:#81c784}.cost-split-row.tax-overhead{color:#ef9a9a}}.split-label{font-size:.8rem;font-weight:500}.split-value{font-size:1rem;font-weight:700}.cost-split-detail{font-size:.7rem;color:#666;padding-left:.5rem;display:flex;flex-direction:column;gap:.1rem}@media(prefers-color-scheme:dark){.cost-split-detail{color:#999}}.card-breakdown{margin-top:.75rem}.card-breakdown h4,.card-tax-impact h4{font-size:.8rem;margin:0 0 .5rem;color:#555}@media(prefers-color-scheme:dark){.card-breakdown h4,.card-tax-impact h4{color:#aaa}}.breakdown-items{display:flex;flex-direction:column;gap:.2rem}.breakdown-item{display:flex;justify-content:space-between;font-size:.8rem;padding:.2rem 0}.tax-impact-section{margin-top:.5rem;padding-top:.5rem;border-top:1px solid #ddd}@media(prefers-color-scheme:dark){.tax-impact-section{border-top-color:#444}}.breakdown-item.positive span:last-child{color:#2e7d32}.breakdown-item.negative span:last-child{color:#c62828}.benefit-detail{font-size:.75rem;color:#666;display:flex;justify-content:space-between;margin-top:.25rem}.card-tax-impact{margin-top:.75rem;padding:.5rem;background:#ff98001a;border-radius:4px}.card-tax-impact p{font-size:.8rem;margin:0;color:#555}@media(prefers-color-scheme:dark){.card-tax-impact{background:#ff980026}.card-tax-impact p{color:#bbb}}.benefit-value-box{margin-top:.75rem;padding:.75rem;background:linear-gradient(135deg,#2196f31a,#2196f30d);border:1px solid rgba(33,150,243,.2);border-radius:6px}.benefit-value-box h4{font-size:.8rem;margin:0 0 .5rem;color:#1565c0}@media(prefers-color-scheme:dark){.benefit-value-box{background:linear-gradient(135deg,#2196f326,#2196f314);border-color:#2196f34d}.benefit-value-box h4{color:#90caf9}}.benefit-values{text-align:center;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid rgba(33,150,243,.2)}.benefit-value-main{display:flex;flex-direction:column}.benefit-value-main .label{font-size:.7rem;color:#666;text-transform:uppercase;letter-spacing:.5px}.benefit-value-main .value{font-size:1.5rem;font-weight:700;color:#1565c0}@media(prefers-color-scheme:dark){.benefit-value-main .label{color:#aaa}.benefit-value-main .value{color:#90caf9}}.benefit-value-secondary{font-size:.8rem;color:#666;margin-top:.25rem}.benefit-calculation{font-size:.75rem;margin-bottom:.5rem}.calc-row{display:flex;justify-content:space-between;padding:.15rem 0;color:#555}.calc-row.total{border-top:1px solid rgba(0,0,0,.1);margin-top:.25rem;padding-top:.25rem;font-weight:600;color:#333}.calc-row.electric-reduction{color:#2e7d32}.calc-row.age-group{font-weight:500;color:#1565c0;border-bottom:1px solid rgba(0,0,0,.1);padding-bottom:.25rem;margin-bottom:.25rem}@media(prefers-color-scheme:dark){.calc-row.age-group{color:#90caf9;border-bottom-color:#ffffff1a}}@media(prefers-color-scheme:dark){.calc-row{color:#aaa}.calc-row.total{border-top-color:#ffffff1a;color:#ddd}}.benefit-tax-note{font-size:.75rem;color:#555;background:#ff98001a;padding:.4rem .5rem;border-radius:4px;margin-top:.5rem}.benefit-tax-note p{margin:0}.benefit-tax-note .electric-note{margin-top:.25rem;color:#2e7d32;font-style:italic}@media(prefers-color-scheme:dark){.benefit-tax-note{background:#ff980026;color:#bbb}.benefit-tax-note .electric-note{color:#81c784}}.tax-explanation{background:#f9f9f9;border-radius:8px;padding:1rem;font-size:.85rem}@media(prefers-color-scheme:dark){.tax-explanation{background:#1a1a1a}}.tax-explanation h3{font-size:.9rem;margin:0 0 .5rem}.tax-explanation p{margin:0 0 .5rem;color:#555;line-height:1.5}@media(prefers-color-scheme:dark){.tax-explanation p{color:#bbb}}.tax-explanation p:last-child{margin-bottom:0}.app-footer{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #ddd;text-align:center;font-size:.8rem;color:#666}@media(prefers-color-scheme:dark){.app-footer{border-top-color:#444;color:#888}}.app-main{display:grid;gap:2rem}@media(min-width:900px){.app-main{grid-template-columns:1fr 1fr}}