:root{--bg-primary: #0d0d0d;--bg-secondary: #161616;--bg-card: #1c1c1e;--bg-card-hover: #252528;--bg-input: #1e1e22;--text-primary: #f0f0f0;--text-secondary: #a0a0a8;--text-muted: #666670;--accent: #e63946;--accent-light: #ff6b6b;--accent-dark: #c1121f;--accent-gradient: linear-gradient(135deg, #e63946 0%, #ff6b35 100%);--accent-gradient-hover: linear-gradient(135deg, #c1121f 0%, #e63946 100%);--success: #2ec4b6;--danger: #e63946;--warning: #ffb703;--price-color: #ffffff;--old-price-color: #666670;--border: rgba(255, 255, 255, .08);--border-light: rgba(255, 255, 255, .12);--shadow: 0 4px 24px rgba(0, 0, 0, .4);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--radius: 16px;--radius-sm: 12px;--radius-xs: 8px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,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{min-height:100vh;max-width:100vw;overflow-x:hidden}.page{padding:16px 16px 90px;min-height:100vh}.top-header{display:flex;align-items:center;justify-content:space-between;padding:4px 0 14px}.top-logo{display:flex;align-items:center}.top-logo-img{height:38px;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:13px}.platinum-card{position:relative;border-radius:18px;overflow:hidden;margin-bottom:20px;background:linear-gradient(135deg,#1a1a2e,#2d2d3f,#1a1a2e,#2d2d3f,#1a1a2e);box-shadow:0 8px 40px #000000b3,0 0 0 1px #c8c8dc1a,inset 0 1px #ffffff1f;min-height:210px}.platinum-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 0%,rgba(192,192,220,.12) 0%,transparent 50%),radial-gradient(ellipse at 70% 100%,rgba(192,192,220,.06) 0%,transparent 50%),linear-gradient(120deg,transparent 30%,rgba(255,255,255,.04) 45%,transparent 55%);pointer-events:none;animation:shimmerCard 5s ease-in-out infinite}@keyframes shimmerCard{0%,to{opacity:.5}50%{opacity:1}}.platinum-logo-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:0;pointer-events:none;display:flex;align-items:center;justify-content:center;width:70%;height:65%}.platinum-logo-big{width:100%;height:100%;object-fit:contain;filter:brightness(0) invert(1);opacity:.07}.platinum-content{position:relative;z-index:1;padding:20px 22px;display:flex;flex-direction:column;gap:6px;min-height:210px}.platinum-top{display:flex;justify-content:space-between;align-items:center}.platinum-badge{display:flex;align-items:center;gap:5px;padding:4px 14px;background:linear-gradient(135deg,#c0c0dc2e,#ffffff0f);border:1px solid rgba(192,192,220,.25);border-radius:20px;color:#c8c8d8;font-size:10px;font-weight:700;letter-spacing:2.5px}.platinum-badge svg{color:#d4af37}.platinum-discount-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--accent-gradient);box-shadow:0 4px 20px #e6394666}.platinum-discount-value{font-size:18px;font-weight:800;color:#fff;line-height:1}.platinum-discount-label{font-size:7px;color:#fffc;text-transform:uppercase;letter-spacing:1px;margin-top:1px}.platinum-spacer{flex:1;min-height:50px}.platinum-number{display:flex;align-items:center;gap:10px;padding:4px 0}.platinum-number span{font-size:24px;font-weight:700;color:#ffffffe6;letter-spacing:6px;font-family:Courier New,monospace}.platinum-bottom{display:flex;justify-content:space-between;align-items:flex-end}.platinum-holder{display:flex;flex-direction:column}.platinum-holder-label{font-size:7px;color:#c8c8dc4d;letter-spacing:1.5px;font-weight:600;text-transform:uppercase}.platinum-holder-name{font-size:14px;font-weight:600;color:#ffffffd9;margin-top:2px}.platinum-progress{margin-top:6px}.platinum-progress-bar{height:3px;background:#c8c8dc1a;border-radius:2px;overflow:hidden}.platinum-progress-fill{height:100%;background:var(--accent-gradient);border-radius:2px;transition:width .6s ease;min-width:2%}.platinum-progress-text{display:block;font-size:10px;color:#c8c8dc59;margin-top:5px;text-align:right}.register-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--bg-primary)}.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}.form-group input:focus,.form-group select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #e639461a}.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:#e639461a;border:1px solid rgba(230,57,70,.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:0 4px 20px #e639464d;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-radius:var(--radius);height:220px;animation:shimmer 1.5s infinite}@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:0 8px 32px #e639464d}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 85% 50%,rgba(255,255,255,.08) 0%,transparent 60%),url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><circle cx="100" cy="100" r="80" fill="none" stroke="rgba(255,255,255,0.07)" stroke-width="2"/><circle cx="100" cy="100" r="55" fill="none" stroke="rgba(255,255,255,0.04)" stroke-width="1.5"/><circle cx="100" cy="100" r="30" fill="none" stroke="rgba(255,255,255,0.03)" stroke-width="1"/></svg>') no-repeat right center;background-size:220px;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}.hero-greeting{margin-top:8px;font-weight:600;font-size:15px!important;color:#fff!important}.hero-location{margin-top:6px;font-size:12px!important;color:#ffffffa6!important;display:flex;align-items:center;gap:4px}.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px}.action-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px 8px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease;color:var(--text-primary);font-size:11px;font-weight:600;letter-spacing:.2px}.action-card:active{transform:scale(.95);background:var(--bg-card-hover)}.action-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff}.action-icon.wheels{background:linear-gradient(135deg,#e63946,#ff6b35)}.action-icon.tires{background:linear-gradient(135deg,#2ec4b6,#00b4d8)}.action-icon.search{background:linear-gradient(135deg,#ffb703,#fb8500)}.action-icon.fitting{background:linear-gradient(135deg,#7209b7,#b5179e)}.categories-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:16px}.category-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 16px;display:flex;flex-direction:column;gap:3px;cursor:pointer;transition:all .2s;color:var(--text-primary);text-align:left}.category-card:active{transform:scale(.97);background:var(--bg-card-hover);border-color:var(--accent)}.category-name{font-size:13px;font-weight:600}.category-path{font-size:10px;color:var(--text-muted)}.category-pills{display:flex;gap:8px;overflow-x:auto;padding-bottom:12px;margin-bottom:8px;-webkit-overflow-scrolling:touch}.category-pills::-webkit-scrollbar{display:none}.pill{flex-shrink:0;padding:8px 16px;border-radius:20px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.pill.active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 4px 12px #e639464d}.pill:active{transform:scale(.95)}.promo-banner{background:linear-gradient(135deg,#1c1c1e,#2a2a2e);border:1px solid var(--accent);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)}.promo-banner:active{transform:scale(.98);border-color:var(--accent-light)}.promo-banner svg{color:var(--accent);flex-shrink:0}.promo-banner strong{display:block;font-size:14px;color:var(--accent-light)}.promo-banner p{font-size:12px;opacity:.7;margin-top:2px}.promo-banner .arrow{margin-left:auto;font-size:20px;font-weight:700;color:var(--accent)}.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{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;cursor:pointer;transition:all .2s ease}.product-card:active{transform:scale(.97)}.product-card:hover{border-color:var(--border-light)}.card-image{position:relative;aspect-ratio:1;overflow:hidden;background:#111}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.product-card:hover .card-image img{transform:scale(1.05)}.card-discount{position:absolute;top:8px;left:8px;background:var(--accent);color:#fff;padding:3px 8px;border-radius:8px;font-size:11px;font-weight:700}.card-out{position:absolute;bottom:0;left:0;right:0;background:#000c;color:var(--text-secondary);padding:6px;font-size:11px;text-align:center}.card-body{padding:12px}.card-brand{font-size:10px;color:var(--accent);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:#e639461a;border:1px solid rgba(230,57,70,.15);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}.catalog-header h1{font-size:24px;font-weight:800;margin-bottom:12px;letter-spacing:-.5px}.catalog-tabs{display:flex;gap:8px}.tab{padding:8px 22px;border-radius:24px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.tab.active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 4px 16px #e639464d}.search-bar{position:relative;margin-bottom:12px}.search-bar input{width:100%;padding:12px 16px 12px 42px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px;outline:none;transition:border-color .2s}.search-bar input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #e639461a}.search-bar input::placeholder{color:var(--text-muted)}.search-icon{position:absolute;left:14px;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:8px 14px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .2s}.filter-toggle.active{border-color:var(--accent);color:var(--accent)}.filter-badge{background:var(--accent);color:#fff;width:18px;height:18px;border-radius:50%;font-size:11px;display:flex;align-items:center;justify-content:center}.sort-select{padding:8px 12px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px;outline:none}.clear-filters{padding:8px 12px;background:none;border:1px solid var(--accent);border-radius:var(--radius-sm);color:var(--accent);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}@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);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:#111}.detail-image img{width:100%;height:100%;object-fit:cover}.discount-badge{position:absolute;top:12px;left:12px;background:var(--accent);color:#fff;padding:6px 12px;border-radius:10px;font-size:16px;font-weight:700}.fav-btn{position:absolute;top:12px;right:12px;background:#0009;border:none;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .2s}.fav-btn.active{background:#e639464d;color:var(--accent)}.detail-info{padding:0 4px}.detail-brand{font-size:12px;color:var(--accent);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}.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);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:0 4px 16px #e639464d}.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 #2ec4b64d}.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:280px;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}.make-item:active,.model-item:active{transform:scale(.98);background:var(--bg-card-hover);border-color:var(--accent)}.model-item .gen{color:var(--accent);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);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-selectors{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:20px}.selector-group{margin-bottom:16px}.selector-group label{display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.select-wrapper{position:relative}.select-wrapper select{width:100%;padding:12px 36px 12px 14px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-xs);color:var(--text-primary);font-size:14px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.select-wrapper select:disabled{opacity:.5}.select-wrapper select:focus{border-color:var(--accent)}.select-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.btn-fitting-go{width:100%;padding:14px;background:var(--accent-gradient);border:none;border-radius:var(--radius-sm);color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:8px;box-shadow:0 4px 16px #e639464d}.btn-fitting-go:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-fitting-go:active:not(:disabled){transform:scale(.97)}.fitting-result{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;animation:slideDown .3s ease}.fitting-preview{position:relative;aspect-ratio:16/9;overflow:hidden;background:#111}.fitting-car img{width:100%;height:100%;object-fit:cover}.fitting-wheel-overlay{position:absolute;bottom:10px;right:10px;width:80px;height:80px}.wheel-overlay-img{width:100%;height:100%;object-fit:contain;border-radius:50%;border:2px solid var(--accent);background:var(--bg-card)}.fitting-info{padding:16px}.fitting-info h3{font-size:18px;font-weight:700;margin-bottom:4px}.fitting-wheel-name{color:var(--text-secondary);font-size:14px;margin-bottom:12px}.compatibility-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;font-size:14px;font-weight:600;margin-bottom:12px}.compatibility-badge.compatible{background:#2ec4b61f;color:var(--success);border:1px solid rgba(46,196,182,.2)}.compatibility-badge.incompatible{background:#e639461f;color:var(--danger);border:1px solid rgba(230,57,70,.2)}.fitting-notes{font-size:13px;color:var(--text-secondary);line-height:1.5;margin-bottom:12px}.fitting-actions{margin-top:12px}.fitting-actions .btn-order{width:100%;flex:unset}.profile-header{text-align:center;margin:20px 0}.avatar{width:72px;height:72px;border-radius:50%;background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;margin:0 auto 12px;color:#fff;box-shadow:0 4px 20px #e639464d}.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}.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:6px;background:var(--accent);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}.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}.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-sm);color:#fff;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 4px 16px #e6394640}.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}.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:0;left:0;right:0;background:#0d0d0df2;border-top:1px solid var(--border);display:flex;justify-content:space-around;padding:6px 0;padding-bottom:max(6px,env(safe-area-inset-bottom));z-index:100;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 12px;background:none;border:none;color:var(--text-muted);font-size:10px;font-weight:500;cursor:pointer;transition:color .2s}.nav-item.active{color:var(--accent)}.admin-page{display:flex;min-height:100vh}.admin-sidebar{width:200px;background:var(--bg-secondary);border-right:1px solid var(--border);padding:16px 12px;flex-shrink:0;position:sticky;top:0;height:100vh;overflow-y:auto}.admin-logo{margin-bottom:20px}.admin-logo h3{font-size:18px;font-weight:700;color:var(--accent)}.back-to-app{display:flex;align-items:center;gap:4px;background:none;border:none;color:var(--accent);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);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}.stat-card.accent{background:var(--accent-gradient);border:none;box-shadow:0 4px 20px #e6394640}.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)}.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);color:#fff;border-color:var(--accent)}.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:0 2px 8px #e6394640}.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}.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:#ffb70326;color:var(--warning)}.broadcast-status.sent{background:#2ec4b61f;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)}.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);border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-contact:active{background:#e639461a;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}