:root{--bg-primary: #101012;--bg-secondary: #161618;--bg-card: rgba(255, 255, 255, .045);--bg-card-hover: rgba(255, 255, 255, .08);--bg-input: rgba(255, 255, 255, .055);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .84);--text-muted: rgba(255, 255, 255, .62);--accent: #ff4d5e;--accent-light: #ff8a94;--accent-dark: #c9182f;--accent-2: #ff8a3d;--accent-gradient: linear-gradient(135deg, #ff4d5e 0%, #ff7a36 100%);--accent-gradient-hover: linear-gradient(135deg, #ff2d42 0%, #ff6a1f 100%);--glass-gradient: linear-gradient(135deg, rgba(255,255,255,.12) 0%, rgba(255,255,255,.02) 60%);--iris-gradient: linear-gradient(135deg, #e6355a 0%, #ff7a36 100%);--success: #7ed957;--danger: #ff4d5e;--warning: #ffc857;--price-color: #ffffff;--old-price-color: #6d6d6a;--border: rgba(255, 255, 255, .08);--border-light: rgba(255, 255, 255, .15);--glass-blur: blur(36px) saturate(1.8);--shadow: 0 14px 44px rgba(0, 0, 0, .5);--shadow-sm: 0 4px 18px rgba(0, 0, 0, .38);--glow-accent: 0 8px 28px rgba(255, 77, 94, .32);--radius: 22px;--radius-sm: 16px;--radius-xs: 10px;--radius-pill: 999px;--lg-bg: linear-gradient(160deg, rgba(255, 255, 255, .11) 0%, rgba(255, 255, 255, .025) 55%), rgba(21, 21, 25, .68);--lg-border: rgba(255, 255, 255, .22);--lg-blur: blur(30px) saturate(1.6) brightness(1.02);--lg-shadow: 0 16px 44px rgba(0, 0, 0, .5), inset 0 1px 0 rgba(255, 255, 255, .5), inset 0 0 0 .5px rgba(255, 255, 255, .1), inset 0 -1px 0 rgba(0, 0, 0, .24)}.ambient-video{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-3;pointer-events:none}.ambient-video-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse 120% 80% at 50% 40%,#00000059,#0000009e),linear-gradient(180deg,#00000073,#0000004d 40%,#0009)}.intro-video{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:9999;background:#0d0d0d}.app.admin-mode .ambient-video{display:none}.app.admin-mode .ambient-video-scrim{background:radial-gradient(ellipse 120% 90% at 50% 0%,#17171b,#0c0c0e 60%,#070708)}*{margin:0;padding:0;box-sizing:border-box}html{background:var(--bg-primary)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overflow-x:hidden}.app{position:relative;min-height:100vh;max-width:100vw;overflow-x:hidden;isolation:isolate}.app:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse 130% 60% at 50% -12%,rgba(255,77,94,.1) 0%,transparent 58%),radial-gradient(ellipse 120% 90% at 50% 115%,rgba(0,0,0,.55) 0%,transparent 55%)}.app:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:140px 140px}.ambient-wheel{position:fixed;top:50%;right:0;height:100vh;height:100dvh;aspect-ratio:1;transform:translate(50%,-50%);z-index:0;pointer-events:none}.ambient-wheel:before{content:"";position:absolute;top:4%;right:4%;bottom:4%;left:4%;border-radius:50%;background:radial-gradient(circle at 40% 34%,#ffdcc3f2,#ffdcc300 8%),radial-gradient(circle at 40% 34%,rgba(255,140,110,.6) 0%,rgba(255,110,90,.3) 20%,transparent 38%),radial-gradient(circle at 38% 32%,rgba(255,77,94,.34) 0%,rgba(255,77,94,.1) 46%,transparent 66%),radial-gradient(circle at 62% 68%,rgba(255,77,94,.06) 0%,transparent 55%);filter:blur(26px);animation:wheelGlowPulse 9s ease-in-out infinite}@keyframes wheelGlowPulse{0%,to{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.03)}}.ambient-wheel img{position:relative;width:100%;height:100%;object-fit:contain;filter:blur(3px) brightness(1.05) contrast(1.08) saturate(.85) drop-shadow(-2px -3px 4px rgba(255,222,200,.6)) drop-shadow(-6px -9px 18px rgba(255,130,100,.45)) drop-shadow(-10px -16px 40px rgba(255,77,94,.3));opacity:.92;animation:wheelSpin 80s linear infinite;will-change:transform;-webkit-user-select:none;user-select:none}@keyframes wheelSpin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.ambient-wheel img{animation:none}.ambient-wheel:before{animation:none}}.page{position:relative;z-index:1;padding:16px 16px 110px;min-height:100vh}.glass{position:relative;background:var(--lg-bg);border:1px solid var(--lg-border);border-radius:var(--radius);backdrop-filter:var(--lg-blur);-webkit-backdrop-filter:var(--lg-blur);box-shadow:var(--lg-shadow)}.top-header{display:flex;align-items:center;justify-content:space-between;padding:6px 2px 18px}.top-logo{display:flex;align-items:center}.top-logo-img{height:32px;width:auto;filter:brightness(0) invert(1);object-fit:contain}.top-header-right{display:flex;align-items:center;gap:8px}.top-greeting{font-size:12px;color:var(--text-secondary);text-align:right}.top-greeting strong{display:block;color:var(--text-primary);font-size:14px;font-weight:700;background:var(--iris-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.bonus-card{position:relative;border-radius:24px;overflow:hidden;margin-bottom:18px;padding:20px;background:var(--lg-bg);border:1px solid var(--lg-border);backdrop-filter:var(--lg-blur);-webkit-backdrop-filter:var(--lg-blur);box-shadow:var(--lg-shadow);display:flex;flex-direction:column;gap:14px}.bonus-card-sheen{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.06) 50%,transparent 65%);background-size:300% 300%;animation:sheenSweep 6s ease-in-out infinite;pointer-events:none}@keyframes sheenSweep{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.bonus-card-top{display:flex;justify-content:space-between;align-items:center}.bonus-card-logo{height:20px;width:auto;filter:brightness(0) invert(1);opacity:.95}.bonus-card-badge{display:flex;align-items:center;gap:5px;padding:5px 12px;background:linear-gradient(135deg,#ffd16624,#ffffff0d);border:1px solid rgba(255,209,102,.3);border-radius:var(--radius-pill);color:#ffd166;font-size:9.5px;font-weight:700;letter-spacing:2px}.bonus-card-main{display:flex;justify-content:space-between;align-items:stretch;gap:14px}.bonus-card-left{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:10px}.bonus-card-number{font-size:21px;font-weight:600;color:#fffffff2;letter-spacing:4px;font-family:SF Mono,Menlo,Courier New,monospace}.bonus-card-holder{display:flex;flex-direction:column}.bonus-card-holder-label{font-size:9px;color:#ffffff59;letter-spacing:1.2px;text-transform:uppercase;font-weight:600}.bonus-card-holder-name{font-size:14px;font-weight:600;color:#ffffffeb;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bonus-card-stats{display:flex;align-items:center;gap:14px}.bonus-card-stat{display:flex;flex-direction:column}.bonus-card-stat b{font-size:18px;font-weight:800;background:linear-gradient(135deg,#ff8aa3,#ff9d5c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1.15}.bonus-card-stat span{font-size:9.5px;color:#fff6;text-transform:uppercase;letter-spacing:.8px}.bonus-card-stat-divider{width:1px;height:26px;background:#ffffff1f}.bonus-card-qr{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:none;cursor:pointer;padding:0;align-self:center}.bonus-card-qr-box{display:flex;padding:7px;background:#fff;border-radius:14px;box-shadow:0 6px 20px #0006;transition:transform .2s}.bonus-card-qr:active .bonus-card-qr-box{transform:scale(.94)}.bonus-card-qr-hint{display:flex;align-items:center;gap:3px;font-size:9.5px;font-weight:600;color:#ffffff73;text-transform:uppercase;letter-spacing:.6px}.bonus-card-progress{position:relative;z-index:1}.bonus-card-progress-bar{height:5px;background:#ffffff17;border-radius:5px;overflow:hidden}.bonus-card-progress-fill{height:100%;background:var(--accent-gradient);border-radius:5px;transition:width .6s ease}.bonus-card-progress-text{display:block;font-size:10.5px;color:#ffffff73;margin-top:6px}.qr-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#040408d1;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;padding:24px}.qr-modal{position:relative;width:100%;max-width:330px;background:linear-gradient(160deg,#1c1c26,#111118);border:1px solid rgba(255,255,255,.14);border-radius:28px;padding:28px 24px;text-align:center;box-shadow:0 24px 80px #000000b3}.qr-modal-close{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:50%;background:#ffffff12;border:1px solid rgba(255,255,255,.12);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer}.qr-modal h3{font-size:17px;font-weight:700;margin-bottom:18px}.qr-modal-code{display:inline-flex;padding:14px;background:#fff;border-radius:20px;margin-bottom:14px;box-shadow:0 10px 34px #0006}.qr-modal-number{display:block;font-size:19px;font-weight:600;letter-spacing:4px;font-family:SF Mono,Menlo,Courier New,monospace;margin-bottom:10px}.qr-modal p{font-size:12.5px;color:var(--text-secondary);line-height:1.5;max-width:240px;margin:0 auto}.bonus-info-toggle{display:flex;align-items:center;gap:6px;margin-top:6px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-pill);padding:6px 12px;color:#ffffffa6;font-size:11px;font-weight:600;cursor:pointer;align-self:flex-start;transition:all .2s}.bonus-info-toggle:active{background:#ffffff1f}.bonus-info-panel{margin-top:4px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:8px}.bonus-info-row{display:flex;justify-content:space-between;align-items:baseline;font-size:12px;color:#ffffff8c}.bonus-info-row b{color:#ffffffe6;font-weight:700}.register-page{position:relative;z-index:1;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.register-container{width:100%;max-width:400px;text-align:center}.register-logo{margin-bottom:24px}.register-logo img{height:48px;width:auto;filter:brightness(0) invert(1)}.register-container h1{font-size:24px;font-weight:800;margin-bottom:8px;letter-spacing:-.5px}.register-subtitle{font-size:14px;color:var(--text-secondary);margin-bottom:28px;line-height:1.5}.register-form{display:flex;flex-direction:column;gap:16px;text-align:left}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:13px;font-weight:600;color:var(--text-secondary)}.form-group input,.form-group select{width:100%;padding:14px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:15px;outline:none;transition:border-color .2s;font-family:inherit;-webkit-appearance:none;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.form-group input:focus,.form-group select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ff4d6d26}.form-group input::placeholder{color:var(--text-muted)}.date-selects{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:8px}.date-selects select{padding:14px 10px;font-size:14px}.register-error{background:#ff4d6d1f;border:1px solid rgba(255,77,109,.3);border-radius:var(--radius-xs);padding:10px 14px;color:var(--accent-light);font-size:13px;text-align:center}.register-btn{width:100%;padding:16px;background:var(--accent-gradient);border:none;border-radius:var(--radius-sm);color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:var(--glow-accent);margin-top:8px}.register-btn:active:not(:disabled){transform:scale(.97)}.register-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.loading-page{display:flex;align-items:center;justify-content:center;min-height:60vh}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);height:220px;animation:shimmer 1.5s infinite;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}@keyframes shimmer{0%{opacity:.4}50%{opacity:.7}to{opacity:.4}}.loading-grid{display:flex;gap:12px;overflow:hidden}.loading-grid .skeleton-card{min-width:160px;flex-shrink:0}.hero{position:relative;border-radius:var(--radius);overflow:hidden;margin-bottom:20px;padding:36px 24px;background:var(--accent-gradient);box-shadow:var(--glow-accent)}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 85% 50%,rgba(255,255,255,.12) 0%,transparent 60%);opacity:.8}.hero-content{position:relative;z-index:1}.hero-content h1{font-size:26px;font-weight:800;color:#fff;display:flex;align-items:center;gap:10px;margin-bottom:6px;letter-spacing:-.5px}.hero-icon{animation:rotate 10s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}.hero-content p{color:#ffffffd9;font-size:13px}.fitting-promo-card{position:relative;border-radius:var(--radius);overflow:hidden;margin-bottom:20px;padding:22px;background:var(--lg-bg);border:1px solid var(--lg-border);backdrop-filter:var(--lg-blur);-webkit-backdrop-filter:var(--lg-blur);box-shadow:var(--lg-shadow);cursor:pointer;display:flex;align-items:center;gap:16px;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s;box-shadow:var(--shadow-sm)}.fitting-promo-card:active{transform:scale(.97)}.fitting-promo-icon{flex-shrink:0;width:60px;height:60px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:var(--iris-gradient);color:#fff;box-shadow:0 8px 24px #ff4d5e4d;position:relative;overflow:hidden}.fitting-promo-icon svg{animation:floatIcon 3s ease-in-out infinite}@keyframes floatIcon{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(6deg)}}.fitting-promo-text{flex:1;min-width:0}.fitting-promo-text strong{display:block;font-size:16px;font-weight:800;margin-bottom:3px;letter-spacing:-.2px}.fitting-promo-text p{font-size:12.5px;color:var(--text-secondary);line-height:1.4}.fitting-promo-badge{display:inline-flex;align-items:center;gap:4px;margin-top:6px;padding:3px 9px;border-radius:var(--radius-pill);background:#2ee6a824;border:1px solid rgba(46,230,168,.3);color:var(--success);font-size:10px;font-weight:700}.fitting-promo-arrow{flex-shrink:0;color:var(--text-muted)}.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px}.action-card{position:relative;background:var(--lg-bg);border:1px solid var(--lg-border);backdrop-filter:var(--lg-blur);-webkit-backdrop-filter:var(--lg-blur);box-shadow:var(--lg-shadow);border-radius:var(--radius);padding:16px 8px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:all .25s cubic-bezier(.34,1.56,.64,1);color:var(--text-primary);font-size:11px;font-weight:600;letter-spacing:.2px;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);overflow:hidden}.action-card:active{transform:scale(.93);background:var(--bg-card-hover)}.action-icon{width:48px;height:48px;border-radius:15px;display:flex;align-items:center;justify-content:center;color:#ffffffeb;background:linear-gradient(160deg,#ffffff24,#ffffff0d);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);box-shadow:inset 0 1px #ffffff38,0 6px 18px #0000004d}.action-icon.wheels,.action-icon.tires,.action-icon.search,.action-icon.fitting{background:linear-gradient(160deg,#ffffff24,#ffffff0d)}.promo-banner{position:relative;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius);padding:16px 20px;display:flex;align-items:center;gap:12px;margin-bottom:24px;cursor:pointer;transition:all .2s;color:var(--text-primary);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);overflow:hidden}.promo-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 20%,rgba(255,77,109,.08) 50%,transparent 80%)}.promo-banner:active{transform:scale(.98);border-color:var(--accent-light)}.promo-banner svg{color:var(--accent);flex-shrink:0;z-index:1}.promo-banner strong{display:block;font-size:14px;color:var(--accent-light);z-index:1}.promo-banner p{font-size:12px;opacity:.7;margin-top:2px;z-index:1}.promo-banner .arrow{margin-left:auto;font-size:20px;font-weight:700;color:var(--accent);z-index:1}.section{margin-bottom:24px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.section-header h2{font-size:18px;font-weight:700}.section-header h3,.section h3{font-size:16px;font-weight:600;margin-bottom:12px}.see-all{background:none;border:none;color:var(--accent);font-size:13px;font-weight:600;cursor:pointer}.products-scroll{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.products-scroll::-webkit-scrollbar{display:none}.products-scroll .product-card{min-width:170px;max-width:170px;scroll-snap-align:start;flex-shrink:0}.products-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.product-card{position:relative;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;cursor:pointer;transition:all .25s cubic-bezier(.34,1.56,.64,1);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.product-card:active{transform:scale(.96)}.product-card:hover{border-color:var(--border-light);box-shadow:var(--shadow-sm)}.card-image{position:relative;aspect-ratio:1;overflow:hidden;background:linear-gradient(135deg,#14141c,#0a0a10)}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.product-card:hover .card-image img{transform:scale(1.06)}.card-discount{position:absolute;top:8px;left:8px;background:var(--accent-gradient);color:#fff;padding:3px 9px;border-radius:var(--radius-pill);font-size:11px;font-weight:700;box-shadow:0 4px 12px #ff4d6d66}.card-out{position:absolute;bottom:0;left:0;right:0;background:#06060ad9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--text-secondary);padding:6px;font-size:11px;text-align:center}.card-body{padding:12px}.card-brand{font-size:10px;color:var(--accent-light);font-weight:700;text-transform:uppercase;letter-spacing:.8px}.card-name{font-size:13px;font-weight:600;margin:4px 0 6px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-specs{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.card-specs span{background:#ff4d6d1a;border:1px solid rgba(255,77,109,.18);padding:2px 7px;border-radius:6px;font-size:10px;color:var(--text-secondary);font-weight:500}.card-price{display:flex;align-items:baseline;gap:6px}.card-price .price{font-size:15px;font-weight:700;color:var(--price-color)}.card-price .old-price{font-size:11px;color:var(--old-price-color);text-decoration:line-through}.compact .card-body{padding:10px}.compact .card-name{font-size:12px}.catalog-header{margin-bottom:16px;display:flex;align-items:baseline;flex-wrap:wrap;gap:4px}.catalog-header h1{font-size:24px;font-weight:800;letter-spacing:-.5px;display:flex;align-items:center;gap:8px}.catalog-subtitle{width:100%;font-size:12.5px;color:var(--text-secondary);margin-top:2px}.catalog-tabs{display:flex;gap:8px}.tab{padding:8px 22px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.tab.active{background:var(--accent-gradient);color:#fff;border-color:transparent;box-shadow:var(--glow-accent)}.search-bar{position:relative;margin-bottom:12px}.search-bar input{width:100%;padding:13px 16px 13px 42px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-primary);font-size:14px;outline:none;transition:border-color .2s;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.search-bar input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ff4d6d24}.search-bar input::placeholder{color:var(--text-muted)}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.clear-search{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer}.filter-bar{display:flex;align-items:center;gap:8px;margin-bottom:16px}.filter-toggle{display:flex;align-items:center;gap:6px;padding:9px 15px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .2s;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.filter-toggle.active{border-color:var(--accent);color:var(--accent-light)}.filter-badge{background:var(--accent-gradient);color:#fff;width:18px;height:18px;border-radius:50%;font-size:11px;display:flex;align-items:center;justify-content:center}.sort-select{padding:9px 12px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-primary);font-size:13px;outline:none;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.clear-filters{padding:8px 12px;background:none;border:1px solid var(--accent);border-radius:var(--radius-pill);color:var(--accent-light);font-size:12px;cursor:pointer;margin-left:auto}.filter-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:16px;animation:slideDown .2s ease;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filter-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.filter-panel-header h3{font-size:16px;font-weight:600;margin:0}.filter-panel-header button{background:none;border:none;color:var(--text-muted);cursor:pointer}.filter-group{margin-bottom:14px}.filter-group label{display:block;font-size:13px;color:var(--text-secondary);margin-bottom:6px;font-weight:500}.filter-group select,.filter-group input[type=number]{width:100%;padding:10px 12px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-xs);color:var(--text-primary);font-size:14px;outline:none}.filter-group select:focus,.filter-group input:focus{border-color:var(--accent)}.price-range{display:flex;align-items:center;gap:8px}.price-range input{flex:1}.price-range span{color:var(--text-muted)}.filter-group.checkbox label{display:flex;align-items:center;gap:8px;cursor:pointer}.filter-group.checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}.back-btn{display:flex;align-items:center;gap:6px;background:none;border:none;color:var(--accent-light);font-size:14px;font-weight:500;cursor:pointer;padding:8px 0;margin-bottom:8px}.detail-image{position:relative;border-radius:var(--radius);overflow:hidden;margin-bottom:16px;aspect-ratio:1;background:linear-gradient(135deg,#14141c,#0a0a10);border:1px solid var(--border)}.detail-image img{width:100%;height:100%;object-fit:cover}.discount-badge{position:absolute;top:12px;left:12px;background:var(--accent-gradient);color:#fff;padding:6px 12px;border-radius:var(--radius-sm);font-size:16px;font-weight:700;box-shadow:var(--glow-accent)}.fav-btn{position:absolute;top:12px;right:12px;background:#06060a8c;border:1px solid rgba(255,255,255,.14);border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s}.fav-btn.active{background:#ff4d6d4d;color:var(--accent-light)}.detail-info{padding:0 4px}.detail-brand{font-size:12px;color:var(--accent-light);font-weight:700;text-transform:uppercase;letter-spacing:.8px}.detail-info h1{font-size:22px;font-weight:700;margin:6px 0 12px;letter-spacing:-.3px}.detail-price{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}.detail-price .price{font-size:28px;font-weight:800;color:var(--price-color)}.detail-price .old-price{font-size:18px;color:var(--old-price-color);text-decoration:line-through}.detail-price .per-unit{font-size:13px;color:var(--text-muted)}.detail-stock{margin-bottom:16px}.in-stock{color:var(--success);font-weight:500}.out-of-stock{color:var(--danger);font-weight:500}.detail-specs{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:16px;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.detail-specs h3{font-size:15px;font-weight:600;margin-bottom:12px}.specs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.spec{display:flex;flex-direction:column;gap:2px}.spec-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.spec-value{font-size:15px;font-weight:600}.detail-description{margin-bottom:20px}.detail-description h3{font-size:15px;font-weight:600;margin-bottom:8px}.detail-description p{font-size:14px;color:var(--text-secondary);line-height:1.6}.detail-actions{display:flex;gap:10px;margin-top:20px}.btn-fitting{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;border-radius:var(--radius-sm);background:transparent;border:2px solid var(--accent);color:var(--accent-light);font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.btn-fitting:active{transform:scale(.97)}.btn-order{flex:2;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;border-radius:var(--radius-sm);background:var(--accent-gradient);border:none;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:var(--glow-accent)}.btn-order:active{transform:scale(.97)}.btn-order:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-order.ordered{background:var(--success);box-shadow:0 4px 16px #2ee6a84d}.btn-order.full-width{flex:1}.page-header{text-align:center;padding:20px 0;margin-bottom:16px}.page-header-icon{color:var(--accent);margin-bottom:8px}.page-header h1{font-size:24px;font-weight:800;margin-bottom:8px;letter-spacing:-.5px}.page-header p{font-size:14px;color:var(--text-secondary);max-width:300px;margin:0 auto}.make-list,.model-list{margin-top:16px}.make-list h3,.model-list h3{font-size:16px;font-weight:600;margin-bottom:12px;color:var(--text-secondary)}.make-item,.model-item{width:100%;display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:8px;color:var(--text-primary);font-size:15px;font-weight:500;cursor:pointer;transition:all .2s;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.make-item:active,.model-item:active{transform:scale(.98);background:var(--bg-card-hover);border-color:var(--accent)}.model-item .gen{color:var(--accent-light);font-weight:400}.model-item .years{display:block;font-size:12px;color:var(--text-muted);margin-top:2px}.back-link{background:none;border:none;color:var(--accent-light);font-size:14px;cursor:pointer;margin-bottom:12px;padding:0}.search-result-header{text-align:center;margin-bottom:24px}.car-result-img{width:100%;max-height:200px;object-fit:cover;border-radius:var(--radius);margin-bottom:12px}.search-result-header h2{font-size:20px;font-weight:700}.year-range{color:var(--text-muted);font-size:13px}.fitting-intro{text-align:center;padding:12px 0 20px}.fitting-intro-icon{width:64px;height:64px;margin:0 auto 14px;border-radius:20px;display:flex;align-items:center;justify-content:center;background:var(--iris-gradient);color:#fff;box-shadow:0 10px 30px #7b5cff66}.fitting-intro h1{font-size:23px;font-weight:800;letter-spacing:-.4px;margin-bottom:6px}.fitting-intro p{font-size:13.5px;color:var(--text-secondary);max-width:300px;margin:0 auto;line-height:1.5}.fitting-steps{display:flex;flex-direction:column;gap:16px}.fitting-step{background:var(--lg-bg);border:1px solid var(--lg-border);border-radius:var(--radius);padding:18px;backdrop-filter:var(--lg-blur);-webkit-backdrop-filter:var(--lg-blur);box-shadow:var(--lg-shadow)}.fitting-source-toggle{display:flex;gap:6px;padding:4px;margin-bottom:14px;border-radius:var(--radius-pill);background:#00000038;border:1px solid rgba(255,255,255,.08)}.fitting-source-toggle button{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 8px;border:none;border-radius:var(--radius-pill);background:transparent;color:var(--text-secondary);font-size:12.5px;font-weight:600;cursor:pointer;transition:all .22s ease}.fitting-source-toggle button.active{background:linear-gradient(165deg,#ffffff29,#ffffff0d);border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 1px #ffffff4d;color:var(--text-primary)}.fitting-step-header{display:flex;align-items:center;gap:10px;margin-bottom:14px}.fitting-step-num{width:26px;height:26px;border-radius:50%;background:var(--accent-gradient);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #ff4d6d59}.fitting-step-header h3{font-size:15px;font-weight:700;margin:0}.disk-picker-scroll{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}.disk-picker-scroll::-webkit-scrollbar{display:none}.disk-pick-card{position:relative;min-width:108px;max-width:108px;flex-shrink:0;background:var(--bg-input);border:2px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;transition:all .2s;text-align:center}.disk-pick-card.selected{border-color:var(--accent);box-shadow:0 0 0 3px #ff4d6d2e}.disk-pick-card img{width:100%;aspect-ratio:1;object-fit:cover;background:#0d0d12}.disk-pick-card .disk-pick-name{display:block;font-size:10.5px;padding:6px 6px 8px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.disk-pick-check{position:absolute;top:6px;right:6px;width:20px;height:20px;border-radius:50%;background:var(--accent-gradient);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0006}.upload-dropzone{position:relative;border:2px dashed var(--border-light);border-radius:var(--radius-sm);padding:28px 16px;text-align:center;cursor:pointer;transition:all .2s;background:#ffffff05}.upload-dropzone:active{transform:scale(.98);border-color:var(--accent)}.upload-dropzone input[type=file]{display:none}.upload-dropzone svg{color:var(--text-muted);margin-bottom:8px}.upload-dropzone p{font-size:13px;color:var(--text-secondary);font-weight:500}.upload-dropzone span{font-size:11.5px;color:var(--text-muted)}.fitting-variants{display:flex;gap:8px;padding:10px 0 2px;overflow-x:auto}.fitting-variant{position:relative;flex:0 0 auto;width:72px;height:72px;border-radius:12px;overflow:hidden;padding:0;border:2px solid transparent;background:var(--lg-bg);cursor:pointer}.fitting-variant img{width:100%;height:100%;object-fit:cover;display:block}.fitting-variant.active{border-color:var(--accent, #7cc4ff)}.fitting-variant-check{position:absolute;top:4px;right:4px;width:18px;height:18px;border-radius:50%;background:var(--accent, #7cc4ff);color:#05070d;display:flex;align-items:center;justify-content:center}.fitting-history{margin-top:20px}.fitting-history-title{font-size:15px;font-weight:700;margin-bottom:12px}.fitting-history-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.fitting-history-item{position:relative;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--lg-border);background:var(--lg-bg);text-decoration:none}.fitting-history-item img{width:100%;aspect-ratio:4 / 3;object-fit:cover;display:block}.fitting-history-name{display:block;padding:8px 10px;font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-preview{position:relative;border-radius:var(--radius-sm);overflow:hidden}.upload-preview img{width:100%;max-height:260px;object-fit:cover;display:block}.upload-preview-remove{position:absolute;top:8px;right:8px;width:32px;height:32px;border-radius:50%;background:#06060ab3;border:1px solid rgba(255,255,255,.16);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.btn-fitting-go{width:100%;padding:16px;background:var(--iris-gradient);border:none;border-radius:var(--radius-sm);color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 10px 30px #7b5cff59;display:flex;align-items:center;justify-content:center;gap:8px}.btn-fitting-go:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.btn-fitting-go:active:not(:disabled){transform:scale(.97)}.btn-fitting-go .spin{animation:spin .9s linear infinite}.fitting-not-configured{display:flex;align-items:flex-start;gap:10px;padding:14px;background:#ffc85714;border:1px solid rgba(255,200,87,.25);border-radius:var(--radius-sm);color:var(--warning);font-size:12.5px;line-height:1.5;margin-top:12px}.fitting-not-configured svg{flex-shrink:0;margin-top:1px}.fitting-error{display:flex;align-items:flex-start;gap:10px;padding:14px;background:#ff4d6d14;border:1px solid rgba(255,77,109,.25);border-radius:var(--radius-sm);color:var(--accent-light);font-size:12.5px;line-height:1.5;margin-top:12px}.fitting-result-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius);overflow:hidden;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--shadow)}.fitting-result-image{position:relative;aspect-ratio:4/3;overflow:hidden;background:#0a0a10}.fitting-result-image img{width:100%;height:100%;object-fit:cover}.fitting-result-badge{position:absolute;top:12px;left:12px;display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-pill);background:#2ee6a829;border:1px solid rgba(46,230,168,.35);color:var(--success);font-size:11px;font-weight:700;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.fitting-result-footer{padding:16px;display:flex;align-items:center;justify-content:space-between;gap:10px}.fitting-result-footer h3{font-size:15px;font-weight:700}.fitting-result-footer p{font-size:12px;color:var(--text-muted)}.fitting-simple-preview{position:relative;aspect-ratio:16/9;overflow:hidden;background:#111;border-radius:var(--radius)}.fitting-simple-preview img.car-photo{width:100%;height:100%;object-fit:cover}.fitting-simple-preview .wheel-overlay-img{position:absolute;bottom:12px;right:12px;width:76px;height:76px;object-fit:contain;border-radius:50%;border:2px solid var(--accent);background:var(--bg-card);box-shadow:var(--glow-accent)}.profile-header{text-align:center;margin:20px 0}.avatar{width:76px;height:76px;border-radius:50%;background:var(--iris-gradient);display:flex;align-items:center;justify-content:center;margin:0 auto 12px;color:#fff;box-shadow:0 8px 28px #7b5cff59;border:2px solid rgba(255,255,255,.15)}.profile-header h1{font-size:22px;font-weight:700}.username{color:var(--text-muted);font-size:14px}.profile-info-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px}.info-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.info-label{display:block;font-size:11px;color:var(--text-muted);margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:14px;font-weight:600}.segment-badge{display:inline-block;padding:2px 10px;border-radius:var(--radius-pill);background:var(--accent-gradient);color:#fff;font-size:12px;font-weight:600}.profile-actions{display:flex;gap:10px;margin-bottom:24px}.profile-action{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.profile-action:active{transform:scale(.97);background:var(--bg-card-hover);border-color:var(--accent)}.orders-list{display:flex;flex-direction:column;gap:10px}.order-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.order-header{display:flex;justify-content:space-between;margin-bottom:8px}.order-id{font-weight:600;font-size:14px}.order-status{font-size:12px}.order-details{display:flex;justify-content:space-between;align-items:baseline}.order-total{font-size:18px;font-weight:700;color:var(--price-color)}.order-date{font-size:12px;color:var(--text-muted)}.order-items{display:flex;gap:6px;margin-top:8px}.order-item-tag{padding:3px 8px;background:var(--bg-input);border-radius:6px;font-size:12px}.empty-state{text-align:center;padding:40px 20px}.empty-state.small{padding:20px}.empty-icon{color:var(--text-muted);margin-bottom:12px}.empty-state p{color:var(--text-secondary);font-size:15px;margin-bottom:12px}.empty-state button{padding:10px 24px;background:var(--accent-gradient);border:none;border-radius:var(--radius-pill);color:#fff;font-size:14px;font-weight:600;cursor:pointer;box-shadow:var(--glow-accent)}.favorites-list{display:flex;flex-direction:column;gap:10px}.favorite-card{display:flex;align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.fav-content{display:flex;align-items:center;flex:1;cursor:pointer;padding:10px;gap:12px}.fav-image{width:72px;height:72px;border-radius:var(--radius-xs);object-fit:cover;flex-shrink:0}.fav-info{flex:1;min-width:0}.fav-type{font-size:11px;color:var(--text-muted)}.fav-info h3{font-size:13px;font-weight:600;margin:2px 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fav-price{display:flex;gap:6px;align-items:baseline}.fav-price .price{font-size:14px;font-weight:700;color:var(--price-color)}.fav-price .old-price{font-size:11px;color:var(--old-price-color);text-decoration:line-through}.stock.in{color:var(--success);font-size:11px}.stock.out{color:var(--danger);font-size:11px}.remove-fav{padding:16px;background:none;border:none;border-left:1px solid var(--border);color:var(--text-muted);cursor:pointer}.remove-fav:hover{color:var(--danger)}.bottom-nav{position:fixed;bottom:14px;left:16px;right:16px;max-width:400px;margin:0 auto;background:linear-gradient(165deg,#ffffff1a,#ffffff06 55%),#151519b8;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-pill);display:flex;justify-content:space-around;align-items:center;padding:6px;padding-bottom:max(6px,env(safe-area-inset-bottom));z-index:100;backdrop-filter:blur(30px) saturate(1.6);-webkit-backdrop-filter:blur(30px) saturate(1.6);box-shadow:0 16px 40px #00000073,inset 0 1px #ffffff73,inset 0 -1px #0003}.nav-item{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:9px 4px 8px;background:none;border:none;color:var(--text-muted);font-size:10.5px;font-weight:600;cursor:pointer;transition:color .25s;border-radius:var(--radius-pill)}.nav-item svg,.nav-item span{position:relative;z-index:1;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.nav-item.active{color:var(--accent-light)}.nav-item.active svg{transform:translateY(-1px)}.nav-item-glow{position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:var(--radius-pill);background:linear-gradient(165deg,#ffffff29,#ffffff0d);border:1px solid rgba(255,255,255,.24);box-shadow:inset 0 1px #ffffff59;z-index:0}.admin-page{position:relative;z-index:1;display:flex;min-height:100vh}.admin-sidebar{width:200px;background:#0a0a10b3;border-right:1px solid var(--border);padding:16px 12px;flex-shrink:0;position:sticky;top:0;height:100vh;overflow-y:auto;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.admin-logo{margin-bottom:20px}.admin-logo h3{font-size:18px;font-weight:700;color:var(--accent-light)}.back-to-app{display:flex;align-items:center;gap:4px;background:none;border:none;color:var(--accent-light);font-size:12px;cursor:pointer;padding:0;margin-bottom:8px}.admin-nav{display:flex;flex-direction:column;gap:4px}.admin-nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-xs);background:none;border:none;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;text-align:left}.admin-nav-item:hover{background:var(--bg-card);color:var(--text-primary)}.admin-nav-item.active{background:var(--accent-gradient);color:#fff}.admin-content{flex:1;padding:20px;overflow-y:auto}.admin-loading{display:flex;justify-content:center;padding:40px}.admin-dashboard h2{display:flex;align-items:center;gap:8px;font-size:20px;margin-bottom:16px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:18px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.stat-card.accent{background:var(--accent-gradient);border:none;box-shadow:var(--glow-accent)}.stat-value{display:block;font-size:24px;font-weight:800;margin-bottom:4px}.stat-label{display:block;font-size:13px;color:var(--text-secondary);margin-bottom:4px}.stat-card.accent .stat-label{color:#fffc}.stat-sub{font-size:12px;color:var(--success)}.admin-table{background:var(--bg-card);border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.table-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 60px;padding:10px 14px;background:var(--bg-input);font-size:11px;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 60px;padding:10px 14px;border-bottom:1px solid var(--border);font-size:13px;align-items:center}.table-row:last-child{border-bottom:none}.name-cell{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stock-ok{color:var(--success);font-weight:600}.stock-no{color:var(--danger);font-weight:600}.actions-cell{display:flex;gap:6px}.btn-delete{background:none;border:1px solid var(--danger);border-radius:6px;color:var(--danger);padding:4px 8px;cursor:pointer;display:flex;align-items:center}.btn-delete:hover{background:var(--danger);color:#fff}.empty-row{padding:20px;text-align:center;color:var(--text-muted)}.admin-tabs{display:flex;gap:8px;margin-bottom:16px}.admin-tabs button{padding:8px 16px;border-radius:8px;border:1px solid var(--border);background:var(--bg-input);color:var(--text-secondary);font-size:13px;cursor:pointer}.admin-tabs button.active{background:var(--accent-gradient);color:#fff;border-color:transparent}.client-filters{display:flex;gap:10px;margin-bottom:16px}.admin-search{flex:1;padding:10px 14px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xs);color:var(--text-primary);font-size:14px;outline:none}.admin-search:focus{border-color:var(--accent)}.admin-select{padding:10px 14px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xs);color:var(--text-primary);font-size:13px;outline:none}.status-select{padding:4px 8px;background:var(--bg-input);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:12px}.admin-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.admin-header-row h2{display:flex;align-items:center;gap:8px;font-size:20px}.btn-add{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--accent-gradient);border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;box-shadow:var(--glow-accent)}.broadcast-form{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:16px;display:flex;flex-direction:column;gap:10px;animation:slideDown .2s ease}.broadcast-form input,.broadcast-form textarea,.broadcast-form select{width:100%;padding:10px 14px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-xs);color:var(--text-primary);font-size:14px;font-family:inherit;outline:none;resize:vertical}.broadcast-form input:focus,.broadcast-form textarea:focus{border-color:var(--accent)}.btn-create{padding:12px;background:var(--accent-gradient);border:none;border-radius:var(--radius-xs);color:#fff;font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-create:disabled{opacity:.5;cursor:not-allowed}.broadcast-editor{display:grid;grid-template-columns:1fr 300px;gap:16px;margin-bottom:16px;animation:slideDown .2s ease}@media(max-width:780px){.broadcast-editor{grid-template-columns:1fr}}.broadcast-editor-form{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:8px}.broadcast-editor-form input,.broadcast-editor-form textarea,.broadcast-editor-form select{width:100%;padding:10px 14px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-xs);color:var(--text-primary);font-size:14px;font-family:inherit;outline:none;resize:vertical}.broadcast-editor-form input:focus,.broadcast-editor-form textarea:focus{border-color:var(--accent)}.bc-label{font-size:12px;font-weight:600;color:var(--text-secondary);margin-top:6px}.bc-format-bar{display:flex;gap:6px;flex-wrap:wrap}.bc-format-bar button{width:34px;height:32px;border-radius:8px;border:1px solid var(--border);background:var(--bg-input);color:var(--text-primary);font-size:13px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.bc-format-bar button:hover{border-color:var(--accent);color:var(--accent)}.bc-button-row{display:flex;gap:8px}.bc-button-row input{flex:1}.bc-checkbox{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary);cursor:pointer}.bc-checkbox input{width:auto}.bc-image-add{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px;border-radius:var(--radius-xs);border:1px dashed var(--border-light);background:var(--bg-input);color:var(--text-secondary);font-size:13px;cursor:pointer}.bc-image-add:hover{border-color:var(--accent);color:var(--accent)}.bc-image-preview{position:relative;border-radius:var(--radius-xs);overflow:hidden}.bc-image-preview img{width:100%;display:block;max-height:220px;object-fit:cover}.bc-image-remove{position:absolute;top:8px;right:8px;width:30px;height:30px;border-radius:50%;border:none;background:#0009;color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.broadcast-editor-preview{display:flex;flex-direction:column;gap:8px}.bc-preview-label{font-size:12px;color:var(--text-muted)}.tg-post{background:#212d3b;border-radius:14px 14px 14px 4px;padding:0;overflow:hidden;box-shadow:0 6px 18px #00000059;max-width:300px}.tg-post-photo{width:100%;display:block;max-height:220px;object-fit:cover}.tg-post-text{padding:10px 12px 4px;font-size:14px;line-height:1.45;color:#fff;white-space:pre-wrap;word-break:break-word}.tg-post-text a{color:#6ab7ff}.tg-post-button{margin:8px 10px;padding:9px;border-radius:8px;background:#ffffff14;color:#6ab7ff;text-align:center;font-size:13px;font-weight:600;border-top:1px solid rgba(255,255,255,.06)}.tg-post-time{display:block;padding:0 12px 10px;font-size:11px;color:#fff6}.broadcast-card-photo{width:100%;max-height:180px;object-fit:cover;border-radius:var(--radius-xs);margin-bottom:8px}.broadcast-card-btn{display:inline-block;font-size:12px;color:var(--accent-light);margin-bottom:6px}.admin-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:16px}.admin-modal{width:100%;max-width:440px;max-height:88vh;overflow-y:auto;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius);padding:18px;display:flex;flex-direction:column;gap:8px}.admin-modal-header{display:flex;align-items:center;justify-content:space-between}.admin-modal-header h3{display:flex;align-items:center;gap:8px;font-size:16px}.admin-modal-header button{background:none;border:none;color:var(--text-muted);cursor:pointer}.manager-search-results{display:flex;flex-direction:column;gap:6px;max-height:260px;overflow-y:auto}.manager-result-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:var(--radius-xs);border:1px solid var(--border);background:var(--bg-card);cursor:pointer;text-align:left;color:var(--text-primary)}.manager-result-item.selected{border-color:var(--accent);background:var(--bg-card-hover)}.manager-result-item div{display:flex;flex-direction:column}.manager-result-item strong{font-size:14px}.manager-result-item span{font-size:12px;color:var(--text-muted)}.manager-result-item .pick-check{color:var(--accent)}.manager-perms{display:flex;flex-direction:column;gap:8px;padding:4px 0}.muted-note{font-size:13px;color:var(--text-muted);padding:8px 0}.staff-block{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:14px;margin-bottom:16px}.staff-block h3{display:flex;align-items:center;gap:8px;font-size:14px;margin-bottom:10px}.staff-list{display:flex;flex-direction:column;gap:8px}.staff-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:var(--radius-xs);background:var(--bg-input)}.staff-info{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.staff-info strong{font-size:14px}.staff-perms{font-size:11px;color:var(--text-muted)}.role-tag{padding:2px 9px;border-radius:10px;font-size:11px;font-weight:700}.role-tag.admin{background:#ff4d5e29;color:var(--accent-light)}.role-tag.manager,.role-tag.mgr{background:#78aaff29;color:#8fbaff}.broadcasts-list{display:flex;flex-direction:column;gap:10px}.broadcast-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.broadcast-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.broadcast-header h4{font-size:15px}.broadcast-status{padding:3px 10px;border-radius:12px;font-size:11px;font-weight:600}.broadcast-status.draft{background:var(--bg-input);color:var(--text-muted)}.broadcast-status.sending{background:#ffc85726;color:var(--warning)}.broadcast-status.sent{background:#2ee6a81f;color:var(--success)}.broadcast-message{font-size:13px;color:var(--text-secondary);margin-bottom:8px;line-height:1.5}.broadcast-meta{display:flex;gap:16px;font-size:12px;color:var(--text-muted);margin-bottom:10px}.broadcast-actions{display:flex;gap:8px}.btn-send{display:flex;align-items:center;gap:4px;padding:6px 14px;background:var(--accent-gradient);border:none;border-radius:6px;color:#fff;font-size:12px;font-weight:500;cursor:pointer}.segments-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:24px}.segment-item{display:flex;justify-content:space-between;padding:10px 14px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xs)}.segment-name{font-size:13px;text-transform:capitalize;font-weight:500}.segment-count{font-weight:700;color:var(--accent-light)}.top-list{margin-bottom:24px}.top-item{display:flex;justify-content:space-between;padding:10px 14px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xs);margin-bottom:6px;font-size:13px}.views{color:var(--text-muted);font-size:12px}.admin-dashboard h3,.admin-products h2,.admin-clients h2,.admin-orders h2{display:flex;align-items:center;gap:8px;font-size:18px;margin-bottom:16px}@media(max-width:600px){.admin-page{flex-direction:column}.admin-sidebar{width:100%;height:auto;position:relative;padding:12px}.admin-nav{flex-direction:row;overflow-x:auto;gap:6px}.admin-nav-item{white-space:nowrap;padding:8px 10px;font-size:12px}.admin-nav-item span{display:none}.admin-content{padding:12px}.stats-grid{grid-template-columns:1fr}.table-header,.table-row{grid-template-columns:2fr 1fr 1fr 60px}.table-header span:nth-child(3),.table-header span:nth-child(4),.table-row span:nth-child(3),.table-row span:nth-child(4){display:none}}.card-image-placeholder{width:100%;height:100%;min-height:140px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);color:var(--text-muted)}.detail-image-placeholder{width:100%;height:280px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);color:var(--text-muted);border-radius:var(--radius)}.detail-article{font-size:13px;color:var(--text-muted);margin-top:4px}.detail-thumbnails{display:flex;gap:8px;padding:12px 0;overflow-x:auto;-webkit-overflow-scrolling:touch}.detail-thumbnails .thumbnail{flex-shrink:0;width:60px;height:60px;border:2px solid var(--border);border-radius:var(--radius-xs);overflow:hidden;background:var(--bg-card);cursor:pointer;padding:0}.detail-thumbnails .thumbnail.active{border-color:var(--accent)}.detail-thumbnails .thumbnail img{width:100%;height:100%;object-fit:cover}.btn-contact{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:var(--bg-card);border:1px solid var(--accent);color:var(--accent-light);border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.btn-contact:active{background:#ff4d6d1a;transform:scale(.97)}.card-stock{margin-top:4px}.in-stock-badge{font-size:11px;color:var(--success);font-weight:500}.price-on-request{color:var(--text-secondary)!important;font-size:13px!important;font-style:italic}.catalog-count{font-size:13px;color:var(--text-muted);margin-left:8px}.role-badge{display:inline-flex;align-items:center;gap:5px;margin-top:8px;padding:5px 13px;border-radius:var(--radius-pill);background:#ffc8571a;border:1px solid rgba(255,200,87,.28);color:var(--warning);font-size:11px;font-weight:700;letter-spacing:.4px}.manager-toggle-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px;margin-bottom:14px;background:var(--lg-bg);border:1px solid var(--lg-border);border-radius:var(--radius);backdrop-filter:var(--lg-blur);-webkit-backdrop-filter:var(--lg-blur);box-shadow:var(--lg-shadow)}.manager-toggle-info{display:flex;align-items:flex-start;gap:12px;min-width:0}.manager-toggle-icon{flex-shrink:0;width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--accent-gradient);color:#fff;box-shadow:var(--glow-accent)}.manager-toggle-info b{display:block;font-size:14px;margin-bottom:2px}.manager-toggle-info span{font-size:11.5px;color:var(--text-secondary);line-height:1.4}.switch{flex-shrink:0;width:52px;height:30px;border-radius:var(--radius-pill);background:#ffffff1a;border:1px solid var(--border-light);cursor:pointer;position:relative;transition:background .25s,border-color .25s;padding:0}.switch-knob{position:absolute;top:2px;left:2px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 2px 8px #0006;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.switch.on{background:var(--accent-gradient);border-color:transparent}.switch.on .switch-knob{transform:translate(22px)}.admin-panel-link{width:100%;display:flex;align-items:center;gap:12px;padding:16px;margin-bottom:14px;background:var(--lg-bg);border:1px solid var(--lg-border);border-radius:var(--radius);backdrop-filter:var(--lg-blur);-webkit-backdrop-filter:var(--lg-blur);box-shadow:var(--lg-shadow);color:var(--text-primary);cursor:pointer;text-align:left;transition:all .2s;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.admin-panel-link:active{transform:scale(.98);background:var(--bg-card-hover)}.admin-panel-link-icon{flex-shrink:0;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#ffc8571f;border:1px solid rgba(255,200,87,.3);color:var(--warning)}.admin-panel-link-text{flex:1;min-width:0}.admin-panel-link-text b{display:block;font-size:14.5px}.admin-panel-link-text span{font-size:11.5px;color:var(--text-secondary)}.admin-panel-link>svg{color:var(--text-muted)}.referral-card{padding:18px;margin-bottom:18px;background:var(--lg-bg);border:1px solid var(--lg-border);border-radius:var(--radius);backdrop-filter:var(--lg-blur);-webkit-backdrop-filter:var(--lg-blur);box-shadow:var(--lg-shadow);display:flex;flex-direction:column;gap:14px}.referral-head{display:flex;align-items:flex-start;gap:12px}.referral-icon{flex-shrink:0;width:42px;height:42px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:var(--accent-gradient);color:#fff;box-shadow:var(--glow-accent)}.referral-head b{display:block;font-size:15px;margin-bottom:3px}.referral-head span{font-size:12px;color:var(--text-secondary);line-height:1.45}.referral-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.referral-stat{display:flex;flex-direction:column;align-items:flex-start;padding:12px 14px;background:#ffffff09;border:1px solid var(--border);border-radius:var(--radius-sm)}.referral-stat svg{color:var(--accent-light);margin-bottom:6px}.referral-stat b{font-size:19px;font-weight:800;line-height:1.1}.referral-stat span{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px;margin-top:2px}.referral-link-row{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#ffffff09;border:1px dashed var(--border-light);border-radius:var(--radius-xs)}.referral-link{flex:1;min-width:0;font-size:12px;color:var(--text-secondary);font-family:SF Mono,Menlo,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.referral-copy{flex-shrink:0;width:30px;height:30px;border-radius:9px;background:#ffffff12;border:1px solid var(--border);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer}.referral-share-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;background:var(--accent-gradient);border:none;border-radius:var(--radius-sm);color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:transform .2s;box-shadow:var(--glow-accent)}.referral-share-btn:active{transform:scale(.97)}.manager-panel{padding:18px;margin-bottom:18px;background:var(--lg-bg);border:1px solid var(--lg-border);border-radius:24px;backdrop-filter:var(--lg-blur);-webkit-backdrop-filter:var(--lg-blur);box-shadow:var(--lg-shadow);display:flex;flex-direction:column;gap:14px}.manager-panel-head{display:flex;align-items:center;justify-content:space-between}.manager-panel-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:800}.manager-panel-title svg{color:var(--accent-light)}.manager-panel-reset{display:flex;align-items:center;gap:4px;padding:6px 12px;background:#ffffff0f;border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-secondary);font-size:12px;font-weight:600;cursor:pointer}.manager-scan-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px;background:var(--accent-gradient);border:none;border-radius:var(--radius-sm);color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:transform .2s;box-shadow:var(--glow-accent)}.manager-scan-btn:active{transform:scale(.97)}.manager-divider{display:flex;align-items:center;gap:12px;color:var(--text-muted);font-size:11px;text-transform:uppercase;letter-spacing:.8px}.manager-divider:before,.manager-divider:after{content:"";flex:1;height:1px;background:var(--border)}.manager-card-input{display:flex;align-items:center;gap:10px;padding:6px 6px 6px 14px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm)}.manager-card-input svg{color:var(--text-muted);flex-shrink:0}.manager-card-input input{flex:1;min-width:0;background:none;border:none;outline:none;color:var(--text-primary);font-size:16px;font-family:SF Mono,Menlo,monospace;letter-spacing:2px}.manager-card-input input::placeholder{color:var(--text-muted);letter-spacing:0;font-family:inherit}.manager-card-input button{flex-shrink:0;width:40px;height:40px;border-radius:12px;background:var(--accent-gradient);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.manager-customer{display:flex;flex-direction:column;gap:14px}.manager-customer-row{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#ffffff0a;border:1px solid var(--border);border-radius:var(--radius-sm)}.manager-customer-avatar{flex-shrink:0;width:40px;height:40px;border-radius:50%;background:var(--accent-gradient);color:#fff;display:flex;align-items:center;justify-content:center}.manager-customer-info{flex:1;min-width:0}.manager-customer-info b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.manager-customer-info span{font-size:11.5px;color:var(--text-secondary)}.manager-customer-points{flex-shrink:0;text-align:right}.manager-customer-points b{display:block;font-size:18px;font-weight:800;background:linear-gradient(135deg,#ff8a94,#ff9d5c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1.1}.manager-customer-points span{font-size:9.5px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px}.manager-op-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.manager-op-tabs button{display:flex;align-items:center;justify-content:center;gap:6px;padding:11px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:13.5px;font-weight:700;cursor:pointer;transition:all .2s}.manager-op-tabs button.active{background:#7ed9571f;border-color:#7ed95766;color:var(--success)}.manager-op-tabs button.deduct.active{background:#ff4d5e1f;border-color:#ff4d5e66;color:var(--accent-light)}.manager-op-form{display:flex;flex-direction:column;gap:8px}.manager-op-form label{font-size:12px;color:var(--text-secondary);font-weight:600}.manager-op-form input{width:100%;padding:13px 14px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-xs);color:var(--text-primary);font-size:17px;font-weight:700;outline:none}.manager-op-form input:focus{border-color:var(--accent)}.manager-op-submit{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;margin-top:4px;border:none;border-radius:var(--radius-sm);color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:transform .2s}.manager-op-submit.accrue{background:linear-gradient(135deg,#4caf50,#7ed957);box-shadow:0 8px 24px #7ed95740}.manager-op-submit.deduct{background:var(--accent-gradient);box-shadow:var(--glow-accent)}.manager-op-submit:active:not(:disabled){transform:scale(.97)}.manager-op-submit:disabled{opacity:.5;cursor:not-allowed}.manager-result{display:flex;align-items:flex-start;gap:10px;padding:13px 14px;background:#7ed9571a;border:1px solid rgba(126,217,87,.3);border-radius:var(--radius-sm)}.manager-result svg{flex-shrink:0;color:var(--success);margin-top:1px}.manager-result b{display:block;font-size:13.5px;color:var(--success)}.manager-result span{font-size:12px;color:var(--text-secondary)}.manager-error{display:flex;align-items:center;gap:8px;padding:11px 14px;background:#ff4d5e17;border:1px solid rgba(255,77,94,.28);border-radius:var(--radius-xs);color:var(--accent-light);font-size:12.5px}.manager-error svg{flex-shrink:0}.manager-hint{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-muted);line-height:1.4}.manager-hint svg{flex-shrink:0}.spin{animation:spin .9s linear infinite}