*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background:#f8fafc;color:#0f172a}a{color:#2563eb;text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1100px;margin:0 auto;padding:1.5rem}.card{background:white;border:1px solid #e2e8f0;border-radius:8px;padding:1.25rem;margin-bottom:1rem;overflow-x:auto}.btn{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:8px;padding:.55rem 1rem;font-weight:600;cursor:pointer}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:#2563eb;color:white}.btn-secondary{background:#e2e8f0;color:#0f172a}.btn-danger{background:#dc2626;color:white}.btn-small{padding:.35rem .65rem;font-size:.875rem}.input,.select,.textarea{width:100%;border:1px solid #cbd5e1;border-radius:8px;padding:.55rem .75rem}.nav{background:#0f172a;padding:.75rem 1.5rem;display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.nav,.nav a{color:white}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1rem;gap:1rem}.error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;padding:.75rem;border-radius:8px}.success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534;padding:.75rem;border-radius:8px}.muted{color:#64748b}.feedback{margin:0;color:#475569;font-size:.88rem}.feedback-working{display:inline-flex;align-items:center;gap:.4rem}.feedback-working:before{content:"";width:.55rem;height:.55rem;border:2px solid #bfdbfe;border-top-color:#2563eb;border-radius:999px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.stack{display:grid;grid-gap:.75rem;gap:.75rem}.row{display:flex;flex-wrap:wrap}.row,.search-row{gap:.5rem;align-items:center}.search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:.5rem}.client-results{display:grid;grid-gap:.75rem;gap:.75rem;margin-top:.75rem}.client-result{border-top:1px solid #e2e8f0;padding-top:.75rem}.client-result-selected{border-color:#93c5fd}.client-result-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.client-result-header>div{display:grid;grid-gap:.2rem;gap:.2rem}.car-choice-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));grid-gap:.5rem;gap:.5rem;margin-top:.6rem}.car-choice{min-height:48px;border:1px solid #cbd5e1;border-radius:8px;background:#ffffff;color:#0f172a;padding:.5rem .65rem;display:grid;grid-gap:.15rem;gap:.15rem;text-align:left;cursor:pointer}.car-choice:hover{border-color:#2563eb}.car-choice-selected{border-color:#2563eb;background:#eff6ff;box-shadow:inset 0 0 0 1px #2563eb}.car-choice span{color:#64748b;font-size:.8rem}.selected-car{display:grid;grid-gap:.2rem;gap:.2rem;border:1px solid #bfdbfe;background:#eff6ff;border-radius:8px;padding:.65rem .75rem;margin-bottom:.75rem}.client-list-card{justify-content:space-between}.client-info-panel h4{margin:0 0 .5rem}.client-info-heading{display:grid;grid-gap:.2rem;gap:.2rem;margin-bottom:1rem}.client-info-heading h3{margin:0}.client-info-heading .muted{display:none;font-size:.85rem}.client-info-toggle{display:none}.client-info-content{display:block}.inline-field{display:grid;grid-gap:.25rem;gap:.25rem;font-size:.85rem;font-weight:700}.inline-input-wrap{position:relative}.inline-input-wrap .input{padding-right:6rem}.inline-actions{position:absolute;inset-block:0;right:.25rem;display:inline-flex;align-items:center;gap:.2rem}.icon-btn{width:1.65rem;height:1.65rem;border:1px solid #cbd5e1;border-radius:6px;background:#ffffff;color:#0f172a;font-size:.72rem;font-weight:800;line-height:1;cursor:pointer}.icon-btn:hover{border-color:#2563eb;color:#2563eb}.icon-btn:disabled{cursor:not-allowed;opacity:.5}.info-box{border:1px solid #e2e8f0;border-radius:8px;padding:.8rem;background:#f8fafc}.online-suggestion{display:grid;grid-gap:.45rem;gap:.45rem;border:1px solid #bae6fd;border-radius:8px;background:#f0f9ff;color:#0c4a6e;padding:.7rem;font-size:.88rem}.online-suggestion span{color:#075985}.vin-scanner{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.vin-candidate{display:inline-flex;align-items:center;gap:.35rem;border:1px solid #facc15;border-radius:6px;background:#fefce8;color:#713f12;padding:.3rem .4rem;font-size:.86rem}.hidden-file-input{display:none}.detail-list{display:grid;grid-gap:.45rem;gap:.45rem;margin:0}.detail-list div{display:grid;grid-template-columns:110px minmax(0,1fr);grid-gap:.75rem;gap:.75rem}.detail-list dt{color:#64748b;font-size:.85rem}.detail-list dd{margin:0;font-weight:600;overflow-wrap:anywhere}details summary{cursor:pointer;color:#2563eb;font-weight:700}.details-body{margin-top:.75rem}.compact-heading{margin-bottom:0}.compact-heading h3{margin:0 0 .2rem}.compact-heading p{margin:0}.service-choice-list{display:grid;grid-gap:.55rem;gap:.55rem}.service-choice{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-gap:.5rem;gap:.5rem;align-items:center;margin-bottom:.45rem}.service-choice>button{min-height:54px;border:1px solid #cbd5e1;border-radius:8px;background:#ffffff;color:#0f172a;padding:.55rem .7rem;display:grid;grid-gap:.15rem;gap:.15rem;text-align:left;cursor:pointer}.service-choice>button:hover{border-color:#2563eb}.service-choice>button span{color:#64748b;font-size:.82rem}.service-choice-selected>button{border-color:#2563eb;background:#eff6ff;box-shadow:inset 0 0 0 1px #2563eb}.service-choice .input{width:112px}.quantity-stepper{width:112px;min-height:38px;display:grid;grid-template-columns:34px minmax(34px,1fr) 34px;align-items:center;border:1px solid #cbd5e1;border-radius:8px;overflow:hidden;background:#ffffff;font-weight:800}.quantity-stepper button{height:100%;border:0;background:#f8fafc;color:#0f172a;font-size:1rem;font-weight:900;cursor:pointer}.quantity-stepper button:hover{background:#e0f2fe;color:#075985}.quantity-stepper span{text-align:center;font-size:.9rem}.notes-section{border-top:1px solid #e2e8f0;margin-top:1rem;padding-top:1rem}.notes-section h3{margin-top:0}.table{width:100%;border-collapse:collapse}.table td,.table th{border-bottom:1px solid #e2e8f0;padding:.55rem;vertical-align:top}.table th{text-align:left;background:#f8fafc}.table-wrap{overflow-x:auto}.page-heading,.section-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.card h2,.page-heading h1,.section-heading h2{margin:0 0 .25rem;font-size:1.25rem}.count-badge,.status{display:inline-flex;align-items:center;white-space:nowrap;border-radius:999px;padding:.25rem .6rem;font-size:.8rem;font-weight:700}.count-badge{background:#e0f2fe;color:#075985}.status-active{background:#dcfce7;color:#166534}.status-paused{background:#fee2e2;color:#991b1b}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));grid-gap:.75rem;gap:.75rem}.form-grid label,.settings-form>label{display:grid;grid-gap:.35rem;gap:.35rem;font-size:.875rem;font-weight:600}.align-end{align-self:end}.grow{flex:1 1;min-width:200px}.actions{flex-wrap:nowrap}.compact-fields{min-width:220px}.compact-input{min-width:125px;padding-block:.45rem}.empty-state{color:#64748b;text-align:center;padding:1.5rem!important}.catalog-section{padding:0;overflow:hidden}.catalog-section .section-heading{padding:1rem 1.25rem;margin:0;border-bottom:1px solid #e2e8f0}.catalog-section .table-wrap{padding:0 1.25rem}.category-name{max-width:360px;font-weight:700}.sort-input{width:76px}.price-input{min-width:110px}.checkbox-label{display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap}.add-item-grid{display:grid;grid-template-columns:2fr 1fr 1fr auto auto auto;grid-gap:.5rem;gap:.5rem;align-items:center;padding:1rem 1.25rem;background:#f8fafc;border-top:1px solid #e2e8f0}.narrow-container{max-width:820px}.settings-form{display:grid;grid-gap:1rem;gap:1rem}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem;margin-bottom:1rem}.metric{background:#0f172a;color:white;border-radius:8px;padding:1rem 1.25rem;display:grid;grid-gap:.35rem;gap:.35rem}.metric span{color:#cbd5e1;font-size:.85rem}.metric strong{font-size:1.35rem}.rank-list{display:grid;grid-gap:.9rem;gap:.9rem;margin-top:1rem}.rank-row{display:grid;grid-gap:.35rem;gap:.35rem}.rank-label{display:flex;justify-content:space-between;gap:1rem;font-size:.9rem}.bar-track{height:7px;background:#e2e8f0;border-radius:4px;overflow:hidden}.bar-track span{display:block;height:100%;background:#0284c7;border-radius:inherit}.bar-green span{background:#16a34a}.number-cell{text-align:right;white-space:nowrap}@media (max-width:760px){.page-heading,.section-heading{align-items:flex-start;flex-direction:column}.add-item-grid{grid-template-columns:1fr}.actions{flex-wrap:wrap}.container{padding:1rem}.nav{padding-inline:1rem;gap:.75rem}.nav strong{flex-basis:100%}.btn{width:100%;min-height:44px}.search-row{grid-template-columns:1fr}.client-list-card,.client-result-header{align-items:stretch;flex-direction:column}.client-info-heading{grid-template-columns:minmax(0,1fr) auto;align-items:center;margin-bottom:0}.client-info-heading .muted{display:block;grid-column:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-info-toggle{display:inline-flex;grid-column:2;grid-row:1/span 2;align-items:center;min-height:44px;border:0;background:transparent;color:#2563eb;font-weight:700;cursor:pointer}.client-info-content{display:none;margin-top:1rem}.client-info-content-open{display:block}.detail-list div{gap:.15rem}.detail-list div,.service-choice{grid-template-columns:1fr}.service-choice .input{width:100%}.quantity-stepper{width:100%;grid-template-columns:44px minmax(44px,1fr) 44px}.table-wrap{margin-inline:-1rem;padding-inline:1rem}.metric-grid{grid-template-columns:1fr}}@media (min-width:761px) and (max-width:1100px){.container{max-width:960px;padding:1.25rem}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.btn{min-height:42px}}.modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.45);display:flex;align-items:center;justify-content:center;padding:1rem}.modal{width:min(520px,100%);background:white;border-radius:8px;padding:1.25rem;border:1px solid #e2e8f0}