*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#2563eb;--primary-dark:#1d4ed8;--primary-light:#eff6ff;--success:#16a34a;--success-light:#f0fdf4;--warning:#d97706;--warning-light:#fffbeb;--danger:#dc2626;--danger-light:#fef2f2;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--white:#fff;--radius:8px;--radius-lg:12px;--shadow-sm:0 1px 2px #0000000d;--shadow:0 2px 8px #00000014;--shadow-lg:0 4px 20px #0000001f;color:var(--gray-800);background:var(--gray-50);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5}body,#root{min-height:100dvh}.app{background:var(--gray-50);flex-direction:column;min-height:100dvh;display:flex}.app-header{background:var(--white);border-bottom:1px solid var(--gray-200);z-index:10;box-shadow:var(--shadow-sm);padding:1rem 1.5rem;position:sticky;top:0}.app-header__inner{max-width:1100px;margin:0 auto}.app-header__title{color:var(--gray-900);letter-spacing:-.03em;font-size:1.4rem;font-weight:700}.app-header__subtitle{color:var(--gray-500);margin-top:.15rem;font-size:.85rem}.app-header__actions{align-items:center;gap:.75rem;margin-top:.75rem;display:flex}.tab-nav{background:var(--white);border-bottom:1px solid var(--gray-200);max-width:100%;padding:0 1.5rem;display:flex;overflow-x:auto}.tab-nav__btn{color:var(--gray-500);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.4rem;padding:.85rem 1.25rem;font-size:.9rem;font-weight:500;transition:color .15s,border-color .15s;display:flex;position:relative}.tab-nav__btn:hover:not(:disabled){color:var(--primary)}.tab-nav__btn--active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.tab-nav__btn:disabled{opacity:.45;cursor:not-allowed}.tab-nav__badge{background:var(--primary);color:var(--white);border-radius:999px;padding:0 .45rem;font-size:.72rem;font-weight:700;line-height:1.5}.tab-content{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:1.75rem 1.5rem}.card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:1.25rem;padding:1.5rem}.card__title{color:var(--gray-800);border-bottom:1px solid var(--gray-100);margin-bottom:1rem;padding-bottom:.6rem;font-size:1rem;font-weight:600}.grid{gap:1rem;display:grid}.grid--2{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.grid--3{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.field{flex-direction:column;gap:.35rem;display:flex}.field--full{grid-column:1/-1}.field__label{color:var(--gray-700);letter-spacing:.01em;font-size:.82rem;font-weight:600}.field__input-wrap{border:1px solid var(--gray-300);border-radius:var(--radius);background:var(--white);align-items:center;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.field__input-wrap:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1f}.field__input{min-width:0;color:var(--gray-900);background:0 0;border:none;outline:none;flex:1;padding:.5rem .65rem;font-size:.9rem}.field__input[type=number]{-moz-appearance:textfield}.field__input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}.field__input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}select.field__input{cursor:pointer;appearance:auto}.field__affix{color:var(--gray-500);background:var(--gray-50);border-left:1px solid var(--gray-200);white-space:nowrap;-webkit-user-select:none;user-select:none;padding:.5rem .55rem;font-size:.82rem}.field__prefix{border-left:none;border-right:1px solid var(--gray-200)}.field__hint{color:var(--gray-400);font-size:.75rem;line-height:1.4}.field__label--checkbox{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;margin:0;font-weight:400;display:flex}.field__checkbox{cursor:pointer;width:18px;height:18px;accent-color:var(--primary);flex-shrink:0}.form-warning{background:var(--warning-light);border-radius:var(--radius);color:#92400e;border:1px solid #fde68a;margin-top:.75rem;padding:.6rem .85rem;font-size:.82rem}.toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.6rem;display:flex}.toggle input{display:none}.toggle__track{background:var(--gray-300);border-radius:999px;flex-shrink:0;width:38px;height:22px;transition:background .2s;position:relative}.toggle__track:after{content:"";background:var(--white);border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.toggle input:checked+.toggle__track{background:var(--primary)}.toggle input:checked+.toggle__track:after{transform:translate(16px)}.toggle__label{color:var(--gray-700);font-size:.88rem}.btn{border-radius:var(--radius);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.4rem;padding:.55rem 1.1rem;font-size:.88rem;font-weight:600;transition:background .15s,color .15s,box-shadow .15s;display:inline-flex}.btn--primary{background:var(--primary);color:var(--white);border-color:var(--primary-dark)}.btn--primary:hover{background:var(--primary-dark)}.btn--ghost{background:var(--white);color:var(--gray-600);border-color:var(--gray-300)}.btn--ghost:hover{background:var(--gray-50)}.btn--icon{border-color:var(--gray-200);background:0 0;padding:.4rem .6rem;font-size:1rem}.btn--icon:hover{background:var(--gray-100)}.btn--danger{border-color:#fca5a5}.btn--danger:hover{background:var(--danger-light)}.btn--sm{padding:.35rem .75rem;font-size:.8rem}.profile-form{flex-direction:column;display:flex}.card__header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.trip-list{gap:.85rem;display:grid}.trip-card{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius);padding:1rem}.trip-card__header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.trip-card__title{color:var(--gray-800);font-size:.95rem;font-weight:600}.trip-card__note{color:var(--gray-600);background:var(--gray-100);border-radius:var(--radius);border-left:3px solid var(--primary);margin-top:.75rem;padding:.75rem;font-size:.82rem}.trip-summary{border:1px solid var(--gray-200);border-radius:var(--radius);background:var(--gray-50);justify-content:space-between;align-items:center;gap:.75rem;margin-top:1rem;padding:.85rem 1rem;display:flex}.trip-summary__label{color:var(--gray-600);font-size:.9rem}.trip-summary__value{color:var(--gray-900);font-size:1rem;font-weight:700}.car-list__header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.car-list__hint{color:var(--gray-500);max-width:540px;font-size:.88rem}.empty-state{background:var(--white);border:2px dashed var(--gray-200);border-radius:var(--radius-lg);text-align:center;padding:3rem 2rem}.empty-state__icon{margin-bottom:.75rem;font-size:2.5rem}.empty-state__text{color:var(--gray-500);font-size:.95rem}.car-cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.car-card{background:var(--white);border:1px solid var(--gray-200);border-left:4px solid var(--primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.1rem 1.25rem}.car-card__header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.car-card__name{color:var(--gray-800);align-items:center;gap:.5rem;min-width:0;font-size:.95rem;font-weight:600;display:flex}.car-card__dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.car-card__actions{gap:.4rem;display:flex}.car-card__specs{gap:.3rem;margin-top:.5rem;display:grid}.spec{align-items:baseline;gap:.5rem;font-size:.82rem;display:flex}.spec dt{color:var(--gray-500);flex-shrink:0}.spec dd{color:var(--gray-700);font-weight:500}.modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;background:#0f172a73;justify-content:center;align-items:flex-start;padding:2rem 1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--white);border-radius:var(--radius-lg);width:100%;max-width:640px;box-shadow:var(--shadow-lg);flex-direction:column;display:flex}.modal__header{border-bottom:1px solid var(--gray-200);justify-content:space-between;align-items:center;padding:1.1rem 1.5rem;display:flex}.modal__title{color:var(--gray-900);font-size:1.05rem;font-weight:700}.modal__close{color:var(--gray-400);cursor:pointer;border-radius:var(--radius);background:0 0;border:none;padding:.25rem .5rem;font-size:1rem}.modal__close:hover{background:var(--gray-100);color:var(--gray-700)}.modal__body{padding:1.25rem 1.5rem;overflow-y:auto}.modal__footer{border-top:1px solid var(--gray-100);justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}.form-section{margin-bottom:1.25rem}.form-section__header{justify-content:space-between;align-items:center;margin-bottom:.85rem;display:flex}.form-section__title{text-transform:uppercase;letter-spacing:.06em;color:var(--gray-500);margin:0;font-size:.82rem;font-weight:700}.color-picker{flex-wrap:wrap;gap:.5rem;margin-top:.25rem;display:flex}.color-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:28px;height:28px;transition:transform .15s,border-color .15s}.color-swatch:hover{transform:scale(1.15)}.color-swatch--active{border-color:var(--gray-800);box-shadow:0 0 0 2px var(--white) inset}.bik-box{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius);margin-top:.75rem;padding:.9rem 1rem}.bik-box__auto{color:var(--gray-600);margin-bottom:.6rem;font-size:.85rem}.results-panel{flex-direction:column;gap:1rem;display:flex}.results-summary{background:var(--primary-light);border-color:#bfdbfe}.results-summary__text{color:var(--gray-700);font-size:.92rem}.results-summary__spread{color:var(--success);font-size:1.05em}.fuel-type-section{flex-direction:column;gap:1rem;display:flex}.fuel-type-section__title{color:var(--gray-800);border-bottom:2px solid var(--gray-200);margin:1.5rem 0 .5rem;padding-bottom:.5rem;font-size:1.1rem;font-weight:600}.result-cards{flex-direction:column;gap:1rem;display:flex}.result-card{background:var(--white);border:1px solid var(--gray-200);border-top:4px solid var(--primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.25rem 1.5rem;position:relative}.result-card--winner{box-shadow:0 4px 20px #16a34a26}.result-card__badge{background:var(--success);color:var(--white);text-transform:uppercase;letter-spacing:.07em;border-radius:0 0 6px 6px;padding:.2rem .65rem;font-size:.72rem;font-weight:700;position:absolute;top:-1px;right:1.25rem}.result-card__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem;display:flex}.result-card__name{color:var(--gray-800);align-items:center;gap:.5rem;font-size:1rem;font-weight:600;display:flex}.result-card__dot{border-radius:50%;flex-shrink:0;width:12px;height:12px}.result-card__rank{color:var(--gray-400);font-size:.75rem;font-weight:400}.result-card__net{color:var(--gray-900);letter-spacing:-.04em;white-space:nowrap;font-size:1.6rem;font-weight:800}.result-card__net-label{color:var(--gray-500);font-size:.8rem;font-weight:400}.result-card__bar-track{background:var(--gray-100);border-radius:999px;height:6px;margin-bottom:1rem;overflow:hidden}.result-card__bar{border-radius:999px;height:100%;transition:width .5s}.result-card__comparisons{background:var(--gray-50);border-left:3px solid var(--primary);border-radius:6px;flex-direction:column;gap:.5rem;margin-bottom:.85rem;padding:.75rem;display:flex}.comparison-item{justify-content:space-between;align-items:baseline;gap:1rem;font-size:.8rem;display:flex}.comparison-label{color:var(--gray-600);flex:1}.comparison-value{white-space:nowrap;font-weight:600}.result-card__summary{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.4rem 1.5rem;margin-bottom:.85rem;display:grid}.kv{align-items:baseline;gap:.4rem;font-size:.83rem;display:flex}.kv__key{color:var(--gray-500);flex:1;min-width:0}.kv__val{color:var(--gray-800);white-space:nowrap;font-weight:600}.kv__val--neg{color:var(--danger)}.kv__val--warn{color:var(--warning)}.kv--detail{color:var(--gray-600);margin-left:1.5rem;font-size:.73rem}.kv__key--detail,.kv__val--detail{font-weight:400;color:var(--gray-600)!important}.result-card__expand{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:.8rem;font-weight:500}.result-card__expand:hover{text-decoration:underline}.result-card__breakdown{border-top:1px solid var(--gray-100);margin-top:1rem;padding-top:1rem}.breakdown{border-collapse:collapse;width:100%;font-size:.85rem}.breakdown td{padding:.3rem .4rem}.breakdown td:last-child{text-align:right;white-space:nowrap}.breakdown__row--income td{color:var(--gray-700)}.breakdown__row--deduction td{color:var(--danger)}.breakdown__row--tax td{color:var(--warning)}.breakdown__amount{font-variant-numeric:tabular-nums;font-weight:600}.breakdown tfoot tr{border-top:2px solid var(--gray-200)}.breakdown__total td{color:var(--gray-900);padding-top:.5rem;font-size:.95rem;font-weight:700}.breakdown__section-header td{text-transform:uppercase;letter-spacing:.05em;color:var(--gray-600);border-top:1px solid var(--gray-200);border-bottom:none;padding:.75rem .4rem .3rem;font-size:.75rem;font-weight:600}.breakdown__section-total td{color:var(--primary);border-top:1px solid var(--gray-300);border-bottom:1px solid var(--gray-300);padding:.4rem .4rem .3rem;font-size:.9rem;font-weight:600}.breakdown__row--detail td{color:var(--gray-600);font-size:.75rem;padding-left:2rem!important}.breakdown__detail-label{font-weight:400}.breakdown__detail-value{font-weight:400;color:var(--gray-600)!important}.budget-detail{background:var(--gray-50);border-radius:var(--radius);margin-top:1rem;padding:.85rem 1rem}.budget-detail__title{text-transform:uppercase;letter-spacing:.07em;color:var(--gray-500);margin-bottom:.5rem;font-size:.78rem;font-weight:700}.budget-detail__rows{flex-direction:column;gap:.25rem;display:flex}.results-disclaimer{color:var(--gray-400);text-align:center;padding:.5rem;font-size:.75rem}.ss-total{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius);color:var(--gray-800);justify-content:space-between;align-items:center;margin-top:1rem;padding:.75rem 1rem;font-size:.95rem;font-weight:600;display:flex}.ss-total__value{color:var(--gray-900);font-size:1.05rem;font-weight:700}.cost-total{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius);color:var(--gray-800);justify-content:space-between;align-items:center;margin-top:1rem;padding:.75rem 1rem;font-size:.95rem;font-weight:600;display:flex}.cost-total__value{color:var(--gray-900);font-size:1.05rem;font-weight:700}@media (width<=600px){.tab-content{padding:1rem}.modal-backdrop{align-items:flex-end;padding:0}.modal{border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:92dvh}.modal__body{overflow-y:auto}.result-card__net{font-size:1.3rem}.car-list__header{flex-direction:column}}