:root{--bg:#0f1115;--surface:#171a21;--border:#262b36;--text:#e8eaed;--muted:#9aa0a6;--accent:#2f7bf6;--danger:#e5484d;--radius:12px;--input-bg:#0b0d12;--card-inner:#12151c;--hover:#1c2130;--accent-soft:#2f7bf629;--shadow:none;--yandex:#fc3f1d;--vk:#07f;--max-grad:linear-gradient(90deg, #07f 0%, #7b2fff 100%);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}[data-theme=light]{--bg:#eef0f3;--surface:#fff;--border:#d9dce1;--text:#17181c;--muted:#6b7280;--input-bg:#f4f5f7;--card-inner:#f7f8fa;--hover:#eceef2;--accent-soft:#2f7bf61a;--danger:#d3383d;--shadow:0 1px 2px #1018280f, 0 10px 30px #10182814;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--bg);min-height:100dvh;color:var(--text);margin:0;transition:background .2s,color .2s}.page{max-width:480px;margin:0 auto;padding:24px 16px 48px}.page--auth{min-height:100dvh;padding-top:calc(24px + env(safe-area-inset-top,0px));flex-direction:column;justify-content:center;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}h1{margin:0 0 16px;font-size:22px}.field{margin-bottom:12px}.field label{color:var(--muted);margin-bottom:4px;font-size:13px;display:block}.field input{border:1px solid var(--border);background:var(--input-bg);width:100%;color:var(--text);border-radius:8px;padding:10px 12px;font-size:15px}.field input:focus{outline:2px solid var(--accent);border-color:#0000}.btn{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:8px;width:100%;padding:12px;font-size:15px;font-weight:600}.btn:disabled{opacity:.6;cursor:default}.btn.secondary{border:1px solid var(--border);color:var(--muted);background:0 0;font-weight:500;transition:background-color .15s,border-color .15s,color .15s,transform 50ms}.btn.secondary:hover,.btn.secondary:focus-visible{background:var(--hover);border-color:var(--muted);color:var(--text)}.btn.secondary:active{transform:translateY(1px)}.error{color:var(--danger);margin:8px 0;font-size:14px}.muted{color:var(--muted);font-size:14px}.row{justify-content:space-between;align-items:center;gap:8px;display:flex}.tabs{background:var(--input-bg);border-radius:10px;gap:4px;margin-bottom:16px;padding:4px;display:flex}.tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:1;padding:9px;font-size:14px;font-weight:600}.tabs button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.kv{grid-template-columns:110px 1fr;gap:6px 12px;font-size:15px;display:grid}.kv dt{color:var(--muted)}.kv dd{margin:0}.balance{margin:8px 0;font-size:40px;font-weight:700}.history-list{flex-direction:column;gap:12px;margin-top:8px;display:flex}.history-row{border-bottom:1px solid var(--border);padding:12px 0}.history-row:last-child{border-bottom:0}.history-main{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.history-summary{font-weight:500}.history-amount{white-space:nowrap;font-weight:600}.history-date{color:var(--muted);font-size:13px}.layout{min-height:100vh;display:flex}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:232px;height:100vh;display:flex;position:sticky;top:0}.brand{letter-spacing:.3px;align-items:center;gap:10px;padding:20px 16px;font-size:18px;font-weight:700;display:flex}.brand,.brand:visited,.brand:hover{color:var(--text);text-decoration:none}.brand-logo{color:var(--accent);display:inline-flex}.nav{flex-direction:column;flex:1;gap:4px;padding:8px;display:flex}.nav-item{width:100%;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;text-decoration:none;display:flex}.nav-item:hover{background:var(--hover);color:var(--text)}.nav-item.active{background:var(--accent-soft);color:var(--accent)}.sidebar-footer{border-top:1px solid var(--border);padding:12px}.content{flex:1;padding:24px}.content .page{max-width:640px;margin:0;padding:0 0 48px}.bottomnav{display:none}@media (width<=768px){.sidebar{display:none}.bottomnav{background:var(--surface);border-top:1px solid var(--border);padding:6px 4px calc(6px + env(safe-area-inset-bottom));z-index:20;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.bottomnav .nav-item{flex-direction:column;gap:3px;width:auto;padding:6px 10px;font-size:11px}.content{padding:16px 16px 84px}.content .page{padding-bottom:0}}.nav-badge{background:var(--accent-soft);color:var(--accent);border-radius:10px;margin-left:auto;padding:2px 8px;font-size:12px;font-weight:600}.bottomnav .nav-item{position:relative;overflow:visible}.bottomnav .nav-badge{z-index:1;margin-left:3px;padding:1px 5px;font-size:10px;position:absolute;top:4px;left:50%}.public-page{flex-direction:column;display:flex}.public-header{padding:calc(16px + env(safe-area-inset-top,0px)) 20px 16px;background:var(--surface);border-bottom:1px solid var(--border);z-index:15;align-items:center;gap:10px;display:flex;position:sticky;top:0}.public-title{flex:1;font-size:16px;font-weight:700}.public-cabinet-btn{width:auto;padding:8px 14px;text-decoration:none}.catalog-form{gap:8px;display:flex}.catalog-form input{border:1px solid var(--border);background:var(--input-bg);color:var(--text);border-radius:8px;flex:1;padding:10px 12px;font-size:15px}.catalog-form input:focus{outline:2px solid var(--accent);border-color:#0000}.brand-pills{flex-wrap:wrap;gap:8px;margin:10px 0;display:flex}.brand-pill{border:1px solid var(--accent);color:var(--accent);cursor:pointer;background:0 0;border-radius:20px;padding:8px 16px;font-size:14px;font-weight:600}.brand-pill:hover,.brand-pill.active{background:var(--accent);color:#fff}.stock-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--card-inner);margin-top:12px;padding:14px}.stock-card-title{text-transform:uppercase;letter-spacing:.4px;color:var(--accent);margin-bottom:10px;font-size:13px;font-weight:700}.stock-row{border-bottom:1px solid var(--border);justify-content:space-between;gap:12px;padding:8px 0;display:flex}.stock-row:last-child{border-bottom:0}.stock-row-main{flex-direction:column;gap:2px;min-width:0;display:flex}.stock-name{font-size:14px}.stock-meta{color:var(--muted);font-size:12px}.stock-row-side{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;display:flex}.stock-qty{color:var(--muted);font-size:13px}.stock-price{font-weight:600}.stock-related{background:var(--input-bg);border-radius:8px;margin-top:10px;padding:10px 12px}.stock-related-title{text-transform:uppercase;color:var(--muted);margin-bottom:4px;font-size:12px;font-weight:600}@media (width<=640px){.stock-row{flex-direction:column;gap:4px}.stock-row-side{flex-direction:row;justify-content:space-between;align-items:baseline;width:100%}.catalog-form{flex-direction:column}.catalog-form button{width:100%}}.hero{text-align:center;padding:40px 0 8px}.hero-title{margin:0 0 8px;font-size:28px}.hero-subtitle{color:var(--muted);max-width:520px;margin:0 auto 20px;font-size:15px}.stock-related--main{margin-top:0}.page.page-wide{width:100%;max-width:1100px}@media (width>=641px){.stock-row{grid-template-columns:minmax(240px,1.3fr) minmax(180px,1fr) 110px 100px;align-items:baseline;gap:16px;display:grid}.stock-row-main,.stock-row-side{display:contents}.stock-qty,.stock-price{text-align:right}.stock-row--head{color:var(--muted);text-transform:uppercase;letter-spacing:.4px;padding-bottom:6px;font-size:12px;font-weight:600}.stock-row--head span:nth-child(3),.stock-row--head span:nth-child(4){text-align:right}}@media (width<=640px){.stock-row--head{display:none}}.page-wide .tabs{background:0 0;gap:8px;padding:0;display:inline-flex}.page-wide .tabs button{border:1px solid var(--border);background:var(--surface);flex:none;padding:8px 28px}.page-wide .tabs button.active{background:var(--accent);color:#fff;box-shadow:none}@media (width<=640px){.page-wide .tabs{flex-wrap:wrap;width:100%;display:flex}.page-wide .tabs button{flex:auto;min-width:0;padding:8px 12px;font-size:13px}}.cars-list{flex-direction:column;gap:10px;margin-top:8px;display:flex}.car-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--card-inner);justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.car-card-main{flex-direction:column;gap:2px;min-width:0;display:flex}.car-vin{letter-spacing:.5px;font-weight:600}.car-meta{color:var(--muted);font-size:12px}.car-delete{flex-shrink:0;width:auto;padding:8px 14px;font-size:13px}.car-vin-row{align-items:center;gap:8px;display:flex}.car-copy{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:2px 6px;font-size:14px}.car-copy:hover{color:var(--text);background:var(--hover)}.car-actions{flex-shrink:0;gap:8px;display:flex}@media (width<=640px){.car-card{flex-direction:column;align-items:stretch}.car-delete,.car-actions{width:100%}.car-actions .car-delete{flex:1}.bottomnav .nav-item{padding:6px;font-size:10px}}.car-delete--confirm,.btn.secondary.car-delete--confirm{border-color:var(--danger);color:var(--danger)}.auth-head{align-items:center;gap:12px;margin-bottom:16px;display:flex}.auth-logo{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.auth-logo img{object-fit:contain;width:100%;height:100%}.auth-head h1{margin:0;font-size:20px}.auth-sub{margin:2px 0 0;font-size:13px}.consent-row{color:var(--muted);cursor:pointer;align-items:flex-start;gap:8px;margin:4px 0 12px;font-size:13px;display:flex}.consent-row input{accent-color:var(--accent);margin-top:2px}.oauth-block{margin-top:18px}.oauth-divider{color:var(--muted);align-items:center;gap:12px;margin:0 0 12px;font-size:12px;display:flex}.oauth-divider:before,.oauth-divider:after{content:"";background:var(--border);flex:1;height:1px}.oauth-btn{border:1px solid var(--border);width:100%;color:var(--text);cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:10px;margin-top:8px;padding:12px;font-size:15px;font-weight:600;text-decoration:none;transition:background-color .15s,border-color .15s,transform 50ms;display:flex}.oauth-btn:active{transform:translateY(1px)}.oauth-btn--yandex:hover,.oauth-btn--yandex:focus-visible{border-color:var(--yandex);background:#fc3f1d1f}.oauth-btn--vk:hover,.oauth-btn--vk:focus-visible{border-color:var(--vk);background:#0077ff1f}.oauth-btn--max:hover,.oauth-btn--max:focus-visible{background:#7b2fff24;border-color:#7b2fff}.oauth-logo{background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:13px;font-weight:800;display:flex}.oauth-logo--y{color:var(--yandex)}.oauth-logo--m{color:#6a2bf5}.oauth-logo--v{color:#07f}.oauth-ico-chip{background:var(--vk);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:3px;display:inline-flex}.theme-switch-btn{border:1px solid var(--border);background:var(--surface);width:38px;height:38px;color:var(--muted);cursor:pointer;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.theme-switch-btn:hover{color:var(--text)}@media (width<=768px){.theme-switch-btn{display:none}}.theme-switch--float{right:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:60;border:1px solid var(--border);background:var(--surface);width:42px;height:42px;color:var(--muted);cursor:pointer;box-shadow:var(--shadow);border-radius:50%;justify-content:center;align-items:center;display:none;position:fixed}.theme-switch--float:hover{color:var(--text)}@media (width<=768px){.theme-switch--float{display:flex}.theme-switch--float-nav{bottom:calc(70px + env(safe-area-inset-bottom))}}.theme-toggle-row{justify-content:flex-start}.theme-switch-pill{background:var(--border);border-radius:9px;flex-shrink:0;width:34px;height:18px;margin-left:auto;transition:background .2s;position:relative}.theme-switch-pill.on{background:var(--accent)}.theme-switch-knob{background:#fff;border-radius:50%;width:14px;height:14px;transition:left .2s;position:absolute;top:2px;left:2px}.theme-switch-pill.on .theme-switch-knob{left:18px}.pass-row{gap:8px;display:flex}.pass-row input{flex:1}.pass-eye{border:1px solid var(--border);background:var(--input-bg);width:44px;color:var(--muted);cursor:pointer;border-radius:8px;flex-shrink:0;font-size:16px}.auth-back{width:auto;margin-bottom:12px;padding:8px 14px;font-size:13px;text-decoration:none;display:inline-block}.max-card{text-align:center;max-width:420px;margin:40px auto;padding:32px 24px}.max-logo{justify-content:center;align-items:center;gap:12px;margin-bottom:32px;display:flex}.max-logo-icon{background:var(--accent);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;font-weight:700;display:flex}.max-logo-text{color:var(--text);font-size:28px;font-weight:700}.max-status{flex-direction:column;align-items:center;gap:16px;margin-bottom:24px;display:flex}.max-status h2{color:var(--text);margin:0;font-size:20px;font-weight:600}.max-spinner{border:4px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:48px;height:48px;animation:1s linear infinite max-spin}@keyframes max-spin{to{transform:rotate(360deg)}}.max-pulse{background:var(--accent);border-radius:50%;width:48px;height:48px;animation:1.5s ease-in-out infinite max-pulse}@keyframes max-pulse{0%,to{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.max-icon{font-size:48px;line-height:1}.max-hint{margin-bottom:24px;font-size:15px}.max-fallback,.max-qr{background:var(--card-inner);border-radius:8px;margin:24px 0;padding:16px}.max-qr-img{background:#fff;border-radius:8px;width:200px;height:200px;margin:16px auto;padding:8px;display:block}.max-cancel{width:100%;margin-top:16px}[data-theme=light] .max-qr-img{background:#fff}[data-theme=light] .max-fallback,[data-theme=light] .max-qr{background:#0000000d}.site-footer{background:var(--surface);border-top:1px solid var(--border);color:var(--muted);margin-top:auto;padding:32px 20px 20px;font-size:13px}.footer-inner{grid-template-columns:1.4fr 1fr 1fr;gap:24px;max-width:1100px;margin:0 auto;display:grid}.footer-logo{color:var(--text);margin-bottom:8px;font-size:18px;font-weight:700;display:block}.footer-title{color:var(--text);margin-bottom:8px;font-weight:600;display:block}.footer-col p{margin:4px 0}.footer-col a{color:var(--muted);margin:4px 0;text-decoration:none;display:block}.footer-col a:hover{color:var(--text)}.footer-bottom{border-top:1px solid var(--border);text-align:center;max-width:1100px;margin:24px auto 0;padding-top:16px}@media (width<=768px){.footer-inner{grid-template-columns:1fr;gap:16px}}.public-brand{color:inherit;flex:1;align-items:center;gap:10px;text-decoration:none;display:flex}.bonus-qr{text-align:center;margin-top:16px}.bonus-qr img{background:#fff;border-radius:12px;width:220px;height:220px;margin:12px auto;padding:10px;display:block}.password-card{margin-top:16px}.layout{min-height:100dvh;padding-top:env(safe-area-inset-top,0px)}.public-page{min-height:100dvh}.bottomnav{padding-bottom:calc(6px + env(safe-area-inset-bottom,0px))}.content{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}@media (width<=600px){input,select,textarea{font-size:16px}}.nav-item:active{opacity:.7;transform:scale(.98)}@media (width<=900px){.layout{flex-direction:column;min-height:100dvh;display:flex}.content{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px));flex:auto}.bottomnav{padding-bottom:calc(6px + env(safe-area-inset-bottom,0px));flex:none;position:fixed}}.nav-item,.btn{touch-action:manipulation}