:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#15201e;background:#f3f6f4}*{box-sizing:border-box}body{margin:0}.shell{max-width:1180px;margin:auto;padding:28px 20px}.top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px}.brand{font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:#55706a}.title{font-size:clamp(30px,5vw,58px);line-height:1.02;margin:8px 0}.sub{color:#61706c;max-width:620px}.controls{display:flex;gap:8px;align-items:center}.select,.input,.button{border:1px solid #ccd6d2;border-radius:10px;padding:11px 13px;background:#fff;font:inherit}.button{cursor:pointer;font-weight:700}.primary{background:#173c35;color:#fff;border-color:#173c35}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:18px}.card{background:#fff;border:1px solid #dce5e1;border-radius:16px;overflow:hidden;box-shadow:0 7px 22px #173c350e}.photo{aspect-ratio:16/10;background:#e7eeeb;display:grid;place-items:center}.photo img{width:100%;height:100%;object-fit:cover}.body{padding:18px}.model{font-size:22px;margin:0 0 8px}.price{font-size:25px;font-weight:800;color:#173c35}.meta{color:#61706c;font-size:13px;margin:7px 0 14px}.login{max-width:420px;margin:12vh auto;background:#fff;padding:28px;border-radius:18px;box-shadow:0 8px 28px #173c3512}.field{display:grid;gap:6px;margin:14px 0}.error{color:#a22b2b;margin:10px 0}.empty{padding:40px;text-align:center;background:#fff;border-radius:16px;color:#61706c}.loader{margin:20vh auto;width:36px;height:36px;border:4px solid #d5dfda;border-top-color:#173c35;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#toast{position:fixed;right:18px;bottom:18px;background:#173c35;color:#fff;padding:12px 16px;border-radius:10px;display:none}
.vehicle-card{display:flex;flex-direction:column}.vehicle-card .photo{position:relative;width:100%;padding:0;border:0;cursor:pointer}.attempts{position:absolute;right:12px;top:12px;padding:6px 9px;border-radius:999px;background:#173c35;color:#fff;font-weight:800}.vin{font:600 12px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;color:#53635f;margin:8px 0 14px;overflow-wrap:anywhere}.select-car{display:flex;align-items:center;gap:10px;margin:14px 0;padding:12px;border-radius:10px;background:#edf3f0;font-weight:700}.vehicle-dialog{width:min(1050px,94vw);max-height:92vh;border:0;border-radius:18px;padding:24px;color:#15201e}.vehicle-dialog::backdrop{background:#0b1715cc}.dialog-close{position:sticky;float:right;top:0;border:0;background:#173c35;color:#fff;width:38px;height:38px;border-radius:50%;font-size:24px;cursor:pointer}.detail-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;clear:both}.detail-gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px}.detail-facts{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.detail-facts span{padding:8px 11px;border-radius:999px;background:#edf3f0}.equipment{columns:2;column-gap:32px}.equipment li{break-inside:avoid;margin-bottom:7px}@media(max-width:720px){.top{align-items:flex-start;flex-direction:column}.controls{flex-wrap:wrap}.grid{grid-template-columns:1fr}.equipment{columns:1}}