@font-face{font-family:Roto;src:url('/assets/fonts/body-regular.otf')}@font-face{font-family:Roto;src:url('/assets/fonts/body-bold.otf');font-weight:700}*{box-sizing:border-box}body{margin:0;background:#fff;color:#0c1218;font-family:Roto,Arial,sans-serif}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.customer-app{max-width:760px;margin:auto}.offer-header{height:69px;display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-bottom:1px solid #e8ecf2;background:#fff}.offer-header img{width:180px;display:block}.offer-phone{display:grid;place-items:center;width:35px;height:35px;border:1px solid #f5001c;color:#f5001c;border-radius:8px}.offer-phone svg{width:20px;height:20px;fill:#f5001c}.customer-app main{padding:15px 17px 80px}.offer-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.offer-heading h1{font-size:28px;letter-spacing:-1px;line-height:1.15;margin:0}.offer-heading>span{font-size:12px;color:#7a8595;white-space:nowrap}.offer-subtitle{font-size:13px;color:#7a8595;margin:5px 0 11px;line-height:1.3}.offer-search{display:flex;gap:7px;height:40px;margin-bottom:9px}.offer-search label{flex:1;min-width:0;border:1px solid #dce1e9;border-radius:8px;display:flex;align-items:center;padding:8px 11px;gap:10px;background:#fafbfc;color:#566273}.offer-search label svg{width:21px;height:21px;flex:none}.offer-search input{border:0;outline:0;width:100%;min-width:0;font-size:13px;background:transparent;color:#18212c}.offer-search input::placeholder{color:#7a8595}.offer-search>button{position:relative;border:0;border-radius:8px;background:#f5001c;color:white;width:40px}.offer-search>button svg{width:25px;height:25px}.offer-search b{position:absolute;right:-4px;top:-5px;background:#f5001c;color:white;border:2px solid white;font-size:10px;border-radius:20px;min-width:18px;padding:1px 3px}.offer-status{display:grid;grid-template-columns:1.15fr 1.05fr 1.1fr 1fr;gap:6px}.offer-status button{border:1px solid #dce1e9;border-radius:7px;padding:9px 2px;font-size:11px;white-space:nowrap;background:white;color:#344153}.offer-status .selected{background:linear-gradient(120deg,#101820,#1b252c);color:white;border-color:#101820;font-weight:700}.offer-tools{display:flex;align-items:center;justify-content:space-between;margin:9px 0}.offer-tools select{font-size:12px;border:0;background:white;color:#536072;padding:4px 0;max-width:190px;outline:0}.view-switch{display:flex;border:1px solid #e1e5ec;border-radius:7px;overflow:hidden}.view-switch button{background:white;border:0;color:#566273;padding:6px 10px;display:grid;place-items:center}.view-switch .selected{color:white;background:#151e25}.view-switch svg{width:18px;height:18px}.view-switch [data-view=grid] svg{fill:currentColor;stroke-width:.5}.offer-cards{display:grid;gap:9px}.vehicle-card{border:1px solid #dfe4ec;overflow:hidden;border-radius:8px;background:white;box-shadow:0 3px 12px #16213105;min-width:0}.vehicle-photo{position:relative;aspect-ratio:2.5;background:#eef0f3}.vehicle-photo>a,.vehicle-photo img{display:block;width:100%;height:100%;object-fit:cover}.vehicle-state{position:absolute;top:8px;left:9px;background:#e4f8e9ee;color:#07812b;border-radius:7px;padding:5px 8px;font-size:12px;font-weight:700;display:flex;align-items:center;gap:6px}.vehicle-state i{width:7px;height:7px;border-radius:50%;background:currentColor}.vehicle-state.reserved{background:#fff0cbee;color:#936600}.vehicle-state.incoming{background:#fff0f2ee;color:#e30022}.vehicle-state.sold{background:#edf0f4ee;color:#566273}.favorite{position:absolute;right:8px;top:8px;background:#fffffff5;border:0;border-radius:50%;display:grid;place-items:center;width:33px;height:33px;padding:5px}.favorite svg{width:23px;height:23px;stroke-width:2}.favorite[aria-pressed=true]{color:#f5001c}.favorite[aria-pressed=true] svg{fill:#f5001c}.photo-count{display:flex;align-items:center;gap:5px;position:absolute;right:7px;bottom:6px;background:#0e151bd6;color:white;border-radius:6px;font-size:11px;font-weight:700;padding:5px 7px}.photo-count svg{width:17px;height:17px}.vehicle-info{padding:7px 13px 9px}.vehicle-title{display:flex;justify-content:space-between;align-items:center;gap:8px}.vehicle-title h3{font-size:18px;line-height:1.1;letter-spacing:-.5px;margin:0}.share{border:0;background:none;color:#647080;padding:2px 0 2px 8px}.share svg{width:17px;height:17px;fill:currentColor}.mileage{font-size:13px;color:#758190;margin:4px 0 7px;line-height:1}.vehicle-specs{display:flex;align-items:center;gap:6px;color:#627080;font-size:12px;margin:0 0 5px}.vehicle-specs svg{width:16px;height:16px}.vehicle-specs i{border-left:1px solid #d5dbe3;height:13px;margin:0 6px}.vehicle-bottom{display:flex;align-items:center;justify-content:space-between;gap:9px}.price{font-size:23px;letter-spacing:-.7px;color:#f5001c;line-height:1.15}.details-button{display:flex;align-items:center;gap:7px;justify-content:center;background:linear-gradient(120deg,#101820,#1b252c);color:white;border-radius:7px;font-size:12px;padding:10px 17px;white-space:nowrap;box-shadow:0 0 0 3px #f2f4f5}.details-button svg{width:14px;height:14px}.offer-note{font-size:10px;color:#7a8595;margin:4px 0 0}.offer-empty{border:1px dashed #dce1e9;border-radius:9px;padding:35px 16px;color:#758190;text-align:center;font-size:13px;line-height:1.6}.offer-cards.grid{grid-template-columns:1fr 1fr;gap:7px}.grid .vehicle-photo{aspect-ratio:1.5}.grid .vehicle-state{font-size:9px;padding:4px;gap:4px;left:5px;top:5px}.grid .vehicle-state i{width:5px;height:5px}.grid .favorite{width:27px;height:27px;right:4px;top:4px}.grid .favorite svg{width:20px;height:20px}.grid .photo-count{padding:3px 5px;gap:3px;font-size:9px}.grid .vehicle-info{padding:8px}.grid .vehicle-title h3{font-size:14px}.grid .share{padding-left:1px}.grid .share svg{width:14px;height:14px}.grid .mileage{font-size:10px}.grid .vehicle-specs{font-size:9px;gap:3px;flex-wrap:wrap}.grid .vehicle-specs i{margin:0 2px}.grid .vehicle-specs svg{width:12px;height:12px}.grid .vehicle-bottom{align-items:stretch;flex-direction:column;gap:7px}.grid .price{font-size:18px}.grid .details-button{font-size:11px;padding:7px}.grid .vehicle-title{align-items:flex-start}dialog{border:1px solid #dce1e9;border-radius:14px;width:92%;max-width:440px;padding:20px;color:#18212c}dialog::backdrop{background:#0b1421a6}dialog h2{font-size:22px;margin:0 0 15px;letter-spacing:-.5px}.advanced-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.advanced-fields label{font-size:12px;color:#536072;min-width:0}.advanced-fields input,.advanced-fields select{width:100%;padding:9px 7px;border:1px solid #dce1e9;background:white;color:#18212c;border-radius:7px;display:block;margin-top:5px;min-width:0}.apply-filters{width:100%;padding:12px;margin-top:18px;border:0;border-radius:8px;background:#f5001c;color:white;font-weight:700}.dialog-secondary{display:flex;justify-content:space-between;gap:12px;margin-top:8px}.dialog-secondary button{background:none;border:0;color:#536072;padding:8px;font-size:12px}#customer-toast{position:fixed;bottom:75px;left:50%;transform:translateX(-50%);max-width:90%;width:max-content;background:#17202f;color:white;padding:12px 18px;border-radius:9px;z-index:40;font-size:13px}#error{background:#fff0f2;color:#a80018;border-radius:8px;padding:12px;font-size:13px}@media(min-width:600px){.offer-header{height:90px}.offer-header img{width:240px}.customer-app main{padding:22px 24px 85px}.offer-heading h1{font-size:36px}.vehicle-title h3{font-size:24px}.price{font-size:30px}.vehicle-info{padding:14px 20px}.mileage{font-size:16px}.vehicle-specs{font-size:15px}.vehicle-state{font-size:15px}.vehicle-photo{aspect-ratio:2.6}}
