:root{--bg:#f6f8fb;--surface:#fff;--text:#111827;--muted:#667085;--line:#d9e1ea;--accent:#0f8b9f;--accent-dark:#0b6574;--blue:#2563eb;--green:#14975c;--red:#dc2626;--shadow:0 16px 40px rgba(15,23,42,.08);--radius:14px}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
input,select,textarea,button{font:inherit}
:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid rgba(15,139,159,.35);outline-offset:2px}
main{min-height:70vh}
.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px clamp(16px,4vw,48px);background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px;font-weight:850;font-size:1.25rem}
.brand span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--accent);color:#fff}
.site-nav{display:flex;align-items:center;gap:6px}
.site-nav a{padding:9px 12px;border-radius:10px;color:#334155;font-weight:650}
.site-nav a:hover,.site-nav a.active,.nav-logout button:hover{background:#edf8fa;color:var(--accent-dark)}
.nav-logout{margin:0}.nav-logout button{border:0;background:transparent;padding:9px 12px;border-radius:10px;color:#334155;font-weight:650;cursor:pointer}
.nav-toggle{display:none;border:0;background:#e9eef5;border-radius:10px;padding:8px 11px}
.button,button.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:11px;background:var(--accent);color:#fff;padding:12px 18px;font-weight:800;cursor:pointer;box-shadow:0 8px 20px rgba(15,139,159,.18);transition:.2s ease}
.button:hover{transform:translateY(-1px);background:var(--accent-dark)}
.button.secondary{background:#e8f7f9;color:var(--accent-dark);box-shadow:none}.button.ghost{background:#fff;color:#1f2937;border:1px solid var(--line);box-shadow:none}.button.small{padding:8px 12px;font-size:.9rem}.full-width{width:100%}
.hero{min-height:620px;display:flex;align-items:center;padding:70px clamp(16px,5vw,70px);background:linear-gradient(90deg,rgba(8,25,36,.82),rgba(8,25,36,.34)),url("https://images.unsplash.com/photo-1492144534655-ae79c964c9d7?auto=format&fit=crop&w=1800&q=80") center/cover;color:#fff}
.hero-content{max-width:880px}.eyebrow{display:inline-block;margin-bottom:16px;color:#bff4f9;font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}.hero h1{font-size:clamp(2.5rem,6vw,5rem);line-height:1;margin:0 0 18px;max-width:850px}.hero p{font-size:clamp(1.05rem,2vw,1.35rem);max-width:700px;color:#e7eef6}
.hero-search{display:flex;gap:10px;margin:28px 0;max-width:760px;background:#fff;padding:8px;border-radius:16px;box-shadow:var(--shadow)}.hero-search input{flex:1;border:0;padding:14px 16px;outline:0;min-width:0}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}
.section,.dashboard,.form-shell,.auth-shell,.page-title{width:min(1180px,calc(100% - 32px));margin:0 auto}.section{padding:46px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.section-heading h2,.page-title h1,.form-shell h1{margin:0;font-size:clamp(1.7rem,3vw,2.4rem)}.page-title{padding:38px 0 22px}.page-title p{color:var(--muted);margin:.4rem 0 0}
.grid{display:grid;gap:18px}.cards-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}.cards-grid>*{min-width:0}.stack{display:grid;gap:14px}
.card,.details-card,.contact-panel,.auth-card,.filters,.why-panel,.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 2px 8px rgba(15,23,42,.03)}
.card{min-width:0;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.card-image{position:relative;display:block;width:100%;aspect-ratio:4/3;overflow:hidden;background:#e8eef5}.card-image img{width:100%;height:100%;max-width:none;object-fit:cover;transition:transform .35s ease}.card:hover .card-image img{transform:scale(1.06)}.skeleton-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:14px;display:grid;gap:10px;overflow:hidden}.skeleton-card div,.skeleton-card span{display:block;border-radius:9px;background:linear-gradient(90deg,#eef2f7,#f8fafc,#eef2f7);background-size:200% 100%;animation:skeleton 1.1s infinite}.skeleton-card div{aspect-ratio:4/3}.skeleton-card span{height:16px}.skeleton-card span:last-child{width:65%}@keyframes skeleton{to{background-position:-200% 0}}
.card-body{min-width:0;padding:15px}.card-body h3{margin:8px 0 6px;font-size:1.05rem;line-height:1.25;overflow-wrap:anywhere}.card-body p{margin:5px 0;color:#475569;overflow-wrap:anywhere}.card-topline,.card-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}.card-topline strong{min-width:0;font-size:1.25rem;overflow-wrap:anywhere}.muted{color:var(--muted);font-size:.9rem}
.badges{position:absolute;top:10px;left:10px;right:10px;display:flex;flex-wrap:wrap;gap:7px}.badge{display:inline-flex;align-items:center;border-radius:999px;background:#eef2f7;color:#334155;padding:5px 9px;font-size:.78rem;font-weight:800}.badge.green{background:#e8f8ef;color:#087443}.badge.gold{background:#fff7db;color:#8a5a00}.badge.teal{background:#e5f8fa;color:var(--accent-dark)}
.icon-button{border:1px solid var(--line);background:#fff;border-radius:10px;width:38px;height:38px;cursor:pointer}.icon-button.saved{background:#fff1f2;color:#e11d48;border-color:#fecdd3}
.card-tools{display:flex;gap:6px}.icon-button.selected{background:#e5f8fa;color:var(--accent-dark);border-color:#8bd4dd}.compare-bar{position:fixed;left:50%;bottom:18px;z-index:110;transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:10px 12px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);font-weight:800}
.split-section{display:grid;grid-template-columns:1.3fr .7fr;gap:24px;align-items:start}.why-panel,.details-card,.contact-panel{padding:22px}.check-list{padding-left:20px}.check-list li{margin:10px 0}.chips{display:flex;flex-wrap:wrap;gap:10px}.chips a,.admin-chips button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 14px;font-weight:750}.chips span{color:var(--muted);margin-left:4px}
.browse-layout{width:min(1280px,calc(100% - 32px));margin:0 auto 50px;display:grid;grid-template-columns:290px 1fr;gap:22px;align-items:start}.browse-layout.filters-collapsed{grid-template-columns:1fr}.browse-layout.filters-collapsed .filters{display:none}.browse-layout.filters-open .filters{display:block}.filters{position:sticky;top:82px;padding:16px}.filter-form{display:grid;gap:10px}.filter-form input,.filter-form select,.form-grid input,.form-grid select,.form-grid textarea,.auth-card input,.report-form input,.report-form textarea,.inline-form input{width:100%;border:1px solid var(--line);border-radius:11px;background:#fff;padding:12px;outline:0}.filter-form input:focus,.filter-form select:focus,.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.auth-card input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(15,139,159,.12)}.filter-group{display:grid;gap:8px;border-top:1px solid var(--line);padding-top:10px}.filter-group span{font-size:.84rem;font-weight:850;color:#475569}.two{display:grid;grid-template-columns:1fr 1fr;gap:8px}.browse-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.browse-toolbar form{min-width:180px}.browse-toolbar select{max-width:100%;border:1px solid var(--line);border-radius:10px;background:#fff;padding:10px}.mobile-only,.filter-close{display:none}
.form-shell{padding:36px 0 60px}.form-intro,.field-note,.form-section p,.form-grid small{color:var(--muted);font-weight:500}.form-intro{max-width:780px;margin:8px 0 0}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.form-grid.nested{grid-template-columns:repeat(4,1fr);margin-top:0}.form-grid label{display:grid;gap:7px;font-weight:750;color:#344054}.form-grid small{font-size:.82rem;line-height:1.35}.form-grid .full,.check.full{grid-column:1/-1}.form-section{border-top:1px solid var(--line);padding-top:18px;margin-top:8px}.form-section h2{margin:0;font-size:1.15rem}.form-section p{margin:4px 0 0}.vin-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}.vin-tools small{grid-column:1/-1}.vin-status.success{color:#087443}.vin-status.error{color:#991b1b}.check{display:flex!important;align-items:center;gap:10px}.check input{width:auto}.remove-photo-check{color:#991b1b;background:#fff5f5;border:1px solid #fecaca;border-radius:9px;padding:9px 10px}.lease-fields{border:1px solid var(--line);border-radius:var(--radius);padding:16px;background:#fff}.lease-fields legend{padding:0 8px;font-weight:850}.lease-fields .field-note{margin:0 0 12px}.image-manager,.library-picker{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:14px}.image-manager{display:grid;gap:12px}.image-manager-item{display:grid;grid-template-columns:120px 1fr 90px auto;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:12px}.image-manager-item:last-child{border-bottom:0;padding-bottom:0}.image-manager-item img,.library-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px;background:#e8eef5}.library-picker h3{margin:0 0 4px}.library-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px}.library-grid label{border:1px solid var(--line);border-radius:10px;padding:8px;background:#fff;cursor:pointer}.library-grid input{width:auto}.library-grid span{display:block;margin-top:6px;font-size:.86rem;color:#475569}.upload-progress{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:14px;display:grid;gap:9px}.upload-progress[hidden]{display:none}.upload-progress-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.upload-progress-bar{height:10px;border-radius:999px;background:#e8eef5;overflow:hidden}.upload-progress-bar span{display:block;width:0;height:100%;background:var(--accent);transition:width .2s ease}.upload-progress p{margin:0;color:var(--muted)}.auth-shell{display:grid;place-items:center;padding:50px 0}.auth-card{width:min(440px,100%);padding:26px;display:grid;gap:14px}
.details-layout{width:min(1220px,calc(100% - 32px));margin:36px auto;display:grid;grid-template-columns:1fr 360px;gap:24px;align-items:start}.details-layout.single{grid-template-columns:1fr 340px}.gallery{display:grid;gap:12px}.gallery-frame{position:relative}.gallery-main{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:var(--radius);background:#e8eef5;cursor:zoom-in}.gallery-caption{margin:0;color:#475569;font-weight:750}.gallery-nav,.lightbox-nav,.lightbox-close{border:0;cursor:pointer}.gallery-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;display:grid;place-items:center;width:42px;height:42px;border-radius:999px;background:rgba(255,255,255,.88);box-shadow:0 8px 24px rgba(15,23,42,.18);font-size:2rem;line-height:1}.gallery-nav.prev{left:12px}.gallery-nav.next{right:12px}.thumbs{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px}.thumbs button{width:96px;min-width:96px;border:2px solid transparent;border-radius:10px;padding:0;overflow:hidden;cursor:pointer;scroll-snap-align:center;background:#fff}.thumbs button.active{border-color:var(--accent)}.thumbs img{width:100%;aspect-ratio:4/3;object-fit:cover}.image-lightbox{position:fixed;inset:0;z-index:100;background:rgba(2,6,23,.92);display:grid;place-items:center;padding:56px 72px}.image-lightbox[hidden]{display:none}.image-lightbox figure{display:grid;gap:10px;max-width:100%;max-height:100%;margin:0}.image-lightbox img{max-width:100%;max-height:calc(100vh - 140px);object-fit:contain}.image-lightbox figcaption{text-align:center;color:#fff;font-weight:800}.lightbox-close{position:absolute;top:18px;right:22px;width:44px;height:44px;border-radius:999px;background:#fff;color:#111827;font-size:2rem;line-height:1}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:70px;border-radius:999px;background:rgba(255,255,255,.9);font-size:2.5rem;line-height:1}.lightbox-nav.prev{left:18px}.lightbox-nav.next{right:18px}.lightbox-open{overflow:hidden}
.contact-panel{position:sticky;top:88px;display:grid;gap:12px}.contact-panel h1{font-size:1.8rem;margin:8px 0}.price{font-size:2rem;font-weight:900}.spec-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.spec-grid div{border:1px solid var(--line);border-radius:11px;padding:12px;background:#fbfcfe}.spec-grid span{display:block;color:var(--muted);font-size:.86rem}.spec-grid strong{word-break:break-word}.vin-check-card{display:grid;gap:14px;max-width:900px}.vin-check-card label{display:grid;gap:7px;font-weight:800}.vin-check-card input{width:100%;border:1px solid var(--line);border-radius:11px;background:#fff;padding:12px;outline:0;text-transform:uppercase}.vin-results{display:grid;gap:18px}.vin-result-section{display:grid;gap:10px;border-top:1px solid var(--line);padding-top:16px}.vin-result-section h2,.vin-history-note h2,.vin-additional>h2{margin:0;font-size:1.08rem}.vin-additional{display:grid;gap:8px;border-top:1px solid var(--line);padding-top:16px}.vin-detail-disclosure{border:1px solid var(--line);border-radius:8px;background:#fff;overflow:hidden}.vin-detail-disclosure summary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 14px;cursor:pointer;font-weight:850;list-style:none}.vin-detail-disclosure summary::-webkit-details-marker{display:none}.vin-detail-disclosure summary:after{content:"+";grid-column:3;font-size:1.25rem;color:var(--accent-dark)}.vin-detail-disclosure[open] summary:after{content:"−"}.vin-detail-disclosure summary small{color:var(--muted);font-weight:600}.vin-detail-disclosure>.spec-grid,.vin-detail-disclosure>.field-note{margin:0;padding:0 14px 14px}.vin-detail-disclosure>.field-note{display:block}.vin-history-note{border:1px solid #f2d27a;background:#fff7db;color:#6b4b00;border-radius:12px;padding:14px}.vin-history-note p{margin:6px 0 0}.report-form{display:grid;gap:8px;border-top:1px solid var(--line);padding-top:12px}.danger,.danger-link{color:#fff;background:var(--red);border:0;border-radius:9px;padding:9px 11px;cursor:pointer}.danger-link{font-size:.9rem}
.dashboard{padding:32px 0 60px}.dash-actions,.admin-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.admin-tabs a{background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 13px;font-weight:750}.stat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin:20px 0}.stat{padding:18px}.stat span{color:var(--muted);font-size:.9rem}.stat strong{display:block;font-size:1.8rem}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:13px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{color:#475569;font-size:.85rem;text-transform:uppercase}.table-actions{display:flex;flex-wrap:wrap;gap:8px}.table-actions form,.inline-controls{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.table-actions button,.table-actions a,.inline-form button,.inline-controls button{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px 9px;cursor:pointer;font-weight:750}.table-actions select,.inline-controls select{border:1px solid var(--line);border-radius:8px;background:#fff;padding:7px 9px}.icon-action{display:inline-flex;align-items:center;gap:6px}.icon-action span,.table-actions button span,.inline-controls button span{font-weight:900;line-height:1}.inline-form{display:flex;gap:10px;margin-bottom:18px}
.library-page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.library-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 2px 8px rgba(15,23,42,.03)}.library-card>img{width:100%;aspect-ratio:4/3;object-fit:cover;background:#e8eef5}.library-card>div{padding:14px}.library-card h2{margin:0 0 4px;font-size:1.05rem}.library-card p{margin:0 0 10px;color:var(--muted)}.library-title-form{display:grid;gap:6px;margin:12px 0 14px;padding-bottom:14px;border-bottom:1px solid var(--line)}.library-title-form label{font-size:.86rem;font-weight:800;color:#344054}.library-title-form>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.library-title-form input{min-width:0}.library-title-form small{color:var(--muted);line-height:1.35}.synced-list{display:grid;gap:8px}.synced-list a{display:grid;border:1px solid var(--line);border-radius:9px;padding:8px;font-weight:800}.synced-list span{color:var(--muted);font-weight:500;font-size:.86rem}
.history-report-upload{display:grid;gap:10px;border:1px solid var(--line);border-radius:var(--radius);padding:14px;background:#fff}.history-report-upload>.field-note{margin:0}.current-report{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.current-report>a{font-weight:800;color:var(--accent-dark)}.history-report-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 18px}.history-report-card h2,.history-report-card p{margin:0}.history-report-card p{margin-top:5px;color:var(--muted)}.history-report-card small{grid-column:1/-1;color:var(--muted)}
.offline-banner{position:sticky;top:63px;z-index:45;background:#fff7db;color:#8a5a00;border-bottom:1px solid #f2d27a;padding:10px 16px;text-align:center;font-weight:850}.offline-banner[hidden]{display:none}.flash{width:min(1180px,calc(100% - 32px));margin:14px auto 0;padding:13px 14px;border-radius:12px;font-weight:650;display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:10px;border:1px solid transparent;background:#fff;box-shadow:0 10px 30px rgba(15,23,42,.07)}.flash strong{font-weight:900}.flash span{color:#344054}.flash button{border:0;background:transparent;color:inherit;font-size:1.25rem;line-height:1;cursor:pointer}.flash.success{border-color:#bfe8ce}.flash.success strong{color:#087443}.flash.error{border-color:#fecaca}.flash.error strong{color:#991b1b}.flash.info{border-color:#bfdbfe}.flash.info strong{color:#1d4ed8}.toast-region{position:fixed;right:18px;bottom:18px;z-index:130;display:grid;gap:10px;width:min(360px,calc(100% - 36px));pointer-events:none}.toast{pointer-events:auto;background:#111827;color:#fff;border-radius:12px;padding:12px 14px;box-shadow:0 16px 40px rgba(15,23,42,.2);display:grid;grid-template-columns:1fr auto;gap:10px;align-items:start;animation:toast-in .18s ease}.toast.success{background:#075f3b}.toast.error{background:#991b1b}.toast.info{background:#1d4ed8}.toast button{border:0;background:transparent;color:#fff;font-size:1.1rem;line-height:1;cursor:pointer}@keyframes toast-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.confirm-modal{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:18px}.confirm-modal[hidden]{display:none}.confirm-backdrop{position:absolute;inset:0;background:rgba(2,6,23,.58);backdrop-filter:blur(3px)}.confirm-dialog{position:relative;width:min(420px,100%);background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:22px}.confirm-dialog h2{margin:0 0 8px;font-size:1.25rem}.confirm-dialog p{margin:0 0 18px;color:#475569}.confirm-actions{display:flex;justify-content:flex-end;gap:10px}.danger-button{background:var(--red)!important}.danger-button:hover{background:#b91c1c!important}.empty-state{text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:var(--radius);padding:36px}.status-page{width:min(760px,calc(100% - 32px));margin:48px auto}.status-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:30px;text-align:center}.status-card span{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:18px;background:#e8f7f9;color:var(--accent-dark);font-weight:900;font-size:1.4rem}.status-card h1{margin:14px 0 8px}.status-card p{color:var(--muted);margin:0 auto 18px;max-width:560px}.status-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.site-footer{display:flex;justify-content:space-between;gap:20px;padding:28px clamp(16px,4vw,48px);border-top:1px solid var(--line);background:#fff;color:#475569}.footer-links{display:flex;flex-wrap:wrap;gap:12px}
.table-actions .danger-link{background:var(--red);border-color:var(--red);color:#fff}.stats-mini{display:grid;gap:3px;min-width:180px}.stats-mini strong{font-size:.95rem}.stats-mini span{display:block;color:#475569;font-size:.84rem;white-space:nowrap}
.list-mode{grid-template-columns:1fr}.list-mode .car-card{display:grid;grid-template-columns:minmax(180px,260px) minmax(0,1fr)}.list-mode .card-image{aspect-ratio:4/3}
.pagination{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:24px}.pagination span{color:var(--muted);font-weight:800}
.results-region{position:relative;min-height:120px;transition:opacity .18s ease}.results-region.is-refreshing{opacity:.55;pointer-events:none}.results-region.is-refreshing:before{content:"Refreshing results…";position:sticky;top:76px;z-index:4;display:block;width:max-content;max-width:calc(100% - 24px);margin:0 auto -42px;padding:9px 13px;border-radius:999px;background:#111827;color:#fff;font-weight:800;box-shadow:var(--shadow)}.browse-refresh-error{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;padding:12px 14px;border:1px solid #fecaca;border-radius:11px;background:#fff1f2;color:#881337}.mobile-contact-bar{display:none}
@media (max-width:1000px){.cards-grid,.library-page-grid{grid-template-columns:repeat(2,1fr)}.browse-layout,.details-layout,.details-layout.single,.split-section{grid-template-columns:1fr}.filters,.contact-panel{position:static}.stat-grid{grid-template-columns:repeat(3,1fr)}.form-grid,.form-grid.nested{grid-template-columns:repeat(2,1fr)}.image-manager-item{grid-template-columns:96px 1fr}.library-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:720px){.site-header{padding:12px}.site-nav{display:none;position:absolute;top:64px;left:12px;right:12px;flex-direction:column;align-items:stretch;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px;box-shadow:var(--shadow)}.site-nav.open{display:flex}.nav-toggle{display:block}.hero{min-height:560px;padding:54px 16px}.hero-search{flex-direction:column}.hero-actions .button{width:100%}.cards-grid,.form-grid,.form-grid.nested,.spec-grid,.stat-grid,.image-manager-item,.library-page-grid,.vin-tools{grid-template-columns:1fr}.library-grid{grid-template-columns:repeat(2,1fr)}.browse-layout{width:calc(100% - 24px);display:block}.browse-toolbar{display:grid;grid-template-columns:1fr;align-items:stretch}.browse-toolbar .mobile-only,.browse-toolbar .filter-toggle-button,.browse-toolbar form,.browse-toolbar select{width:100%}.filters{display:none;position:fixed;inset:0;z-index:80;overflow:auto;border:0;border-radius:0;padding:16px;background:#fff;box-shadow:none}.filters.open{display:block}.filter-close{display:flex!important;width:100%;margin-bottom:12px;justify-content:center;border:1px solid var(--line);border-radius:11px;background:#f8fafc;padding:12px;font-weight:850}.filter-form{gap:12px}.filter-form input,.filter-form select{min-height:46px}.two{grid-template-columns:1fr}.mobile-only{display:inline-flex}.details-layout{width:calc(100% - 24px);margin-top:18px}.image-lightbox{padding:56px 12px}.site-footer{display:grid}.list-mode .car-card{display:block}.section,.dashboard,.form-shell,.auth-shell,.page-title{width:calc(100% - 24px)}}
@media (max-width:720px){body.mobile-overlay-open{overflow:hidden}.site-nav{position:fixed;top:64px;max-height:calc(100dvh - 76px);overflow:auto;z-index:70}.nav-toggle{min-width:44px;min-height:44px;font-size:1.3rem;line-height:1}.site-nav a,.nav-logout button{min-height:44px;display:flex;align-items:center}.section{padding:30px 0}.section-heading{align-items:start;gap:12px}.section-heading h2{font-size:1.55rem;line-height:1.18}.section-heading>a{flex:0 0 auto;max-width:92px;text-align:right}.page-title{padding:26px 0 18px}.browse-toolbar{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:8px}.browse-toolbar>[data-results-count]{grid-column:1/-1;grid-row:1;font-weight:800;color:#475569}.browse-toolbar .filter-toggle-button{grid-column:1;grid-row:2}.browse-toolbar form{grid-column:2;grid-row:2;min-width:0}.browse-toolbar .icon-button{display:none}.browse-toolbar select,.filter-toggle-button{min-height:46px}.filters{padding:16px 16px calc(24px + env(safe-area-inset-bottom))}.filter-close{position:sticky;top:0;z-index:2;min-height:48px}.filter-form input,.filter-form select,.form-grid input,.form-grid select,.form-grid textarea,.auth-card input,.report-form input,.report-form textarea{font-size:16px}.details-card,.contact-panel{padding:17px}.spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.spec-grid div{min-width:0;padding:10px}.mobile-contact-bar{position:fixed;left:0;right:0;bottom:0;z-index:75;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);border-top:1px solid var(--line);box-shadow:0 -8px 24px rgba(15,23,42,.1)}body:has(.mobile-contact-bar){padding-bottom:74px}.mobile-contact-bar .button{min-height:48px}.browse-refresh-error{align-items:stretch;flex-direction:column}.browse-refresh-error .button{width:100%}.dashboard .details-card{padding:14px}.dashboard-table,.dashboard-table tbody,.dashboard-table tr,.dashboard-table td{display:block;width:100%}.dashboard-table thead{display:none}.dashboard-table tbody{display:grid;gap:14px;background:transparent}.dashboard-table tr{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#fff}.dashboard-table td{display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px;padding:11px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.dashboard-table td:last-child{border-bottom:0}.dashboard-table td:before{content:attr(data-label);color:#475569;font-size:.78rem;font-weight:850;text-transform:uppercase}.dashboard-table .table-actions,.dashboard-table .table-actions form{align-items:stretch}.dashboard-table .table-actions>a,.dashboard-table .table-actions form button{justify-content:center;min-height:42px}.dashboard-table .stats-mini{min-width:0}.dashboard-table .stats-mini span{white-space:normal}.dashboard-table .empty-row,.dashboard-table .empty-row td{display:block;border:0}.dashboard-table .empty-row td:before{display:none}.dash-actions{display:grid;grid-template-columns:1fr 1fr}.dash-actions .button{width:100%;padding-inline:10px}}
@media (max-width:390px){.spec-grid{grid-template-columns:1fr}.dash-actions{grid-template-columns:1fr}}
@media (max-width:720px){.history-report-card{grid-template-columns:1fr}.history-report-card .button{width:100%}.current-report{align-items:stretch}.current-report>*{width:100%}}
.vin-detail-disclosure summary{grid-template-columns:minmax(0,1fr) auto auto}
.terms-link{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.admin-error-alert a{text-decoration:underline;font-weight:850}.error-stat-grid{grid-template-columns:repeat(3,minmax(0,180px))}.error-filter{display:grid;grid-template-columns:minmax(240px,1fr) 190px auto;gap:12px;align-items:end;margin:18px 0}.error-filter label{display:grid;gap:6px;font-weight:800;color:#344054}.error-filter input,.error-filter select{width:100%;border:1px solid var(--line);border-radius:10px;background:#fff;padding:11px}.error-list{display:grid;gap:14px}.error-entry{background:#fff;border:1px solid #fecaca;border-left:4px solid var(--red);border-radius:var(--radius);padding:18px;min-width:0}.error-entry.resolved{border-color:var(--line);border-left-color:var(--green)}.error-entry>header{display:flex;justify-content:space-between;gap:18px;align-items:start}.error-entry h2{font-size:1.05rem;margin:9px 0 0;overflow-wrap:anywhere}.error-entry time{color:var(--muted);font-size:.88rem;white-space:nowrap}.error-meta{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;margin:16px 0}.error-meta div:first-child{grid-column:1/-1}.error-meta dt{color:var(--muted);font-size:.8rem;font-weight:850;text-transform:uppercase}.error-meta dd{margin:2px 0 0;overflow-wrap:anywhere}.error-raw{border-top:1px solid var(--line);padding:12px 0;margin-bottom:12px}.error-raw summary,.fallback-errors summary{cursor:pointer;font-weight:850}.error-raw h3{font-size:.9rem;margin:14px 0 5px}.error-raw pre,.fallback-errors pre{max-height:320px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;background:#111827;color:#e5e7eb;border-radius:8px;padding:12px;font-size:.8rem}.fallback-errors{margin-top:20px}.fallback-errors>p{color:var(--muted)}
@media (max-width:720px){.error-filter,.error-meta{grid-template-columns:1fr}.error-filter .button{width:100%}.error-entry>header{display:grid}.error-entry time{white-space:normal}.error-stat-grid{grid-template-columns:repeat(3,1fr)}.error-stat-grid .stat{padding:12px}.error-stat-grid .stat strong{font-size:1.4rem}}
.listing-title-field{padding:15px 16px;border-left:4px solid var(--accent);background:#f3fafb;border-radius:0 10px 10px 0}.listing-title-field>span{font-size:1rem}.listing-title-field input{font-size:1.08rem;font-weight:700;background:#fff}.listing-title-field small{display:flex;justify-content:space-between;gap:16px}.listing-title-field small span{white-space:nowrap;color:var(--accent-dark);font-weight:850}.admin-primary-nav{display:flex;gap:4px;margin:0 0 22px;padding:5px;background:#fff;border:1px solid var(--line);border-radius:10px;overflow-x:auto;scrollbar-width:thin}.admin-primary-nav a{display:flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:9px 12px;border-radius:7px;color:#475569;font-size:.9rem;font-weight:780;white-space:nowrap}.admin-primary-nav a:hover{background:#f1f5f9;color:#111827}.admin-primary-nav a.active{background:#e5f8fa;color:var(--accent-dark)}.admin-primary-nav strong{display:grid;place-items:center;min-width:21px;height:21px;padding:0 6px;border-radius:999px;background:#fee2e2;color:#991b1b;font-size:.72rem}.admin-subnav{display:flex;flex-wrap:wrap;gap:6px;margin:-8px 0 18px}.admin-subnav a{padding:7px 10px;border-bottom:2px solid transparent;color:var(--muted);font-size:.88rem;font-weight:750}.admin-subnav a:hover,.admin-subnav a.active{border-color:var(--accent);color:var(--accent-dark)}.admin-stat-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.admin-stat-grid .stat{display:block;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.admin-stat-grid .stat:hover{border-color:var(--accent);box-shadow:0 8px 22px rgba(15,23,42,.08);transform:translateY(-2px)}.admin-stat-grid .stat small{display:block;margin-top:7px;color:var(--accent-dark);font-weight:750}.admin-most-viewed .section-heading{align-items:center;margin-bottom:12px}.admin-most-viewed .section-heading h2{font-size:1.2rem}.admin-most-viewed .section-heading>a{color:var(--accent-dark);font-weight:800}.admin-most-viewed td a{display:block}.admin-settings-page{padding-top:32px}.admin-settings-page .page-title{width:100%;padding-top:0}
@media (max-width:1000px){.admin-stat-grid{grid-template-columns:repeat(4,1fr)}}
@media (max-width:720px){.listing-title-field small{display:grid;gap:3px}.admin-primary-nav{margin-left:-12px;margin-right:-12px;border-left:0;border-right:0;border-radius:0;padding-left:12px;padding-right:12px}.admin-stat-grid{grid-template-columns:repeat(2,1fr)}.admin-stat-grid .stat:last-child{grid-column:1/-1}.admin-most-viewed{padding:16px}}
@media (max-width:720px){.nav-logout button{width:100%;text-align:left}}
@media (max-width:720px){.compare-bar{left:12px;right:12px;bottom:12px;transform:none;flex-wrap:wrap}.compare-bar span{flex:1}}
.report-review-form{display:grid!important;min-width:240px}.report-review-form textarea{width:100%;min-height:70px;border:1px solid var(--line);border-radius:8px;padding:8px;resize:vertical}
.first-use-panel{margin:18px 0;padding:22px;background:#eef9fa;border:1px solid #b9e5ea;border-radius:var(--radius)}.first-use-panel h2,.first-use-panel p{margin-top:0}.first-use-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.first-use-actions a{display:grid;gap:4px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:11px}.first-use-actions span{color:var(--muted);font-size:.9rem}@media (max-width:720px){.first-use-actions{grid-template-columns:1fr}}
.inline-status{padding:12px;border-radius:10px}.inline-status.success{background:#e8f8ef;color:#087443;border:1px solid #bfe8ce}
.inline-status.error{background:#fff1f2;color:#991b1b;border:1px solid #fecaca}