.icon-btn{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:var(--paper);color:var(--navy);cursor:pointer;font-size:19px}
#filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#filters label.filter-search,#filters fieldset{margin:0;min-width:0;border:1px solid var(--line);border-radius:14px;padding:12px;background:color-mix(in srgb,var(--paper) 86%,transparent)}#filters label.filter-search{grid-column:1/-1;display:grid;gap:7px;font-weight:800}#filters fieldset{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#filters fieldset:first-of-type{grid-template-columns:repeat(3,minmax(0,1fr))}#filters legend{padding:0 6px;color:var(--teal-dark);font-size:12px;font-weight:900;letter-spacing:.5px}.range-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.filter-actions{display:flex;align-items:end;gap:8px}.filter-actions button{flex:1}
.catalog-groups{display:grid;gap:22px}.image-group{margin:0}.image-group[hidden]{display:none}.vehicle-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.image-group-portrait .vehicle-list{grid-template-columns:repeat(4,minmax(0,1fr))}.more[hidden]{display:none}.card{cursor:pointer;break-inside:avoid;display:block;min-width:0}.card:hover{transform:translateY(-4px)}.card:focus-visible{outline:3px solid var(--teal);outline-offset:3px}.card button{cursor:pointer}
.photo{width:100%;height:auto;min-height:0;aspect-ratio:var(--image-ratio,16/10);overflow:hidden;transition:none}.image-group-missing .photo{aspect-ratio:16/10}.photo img,.detail-photo img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;position:relative;z-index:1;transition:none}.photo .fav{z-index:3}.image-placeholder{display:grid;place-items:center;align-content:center;gap:4px;width:100%;height:100%;font-weight:900;letter-spacing:2px;color:var(--teal-dark);opacity:.7}.image-placeholder small{font-weight:700;letter-spacing:0;color:var(--muted)}.image-missing{background:linear-gradient(145deg,#e8f8f7,#eef4f8)}
.image-skeleton{position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,#ffffff88 45%,transparent 70%) #ddecf0;background-size:220% 100%;animation:imageShimmer 1.35s infinite}.image-loading img{opacity:0}.photo:not(.image-loading) img,.detail-photo:not(.image-loading) img{opacity:1}@keyframes imageShimmer{to{background-position:-220% 0}}
.detail-head{display:grid;grid-template-columns:minmax(320px,1.35fr) 1fr;gap:28px;align-items:center}.detail-photo{height:360px;position:relative;overflow:hidden;background:var(--ice);border-radius:16px;display:grid;place-items:center}.updated{color:var(--muted);font-size:13px}.source.primary{display:inline-block;margin-top:10px}.feature-empty{grid-column:1/-1;color:var(--muted)}
.manager-list{display:grid;gap:10px;margin:20px 0}.manager-list article{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--line);border-radius:13px;padding:14px;background:var(--paper)}.manager-list article>div:first-child{display:grid;gap:3px;min-width:0}.manager-list small{color:var(--muted);overflow-wrap:anywhere}.manager-list article>div:last-child{display:flex;gap:7px;flex:none}.manager-action,.report-action{display:inline-block;margin-top:12px}.compact{padding:30px}.field-label{display:grid;gap:8px;font-weight:800;margin:18px 0}
#customForm{display:block;margin:0}#formBody{display:grid;gap:10px}#formBody h2,#formBody p{margin:0}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.danger{background:#c43c45;color:#fff;border:0;border-radius:10px;padding:10px 14px;cursor:pointer}.danger.subtle{background:#fff0f1;color:#a72932}.comparison-wrap{overflow:auto;margin:20px 0}.comparison{width:100%;border-collapse:collapse}.comparison th,.comparison td{padding:11px;text-align:left;border-top:1px solid var(--line);min-width:130px}.comparison thead th{background:var(--ice)}
html[data-theme="dark"]{color-scheme:dark;--navy:#e7f4ff;--deep:#071424;--ice:#0b1b2d;--paper:#10243a;--muted:#b5c7d8;--line:#365069;--teal:#20c2bc;--teal-dark:#76e4df;--shadow:0 18px 45px #0006}html[data-theme="dark"] body{background:#081522;color:#e7f4ff}html[data-theme="dark"] header{background:#0c1c2e}html[data-theme="dark"] .hero{background:radial-gradient(circle at 85% 10%,#08a6a433,transparent 30%),linear-gradient(125deg,#0b1b2d,#10263a 58%,#0b2d35)}html[data-theme="dark"] .hero h1,html[data-theme="dark"] h1,html[data-theme="dark"] h2,html[data-theme="dark"] h3,html[data-theme="dark"] b{color:#f4f9ff}html[data-theme="dark"] .hero>p:not(.eyebrow){color:#c2d2df}html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{background:#10243a;color:#f4f9ff}html[data-theme="dark"] .card,html[data-theme="dark"] dialog,html[data-theme="dark"] .manager-list article{background:#10243a;color:#e7f4ff}html[data-theme="dark"] .photo,html[data-theme="dark"] .image-missing{background:linear-gradient(145deg,#102d38,#12263b)}html[data-theme="dark"] .secondary,html[data-theme="dark"] .ghost,html[data-theme="dark"] .icon-btn{background-color:#10243a!important;background-image:none!important;color:#f4f9ff!important;border-color:#49657f}html[data-theme="dark"] .primary{color:#061c2d}html[data-theme="dark"] .danger{color:#fff}html[data-theme="dark"] .danger.subtle{background:#4b202a;color:#ffd4d7}html[data-theme="dark"] .image-skeleton{background:linear-gradient(100deg,transparent 20%,#ffffff22 45%,transparent 70%) #173047;background-size:220% 100%}
.site-footer{display:flex;justify-content:center;gap:.5rem;padding:2rem 1rem 7rem;color:var(--muted);font-size:.8rem}
.account-panel{display:grid;gap:14px;min-width:min(420px,78vw)}.account-panel h2,.account-panel p{margin:0}.account-form{display:grid;gap:10px}.account-form label{display:grid;gap:6px;font-weight:800}.account-switch{display:flex;gap:8px;flex-wrap:wrap}.account-status{padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--ice)}
.price-history{margin:22px 0;padding:16px;border:1px solid var(--line);border-radius:15px;background:var(--ice)}.price-history h3{margin:0 0 8px}.price-history svg{width:100%;height:auto;color:var(--teal)}.price-history>div{display:flex;justify-content:space-between;gap:12px}.price-history span{display:grid;color:var(--muted)}.price-history span:last-child{text-align:right}.price-history b{color:var(--navy)}
@media(max-width:900px){#filters{grid-template-columns:1fr}.vehicle-list,.image-group-portrait .vehicle-list{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-head{grid-template-columns:1fr}.detail-photo{height:320px}}@media(max-width:650px){header nav{gap:2px}.ghost,.secondary,.primary{padding:9px 10px}#filters fieldset,#filters fieldset:first-of-type{grid-template-columns:1fr}.range-pair{grid-template-columns:1fr 1fr}.filter-actions{flex-direction:column}.filter-actions button{width:100%}.vehicle-list,.image-group-portrait .vehicle-list{grid-template-columns:1fr}.manager-list article{align-items:flex-start;flex-direction:column}.manager-list article>div:last-child{width:100%}.manager-list article button{flex:1}.comparison th,.comparison td{min-width:110px}.detail-photo{height:250px}}

@media(max-width:900px){.account-panel{min-width:0}}@media(max-width:680px){.manager-list article>div:last-child{flex-wrap:wrap}.manager-list article button{min-height:44px}.comparison-wrap{max-width:100%;overscroll-behavior-inline:contain}.dialog-actions{flex-wrap:wrap}.dialog-actions>*{flex:1;min-width:120px}.price-history>div{flex-direction:column}.price-history span:last-child{text-align:left}}@media(max-width:400px){.range-pair{grid-template-columns:1fr}.detail-photo{height:210px}.compact{padding:18px}.manager-list article>div:last-child{display:grid;grid-template-columns:1fr}.dialog-actions{display:grid;grid-template-columns:1fr}.dialog-actions>*{width:100%}}
