*{margin:0;padding:0;box-sizing:border-box}
:root{
  --bg:#0B0E14;
  --card:#151923;
  --surface:#1E2433;
  --border:#272E40;
  --accent:#C5A059;
  --accent-hover:#D4AF37;
  --text:#F1F5F9;
  --text-dim:#94a3b8;
  --text-mute:#64748b;
  --danger:#f87171;
  --ok:#4ade80;
  --radius:12px;
  --font:'Manrope',sans-serif;
  --font-heading:'Outfit',sans-serif;
}
html,body{overflow-x:hidden}
body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;min-height:100dvh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
h1,h2,h3,h4,.font-heading{font-family:var(--font-heading)}
::selection{background:var(--accent);color:var(--bg)}
::-webkit-scrollbar{width:9px;height:9px}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:var(--border);border-radius:8px}
::-webkit-scrollbar-thumb:hover{background:#3a4256}

/* ===== LOGIN ===== */
#login-screen{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;padding:0}
.auth-layout{display:grid;grid-template-columns:1fr;width:100%;flex:1}
.auth-side{position:relative;display:none;overflow:hidden}
.auth-bg-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.auth-side-overlay{position:absolute;inset:0;background:linear-gradient(to top,#0B0E14 0%,rgba(11,14,20,.55) 55%,rgba(11,14,20,.25) 100%)}
.auth-side-content{position:absolute;bottom:48px;left:48px;right:48px}
.auth-badge{display:inline-flex;align-items:center;gap:8px;border-radius:9999px;border:1px solid rgba(197,160,89,.3);background:rgba(11,14,20,.5);padding:6px 14px;font-size:12px;text-transform:uppercase;letter-spacing:.2em;color:#C5A059;margin-bottom:12px}
.auth-heading{font-family:var(--font-heading);font-size:36px;font-weight:300;line-height:1.15;color:#fff}
.auth-side-sub{margin-top:12px;max-width:28rem;color:#94a3b8;font-size:15px;line-height:1.6}
.auth-main{display:flex;align-items:center;justify-content:center;background:var(--bg);padding:48px 24px}
.auth-box{width:100%;max-width:400px}
.auth-logo{display:block;height:40px;width:auto;margin-bottom:28px}
.auth-title{font-family:var(--font-heading);font-size:24px;font-weight:500;color:var(--text);margin-bottom:4px}
.auth-desc{margin-bottom:24px;font-size:14px;color:var(--text-mute)}
@media(min-width:1024px){.auth-layout{grid-template-columns:1fr 1fr}.auth-side{display:block}}
.login-box{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:40px 32px;width:100%;max-width:400px;text-align:center}
.login-box .auth-logo{height:40px;width:auto;margin:0 auto 24px}
.login-logo{font-size:32px;font-weight:800;margin-bottom:4px;font-family:var(--font-heading);letter-spacing:-.5px}
.login-logo .logo-papa{color:var(--text)}
.login-logo .logo-auto{color:var(--accent);margin-left:-3px}
.login-sub{color:var(--text-mute);font-size:14px;margin-bottom:28px}
.auth-form{display:flex;flex-direction:column;gap:12px}
.auth-form input{width:100%;padding:13px 16px;background:var(--card);border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:15px;font-family:var(--font);outline:none;transition:border .2s,box-shadow .2s}
.auth-form input::placeholder{color:var(--text-mute)}
.auth-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(197,160,89,.15)}
.auth-form input:disabled{opacity:.5;cursor:not-allowed}
.phone-input{display:flex;align-items:center;background:var(--card);border:1px solid var(--border);border-radius:10px;overflow:hidden;transition:border .2s,box-shadow .2s}
.phone-input:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px rgba(197,160,89,.15)}
.phone-prefix{padding:0 0 0 14px;color:var(--accent);font-weight:600;font-size:15px;white-space:nowrap;user-select:none}
.phone-input input{border:none!important;background:transparent!important;box-shadow:none!important;flex:1}
.btn-primary{width:100%;padding:13px;background:var(--accent);color:var(--bg);border:none;border-radius:10px;font-size:15px;font-weight:700;font-family:var(--font);cursor:pointer;transition:background .2s}
.btn-primary:hover{background:var(--accent-hover)}
.btn-link{background:none;border:none;color:var(--accent);cursor:pointer;font-family:var(--font);font-size:14px;font-weight:500;text-decoration:none}
.btn-link:hover{color:var(--accent-hover)}
.auth-switch{margin-top:18px;font-size:14px;color:var(--text-mute)}
.form-error{color:var(--danger);font-size:13px;margin-top:4px;min-height:20px}
.form-ok{color:var(--ok);font-size:13px;margin-top:4px}
.consent-label{display:flex;align-items:flex-start;gap:8px;text-align:left;font-size:12.5px;color:var(--text-mute);line-height:1.45;cursor:pointer;user-select:none}
.consent-label input{margin-top:2px;width:15px;height:15px;accent-color:var(--accent);flex-shrink:0;cursor:pointer}
.consent-label a{color:var(--accent);text-decoration:underline}

/* ===== DASHBOARD ===== */
#dashboard-screen{flex-direction:column;min-height:100vh;min-height:100dvh}
.dash-header{display:flex;flex-direction:column;position:sticky;top:0;z-index:100;background:rgba(11,14,20,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);flex-shrink:0}
.header-topbar{display:flex;justify-content:center;align-items:center;gap:8px;padding:7px 24px;border-bottom:1px solid var(--border);font-size:12px;color:var(--text-mute)}
.header-info-link{color:var(--text-mute);text-decoration:none;transition:color .2s}
.header-info-link:hover{color:var(--accent)}
.header-info-dot{color:var(--border)}
.header-info{color:var(--text-mute)}
.header-main{position:relative;display:flex;align-items:center;justify-content:center;padding:14px 24px}
.header-logo{display:flex;align-items:center}
.header-logo-img{height:34px;width:auto;display:block}
.header-user{position:absolute;right:24px;display:flex;align-items:center;gap:14px}
.user-chip{display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:10px;padding:4px 12px 4px 4px;background:var(--card)}
.user-avatar{width:28px;height:28px;border-radius:50%;background:var(--surface);color:var(--accent);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;text-transform:uppercase;flex-shrink:0}
.user-name{font-size:14px;color:var(--text);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.btn-logout{background:none;border:1px solid var(--border);border-radius:8px;color:var(--text-mute);font-size:12px;font-family:var(--font);padding:6px 12px;cursor:pointer;transition:all .2s}
.btn-logout:hover{color:var(--danger);border-color:var(--danger)}

/* ===== TABS (pill nav) ===== */
.dash-tabs{display:flex;justify-content:center;gap:6px;padding:12px 24px;border-top:1px solid var(--border);overflow-x:auto;flex-shrink:0;-webkit-overflow-scrolling:touch}
.dash-tabs::-webkit-scrollbar{height:0}
.tab-btn{padding:9px 16px;background:transparent;border:none;border-radius:10px;color:var(--text-dim);font-size:13px;font-family:var(--font);cursor:pointer;white-space:nowrap;transition:all .2s;font-weight:500;text-decoration:none;display:inline-block}
.tab-btn:hover{color:var(--text);background:var(--surface)}
.tab-btn.active{color:var(--accent);background:var(--surface)}
.tab-external{border:1px solid var(--accent);color:var(--accent);font-weight:600}
.tab-external:hover{background:var(--accent);color:var(--bg);border-color:var(--accent)}

/* ===== CONTENT ===== */
.dash-content{flex:1;padding:24px;overflow-y:auto}
.tab-content{display:none;max-width:1400px;margin:0 auto}
.tab-content.active{display:block}
.tab-header{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:24px}
.tab-header h2{margin-bottom:0;font-size:22px;font-weight:600;font-family:var(--font-heading)}
.tab-header .tab-desc{margin-bottom:0;flex:1;color:var(--text-mute);font-size:13px}
.btn-refresh{padding:7px 16px;background:rgba(197,160,89,.1);border:1px solid rgba(197,160,89,.3);border-radius:8px;color:var(--accent);font-size:13px;font-family:var(--font);cursor:pointer;white-space:nowrap;transition:all .2s}
.btn-refresh:hover{background:rgba(197,160,89,.2);border-color:var(--accent)}
.btn-refresh:disabled{opacity:.5;cursor:not-allowed}
.catalog-counter{padding:5px 14px;border-radius:20px;font-size:13px;font-weight:600;white-space:nowrap}
.catalog-counter.has-cars{background:rgba(74,222,128,.12);color:var(--ok);border:1px solid rgba(74,222,128,.25)}
.catalog-counter.no-cars{background:transparent;color:var(--text-mute);border:1px solid var(--border)}
.loading{color:var(--text-mute);text-align:center;padding:40px;font-size:15px}

/* ===== HOME (BENTO) ===== */
.hero{position:relative;border-radius:var(--radius);overflow:hidden;min-height:230px;margin-bottom:24px;border:1px solid var(--border)}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,14,20,.92) 0%,rgba(11,14,20,.62) 46%,rgba(11,14,20,.18) 100%)}
.hero-content{position:relative;padding:38px 40px;max-width:640px}
.hero-kicker{display:inline-block;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);border:1px solid rgba(197,160,89,.35);border-radius:9999px;padding:5px 13px;margin-bottom:16px}
.hero-title{font-family:var(--font-heading);font-size:28px;font-weight:300;color:#fff;line-height:1.2;margin-bottom:10px}
.hero-sub{font-size:14px;color:var(--text-dim);line-height:1.6;max-width:460px}

.bento-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;grid-auto-rows:170px}
@media(min-width:768px){.bento-grid{grid-template-columns:repeat(4,1fr)}}
.bento-tile{position:relative;display:flex;flex-direction:column;gap:6px;padding:20px;padding-top:58px;background:linear-gradient(145deg,var(--card) 0%,var(--surface) 100%);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;text-decoration:none;color:var(--text);transition:border-color .2s,box-shadow .2s;overflow:hidden}
.bento-tile:hover{border-color:var(--accent);box-shadow:0 12px 32px rgba(0,0,0,.5)}
.bento-icon{position:absolute;top:18px;left:18px;width:32px;height:32px;color:var(--accent)}
.bento-icon svg{width:100%;height:100%;display:block}
.bento-title{font-weight:700;font-size:16px;font-family:var(--font-heading)}
.bento-sub{font-size:12.5px;color:var(--text-mute);line-height:1.45}
.bento-more{position:absolute;left:0;right:0;bottom:0;padding:16px 20px;background:linear-gradient(0deg,rgba(11,14,20,.97) 0%,rgba(11,14,20,.86) 100%);transform:translateY(101%);transition:transform .25s ease;font-size:12.5px;color:var(--text-dim);line-height:1.55}
.bento-tile:hover .bento-more{transform:translateY(0)}
.bento-tile--feature{grid-column:span 2;grid-row:span 2;background:linear-gradient(145deg,rgba(197,160,89,.16) 0%,var(--surface) 62%)}
.bento-tile--feature .bento-icon{width:40px;height:40px}
.bento-tile--feature .bento-title{font-size:20px}
.bento-tile--feature .bento-sub{font-size:13px}
.bento-tile--cta{border-color:var(--accent)}
.bento-tile--cta .bento-title{color:var(--accent)}
@media(max-width:767px){.bento-tile--feature{grid-column:span 2;grid-row:span 1}}

/* home content sections (РОЛЬФ-стиль) */
.home-section{margin-bottom:30px}
.home-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.home-section-title{font-family:var(--font-heading);font-size:20px;font-weight:600;color:var(--text)}
.section-link{background:none;border:none;color:var(--accent);font-size:13px;font-family:var(--font);cursor:pointer;padding:0}
.section-link:hover{color:var(--accent-hover)}
.home-cars{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
@media(min-width:768px){.home-cars{grid-template-columns:repeat(4,1fr)}}
.home-car-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:border-color .2s}
.home-car-card:hover{border-color:var(--accent)}
.home-car-img{height:120px;background:var(--surface);display:flex;align-items:center;justify-content:center;color:var(--text-mute)}
.home-car-img img{width:100%;height:100%;object-fit:cover}
.home-car-name{font-size:14px;font-weight:600;color:var(--text);padding:10px 12px 2px}
.home-car-price{font-size:15px;font-weight:700;color:var(--accent);padding:2px 12px;font-family:var(--font-heading)}
.home-car-mileage{font-size:12px;color:var(--text-mute);padding:2px 12px 12px}
.home-empty{color:var(--text-mute);font-size:14px;padding:24px;background:var(--card);border:1px dashed var(--border);border-radius:var(--radius);text-align:center}
.promo-grid{display:grid;grid-template-columns:1fr;gap:14px}
@media(min-width:768px){.promo-grid{grid-template-columns:repeat(3,1fr)}}
.promo-card{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:border-color .2s,transform .2s;min-height:230px}
.promo-card:hover{border-color:var(--accent)}
.promo-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.promo-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(11,14,20,.97) 0%,rgba(11,14,20,.72) 55%,rgba(11,14,20,.28) 100%)}
.promo-content{position:relative;z-index:1;padding:20px;display:flex;flex-direction:column;justify-content:flex-end;min-height:230px}
.promo-kicker{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:8px}
.promo-title{font-family:var(--font-heading);font-size:17px;font-weight:600;color:#fff;margin-bottom:6px}
.promo-text{font-size:13px;color:var(--text-dim);line-height:1.5}
.contact-block{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:22px 24px;display:flex;flex-wrap:wrap;gap:24px;align-items:center}
.contact-name{font-family:var(--font-heading);font-size:18px;font-weight:600;color:var(--text)}
.contact-addr{font-size:13px;color:var(--text-dim);margin-top:4px}
.contact-phone{display:block;margin-top:6px;font-size:16px;font-weight:700;color:var(--accent);text-decoration:none}
.contact-phone:hover{color:var(--accent-hover)}
.contact-info{flex:1;min-width:220px}
.contact-mail{display:block;margin-top:4px;font-size:14px;color:var(--text-dim);text-decoration:none}
.contact-mail:hover{color:var(--accent)}
.contact-map-wrap{flex:1;min-width:280px}
.contact-map{width:100%;height:260px;border:0;border-radius:var(--radius)}
.promo-cta{margin-top:14px;font-size:13px;font-weight:600;color:var(--accent)}
.section-add-btn{display:inline-flex;align-items:center;gap:4px;background:var(--accent);color:var(--bg);font-size:13px;font-weight:700;font-family:var(--font);padding:7px 14px;border-radius:8px;text-decoration:none;transition:background .2s}
.section-add-btn:hover{background:var(--accent-hover)}

/* footer */
.site-footer{border-top:1px solid var(--border);background:rgba(11,14,20,.6)}
.site-footer-inner{max-width:1400px;margin:0 auto;padding:40px 24px 28px}
.site-footer-grid{display:grid;grid-template-columns:1fr;gap:28px}
@media(min-width:768px){.site-footer-grid{grid-template-columns:2fr 1fr 1fr 1fr}}
.site-footer-logo{height:32px;width:auto;display:block;margin-bottom:14px}
.site-footer-desc{font-size:13px;color:var(--text-mute);line-height:1.6;max-width:320px}
.site-footer-col{display:flex;flex-direction:column;gap:10px}
.site-footer-title{font-size:12px;font-weight:700;color:var(--text);margin-bottom:6px;text-transform:uppercase;letter-spacing:.08em}
.site-footer-col a{font-size:13px;color:var(--text-dim);text-decoration:none}
.site-footer-col a:hover{color:var(--accent)}
.site-footer-addr{font-size:13px;color:var(--text-mute);line-height:1.5}
.site-footer-bottom{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;border-top:1px solid var(--border);margin-top:28px;padding-top:20px;font-size:12px;color:var(--text-mute)}
.site-footer-bottom-links{display:flex;gap:18px}
.site-footer-bottom-links a{font-size:12px;color:var(--text-mute);text-decoration:none}
.site-footer-bottom-links a:hover{color:var(--accent)}

/* cookie bar */
.cookie-bar{position:fixed;left:0;right:0;bottom:0;z-index:3000;display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;padding:14px 20px;background:var(--card);border-top:1px solid var(--border);box-shadow:0 -8px 30px rgba(0,0,0,.4)}
.cookie-text{font-size:13px;color:var(--text-dim);max-width:640px;line-height:1.5}
.cookie-text a{color:var(--accent);text-decoration:underline}
.cookie-btn{background:var(--accent);color:var(--bg);border:none;border-radius:8px;padding:9px 20px;font-size:13px;font-weight:700;font-family:var(--font);cursor:pointer;transition:background .2s}
.cookie-btn:hover{background:var(--accent-hover)}

/* credit calculator */
.credit-calc{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;gap:20px;max-width:720px}
.cc-field-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.cc-field-head label{font-size:14px;color:var(--text);font-weight:600}
.cc-val{font-size:15px;font-weight:700;color:var(--accent)}
.cc-field input[type=range]{width:100%;appearance:none;-webkit-appearance:none;height:6px;border-radius:3px;background:var(--surface);outline:none;cursor:pointer}
.cc-field input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--accent);cursor:pointer;border:none}
.cc-field input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--accent);cursor:pointer;border:none}
.cc-field-limits{display:flex;justify-content:space-between;font-size:11px;color:var(--text-mute);margin-top:4px}
.cc-result{display:flex;flex-wrap:wrap;gap:14px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px 20px}
.cc-result-item{flex:1;min-width:150px;display:flex;flex-direction:column;gap:4px}
.cc-result-item span{font-size:12px;color:var(--text-mute)}
.cc-result-item strong{font-size:18px;font-weight:700;color:var(--text)}
.cc-result-main{color:var(--accent)!important;font-size:22px!important;font-family:var(--font-heading)}
.cc-summary{margin-top:4px;font-size:13px;color:var(--text-dim);line-height:1.5;background:rgba(197,160,89,.06);border:1px solid rgba(197,160,89,.18);border-radius:8px;padding:10px 14px}

