:root{--bg: #f4f6f9;--card: #ffffff;--primary: #2563eb;--primary-hover: #1d4ed8;--danger: #ef4444;--danger-hover: #dc2626;--success: #22c55e;--warning: #f59e0b;--text: #1e293b;--text-secondary: #64748b;--border: #e2e8f0;--radius: 10px;--shadow: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .06)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}.container{max-width:960px;margin:0 auto;padding:16px}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;margin-bottom:16px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease;text-decoration:none}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:var(--danger-hover)}.btn-secondary{background:var(--border);color:var(--text)}.btn-secondary:hover{background:#cbd5e1}.btn-sm{padding:6px 14px;font-size:13px}.btn:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{width:100%;padding:10px 14px;border:1px solid var(--border);border-radius:8px;font-size:14px;background:var(--card);color:var(--text);transition:border-color .15s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary)}label{display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:4px}.form-group{margin-bottom:14px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.badge-in-stock{background:#dcfce7;color:#166534}.badge-reserved{background:#fef3c7;color:#92400e}.badge-sold{background:#fee2e2;color:#991b1b}.filters-section{margin-bottom:16px}.filters-toggle{width:100%;margin-bottom:10px}.filters{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}.filters .form-group{margin-bottom:0;flex:1;min-width:140px}.filters-price-row{display:flex;gap:10px;width:100%}.filters-price-row .form-group{flex:1;min-width:0}.filters-flags-row{display:flex;gap:12px;width:100%}.flag-checkbox{display:inline-flex;align-items:center;gap:8px;margin:0;font-size:13px;font-weight:600;color:var(--text);cursor:pointer}.flag-checkbox input[type=checkbox]{width:auto;margin:0}.car-grid{display:grid;gap:12px}.car-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:14px 18px;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);cursor:pointer;transition:box-shadow .15s}.car-row:hover{box-shadow:0 4px 12px #0000001a}.car-info h3{font-size:16px;margin-bottom:4px}.car-info p{font-size:13px;color:var(--text-secondary)}.link-flags{display:flex;gap:6px;margin-top:8px}.link-flag{display:inline-flex;align-items:center;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.link-flag.on{background:#dcfce7;color:#166534}.link-flag.off{background:#e2e8f0;color:#64748b}.car-meta{text-align:right;min-width:120px}.car-meta .price{font-size:16px;font-weight:700;color:var(--primary)}.pin-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:20px}.pin-form{background:var(--card);padding:32px;border-radius:var(--radius);box-shadow:var(--shadow);width:100%;max-width:360px;text-align:center}.pin-form h1{font-size:22px;margin-bottom:8px}.pin-form p{color:var(--text-secondary);font-size:14px;margin-bottom:24px}.pin-input{font-size:28px;text-align:center;letter-spacing:12px;padding:14px}.error-msg{color:var(--danger);font-size:13px;margin-top:8px}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.header h1{font-size:22px}.header-actions{display:flex;gap:8px}.back-link{display:inline-flex;align-items:center;gap:4px;color:var(--primary);text-decoration:none;font-size:14px;font-weight:600;margin-bottom:16px}.subscribe-code-box{background:#f0f9ff;border:1px solid #bae6fd;border-radius:var(--radius);padding:16px;text-align:center;margin-top:16px}.subscribe-code-box .code{font-size:28px;font-weight:700;letter-spacing:4px;color:var(--primary);margin:8px 0;font-family:monospace}.subscribe-code-box p{font-size:13px;color:var(--text-secondary)}.subscribe-command{font-family:monospace;font-size:15px;font-weight:600;background:#e0f2fe;border-radius:6px;padding:6px 12px;display:inline-block;margin:4px 0 0;color:var(--primary);-webkit-user-select:all;user-select:all}.pagination{display:flex;justify-content:center;gap:8px;margin-top:20px}.loading,.empty{text-align:center;padding:40px;color:var(--text-secondary)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.detail-item{padding:8px 0}.detail-item .label{font-size:12px;color:var(--text-secondary);text-transform:uppercase;font-weight:600}.detail-item .value{font-size:15px;margin-top:2px}.audit-log{margin-top:24px}.audit-log h3{font-size:16px;margin-bottom:12px}.audit-entry{padding:8px 0;border-bottom:1px solid var(--border);font-size:13px}.audit-entry:last-child{border-bottom:none}.car-detail-container{max-width:980px}.car-detail-header{align-items:flex-start}.car-detail-v2{margin-bottom:16px}.car-detail-v2 .variant-split{grid-template-columns:1fr}.car-detail-v2 .variant-side{display:grid;grid-template-columns:minmax(220px,1fr) auto minmax(340px,.9fr);grid-template-areas:"vin price links" "meta meta links";align-items:start;column-gap:20px;row-gap:10px;min-height:0}.car-summary-vin{grid-area:vin;min-width:0}.car-summary-vin span{display:block;color:#94a3b8;font-size:11px;font-weight:800;text-transform:uppercase}.car-summary-vin strong{display:block;margin-top:3px;color:#fff;font-size:16px;letter-spacing:0;overflow-wrap:anywhere}.car-side-subprice{color:#cbd5e1;font-size:13px;font-weight:700}.car-side-price-block{grid-area:price;text-align:right;white-space:nowrap}.car-side-meta{grid-area:meta;display:flex;flex-wrap:wrap;gap:6px;color:#e2e8f0;font-size:13px;font-weight:700}.car-side-meta span{border-radius:999px;background:#ffffff14;padding:5px 8px}.car-detail-v2 .variant-links.compact{grid-area:links;grid-template-columns:repeat(4,minmax(68px,1fr));min-width:0;align-self:stretch}.car-link-missing{display:inline-flex;min-height:34px;align-items:center;justify-content:center;border:1px dashed rgba(255,255,255,.2);border-radius:8px;color:#94a3b8;font-size:13px;font-weight:700}.car-spec-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.car-edit-card{margin-bottom:16px}.variants-container{max-width:1180px}.variants-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;margin-bottom:16px}.variants-header h1{font-size:24px;margin-bottom:4px}.variants-header p{color:var(--text-secondary);font-size:14px}.variants-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}.variant-page{max-width:980px}.variant-nav{display:flex;gap:8px;flex-wrap:wrap}.variant-nav a,.variant-picker-card{border:1px solid var(--border);border-radius:8px;color:var(--primary);background:#fff;font-weight:700;text-decoration:none}.variant-nav a{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;font-size:13px}.variant-nav a.active{background:var(--primary);border-color:var(--primary);color:#fff}.variant-picker-list{display:grid;gap:12px}.variant-picker-card{display:grid;gap:4px;padding:18px}.variant-picker-card span{color:var(--text-secondary);font-size:12px;text-transform:uppercase}.variant-picker-card strong{color:var(--text);font-size:18px}.variant-preview{margin-top:16px}.variant-preview-label{color:var(--text-secondary);font-size:12px;font-weight:800;letter-spacing:0;margin:0 0 8px;text-transform:uppercase}.mobile-preview-section{margin-top:28px}.mobile-frame{width:min(390px,100%);margin:0 auto;padding:10px;border:1px solid #cbd5e1;border-radius:28px;background:#0f172a}.mobile-frame .variant-window{border-radius:18px;box-shadow:none}.mobile-frame .variant-window h2{font-size:18px}.mobile-frame .variant-hero-row{display:block}.mobile-frame .variant-price{margin-top:10px;text-align:left}.mobile-frame .variant-fields.two-col,.mobile-frame .variant-spec-grid,.mobile-frame .variant-c-table,.mobile-frame .variant-links,.mobile-frame .variant-split{grid-template-columns:1fr}.variant-window{background:#fff;border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow);min-width:0;overflow:hidden}.variant-window h2{font-size:20px;line-height:1.15}.variant-topbar,.variant-c-header{display:flex;justify-content:space-between;gap:12px;align-items:center}.variant-topbar{background:#0f172a;color:#fff;padding:10px 14px;font-size:12px;font-weight:700}.variant-hero-row{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding:16px 16px 10px}.variant-hero-row p,.variant-tech-line{color:var(--text-secondary);font-size:13px}.variant-price{text-align:right;flex:0 0 auto}.variant-price strong,.variant-side-price{display:block;color:var(--primary);font-size:18px;font-weight:800;white-space:nowrap}.variant-price span{color:var(--text-secondary);font-size:12px}.variant-tech-line{padding:0 16px 14px}.variant-fields,.variant-spec-grid,.variant-c-table{display:grid;gap:8px}.variant-fields.two-col{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 16px 14px}.variant-field{min-width:0;padding:8px 0;border-bottom:1px solid #edf2f7}.variant-field span,.variant-note span,.variant-package span,.variant-c-summary span,.variant-c-bottom span{display:block;color:var(--text-secondary);font-size:11px;font-weight:700;text-transform:uppercase}.variant-field strong{display:block;margin-top:2px;font-size:13px;line-height:1.25;overflow-wrap:anywhere}.variant-note,.variant-package,.variant-comment-inline,.variant-c-bottom{background:#f8fafc}.variant-note{margin:0 16px 14px;padding:10px;border-radius:8px}.variant-note p,.variant-package p,.variant-c-bottom p{margin-top:4px;font-size:13px;line-height:1.35}.variant-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 16px 16px}.variant-links a{display:inline-flex;min-height:34px;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:8px;color:var(--primary);font-size:13px;font-weight:700;text-decoration:none;background:#fff}.variant-links.compact{grid-template-columns:1fr;padding:0}.variant-split{display:grid;grid-template-columns:155px minmax(0,1fr);min-height:100%}.variant-side{display:flex;flex-direction:column;gap:14px;background:#111827;color:#fff;padding:16px}.variant-side h2{color:#fff}.variant-label,.variant-vin{color:#94a3b8;font-size:12px;font-weight:700;text-transform:uppercase}.variant-side .variant-links a{border-color:#ffffff2e;background:#ffffff14;color:#fff}.variant-main{padding:16px}.variant-vin{margin-bottom:10px}.variant-spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.variant-package{margin-top:12px;padding:10px;border-radius:8px}.variant-comment-inline{margin-top:10px;border-left:3px solid var(--primary);padding:9px 10px;font-size:13px;line-height:1.35}.variant-c-header{padding:16px;background:#eff6ff;border-bottom:1px solid #bfdbfe}.variant-c-header span{color:var(--primary);font-size:12px;font-weight:800;text-transform:uppercase}.variant-c-header>div:last-child{border-radius:999px;background:#dbeafe;color:#1d4ed8;font-size:12px;font-weight:800;padding:6px 10px;white-space:nowrap}.variant-c-summary{display:grid;grid-template-columns:1fr;gap:8px;padding:14px 16px}.variant-c-summary div{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.variant-c-summary strong{text-align:right;overflow-wrap:anywhere}.variant-c-table{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 16px 14px}.variant-c-bottom{display:grid;gap:10px;padding:12px 16px}@media (max-width: 640px){.form-row{grid-template-columns:1fr}.filters{flex-direction:column}.filters .form-group{min-width:100%}.filters-price-row{flex-direction:row}.filters-price-row .form-group{min-width:0}.filters-toggle{width:100%}.detail-grid,.car-detail-v2 .variant-split,.car-spec-grid{grid-template-columns:1fr}.car-detail-v2 .variant-side{grid-template-columns:1fr;grid-template-areas:"vin" "price" "meta" "links"}.car-side-price-block{text-align:left}.car-detail-v2 .variant-links.compact{grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}.header h1{font-size:18px}.header-actions{gap:4px}.variants-header{display:block}.variants-grid,.variant-split,.variant-fields.two-col,.variant-spec-grid,.variant-c-table,.variant-links{grid-template-columns:1fr}}@media (min-width: 641px) and (max-width: 1080px){.variants-grid{grid-template-columns:1fr}}