/* ===== CATALOG ===== */
.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}
.catalog-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:20px;padding:14px 18px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius)}
.filter-select{padding:8px 12px;background:var(--card);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:13px;font-family:var(--font);outline:none;cursor:pointer;min-width:130px}
.filter-select:focus{border-color:var(--accent)}
.filter-range{display:flex;align-items:center;gap:6px;color:var(--text-mute);font-size:12px}
.filter-input{padding:7px 10px;background:var(--card);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:13px;font-family:var(--font);outline:none;width:80px}
.filter-input:focus{border-color:var(--accent)}
.filter-input::placeholder{color:var(--text-mute)}
.car-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;cursor:pointer;transition:all .25s;color:var(--text)}
.car-card:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 12px 36px rgba(197,160,89,.08)}
.car-card-img{width:100%;height:200px;background:var(--surface);display:flex;align-items:center;justify-content:center;color:var(--text-mute);font-size:48px}
.car-card-img img{width:100%;height:100%;object-fit:cover}
.car-card-body{padding:18px}
.car-card-body h3{font-size:17px;font-weight:600;margin-bottom:6px;color:var(--text)}
.car-card-body .car-price{font-size:20px;font-weight:800;color:var(--accent);margin-bottom:8px;font-family:var(--font-heading)}
.car-price-label{font-size:14px;color:var(--text-mute);margin-bottom:8px}
.purchase-brand-icon{font-size:18px;color:var(--text-mute);font-weight:700;text-transform:uppercase;letter-spacing:2px;opacity:.6}
.car-card-body .car-meta{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13px;color:var(--text-mute)}
.car-card-body .car-badges{display:flex;gap:8px;margin-top:10px}
.badge{padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;background:var(--surface);color:var(--text-dim)}
.badge.autoteka{color:var(--accent);border:1px solid var(--accent);background:transparent}
.badge.diag{color:var(--ok);border:1px solid var(--ok);background:transparent}
.badge.payment-credit{color:#fbbf24;border:1px solid #fbbf24;background:transparent}
.badge.payment-cash{color:var(--ok);border:1px solid var(--ok);background:transparent}

/* ===== LISTS ===== */
.list-block{display:flex;flex-direction:column;gap:12px}
.list-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.list-card-info{flex:1;min-width:200px}
.list-card-info h3{font-size:16px;font-weight:600;color:var(--text);margin-bottom:4px}
.list-card-info .meta{font-size:13px;color:var(--text-mute)}
.list-card-price{font-size:18px;font-weight:700;color:var(--accent);white-space:nowrap;font-family:var(--font-heading)}
.list-card-status{font-size:12px;padding:4px 10px;border-radius:6px;font-weight:600;white-space:nowrap}

/* ===== PROFILE ===== */
.profile-form{max-width:500px;display:flex;flex-direction:column;gap:16px}
.profile-form label{display:flex;flex-direction:column;gap:6px}
.profile-form label span{font-size:13px;color:var(--text-mute);font-weight:500}
.profile-form input{padding:13px 16px;background:var(--card);border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:15px;font-family:var(--font);outline:none;transition:border .2s,box-shadow .2s}
.profile-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(197,160,89,.15)}
.profile-form input:disabled{opacity:.5;cursor:not-allowed}

/* ===== PLACEHOLDER / EMPTY ===== */
.placeholder-block{text-align:center;padding:60px 20px;color:var(--text-mute)}
.placeholder-icon{font-size:64px;margin-bottom:16px}
.placeholder-icon svg{width:52px;height:52px;color:var(--accent);margin:0 auto;display:block}
.placeholder-block h3{font-size:20px;color:var(--text);margin-bottom:8px}
.placeholder-block p{font-size:14px;max-width:400px;margin:0 auto;line-height:1.6}
.empty-state{text-align:center;padding:40px 20px;color:var(--text-mute)}
.empty-state .empty-icon{font-size:48px;margin-bottom:12px}
.empty-state p{font-size:14px}

/* ===== CAR DETAIL ===== */
.cd-topbar{padding:0 0 16px;display:flex;align-items:center}
.btn-back{background:var(--surface);border:1px solid var(--border);color:var(--text);cursor:pointer;font-family:var(--font);font-size:14px;padding:8px 16px;border-radius:8px;transition:background .2s}
.btn-back:hover{background:#2a3350}
.car-detail-content{max-width:1000px;margin:0 auto;padding:0 0 40px;width:100%}
.cd-title{font-size:24px;font-weight:600;color:var(--text);margin-bottom:20px;font-family:var(--font-heading)}
.cd-gallery{display:flex;gap:10px;margin-bottom:24px;overflow-x:auto;padding-bottom:8px}
.cd-gallery img{height:300px;width:auto;object-fit:cover;border-radius:12px;flex-shrink:0;max-width:100%}
.cd-price{font-size:28px;font-weight:800;color:var(--accent);margin-bottom:20px;font-family:var(--font-heading)}
.cd-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px 32px;margin-bottom:28px}
.cd-meta .meta-item{display:flex;flex-direction:column;gap:2px}
.cd-meta .meta-label{font-size:12px;color:var(--text-mute);text-transform:uppercase;letter-spacing:.5px}
.cd-meta .meta-value{font-size:16px;font-weight:600;color:var(--text)}

.detail-section{margin-bottom:20px}
.detail-section h4{font-size:13px;font-weight:700;color:var(--accent);margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}
.detail-section .info-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border);font-size:14px}
.detail-section .info-label{color:var(--text-mute)}
.detail-section .info-value{color:var(--text);font-weight:500}

/* ===== STATUS BADGES ===== */
.status-active{background:rgba(74,222,128,.15);color:var(--ok)}
.status-credit{background:rgba(96,165,250,.15);color:#60a5fa}
.scoring-a{color:#4ade80}.scoring-b{color:#a3e635}.scoring-c{color:#fbbf24}.scoring-d{color:#fb923c}.scoring-e{color:#f87171}

/* ===== VIN CHECK ===== */
.vc-badge{font-size:12px;padding:2px 8px;border-radius:6px;font-weight:600}
.vc-ok{background:rgba(74,222,128,.15);color:var(--ok)}
.vc-error{background:rgba(248,113,113,.15);color:var(--danger)}
.vc-wait{background:rgba(148,163,184,.15);color:var(--text-dim)}

/* ===== INSPECTION ===== */
.insp-list{display:flex;flex-direction:column;gap:6px}
.insp-part{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-size:13px}
.insp-significant{border-color:var(--accent)}
.insp-part-name{font-weight:600;color:var(--text)}
.insp-part-group{font-weight:400;color:var(--text-mute);font-size:12px}
.insp-defects{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px;align-items:center}
.insp-defect-tag{display:inline-block;padding:2px 7px;background:transparent;color:var(--text-dim);border-radius:4px;font-size:12px;font-weight:500}
.insp-photos{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}
.insp-photos img{width:200px;height:150px;object-fit:cover;border-radius:6px;border:1px solid var(--border);transition:transform .15s}
.insp-photos img:hover{transform:scale(1.03);border-color:var(--accent)}
.insp-lkp{font-size:12px;color:var(--text-dim);margin-left:auto}

/* ===== PDF ===== */
.badge.pdf{background:rgba(197,160,89,.15);color:var(--accent)}
.btn-download-pdf{display:inline-block;padding:10px 24px;background:rgba(197,160,89,.12);color:var(--accent);border:1px solid rgba(197,160,89,.25);border-radius:8px;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s}
.btn-download-pdf:hover{background:rgba(197,160,89,.22)}

/* ===== LIGHTBOX ===== */
.lightbox-overlay{position:fixed;inset:0;background:rgba(0,0,0,.95);z-index:2000;display:flex;align-items:center;justify-content:center}
.lightbox-overlay img{max-width:95vw;max-height:90vh;object-fit:contain;border-radius:6px}
.lightbox-close{position:absolute;top:16px;right:20px;background:none;border:none;color:#fff;font-size:36px;cursor:pointer;z-index:1;line-height:1}
.lightbox-close:hover{color:var(--danger)}
.lightbox-prev,.lightbox-next{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.1);border:none;color:#fff;font-size:48px;cursor:pointer;padding:10px 14px;border-radius:8px;line-height:1;transition:background .2s}
.lightbox-prev{left:16px}.lightbox-next{right:16px}
.lightbox-prev:hover,.lightbox-next:hover{background:rgba(255,255,255,.25)}
.lightbox-counter{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);color:rgba(255,255,255,.6);font-size:14px;font-family:var(--font)}

@media(max-width:768px){
  .dash-tabs{gap:4px;padding:10px 16px}.tab-btn{padding:9px 12px;font-size:12px}
  .dash-content{padding:16px}.catalog-grid{grid-template-columns:1fr;gap:14px}
  .car-detail-meta{grid-template-columns:1fr}
  .dash-header{padding:12px 16px}.hb-logo{font-size:17px}.hb-sub{display:none}
  .user-name{max-width:130px}.modal-box{max-width:100%}.car-detail-photos img{width:220px;height:140px}
}

/* ===== PURCHASE FILTERS & ARCHIVE ===== */
.purchase-stats{font-size:13px;color:var(--text-mute);margin-bottom:12px}
.purchase-filters{display:flex;gap:8px;margin-bottom:18px}
.pf-btn{padding:8px 18px;background:var(--card);border:1px solid var(--border);border-radius:8px;color:var(--text-mute);font-size:13px;font-family:var(--font);cursor:pointer;transition:all .2s}
.pf-btn:hover{color:var(--text);border-color:var(--surface)}
.pf-btn.active{color:var(--accent);border-color:var(--accent);background:rgba(197,160,89,.08)}
.purchase-toggle{padding:6px 14px;margin-top:12px;background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--text-mute);font-size:12px;font-family:var(--font);cursor:pointer;transition:all .2s}
.purchase-toggle:hover{color:var(--text);border-color:var(--accent)}
.car-card-archived{opacity:.45}
.car-card-archived:hover{opacity:.7}
.car-card-archived .purchase-toggle{color:var(--ok);border-color:var(--ok)}
.dkp-btn{padding:6px 14px;margin-top:8px;display:inline-block;background:rgba(74,222,128,.1);border:1px solid rgba(74,222,128,.3);border-radius:6px;color:var(--ok);font-size:12px;font-family:var(--font);text-decoration:none;cursor:pointer;transition:all .2s}
.dkp-btn:hover{background:rgba(74,222,128,.2);border-color:var(--ok)}
.car-card-archived .dkp-btn{opacity:.5}

/* ===== CREDIT BLOCK ===== */
.credit-block{margin-top:12px;padding:12px 14px;background:rgba(197,160,89,.06);border:1px solid rgba(197,160,89,.18);border-radius:10px;display:flex;flex-direction:column;gap:6px}
.credit-row{display:flex;justify-content:space-between;align-items:center;font-size:13px}
.credit-label{color:var(--text-mute)}
.credit-val{color:var(--accent);font-weight:600}

/* ===== MOOVE ===== */
.moove-page{padding:16px 0}
.moove-description{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px 24px;margin-bottom:24px;line-height:1.7;font-size:15px;color:var(--text)}
.moove-description p{margin-bottom:8px}
.moove-link-btn{display:inline-block;padding:14px 32px;background:var(--accent);color:var(--bg);font-size:16px;font-weight:700;font-family:var(--font);text-decoration:none;border-radius:10px;transition:background .2s}
.moove-link-btn:hover{background:var(--accent-hover)}

/* ===== VALUATION MODAL ===== */
.valuate-btn{display:block;width:100%;padding:9px 14px;margin-top:8px;background:var(--accent);border:none;border-radius:6px;color:var(--bg);font-size:12px;font-weight:700;font-family:var(--font);cursor:pointer;transition:filter .2s}
.valuate-btn:hover{filter:brightness(1.12)}
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.75);z-index:1500;display:flex;align-items:center;justify-content:center;padding:16px;overflow-y:auto}
.modal-box{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);max-width:560px;width:100%;padding:22px;max-height:92vh;overflow-y:auto}
.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:12px}
.modal-head h3{font-size:18px;font-weight:600;font-family:var(--font-heading)}
.modal-close{background:none;border:none;color:var(--text);font-size:28px;cursor:pointer;line-height:1;padding:0 4px}
.modal-close:hover{color:var(--danger)}
.val-group{margin-bottom:14px}
.val-group>label{display:block;margin-bottom:6px;font-size:13px;color:var(--text-mute)}
.val-group input[type=text],.val-group input[type=number],.val-group input[type=email]{width:100%;padding:11px 14px;background:var(--card);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:14px;font-family:var(--font);outline:none;transition:border .2s,box-shadow .2s}
.val-group input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(197,160,89,.15)}
.val-group input:disabled{opacity:.55;cursor:not-allowed}
.val-car-info{background:rgba(197,160,89,.06);border:1px solid rgba(197,160,89,.18);border-radius:10px;padding:10px 14px;margin-bottom:16px}
.val-row{display:flex;justify-content:space-between;gap:12px;padding:4px 0;font-size:13px}
.val-row-label{color:var(--text-mute);flex-shrink:0}
.val-row-val{font-weight:600;text-align:right}
.val-paint-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}
.val-check{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer;user-select:none;color:var(--text)}
.val-check input{width:15px;height:15px;accent-color:var(--accent);cursor:pointer;flex-shrink:0}
@media(max-width:480px){.val-paint-grid{grid-template-columns:1fr}}

/* ===== PARKING ===== */
.parking-search{display:flex;gap:10px;margin-bottom:18px}
.parking-search input{flex:1;padding:11px 14px;background:var(--card);border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:14px;font-family:var(--font);outline:none;transition:border .2s,box-shadow .2s}
.parking-search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(197,160,89,.15)}
.parking-search .btn-primary{width:auto;padding:11px 22px}
.parking-lot{display:flex;flex-direction:column;gap:18px}
.parking-row{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}
.parking-row-label{font-weight:700;font-size:15px;color:var(--text);margin-bottom:12px;font-family:var(--font-heading)}
.parking-row-slots{display:flex;gap:10px;overflow-x:auto;padding-bottom:10px;scroll-behavior:smooth}
.parking-slot{flex:0 0 auto;width:170px;min-height:80px;background:#e8e2d4;border:2px solid var(--accent);border-radius:8px;padding:8px 10px;color:#1a1a1a;font-size:12.5px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;transition:transform .2s,box-shadow .2s}
.parking-slot:hover{transform:scale(1.04);box-shadow:0 4px 14px rgba(197,160,89,.35)}
.parking-slot:not(.occupied){background:var(--surface);border-color:var(--border);color:var(--text-mute)}
.parking-slot .ps-num{font-weight:700;font-size:12px;color:#8a6d2f}
.parking-slot:not(.occupied) .ps-num{color:var(--text-mute)}
.parking-slot .ps-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.parking-slot .ps-vin{font-size:11px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;color:#666}
.parking-slot.search-hit{outline:3px solid var(--danger);outline-offset:2px}
.parking-slot.search-hit-vin{outline:3px solid var(--ok);outline-offset:2px}
.parking-slot.search-miss{opacity:.25}
.parking-error{color:var(--danger);padding:14px;text-align:center}
@media(max-width:600px){.parking-slot{width:140px}}

/* ===== AI WIDGET ===== */
#ai-widget{position:fixed;right:22px;bottom:22px;z-index:1000}
#ai-widget-fab{width:auto;min-height:58px;padding:8px 20px;border-radius:29px;border:none;background:var(--accent);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 8px 24px rgba(197,160,89,.45);transition:transform .2s}
#ai-widget-fab:hover{transform:scale(1.05)}
.ai-fab-label{font-size:14px;font-weight:800;color:#0B0E14;font-family:var(--font);white-space:nowrap}
#ai-widget-panel{flex-direction:column;width:420px;max-width:calc(100vw - 32px);height:640px;max-height:calc(100dvh - 120px);background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:0 12px 40px rgba(0,0,0,.6);display:flex}
.ai-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--surface);border-bottom:1px solid var(--border)}
.ai-head-title{display:flex;align-items:center;gap:10px}
.ai-head-logo{width:34px;height:34px;border-radius:9px;background:var(--accent);color:var(--bg);font-weight:800;font-size:15px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ai-head-title strong{display:block;font-size:14px;color:var(--text)}
.ai-head-sub{display:block;font-size:11.5px;color:var(--text-mute);margin-top:1px;max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#ai-close-btn{background:none;border:none;color:var(--text-mute);font-size:24px;line-height:1;cursor:pointer;padding:2px 6px}
#ai-close-btn:hover{color:var(--text)}
.ai-messages{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px}
.ai-msg{max-width:86%;padding:10px 13px;border-radius:13px;font-size:13.5px;line-height:1.5;word-wrap:break-word}
.ai-bot{align-self:flex-start;background:var(--surface);border:1px solid var(--border);color:var(--text);border-bottom-left-radius:4px}
.ai-user{align-self:flex-end;background:var(--accent);color:var(--bg);font-weight:500;border-bottom-right-radius:4px}
.ai-chips{display:flex;flex-wrap:wrap;gap:6px;padding:8px 12px 2px;border-top:1px solid var(--border)}
.ai-chips-group{display:flex;flex-wrap:wrap;gap:6px}
.ai-msg a{color:var(--accent);word-break:break-word}
.ai-chip{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:14px;font-size:11.5px;font-family:var(--font);padding:6px 11px;cursor:pointer;transition:border .2s,color .2s}
.ai-chip:hover{border-color:var(--accent);color:var(--accent)}
.ai-form{display:flex;gap:8px;padding:10px 12px;border-top:1px solid var(--border)}
.ai-form input{flex:1;background:var(--card);border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:13.5px;font-family:var(--font);padding:10px 12px;outline:none}
.ai-form input:focus{border-color:var(--accent)}
.ai-send-btn{width:40px;border:none;border-radius:10px;background:var(--accent);color:var(--bg);font-size:16px;cursor:pointer;flex-shrink:0}
.ai-send-btn:hover{background:var(--accent-hover)}
.ai-foot{padding:4px 12px 9px;font-size:10.5px;color:var(--text-mute);text-align:center}
.ai-analogs{display:flex;flex-direction:column;gap:8px;padding:2px 0}
.ai-analog-card{display:flex;gap:10px;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:8px;text-decoration:none;color:var(--text);transition:border .2s}
.ai-analog-card:hover{border-color:var(--accent)}
.ai-analog-img{width:64px;height:48px;border-radius:8px;background-size:cover;background-position:center;flex-shrink:0;background-color:var(--border)}
.ai-analog-noimg{display:flex;align-items:center;justify-content:center;color:var(--text-mute)}
.ai-analog-noimg::after{content:'фото нет';font-size:10px}
.ai-analog-info{min-width:0;flex:1}
.ai-analog-name{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ai-analog-price{font-size:13px;color:var(--accent);font-weight:700;margin-top:1px}
.ai-analog-meta{font-size:11px;color:var(--text-mute);margin-top:1px}
@media(max-width:480px){#ai-widget-panel{width:calc(100vw - 20px);right:10px;left:10px}}

/* ===== Светлая тема (переключение в шапке) ===== */
html.light{--bg:#eef1f6;--card:#ffffff;--surface:#e7ecf3;--border:#d9e0ea;--accent:#a17e35;--accent-hover:#8a6d2f;--text:#182238;--text-dim:#4d5d77;--text-mute:#64748b;--danger:#b91c1c;--ok:#047857}
html.light .btn-primary,html.light .tab-external:hover,html.light .section-add-btn,html.light .cookie-btn,html.light .moove-link-btn,html.light .valuate-btn,html.light .ai-head-logo,html.light .ai-user,html.light .ai-send-btn{color:#0B0E14}
html.light ::selection{color:#0B0E14}
html.light .dash-header{background:rgba(238,241,246,.9)}
html.light .site-footer{background:rgba(238,241,246,.6)}
html.light .bento-more{background:linear-gradient(0deg,rgba(238,241,246,.97) 0%,rgba(238,241,246,.88) 100%)}
html.light .btn-back:hover{background:#dde4ee}
html.light ::-webkit-scrollbar-track{background:#eef1f6}
html.light ::-webkit-scrollbar-thumb:hover{background:#c9d2e0}
html.light .badge.payment-credit{color:#b45309;border-color:#b45309}
html.light .status-credit{color:#2563eb}
html.light .scoring-a{color:#047857}
html.light .scoring-b{color:#4d7c0f}
html.light .scoring-c{color:#b45309}
html.light .scoring-d{color:#c2410c}
html.light .scoring-e{color:#b91c1c}

/* ===== Кнопка переключения темы ===== */
.btn-theme{background:none;border:1px solid var(--border);border-radius:8px;color:var(--text-dim);width:34px;height:34px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}
.btn-theme:hover{color:var(--accent);border-color:var(--accent)}
.btn-theme svg{width:16px;height:16px}
.btn-theme .icon-sun{display:block}
.btn-theme .icon-moon{display:none}
html.light .btn-theme .icon-sun{display:none}
html.light .btn-theme .icon-moon{display:block}

/* ===== ��������� 2026-10-08 ===== */
.catalog-switch{display:flex;gap:6px;margin-bottom:18px}
.cat-switch-btn{padding:9px 20px;border-radius:20px;border:1px solid var(--border);background:var(--card);color:var(--text-mute);font-family:var(--font);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}
.cat-switch-btn.active{background:var(--accent);color:#0B0E14;border-color:var(--accent)}

.card-fav{position:absolute;top:10px;right:10px;width:34px;height:34px;border-radius:50%;background:rgba(11,14,20,.55);border:1px solid rgba(255,255,255,.35);color:#fff;font-size:17px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:2;line-height:1}
.card-fav:hover{transform:scale(1.12)}
.card-fav.active{color:#e02f2f;background:rgba(255,255,255,.92);border-color:#e02f2f}

.card-tradein{font-size:12px;font-weight:700;padding:6px 10px;border-radius:8px;margin-top:8px}
.card-tradein-pay{color:#b45309;background:rgba(180,83,9,.14)}
.card-tradein-get{color:#047857;background:rgba(4,120,87,.14)}

.cd-topbar{justify-content:space-between}
.cd-fav-btn{margin-left:auto;width:42px;height:42px;border-radius:50%;background:var(--surface);border:1px solid var(--border);color:var(--text-mute);font-size:21px;cursor:pointer;transition:all .2s;line-height:1}
.cd-fav-btn:hover{border-color:var(--accent);color:var(--accent)}
.cd-fav-btn.active{color:#e02f2f;border-color:#e02f2f}

.cd-slider{position:relative;margin-bottom:16px}
.cd-slider-track{height:380px;background:var(--surface);border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.cd-slider-track img{width:100%;height:100%;object-fit:cover;cursor:pointer}
.cd-slider-empty{color:var(--text-mute);font-size:16px}
.cd-slider-prev,.cd-slider-next{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;background:rgba(0,0,0,.45);border:none;color:#fff;font-size:28px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:3;transition:background .2s}
.cd-slider-prev{left:12px}
.cd-slider-next{right:12px}
.cd-slider-prev:hover,.cd-slider-next:hover{background:rgba(0,0,0,.72)}
.cd-slider-dots{position:absolute;bottom:14px;left:0;right:0;display:flex;justify-content:center;gap:8px;z-index:3}
.cd-dot{width:11px;height:11px;border-radius:50%;background:rgba(255,255,255,.5);cursor:pointer;border:2px solid rgba(0,0,0,.35);transition:all .2s}
.cd-dot.active{background:#fff;border-color:var(--accent);width:24px;border-radius:6px}
@media(max-width:600px){.cd-slider-track{height:240px}}

.cd-autoteka{margin-bottom:16px}
.cd-autoteka-btn{display:block;text-align:center;background:#F4662F;color:#fff;font-weight:800;font-size:15px;padding:15px 20px;border-radius:12px;text-decoration:none;transition:all .2s;box-shadow:0 6px 20px rgba(244,102,47,.38)}
.cd-autoteka-btn:hover{background:#e05522;transform:translateY(-2px);color:#fff}

.cd-summary,.cd-diag-summary{margin-bottom:16px}
.summary-block,.diag-summary-block{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:18px 20px}
.summary-block h4,.diag-summary-block h4,.analogs-head h4{font-size:13px;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}
.summary-line{font-size:14px;color:var(--text);line-height:1.55;margin:0 0 6px}
.summary-line:last-child{margin-bottom:0}
.diag-pills{display:flex;flex-wrap:wrap;gap:8px}
.diag-pill{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:8px 12px;font-size:13px;color:var(--text)}

.cd-tradein{margin:2px 0 16px}
.tradein-badge{border-radius:10px;padding:12px 16px;font-size:14px}
.tradein-pay{background:rgba(180,83,9,.14);border:1px solid #b45309;color:#b45309}
.tradein-get{background:rgba(4,120,87,.14);border:1px solid var(--ok);color:var(--ok)}

.cd-actions{display:flex;gap:12px;margin:16px 0 24px;flex-wrap:wrap}
.cd-buy-btn{flex:1;min-width:160px;padding:15px 20px;background:var(--accent);color:#0B0E14;font-weight:800;font-size:16px;border:none;border-radius:12px;cursor:pointer;transition:all .2s;font-family:var(--font)}
.cd-buy-btn:hover{background:var(--accent-hover)}
.cd-credit-btn{flex:1;min-width:160px;padding:15px 20px;background:transparent;border:1.5px solid var(--accent);color:var(--accent);font-weight:700;font-size:16px;border-radius:12px;cursor:pointer;transition:all .2s;font-family:var(--font)}
.cd-credit-btn:hover{background:rgba(197,160,89,.12)}

.cd-analogs{margin-top:28px}
.analogs-block{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:18px 20px}
.analogs-head{display:flex;justify-content:space-between;align-items:baseline}
.analogs-count{font-size:12px;color:var(--text-mute)}
.analogs-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:10px 0 16px}
.analog-check{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text);cursor:pointer}
.analog-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}
.analog-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .2s}
.analog-card:hover{border-color:var(--accent);transform:translateY(-3px)}
.analog-img{height:140px;background-size:cover;background-position:center;background-color:var(--border)}
.analog-noimg{display:flex;align-items:center;justify-content:center;color:var(--text-mute);font-size:34px}
.analog-info{padding:12px}
.analog-name{font-size:14px;font-weight:600;color:var(--text)}
.analog-price{font-size:16px;font-weight:800;color:var(--accent);margin-top:4px}
.analog-meta{font-size:12px;color:var(--text-mute);margin-top:2px}

.import-pager{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:20px}
.import-pager .btn-logout{width:auto}
.import-card{background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:all .2s}
.import-card:hover{border-color:var(--accent)}
.import-img{height:170px;background-size:cover;background-position:center;background-color:var(--border)}
.import-noimg{display:flex;align-items:center;justify-content:center;font-size:40px}
.import-info{padding:14px}
.import-name{font-size:15px;font-weight:600;color:var(--text)}
.import-meta{font-size:12px;color:var(--text-mute);margin:4px 0}
.import-price{font-size:17px;font-weight:800;color:var(--accent)}
.import-country{font-size:11px;color:var(--text-mute);margin-top:4px}

.mycar-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:18px 20px;margin-bottom:14px}
.mycar-head{display:flex;align-items:center;gap:10px;font-size:16px;margin-bottom:8px;flex-wrap:wrap}
.mycar-spec{font-size:13px;color:var(--text-mute);margin-bottom:10px}
.mycar-est{font-size:15px;margin-bottom:12px;color:var(--text)}
.mycar-est strong{font-size:20px;color:var(--accent)}
.mycar-est-nodata{color:var(--text-mute);font-size:13px}
.mycar-actions{display:flex;flex-wrap:wrap;gap:8px}
.mycar-actions .btn-primary,.mycar-actions .btn-logout{width:auto;padding:9px 16px;font-size:13px}
.tradein-banner{background:var(--card);border:1px solid var(--accent);border-radius:12px;padding:14px 18px;margin-bottom:18px;color:var(--text);font-size:14px}

.earn-wallet{margin-bottom:24px}
.wallet-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.wallet-label{font-size:12px;color:var(--text-mute);text-transform:uppercase;letter-spacing:.5px}
.wallet-balance{font-size:36px;font-weight:800;color:var(--accent)}
.wallet-ref{font-size:14px;color:var(--text)}
.wallet-card .btn-primary{width:auto;padding:11px 22px}
.referral-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-bottom:24px}
.referral-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:8px}
.referral-card h3{font-size:16px;color:var(--text)}
.referral-card p{font-size:13px;color:var(--text-mute);flex:1;margin:0}
.referral-icon{font-size:30px}
.referral-bonus{font-size:20px;font-weight:800;color:var(--ok)}
.referral-card .btn-primary{width:auto;padding:10px 16px}

.buy-pay-types{display:flex;flex-direction:column;gap:8px}
.buy-pay{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text);cursor:pointer}
.val-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:600px){.val-grid{grid-template-columns:1fr}}

.ai-fab-pulse{width:10px;height:10px;border-radius:50%;background:#22c55e;flex-shrink:0;box-shadow:0 0 0 0 rgba(34,197,94,.7);animation:fabPulse 1.8s infinite}
@keyframes fabPulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.6)}70%{box-shadow:0 0 0 9px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
.ai-fab-text{display:flex;flex-direction:column;align-items:flex-start;gap:1px}
.ai-fab-label{font-size:14px;font-weight:800;color:#0B0E14;font-family:var(--font);white-space:nowrap;line-height:1.1}
.ai-fab-sub{font-size:10.5px;color:#0B0E14;opacity:.72;white-space:nowrap}

.btn-danger{border-color:var(--danger)!important;color:var(--danger)!important}

/* === Сравнение авто (Избранное) === */
.card-cmp{margin-top:8px;width:100%;background:transparent;border:1px dashed var(--border);color:var(--text-mute);border-radius:10px;font-family:var(--font);font-size:12px;padding:6px 10px;cursor:pointer;transition:border .2s,color .2s,background .2s}
.card-cmp:hover{border-color:var(--accent);color:var(--accent)}
.card-cmp.active{border-style:solid;border-color:var(--accent);color:var(--accent);background:rgba(63,169,255,.08)}
.cmp-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:10px 14px;margin-bottom:12px}
.cmp-bar #cmp-bar-text{color:var(--text-mute);font-size:13px}
.cmp-bar #cmp-go:disabled{opacity:.55;cursor:default}
.cmp-modal{position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:300;display:none;align-items:center;justify-content:center;padding:20px}
.cmp-box{background:var(--surface);border:1px solid var(--border);border-radius:16px;max-width:980px;width:100%;max-height:86vh;display:flex;flex-direction:column;overflow:hidden}
.cmp-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border);flex-shrink:0}
.cmp-head strong{font-size:15px;color:var(--text)}
.cmp-head button{background:none;border:none;color:var(--text-mute);font-size:22px;cursor:pointer;line-height:1;padding:0 4px}
.cmp-content{overflow:auto;padding:14px 18px}
.cmp-table{width:100%;border-collapse:collapse;font-size:13px;color:var(--text)}
.cmp-table th,.cmp-table td{border-bottom:1px solid var(--border);padding:8px 10px;text-align:left;vertical-align:top}
.cmp-label{color:var(--text-mute);width:130px;white-space:nowrap;font-size:12px}
.cmp-car img{width:100%;max-width:240px;border-radius:10px;display:block;margin-bottom:6px}
.cmp-noimg{width:100%;max-width:240px;height:130px;background:var(--border);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:34px;margin-bottom:6px}
.cmp-car-name{font-weight:600;margin-bottom:6px}
.cmp-open{background:transparent;border:1px solid var(--border);color:var(--accent);border-radius:9px;padding:5px 12px;font-family:var(--font);font-size:12px;cursor:pointer}
.cmp-open:hover{border-color:var(--accent)}
.cmp-better{color:#4CD97B;font-weight:600}
.cmp-hint{color:var(--text-mute);font-size:11.5px;margin-top:10px}
.cmp-nofill{color:var(--text-mute);font-style:italic}
.cmp-eq{margin-top:12px;border:1px solid var(--border);border-radius:10px;padding:8px 12px}
.cmp-eq summary{cursor:pointer;color:var(--accent);font-size:13px;padding:2px 0}
.cmp-eq-cols{display:flex;gap:16px;flex-wrap:wrap;margin-top:8px}
.cmp-eq-col{flex:1;min-width:240px}
.cmp-eq-title{font-size:12px;font-weight:600;color:var(--text);margin-bottom:4px}
.cmp-eq-list{font-size:12px;color:var(--text-mute);line-height:1.55}

/* ===== КАРТОЧКА АВТО ПОД ЗАКАЗ (расчёт под ключ) ===== */
.import-card{cursor:pointer;transition:transform .15s,border-color .15s;border:1px solid var(--border)}
.import-card:hover{transform:translateY(-2px);border-color:var(--accent)}
.import-more{margin-top:10px;font-size:12px;font-weight:600;color:var(--accent)}
.import-car-overlay{position:fixed;inset:0;background:rgba(0,0,0,.8);z-index:2000;display:none;align-items:flex-start;justify-content:center;padding:20px;overflow-y:auto}
.import-car-modal{background:var(--bg);border:1px solid var(--border);border-radius:14px;max-width:1000px;width:100%;position:relative;margin:auto}
.ic-close{position:absolute;top:12px;right:14px;background:var(--card);border:1px solid var(--border);color:var(--text);font-size:26px;width:38px;height:38px;border-radius:50%;cursor:pointer;line-height:1;z-index:5;transition:background .2s,color .2s}
.ic-close:hover{background:var(--surface);color:var(--accent)}
.ic-head{padding:20px 24px 16px;border-bottom:1px solid var(--border)}
.ic-head-title{font-family:var(--font-heading);font-size:20px;font-weight:600;color:var(--text)}
.ic-head-country{font-size:13px;color:var(--accent);margin-top:4px}
.ic-grid{display:flex;gap:22px;flex-wrap:wrap;padding:22px 24px}
.ic-left{flex:1 1 360px;min-width:300px}
.ic-right{flex:1 1 380px;min-width:300px;display:flex;flex-direction:column;gap:18px}
.ic-gallery{position:relative;background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden;margin-bottom:18px}
.ic-gallery-main{width:100%;padding-top:62%;position:relative;background:var(--surface)}
.ic-gallery-main img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ic-noimg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:40px}
.ic-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.5);color:#fff;border:none;width:36px;height:36px;border-radius:50%;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center}
.ic-nav:hover{background:rgba(0,0,0,.7)}
.ic-prev{left:10px}
.ic-next{right:10px}
.ic-counter{position:absolute;bottom:10px;right:14px;background:rgba(0,0,0,.55);color:#fff;font-size:11px;padding:3px 10px;border-radius:10px}
.ic-dots{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;gap:6px}
.ic-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.4);cursor:pointer}
.ic-dot.active{background:var(--accent)}
.ic-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.ic-pill{background:var(--card);border:1px solid var(--border);padding:5px 14px;border-radius:20px;font-size:13px;font-weight:600;color:var(--text-dim)}
.ic-pill-year{background:var(--surface);color:var(--text);border-color:var(--border)}
.ic-pill-engine{background:rgba(197,160,89,.1);color:var(--accent);border-color:rgba(197,160,89,.25)}
.ic-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:20px 22px}
.ic-card h3{font-size:13px;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.5px;margin-bottom:14px}
.ic-table{width:100%;border-collapse:collapse}
.ic-table td{padding:9px 12px;font-size:13px;border-bottom:1px solid var(--border)}
.ic-table tr:last-child td{border-bottom:none}
.ic-table td:first-child{color:var(--text-mute);width:46%}
.ic-table td:last-child{color:var(--text);font-weight:600}
.ic-cost-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:7px 0;font-size:14px}
.ic-cost-label{color:var(--text-dim);flex:1}
.ic-cost-value{font-weight:600;color:var(--text);white-space:nowrap;text-align:right}
.ic-cost-divider{height:1px;background:var(--border);margin:6px 0}
.ic-cost-divider-accent{height:2px;background:var(--accent);margin:10px 0}
.ic-cost-agent .ic-cost-value{color:var(--text-mute);font-size:13px}
.ic-cost-total .ic-cost-label{font-size:16px;font-weight:700;color:var(--text)}
.ic-cost-total .ic-cost-value{font-size:22px;font-weight:700;color:var(--accent)}
.ic-disclaimer{margin-top:12px;padding:10px 14px;background:rgba(197,160,89,.07);border:1px solid rgba(197,160,89,.18);border-radius:8px;font-size:11px;color:var(--text-mute);line-height:1.5}
.ic-credit .ic-credit-badge{display:inline-flex;background:var(--accent);color:var(--bg);font-size:11px;font-weight:700;padding:5px 12px;border-radius:20px;margin-bottom:16px}
.ic-field{margin-bottom:16px}
.ic-field>label{display:block;font-size:11px;font-weight:700;color:var(--text-mute);text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px}
.ic-field input[type=text],.ic-field input[type=tel],.ic-field textarea{width:100%;padding:11px 14px;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:14px;font-family:var(--font);outline:none;resize:vertical;transition:border .2s}
.ic-field input:focus,.ic-field textarea:focus{border-color:var(--accent)}
.ic-field-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.ic-field-label span{font-size:11px;font-weight:600;color:var(--text-mute);text-transform:uppercase;letter-spacing:.3px}
.ic-field-label small{font-size:12px;color:var(--accent)}
.ic-range{-webkit-appearance:none;appearance:none;width:100%;height:5px;background:var(--border);border-radius:3px;outline:none;margin-top:4px;cursor:pointer}
.ic-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:var(--accent);border-radius:50%;cursor:pointer}
.ic-credit-results{margin-top:18px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px 16px}
.ic-credit-row{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid var(--border);font-size:13px}
.ic-credit-row:last-child{border-bottom:none}
.ic-credit-row span{color:var(--text-mute)}
.ic-credit-row b{font-size:16px;color:var(--accent)}
.ic-form-sub{font-size:13px;color:var(--text-mute);margin-bottom:16px}
.ic-form-msg{margin-top:12px;padding:10px 14px;border-radius:8px;font-size:13px;display:none}
.ic-form-msg.ok{display:block;background:rgba(34,197,94,.12);color:#4ade80}
.ic-form-msg.err{display:block;background:rgba(239,68,68,.12);color:#f87171}
.ic-submit{display:block;width:100%;margin-top:14px;background:var(--accent);color:var(--bg);border:none;padding:13px;border-radius:10px;font-size:14px;font-weight:700;font-family:var(--font);cursor:pointer;text-align:center;text-decoration:none;transition:background .2s}
.ic-submit:hover{background:var(--accent-hover)}
.ic-submit:disabled{opacity:.6;cursor:not-allowed}
.ic-phone{text-align:center;margin-top:14px;padding-top:14px;border-top:1px solid var(--border);font-size:13px;color:var(--text-mute)}
.ic-phone a{font-size:16px;font-weight:700;color:var(--accent);text-decoration:none}
.ic-phone a:hover{text-decoration:underline}
@media(max-width:680px){.ic-head{padding:16px 18px 12px}.ic-grid{padding:16px 18px;gap:16px}.ic-left,.ic-right{flex:1 1 100%;min-width:100%}.ic-card{padding:16px 18px}.ic-cost-total .ic-cost-value{font-size:18px}}