@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&display=swap";.toast{position:fixed;top:24px;right:24px;min-width:320px;max-width:420px;padding:1rem 1.25rem;background:var(--surface-elevated);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-2xl);display:flex;align-items:center;gap:.875rem;z-index:10000;animation:toastSlideIn .4s var(--ease-bounce),toastFadeOut .3s var(--ease-smooth) 2.7s}.toast:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);border-radius:var(--radius-lg) var(--radius-lg) 0 0}@keyframes toastSlideIn{0%{transform:translate(120%) scale(.9);opacity:0}to{transform:translate(0) scale(1);opacity:1}}@keyframes toastFadeOut{to{opacity:0;transform:translate(40px)}}.toast-icon{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;flex-shrink:0;box-shadow:var(--shadow-sm),var(--inset-shadow)}.toast-message{flex:1;color:var(--text);font-size:.875rem;line-height:1.5;font-weight:500}.toast-close{width:28px;height:28px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .3s var(--ease-smooth);flex-shrink:0}.toast-close:hover{background:var(--surface-hover);border-color:var(--border-light);color:var(--text);transform:scale(1.05)}.toast-success{border-left:3px solid var(--accent)}.toast-success .toast-icon{background:var(--accent-subtle);color:var(--accent)}.toast-error{border-left:3px solid #ef4444}.toast-error .toast-icon{background:#ef444426;color:#f87171}.toast-warning{border-left:3px solid #f59e0b}.toast-warning .toast-icon{background:#ff980033;color:#ff9800}.toast-info{border-left:4px solid #d4af37}.toast-info .toast-icon{background:#d4af3733;color:#d4af37}.cart-icon-button{position:relative;background:transparent;border:none;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.cart-icon-button:hover{transform:scale(1.1)}.cart-icon{font-size:1.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.cart-badge{position:absolute;top:0;right:0;background:var(--accent);color:var(--black);font-size:.7rem;font-weight:700;padding:.15rem .4rem;border-radius:10px;min-width:18px;text-align:center;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.premium-navbar{position:fixed;top:0;left:0;right:0;z-index:1000;min-height:var(--navbar-height, 96px);box-sizing:border-box;background:#1a1a1cf7;border-bottom:1px solid var(--border);animation:navSlideDown .6s var(--ease-smooth)}@keyframes navSlideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.navbar-container{max-width:1400px;margin:0 auto;padding:.75rem 2rem;display:flex;justify-content:space-between;align-items:center;min-height:var(--navbar-height, 96px);box-sizing:border-box}.navbar-logo{display:flex;align-items:center;gap:.875rem;font-size:1.25rem;font-weight:700;color:var(--text);transition:all .4s var(--ease-smooth);letter-spacing:-.02em}.logo-gradient{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--surface-elevated);border:1px solid var(--border-light);border-radius:var(--radius-md);font-weight:800;font-size:1.1rem;color:var(--accent);transition:all .4s var(--ease-smooth);position:relative;box-shadow:var(--shadow-sm),var(--inset-shadow)}.logo-gradient:before{content:"";position:absolute;inset:-2px;background:var(--accent);border-radius:inherit;z-index:-1;opacity:0;transition:opacity .4s var(--ease-smooth)}.navbar-logo:hover .logo-gradient:before{opacity:.4}.navbar-logo:hover .logo-gradient{border-color:var(--accent);box-shadow:var(--shadow-accent)}.navbar-logo:hover{transform:translate(2px)}.navbar-logo.active .logo-gradient{border-color:var(--accent);color:var(--accent)}.navbar-menu{display:flex;align-items:center;gap:.25rem;margin-left:1.5rem}.nav-link{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;min-height:40px;box-sizing:border-box;border-radius:var(--radius-sm);color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:.875rem;letter-spacing:-.01em;transition:all .3s var(--ease-smooth);position:relative;overflow:hidden}.nav-link svg{flex-shrink:0;transition:all .2s ease}.nav-link:hover{color:var(--text);background:#ffffff08}.nav-link:hover svg{color:var(--accent)}.nav-link.active{color:var(--accent);background:#00c77f14}.nav-link.active svg{color:var(--accent)}.nav-profile-block{align-items:center;max-width:160px}.nav-profile-lines{display:flex;flex-direction:column;align-items:center;text-align:center;line-height:1.3;gap:.15em}.nav-profile-name{font-weight:600;font-size:.875rem;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.nav-profile-server{font-size:.75rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.nav-profile-id{font-size:.7rem;font-family:ui-monospace,Cascadia Code,Consolas,monospace;color:var(--accent);letter-spacing:.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.nav-icon{font-size:1.1rem;transition:all .3s var(--ease-smooth)}.contact-link{padding:.5rem .875rem;min-height:40px;background:var(--accent-subtle);border:1px solid var(--border-accent);color:var(--accent);font-weight:600;box-shadow:var(--shadow-xs)}.contact-link:hover{background:#00c77f33;border-color:var(--accent);color:var(--accent);box-shadow:var(--shadow-accent)}.admin-link{padding:.5rem .875rem;min-height:40px;background:var(--surface-elevated);border:1px solid var(--border);color:var(--text-secondary);font-weight:600}.admin-link:hover{background:var(--surface-hover);border-color:var(--border-light);color:var(--text);box-shadow:var(--shadow-md)}.logout-btn{padding:.5rem .875rem;min-height:40px;font-family:inherit;font-size:.875rem;cursor:pointer;background:transparent;border:1px solid var(--border);color:var(--text-muted);font-weight:500}.logout-btn:hover{background:#ff646414;border-color:#ff64644d;color:#ff8282}.navbar-toggle{display:none;flex-direction:column;gap:5px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;padding:10px;z-index:1001;transition:all .3s var(--ease-smooth);box-shadow:var(--shadow-sm),var(--inset-shadow)}.navbar-toggle:hover{background:var(--surface-hover);border-color:var(--border-light)}.navbar-toggle span{width:22px;height:2px;background:var(--text-secondary);border-radius:2px;transition:all .3s var(--ease-smooth)}.navbar-toggle:hover span{background:var(--accent)}.navbar-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px);background:var(--accent)}.navbar-toggle.active span:nth-child(2){opacity:0;transform:translate(-10px)}.navbar-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px);background:var(--accent)}@media(max-width:1024px){.navbar-toggle{display:flex}.navbar-menu{position:fixed;top:76px;right:-100%;flex-direction:column;background:#0c0c0cfa;width:280px;padding:1.5rem;border-radius:var(--radius-xl) 0 0 var(--radius-xl);border-left:1px solid var(--border);border-top:1px solid var(--border);box-shadow:var(--shadow-2xl);transition:right .4s var(--ease-smooth);max-height:calc(100vh - 100px);overflow-y:auto;gap:.5rem}.navbar-menu.active{right:0}.nav-link{width:100%;justify-content:flex-start;padding:.875rem 1rem}}@media(max-width:768px){.navbar-container{padding:.875rem 1.25rem}.navbar-logo{font-size:1.125rem}.logo-gradient{width:38px;height:38px;font-size:.95rem}.navbar-cart{order:-1;margin-right:1rem}}.navbar-cart{display:flex;align-items:center;margin-left:auto;margin-right:.5rem;min-height:40px}.personal-discount-banner{width:100%;background:linear-gradient(90deg,#f59e0b66,#f59e0b33,#d977064d);border-bottom:2px solid rgba(245,158,11,.55);padding:.6rem 1.5rem;text-align:center;box-shadow:0 2px 12px #f59e0b2e;box-sizing:border-box}.personal-discount-banner-text{font-size:.95rem;font-weight:600;color:#fef3c7;text-shadow:0 0 16px rgba(245,158,11,.35);letter-spacing:.02em}.promo-banner{width:100%;background:linear-gradient(90deg,#22c55e73,#22c55e40,#16a34a59);border-bottom:2px solid rgba(34,197,94,.6);padding:.75rem 1.5rem;text-align:center;box-shadow:0 2px 12px #22c55e33;box-sizing:border-box}.promo-banner-text{font-size:1rem;font-weight:600;color:#ecfdf5;text-shadow:0 0 20px rgba(34,197,94,.4);letter-spacing:.02em}.promo-banner-code{display:inline;margin:0 .25rem;padding:.2rem .5rem;font:inherit;font-weight:700;color:#ecfdf5;background:#00000040;border:1px solid rgba(255,255,255,.3);border-radius:6px;cursor:pointer;transition:background .2s,transform .15s}.promo-banner-code:hover{background:#0006;transform:scale(1.03)}.promo-banner-code:active{transform:scale(.98)}.image-fallback{width:100%;height:100%;min-height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;background:#ffffff0a;color:#ffffff59;font-size:.75rem}.image-fallback-icon{font-size:1.5rem;opacity:.7}.image-fallback-text{text-transform:uppercase;letter-spacing:.05em}.cart-modal-overlay{position:fixed;inset:0;background:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease;padding:1rem}.cart-modal{background:var(--surface);border-radius:var(--radius-xl);border:1px solid var(--border);width:100%;max-width:650px;max-height:85vh;display:flex;flex-direction:column;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.cart-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border)}.cart-modal-header h2{margin:0;font-size:1.5rem;font-weight:700;color:var(--text)}.close-button{background:transparent;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:var(--radius-md);transition:all .2s ease}.close-button:hover{background:var(--surface-hover);color:var(--text)}.cart-modal-body{flex:1;overflow-y:auto;padding:1rem}.empty-cart{text-align:center;padding:3rem 1rem;color:var(--text-secondary)}.empty-cart p{font-size:1.1rem;margin:.5rem 0}.empty-cart-hint{font-size:.9rem;opacity:.7}.cart-items{display:flex;flex-direction:column;gap:1rem}.cart-item{display:flex;gap:1rem;background:var(--surface-elevated);padding:1rem;border-radius:var(--radius-lg);border:1px solid var(--border);transition:all .2s ease}.cart-item:hover{border-color:var(--border-light)}.cart-item-image{width:80px;height:80px;flex-shrink:0;border-radius:var(--radius-md);overflow:hidden;background:var(--surface)}.cart-item-image img{width:100%;height:100%;object-fit:cover}.no-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2rem;background:var(--surface-hover)}.cart-item-details{flex:1;display:flex;flex-direction:column;gap:.25rem}.cart-item-details h4{margin:0;font-size:1rem;font-weight:600;color:var(--text)}.cart-item-color{font-size:.85rem;color:var(--text-secondary);margin:0}.cart-item-price{font-size:1.1rem;font-weight:700;color:var(--accent);margin-top:auto}.cart-item-actions{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}.quantity-controls{display:flex;gap:.5rem;align-items:center;background:var(--surface);border-radius:var(--radius-md);padding:.25rem}.quantity-controls button{width:28px;height:28px;border:none;background:var(--surface-hover);color:var(--text);border-radius:var(--radius-sm);cursor:pointer;font-size:1rem;font-weight:600;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.quantity-controls button:hover:not(:disabled){background:var(--accent);color:var(--black)}.quantity-controls button:disabled{opacity:.3;cursor:not-allowed}.quantity-controls span{min-width:30px;text-align:center;font-weight:600;color:var(--text)}.remove-button{background:transparent;border:none;font-size:1.2rem;cursor:pointer;padding:.25rem;border-radius:var(--radius-sm);transition:all .2s ease;opacity:.6}.remove-button:hover{opacity:1;transform:scale(1.1)}.cart-modal-footer{border-top:1px solid var(--border);padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.cart-total{display:flex;justify-content:space-between;align-items:center;font-size:1.2rem;font-weight:600;color:var(--text)}.total-price{font-size:1.5rem;font-weight:700;color:var(--accent)}.checkout-button{width:100%;padding:1rem;background:var(--accent);color:var(--black);border:none;border-radius:var(--radius-lg);font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.checkout-button:hover{transform:translateY(-2px)}.checkout-button:active{transform:translateY(0)}.watermark-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;overflow:hidden}.watermark{position:absolute;color:#ffffff14;font-family:monospace;font-weight:700;white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none;text-shadow:0 0 2px rgba(0,0,0,.05);letter-spacing:1px}@media(max-width:768px){.watermark{color:#ffffff1a}}.watermark-footer{position:fixed;bottom:2px;right:2px;padding:3px 8px;font-size:10px;color:#ffffff0f;font-family:monospace;font-weight:700;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:9998;letter-spacing:1px;text-shadow:0 0 2px rgba(0,0,0,.1)}@media(max-width:768px){.watermark-footer{color:#ffffff17;font-size:11px}}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:var(--user-pattern, none);background-repeat:repeat;opacity:.5;pointer-events:none;z-index:-1}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;animation:fadeIn .8s var(--ease-smooth);position:relative}.login-card{width:100%;max-width:420px;background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-2xl);padding:2.5rem;box-shadow:var(--shadow-2xl),var(--inset-shadow);position:relative;animation:scaleIn .5s var(--ease-smooth)}.login-logo{width:72px;height:72px;margin:0 auto 1.75rem;display:flex;align-items:center;justify-content:center;background:var(--accent);border-radius:var(--radius-lg);font-size:1.75rem;font-weight:800;color:var(--black);position:relative;transition:all .2s ease}.login-header{text-align:center;margin-bottom:2rem}.login-header h1{font-size:1.75rem;font-weight:800;color:var(--text);margin-bottom:.5rem;letter-spacing:-.03em}.login-header p{color:var(--text-muted);font-size:.9rem}.login-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:var(--text-secondary);font-size:.85rem;letter-spacing:-.01em}.form-group input{padding:.875rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-size:.95rem;transition:all .3s var(--ease-smooth);box-shadow:var(--inset-shadow-strong)}.form-group input:focus{outline:none;border-color:var(--accent);background:var(--surface-elevated)}.form-group input::placeholder{color:var(--text-muted)}.error-message{padding:.875rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:#f87171;font-size:.85rem;font-weight:500}.error-message .error-code{margin-top:.5rem;font-size:.8rem;color:var(--text-muted)}.btn-login{padding:1rem;background:var(--accent);color:var(--black);font-size:1rem;font-weight:700;letter-spacing:-.01em;border-radius:var(--radius-md);cursor:pointer;border:none;transition:all .2s ease;margin-top:.5rem}.btn-login:hover{opacity:.9}.btn-login:active{opacity:.8}@media(max-width:480px){.login-container{padding:1.5rem}.login-card{padding:2rem 1.5rem;border-radius:var(--radius-xl)}.login-header h1{font-size:1.5rem}.login-logo{width:60px;height:60px;font-size:1.5rem}}.home-container{max-width:1400px;margin:0 auto;padding:4rem 2rem;animation:fadeIn .8s var(--ease-smooth)}.home-header{text-align:center;margin-bottom:5rem;position:relative;padding:2rem 0}.home-header h1{font-size:3.5rem;font-weight:800;color:var(--text);margin-bottom:1.25rem;letter-spacing:-.03em;line-height:1.1;position:relative}.home-header p{font-size:1.125rem;color:var(--text-secondary);font-weight:400;margin-top:1.5rem;letter-spacing:-.01em}.categories-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:3rem;max-width:960px;margin-left:auto;margin-right:auto}.category-card{position:relative;background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2.5rem 2rem;text-align:center;transition:transform .25s var(--ease-smooth),border-color .2s ease,box-shadow .25s ease;cursor:pointer}.category-card:hover{border-color:var(--border-light);transform:translateY(-2px)}.category-icon{position:relative;width:80px;height:80px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all .2s ease;color:var(--text-secondary)}.category-card:hover .category-icon{border-color:var(--accent);background:#00c77f1a;color:var(--accent)}.category-icon svg{transition:all .4s var(--ease-smooth)}.category-card h2{font-size:1.25rem;font-weight:700;color:var(--text);margin-bottom:.5rem;letter-spacing:-.02em;transition:color .3s var(--ease-smooth)}.category-card:hover h2{color:var(--accent)}.category-card p{color:var(--text-muted);font-size:.875rem;font-weight:400;letter-spacing:-.01em;line-height:1.5}.admin-panel-link{display:flex;justify-content:center;margin-top:4rem}.btn-admin{display:inline-flex;align-items:center;gap:.625rem;padding:1rem 1.75rem;font-size:.9rem;font-weight:600;background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);transition:all .2s ease}.btn-admin:hover{border-color:var(--accent);color:var(--accent);background:#00c77f14}.btn-admin svg{color:var(--text-muted);transition:all .2s ease}.btn-admin:hover svg{color:var(--accent)}@media(max-width:1024px){.home-container{padding:3rem 1.5rem}.home-header{margin-bottom:4rem}.home-header h1{font-size:2.75rem}.home-header p{font-size:1.1rem}.categories-grid{grid-template-columns:repeat(2,1fr);max-width:100%;gap:1.25rem}.category-card{padding:2rem 1.5rem}.category-icon{width:70px;height:70px}}@media(max-width:768px){.home-container{padding:2rem 1rem}.home-header{margin-bottom:3rem;padding:1rem 0}.home-header:before{width:80%}.home-header h1{font-size:2rem}.home-header h1:after{width:40px;height:2px}.home-header p{font-size:1rem;margin-top:1.25rem}.categories-grid{grid-template-columns:1fr;max-width:100%;gap:1rem}.category-card{padding:1.75rem 1.5rem}.category-card:hover{transform:translateY(-6px) scale(1.01)}.category-icon{width:64px;height:64px;margin-bottom:1.25rem}.category-card h2{font-size:1.125rem}.category-card p{font-size:.85rem}.admin-panel-link{margin-top:3rem}.btn-admin{padding:.875rem 1.5rem;font-size:.875rem}}.price-range-filter{display:flex;flex-direction:column;gap:.75rem}.price-range-limits{font-size:.8rem;color:var(--text-muted, rgba(255, 255, 255, .5));margin:0}.price-range-limits strong{color:var(--text-secondary, rgba(255, 255, 255, .78));font-weight:600}.price-range-sliders{display:flex;flex-direction:column;gap:.6rem}.price-range-row{display:flex;align-items:center;gap:.5rem}.price-range-label{flex:0 0 24px;font-size:.8rem;color:var(--text-muted)}.price-range-input{flex:1;min-width:0;height:6px;-webkit-appearance:none;appearance:none;background:#ffffff1a;border-radius:3px;outline:none}.price-range-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent, #00c77f);cursor:pointer;border:2px solid rgba(255,255,255,.9);box-shadow:0 1px 3px #0000004d;transition:transform .15s ease,box-shadow .15s ease}.price-range-input::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 0 0 4px #00c77f33}.price-range-input::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent, #00c77f);cursor:pointer;border:2px solid rgba(255,255,255,.9);box-shadow:0 1px 3px #0000004d}.price-range-input:disabled::-webkit-slider-thumb{background:var(--gray-600, #525252);cursor:not-allowed}.price-range-input:disabled::-moz-range-thumb{background:var(--gray-600, #525252);cursor:not-allowed}.price-range-value{flex:0 0 auto;font-size:.85rem;font-weight:600;color:var(--accent, #00c77f);min-width:4.5rem;text-align:right}.lazy-image-container{position:relative;width:100%;height:100%;overflow:hidden}.lazy-image-container img{width:100%;height:100%;object-fit:cover;transition:opacity .3s ease}.lazy-image-container.loading img{opacity:0}.lazy-image-container.loaded img{opacity:1}.lazy-image-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--surface-hover)}.lazy-image-spinner{width:30px;height:30px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.watermark-card-wrap{position:relative;border-radius:var(--radius-lg, 12px);overflow:hidden;height:100%;background:#2a2a2c;transition:transform .25s var(--ease-smooth),box-shadow .25s ease}.watermark-card-wrap:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000040}.watermark-card-wrap>a{display:block;height:100%;text-decoration:none;color:inherit;background:transparent!important}.watermark-card-id{position:absolute;bottom:4px;left:6px;font-size:9px;font-family:monospace;font-weight:700;color:#ffffff1f;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;letter-spacing:.5px}@media(max-width:768px){.watermark-card-id{font-size:10px;color:#ffffff26}}.catalog-page{display:flex;gap:2rem;max-width:1440px;margin:0 auto;padding:2.5rem 2rem}.catalog-sidebar{width:260px;flex-shrink:0;position:sticky;top:100px;height:fit-content;max-height:calc(100vh - 120px);overflow-y:auto;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);padding:1.25rem;animation:slideInLeft .5s var(--ease-smooth)}.catalog-sidebar::-webkit-scrollbar{width:4px}.catalog-sidebar::-webkit-scrollbar-track{background:transparent}.catalog-sidebar::-webkit-scrollbar-thumb{background:var(--gray-700);border-radius:4px}.sidebar-section{margin-bottom:2rem}.sidebar-section:last-child{margin-bottom:0}.sidebar-title{font-size:.7rem;font-weight:600;color:#ffffff59;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.08em}.sidebar-filters{display:flex;flex-direction:column;gap:0}.sidebar-filter-btn{padding:.75rem .75rem .75rem 1rem;background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.03);border-left:2px solid transparent;border-radius:0;color:var(--text-secondary);font-size:.875rem;font-weight:400;cursor:pointer;transition:all .15s ease;text-align:left;position:relative}.sidebar-filter-btn:last-child{border-bottom:none}.sidebar-filter-btn:hover{color:var(--text);background:#ffffff05}.sidebar-filter-btn.active{color:var(--accent);font-weight:400;background:transparent;border-left-color:var(--accent)}.sidebar-select{width:100%;padding:.75rem 2.25rem .75rem 1rem;background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.85rem;font-weight:500;cursor:pointer;transition:border-color .2s ease,background .2s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23a3a3a3' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}.sidebar-select:hover{background:var(--surface-hover);border-color:var(--border-light)}.sidebar-select:focus{outline:none;border-color:var(--accent)}.catalog-content{flex:1;min-width:0;animation:fadeIn .6s var(--ease-smooth)}.catalog-header{margin-bottom:2rem}.catalog-search-wrap{display:flex;gap:.5rem;margin-bottom:1rem;max-width:480px}.catalog-search-input{flex:1;padding:.6rem 1rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);color:var(--text);font-size:.9rem}.catalog-search-input::placeholder{color:var(--text-muted)}.catalog-search-input:focus{outline:none;border-color:var(--accent)}.catalog-search-btn{padding:.6rem 1.25rem;background:var(--accent);border:none;border-radius:var(--radius-sm);color:#0a0a0a;font-weight:600;font-size:.9rem;cursor:pointer}.catalog-search-btn:hover{opacity:.95}.filter-price-range,.filter-date-range{display:flex;align-items:center;gap:.35rem}.filter-input{flex:1;min-width:0;padding:.5rem .6rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);color:var(--text);font-size:.85rem}.filter-input::placeholder{color:var(--text-muted)}.filter-input:focus{outline:none;border-color:var(--accent)}.filter-sep{color:var(--text-muted);font-size:.85rem}.catalog-header-top{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border)}.catalog-title-group{display:flex;align-items:baseline;gap:1.25rem}.catalog-header h1{font-size:2rem;font-weight:800;color:var(--text);margin:0;letter-spacing:-.03em}.catalog-count{color:var(--text-muted);font-size:.9rem;font-weight:400;margin:0}.catalog-toolbar{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.catalog-per-page{display:flex;align-items:center;gap:.5rem}.catalog-per-page label{font-size:.85rem;color:var(--text-secondary);white-space:nowrap}.catalog-sort{display:flex;gap:.5rem;align-items:center}.catalog-pagination{display:flex;align-items:center;gap:1rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.06)}.pagination-btn{padding:.4rem .75rem;font-size:.875rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:inherit;cursor:pointer}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-info{font-size:.875rem;color:#ffffff80}.item-image{position:relative}.item-badge.nrd-badge{position:absolute;top:.5rem;left:.5rem;z-index:1;padding:.25rem .5rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-radius:4px;box-shadow:0 2px 6px #0003}.item-badge.speed-badge{position:absolute;top:.5rem;right:.5rem;left:auto;z-index:1;padding:.25rem .5rem;font-size:.7rem;font-weight:600;letter-spacing:.02em;background:#64748bd9;color:#fffffff2;border-radius:4px;box-shadow:0 2px 6px #00000026;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.spec-badge.nrd-spec{background:#6366f140;color:#a5b4fc}.sort-select{padding:.5rem 2rem .5rem 1rem;background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.85rem;font-weight:500;cursor:pointer;transition:border-color .2s ease,background .2s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23a3a3a3' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}.sort-select:hover{background:var(--surface-hover);border-color:var(--border-light)}.sort-select:focus{outline:none;border-color:var(--accent)}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.item-card{position:relative;background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:all .2s ease;cursor:pointer;text-decoration:none}.item-card:hover{border-color:var(--border-light)}.item-image{position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;background:var(--black-soft);display:block}.item-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease-smooth)}.item-card:hover .item-image img{transform:none}.item-image .no-image{position:absolute;inset:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1rem;box-sizing:border-box;background:linear-gradient(145deg,#ffffff08,#ffffff03);color:var(--text-muted);font-size:.8rem;white-space:nowrap}.item-image .no-image:before{content:"";width:48px;height:48px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' opacity='0.6'%3E%3Crect x='3' y='3' width='18' height='18' rx='2' ry='2'/%3E%3Ccircle cx='8.5' cy='8.5' r='1.5'/%3E%3Cpath d='M21 15l-5-5L5 21'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center;flex-shrink:0}.item-info{padding:1.25rem 1.5rem .75rem;position:relative}.item-category{display:block;font-size:.65rem;font-weight:400;text-transform:uppercase;letter-spacing:.14em;color:#fff6;margin-bottom:.35rem;transition:color .2s ease}.item-info h3{font-size:1.125rem;font-weight:700;color:var(--text);margin-bottom:.625rem;line-height:1.3;letter-spacing:-.02em;transition:color .3s var(--ease-smooth)}.item-card:hover .item-info h3{color:var(--accent)}.item-price{font-size:1.375rem;font-weight:800;color:var(--accent);margin-bottom:.75rem;letter-spacing:-.02em}.item-specs{display:flex;flex-wrap:wrap;gap:.5rem}.spec-badge{padding:.375rem .625rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.7rem;font-weight:500;letter-spacing:.01em;transition:all .3s var(--ease-smooth);box-shadow:var(--shadow-xs)}.item-card:hover .spec-badge{border-color:var(--border-light);background:var(--surface-elevated)}.no-items{grid-column:1 / -1;text-align:center;padding:4rem 2rem;color:var(--text-muted);font-size:1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.skeleton-title{height:14px;width:100px;background:linear-gradient(90deg,var(--surface) 25%,var(--surface-elevated) 50%,var(--surface) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm);margin-bottom:.875rem}.skeleton-filters{display:flex;flex-direction:column;gap:.375rem}.skeleton-filter{height:42px;background:linear-gradient(90deg,var(--surface) 25%,var(--surface-elevated) 50%,var(--surface) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}.skeleton-card{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.skeleton-image{aspect-ratio:16/10;background:linear-gradient(90deg,var(--surface) 25%,var(--surface-elevated) 50%,var(--surface) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-info{padding:1.25rem 1.5rem}.skeleton-text{height:14px;background:linear-gradient(90deg,var(--surface) 25%,var(--surface-elevated) 50%,var(--surface) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm);margin-bottom:.625rem}.skeleton-text-lg{width:75%;height:18px}.skeleton-text-md{width:50%}.skeleton-badges{display:flex;gap:.5rem;margin-top:.75rem}.skeleton-badge{height:26px;width:70px;background:linear-gradient(90deg,var(--surface) 25%,var(--surface-elevated) 50%,var(--surface) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}.loading{display:flex;align-items:center;justify-content:center;min-height:60vh;color:var(--text-secondary);font-size:1rem;font-weight:500}@media(max-width:1024px){.catalog-page{padding:2rem 1.5rem;gap:1.5rem}.catalog-sidebar{width:220px;padding:1.25rem}.catalog-header h1{font-size:1.75rem}.items-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem}}@media(max-width:768px){.catalog-page{flex-direction:column;padding:1.25rem 1rem;gap:1.25rem}.catalog-sidebar{position:static;width:100%;max-height:none;padding:1.25rem;border-radius:var(--radius-lg)}.sidebar-filters{display:grid;grid-template-columns:repeat(2,1fr);gap:.375rem}.catalog-header-top{flex-direction:column;align-items:flex-start;gap:1rem}.catalog-header h1{font-size:1.5rem}.items-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.item-card{border-radius:var(--radius-md)}.item-card:hover{transform:translateY(-4px)}.item-image{aspect-ratio:4/3}.item-info{padding:1rem 1rem .6rem}.item-info h3{font-size:1rem}.item-price{font-size:1.125rem}.spec-badge{font-size:.65rem;padding:.25rem .5rem}}.detail-container{max-width:1400px;margin:0 auto;padding:2.5rem 2rem;animation:fadeIn .6s var(--ease-smooth)}.back-button{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);font-weight:500;font-size:.875rem;cursor:pointer;transition:all .3s var(--ease-smooth);margin-bottom:2rem;box-shadow:var(--shadow-sm),var(--inset-shadow)}.back-button:hover{background:var(--accent-subtle);border-color:var(--accent);color:var(--accent);transform:translate(-4px);box-shadow:var(--shadow-accent)}.detail-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-top:1.5rem}.detail-gallery{display:flex;flex-direction:column;gap:1.25rem;animation:slideInLeft .6s var(--ease-smooth)}.main-image{position:relative;width:100%;aspect-ratio:16/10;background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;transition:all .4s var(--ease-smooth);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg)}.main-image:hover{box-shadow:var(--shadow-accent-lg),var(--shadow-xl);border-color:var(--border-accent)}.main-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease-smooth)}.main-image:hover img{transform:scale(1.03)}.thumbnail-list{display:flex;gap:.625rem;overflow-x:auto;padding:.5rem 0}.thumbnail-list::-webkit-scrollbar{height:4px}.thumbnail-list::-webkit-scrollbar-track{background:transparent}.thumbnail-list::-webkit-scrollbar-thumb{background:var(--accent);border-radius:4px}.thumbnail-list img{max-width:90px;max-height:60px;width:100%;height:auto;object-fit:cover;object-position:center;border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--border);transition:all .3s var(--ease-smooth);background:var(--surface);box-shadow:var(--shadow-sm);display:block}.thumbnail-list img:hover{border-color:var(--border-light);box-shadow:var(--shadow-md)}.thumbnail-list img.active{border-color:var(--accent)}.no-image-large{width:100%;height:400px;display:flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);color:var(--text-muted);font-size:1rem}.detail-info{animation:fadeIn .8s var(--ease-smooth)}.detail-info h1{font-size:2.25rem;font-weight:800;color:var(--text);margin-bottom:.75rem;line-height:1.2;letter-spacing:-.03em}.detail-price{font-size:2.25rem;font-weight:800;color:var(--accent);margin-bottom:1.75rem;letter-spacing:-.02em}.detail-description{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem;margin-bottom:1.5rem;box-shadow:var(--shadow-sm);position:relative}.detail-description h3{font-size:.7rem;font-weight:700;color:var(--text-muted);margin-bottom:.625rem;text-transform:uppercase;letter-spacing:.1em}.detail-description p{color:var(--text-secondary);line-height:1.7;font-size:.9rem;white-space:pre-wrap}.detail-nrd-badge{margin-bottom:1rem}.detail-nrd-badge .nrd-label{display:inline-flex;align-items:center;padding:.35rem .75rem;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-radius:6px;box-shadow:0 2px 8px #6366f159}.detail-specs{display:flex;flex-direction:column;gap:0}.spec-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;background:transparent;border-bottom:1px solid var(--border);transition:all .2s var(--ease-smooth)}.spec-item:hover{background:var(--surface);padding-left:.5rem;padding-right:.5rem;margin-left:-.5rem;margin-right:-.5rem;border-radius:var(--radius-sm)}.spec-label{font-size:.8rem;color:var(--text-muted);font-weight:500}.spec-value{font-size:.9rem;color:var(--text);font-weight:600}.color-variants{margin-bottom:1.5rem}.color-variants h3{font-size:.7rem;font-weight:700;color:var(--text-muted);margin-bottom:.875rem;text-transform:uppercase;letter-spacing:.1em}.color-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.color-button{padding:.625rem 1.125rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-secondary);cursor:pointer;font-size:.85rem;font-weight:500;transition:all .3s var(--ease-smooth);box-shadow:var(--shadow-xs),var(--inset-shadow)}.color-button:hover{border-color:var(--border-light);color:var(--text);box-shadow:var(--shadow-sm)}.color-button.active{background:var(--accent-subtle);border-color:var(--accent);color:var(--accent);box-shadow:var(--shadow-accent)}@media(max-width:1024px){.detail-container{padding:2rem 1.5rem}.detail-content{gap:2rem}.detail-info h1,.detail-price{font-size:1.875rem}}@media(max-width:768px){.detail-container{padding:1.5rem 1rem}.detail-content{grid-template-columns:1fr;gap:1.5rem}.main-image{aspect-ratio:4/3}.detail-info h1{font-size:1.5rem}.detail-price{font-size:1.5rem;margin-bottom:1.25rem}.back-button{margin-bottom:1.5rem}}.btn-add-to-cart{width:100%;padding:1.25rem;margin-top:2rem;background:var(--accent);color:var(--black);border:none;border-radius:var(--radius-lg);font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s var(--ease-smooth);display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-add-to-cart:active{transform:translateY(0)}.cart-page{min-height:100vh;background:var(--background);padding:2rem 1rem}.cart-container{max-width:1200px;margin:0 auto;animation:fadeIn .6s ease}.cart-container h1{font-size:2rem;font-weight:800;color:var(--text);margin-bottom:2rem;letter-spacing:-.03em}.empty-cart-page{text-align:center;padding:4rem 2rem;background:var(--surface);border-radius:var(--radius-xl);border:1px solid var(--border);margin-top:2rem}.empty-cart-icon{font-size:5rem;margin-bottom:1rem;opacity:.3}.empty-cart-page h2{color:var(--text);margin-bottom:.5rem}.empty-cart-page p{color:var(--text-secondary);margin-bottom:2rem}.cart-items-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.cart-item-card{display:flex;gap:1.5rem;background:var(--surface);padding:1.5rem;border-radius:var(--radius-xl);border:1px solid var(--border);transition:all .3s ease;box-shadow:var(--shadow-md)}.cart-item-card:hover{border-color:var(--border-light);box-shadow:var(--shadow-lg)}.cart-item-image-container{width:120px;height:120px;flex-shrink:0;border-radius:var(--radius-lg);overflow:hidden;background:var(--surface-elevated)}.cart-item-image-container img{width:100%;height:100%;object-fit:cover}.no-image-cart{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem;background:var(--surface-hover)}.cart-item-info{flex:1;display:flex;flex-direction:column;gap:.5rem}.cart-item-info h3{margin:0;font-size:1.2rem;font-weight:700;color:var(--text)}.cart-item-meta{font-size:.9rem;color:var(--text-secondary);margin:0}.meta-label{font-weight:600;color:var(--text)}.cart-item-price-qty{margin-top:auto;display:flex;gap:1rem;align-items:center}.item-price{color:var(--text-secondary);font-size:.95rem}.item-total{font-size:1.1rem;font-weight:700;color:var(--accent)}.cart-item-controls{display:flex;flex-direction:column;gap:1rem;align-items:flex-end}.quantity-control{display:flex;gap:.5rem;align-items:center;background:var(--surface-elevated);border-radius:var(--radius-md);padding:.25rem}.quantity-control button{width:32px;height:32px;border:none;background:var(--surface-hover);color:var(--text);border-radius:var(--radius-sm);cursor:pointer;font-size:1.1rem;font-weight:700;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.quantity-control button:hover:not(:disabled){background:var(--accent);color:var(--black)}.quantity-control button:disabled{opacity:.3;cursor:not-allowed}.quantity-control span{min-width:40px;text-align:center;font-weight:700;color:var(--text);font-size:1.1rem}.remove-btn{background:transparent;border:1px solid var(--border);color:var(--text-secondary);padding:.5rem 1rem;border-radius:var(--radius-md);cursor:pointer;font-size:.9rem;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.remove-btn:hover{background:#ff46461a;border-color:#ff4646;color:#ff4646}.cart-promo{margin-bottom:1rem}.cart-promo label{display:block;margin-bottom:.35rem;font-size:.9rem;color:var(--text-secondary)}.cart-promo-row{display:flex;gap:.5rem}.cart-promo-row input{flex:1;padding:.6rem .75rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-elevated);color:var(--text)}.btn-promo-apply{padding:.6rem 1rem;background:var(--surface-hover);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-md);cursor:pointer;font-weight:600}.btn-promo-apply:hover:not(:disabled){background:var(--accent);color:var(--black);border-color:var(--accent)}.btn-promo-apply:disabled{opacity:.5;cursor:not-allowed}.cart-summary{background:var(--surface);padding:2rem;border-radius:var(--radius-xl);border:1px solid var(--border);box-shadow:var(--shadow-lg);position:sticky;top:2rem}.summary-row.discount{color:var(--accent)}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;color:var(--text);font-size:1rem}.summary-row.total{border-top:2px solid var(--border);margin-top:.5rem;padding-top:1.5rem;font-size:1.3rem;font-weight:700;color:var(--accent)}.btn-checkout{width:100%;padding:1.25rem;margin-top:1.5rem;background:var(--accent);color:var(--black);border:none;border-radius:var(--radius-lg);font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .2s ease}.btn-checkout:hover:not(:disabled){opacity:.9}.btn-checkout:disabled{opacity:.6;cursor:not-allowed}.btn-clear-cart{width:100%;padding:.75rem;margin-top:1rem;background:transparent;color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-md);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-clear-cart:hover{background:var(--surface-hover);border-color:var(--border-light);color:var(--text)}.success-modal-overlay{position:fixed;inset:0;background:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease}.success-modal{background:var(--surface);border-radius:var(--radius-xl);border:1px solid var(--border);padding:3rem 2rem;max-width:500px;width:90%;text-align:center;animation:slideUp .4s ease}.success-icon{font-size:5rem;margin-bottom:1rem;animation:scaleIn .5s ease}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.success-modal h2{color:var(--text);font-size:1.8rem;font-weight:700;margin-bottom:1rem}.success-modal p{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin-bottom:1.25rem}.success-actions{margin-bottom:1.5rem}.btn-success-home{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;color:var(--bg);background:var(--accent);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background .2s ease,transform .15s ease}.btn-success-home:hover{background:var(--accent-dark);transform:translateY(-1px)}.btn-success-home:active{transform:translateY(0)}.success-loader{width:200px;height:4px;background:var(--surface-elevated);border-radius:2px;margin:0 auto;overflow:hidden;position:relative}.success-loader:after{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background:var(--accent);animation:progressBar 3s linear}@keyframes progressBar{0%{transform:translate(-100%)}to{transform:translate(0)}}@media(max-width:768px){.cart-item-card{flex-direction:column}.cart-item-image-container{width:100%;height:200px}.cart-item-controls{flex-direction:row;justify-content:space-between;width:100%}.cart-summary{position:static}}.profile-page{max-width:480px;margin:0 auto;padding:2rem 1rem}.profile-container h1{margin-bottom:1.5rem;font-size:1.5rem}.profile-section{background:var(--card-bg, rgba(30, 41, 59, .6));border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.profile-section h2{font-size:1.1rem;margin-bottom:1rem;color:var(--text-muted, #94a3b8)}.profile-form .form-group{margin-bottom:1rem}.profile-form label{display:block;margin-bottom:.35rem;font-size:.9rem}.profile-form input{width:100%;padding:.6rem .75rem;border:1px solid var(--border, #334155);border-radius:8px;background:var(--input-bg, #1e293b);color:var(--text, #f1f5f9)}.profile-form .form-hint{display:block;font-size:.8rem;color:var(--text-muted, #64748b);margin-top:.25rem}.profile-form .btn-primary{margin-top:.5rem}.profile-meta{font-size:.85rem;color:var(--text-muted, #64748b)}.test-watermark-page{min-height:100vh;background:var(--background);padding:2rem;max-width:1000px;margin:0 auto}.test-watermark-page h1{font-size:2.5rem;font-weight:800;color:var(--text);margin-bottom:2rem;text-align:center}.test-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:2rem;margin-bottom:2rem;box-shadow:var(--shadow-md)}.test-card h2{color:var(--text);font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.test-info{display:flex;flex-direction:column;gap:.75rem;font-size:1.1rem}.test-info strong{color:var(--accent)}.test-result{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:1rem}.test-label{font-weight:600;color:var(--text)}.test-status{font-weight:700;font-size:1.1rem}.test-status.success{color:#0f8}.test-status.fail{color:#ff6b6b}.test-detail{background:var(--background);padding:1rem;border-radius:var(--radius-md);margin:-.5rem 0 1rem;border:1px solid var(--border)}.test-detail code{color:var(--accent);font-family:Courier New,monospace;font-size:.85rem;word-break:break-all}.copy-test-box{background:var(--surface-elevated);padding:1.5rem;border-radius:var(--radius-md);border:1px solid var(--border)}.copy-test-text{background:var(--background);padding:1rem;border:2px dashed var(--accent);border-radius:var(--radius-md);margin:1rem 0;font-size:1.1rem;font-weight:600;color:var(--text);text-align:center;-webkit-user-select:text;user-select:text}.warning-card{background:#ffb4001a;border-color:#ffb400}.warning-card ul{margin-top:1rem;padding-left:1.5rem;color:var(--text-secondary);line-height:1.8}.visible-watermark-demo{position:relative;min-height:200px;background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem}.demo-watermark{font-size:3rem;font-weight:700;color:var(--accent);font-family:monospace;transform:rotate(-25deg)}.visible-watermark-demo p{color:var(--text-secondary);margin:0;text-align:center}.admin-layout{display:flex;min-height:100vh;background:var(--bg)}.admin-nav{width:260px;background:var(--surface-elevated);border-right:1px solid var(--border);color:var(--text);display:flex;flex-direction:column;position:fixed;height:100vh;overflow-y:auto;box-shadow:var(--shadow-lg);z-index:100}.admin-header{padding:1.75rem 1.5rem;border-bottom:1px solid var(--border);position:relative}.admin-header h2{margin-bottom:.375rem;font-size:1.25rem;font-weight:700;color:var(--text);letter-spacing:-.02em}.admin-header p{font-size:.8rem;color:var(--text-muted)}.admin-menu{list-style:none;padding:.75rem 0;margin:0}.admin-menu:first-of-type{flex:0 0 auto}.admin-menu-catalog{flex:0 0 auto}.admin-menu-divider{height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent);margin:.5rem 1rem;flex-shrink:0}.admin-menu li{margin:0}.admin-nav-icon{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;font-size:1.1rem;line-height:1;flex-shrink:0;opacity:.9}.admin-menu a.active .admin-nav-icon{opacity:1}.admin-nav-label{flex:1;min-width:0}.admin-menu a{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.5rem;color:var(--text-secondary);text-decoration:none;font-size:.875rem;font-weight:500;transition:all .3s var(--ease-smooth);position:relative;margin:.125rem .5rem;border-radius:var(--radius-sm)}.admin-menu a:hover{background:var(--surface-hover);color:var(--text)}.admin-menu a.active{background:var(--accent-subtle);color:var(--accent);font-weight:600}.admin-menu a.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--accent);border-radius:0 2px 2px 0}.admin-footer{padding:1.25rem;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.5rem}.btn-secondary{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background:var(--surface);border:1px solid var(--border);color:var(--text-secondary);text-align:center;text-decoration:none;border-radius:var(--radius-sm);font-weight:500;font-size:.85rem;transition:all .3s var(--ease-smooth);box-shadow:var(--shadow-xs),var(--inset-shadow)}.btn-secondary:hover{background:var(--surface-hover);border-color:var(--border-light);color:var(--text);transform:translateY(-1px)}.btn-logout{padding:.75rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#f87171;border-radius:var(--radius-sm);font-weight:600;font-size:.85rem;cursor:pointer;transition:all .3s var(--ease-smooth)}.btn-logout:hover{background:#ef444426;border-color:#ef44444d;transform:translateY(-1px)}.admin-content{margin-left:260px;flex:1;padding:2rem;background:var(--bg);min-height:100vh}@media(max-width:1024px){.admin-nav{width:220px}.admin-content{margin-left:220px;padding:1.5rem}}@media(max-width:768px){.admin-layout{flex-direction:column}.admin-nav{width:100%;position:relative;height:auto;border-right:none;border-bottom:1px solid var(--border)}.admin-content{margin-left:0;padding:1.25rem}.admin-menu{display:flex;flex-wrap:wrap;padding:.5rem;gap:.25rem}.admin-menu a{padding:.625rem 1rem;margin:0}}.admin-dashboard{animation:fadeIn .6s var(--ease-smooth)}.admin-dashboard h1{font-size:2.25rem;font-weight:700;color:var(--text);margin-bottom:.5rem;letter-spacing:-.5px}.dashboard-subtitle{color:var(--text-secondary);font-size:1rem;margin-bottom:2.5rem;font-weight:400;letter-spacing:-.2px}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.dashboard-card{background:var(--surface-elevated);padding:2rem;border-radius:var(--radius-xl);border:1px solid var(--border);text-decoration:none;transition:all .4s var(--ease-smooth);cursor:pointer;box-shadow:var(--shadow-md),inset 0 1px #ffffff08;position:relative;overflow:hidden}.dashboard-card:hover{transform:translateY(-6px) scale(1.01);border-color:var(--accent);box-shadow:var(--shadow-lg),var(--shadow-accent),inset 0 1px #ffffff0d}.dashboard-icon{font-size:2.75rem;margin-bottom:1.25rem;filter:drop-shadow(0 0 12px var(--accent-subtle));transition:all .3s var(--ease-smooth)}.dashboard-card:hover .dashboard-icon{transform:scale(1.1);filter:drop-shadow(0 0 20px rgba(0,199,127,.5))}.dashboard-card h3{color:var(--text);font-size:1.25rem;font-weight:600;margin:0;letter-spacing:-.3px;transition:color .3s var(--ease-smooth)}.dashboard-card:hover h3{color:var(--accent)}.confirm-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;animation:modalOverlayIn .3s var(--ease-smooth);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}@keyframes modalOverlayIn{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.confirm-modal{background:var(--surface-elevated);border-radius:var(--radius-xl);border:1px solid var(--border);padding:0;min-width:380px;max-width:440px;box-shadow:var(--shadow-2xl);animation:modalSlideUp .4s var(--ease-bounce);overflow:hidden;position:relative}.confirm-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}@keyframes modalSlideUp{0%{transform:translateY(40px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.confirm-modal-header{padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--border)}.confirm-modal-header h3{margin:0;font-size:1.125rem;font-weight:700;color:var(--text);letter-spacing:-.02em}.confirm-modal-body{padding:1.25rem 1.5rem}.confirm-modal-body p{margin:0;font-size:.9rem;line-height:1.6;color:var(--text-secondary)}.confirm-modal-footer{padding:1rem 1.5rem 1.5rem;display:flex;gap:.75rem;justify-content:flex-end}.confirm-modal-cancel,.confirm-modal-confirm{padding:.625rem 1.25rem;border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s var(--ease-smooth);min-width:90px;position:relative;overflow:hidden}.confirm-modal-cancel:before,.confirm-modal-confirm:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.1) 0%,transparent 100%);pointer-events:none}.confirm-modal-cancel{background:var(--surface-elevated);border:1px solid var(--border);color:var(--text-secondary);box-shadow:var(--shadow-xs),var(--inset-shadow)}.confirm-modal-cancel:hover{background:var(--surface-hover);border-color:var(--border-light);color:var(--text);box-shadow:var(--shadow-sm)}.confirm-modal-confirm{color:var(--black);box-shadow:var(--shadow-sm)}.confirm-modal-danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.confirm-modal-success{background:var(--accent)}.confirm-modal-success:hover{box-shadow:var(--shadow-accent)}.confirm-modal-warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.confirm-modal-cancel:active,.confirm-modal-confirm:active{transform:translateY(0)}@media(max-width:480px){.confirm-modal{min-width:auto;max-width:calc(100vw - 2rem);margin:1rem}}.admin-users{padding:2rem}.admin-header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.admin-header-actions{display:flex;align-items:center;gap:.75rem}.admin-header-section h1{margin:0;font-size:1.8rem;font-weight:700;color:var(--text)}.users-table-container{background:var(--surface);border-radius:var(--radius-xl);border:1px solid var(--border);overflow:hidden;box-shadow:var(--shadow-md)}.users-table{width:100%;border-collapse:collapse}.users-table thead{background:var(--surface-elevated);border-bottom:1px solid var(--border)}.users-table th{padding:1rem;text-align:left;font-size:.85rem;font-weight:700;color:var(--text);text-transform:uppercase;letter-spacing:.05em}.users-table tbody tr{border-bottom:1px solid var(--border);transition:background .2s ease}.users-table tbody tr:hover{background:var(--surface-hover)}.users-table tbody tr.suspended{opacity:.6;background:#ff46460d}.users-table tbody tr.locked{background:#f59e0b14}.users-table td{padding:1rem;color:var(--text)}.warning-icon{margin-left:.5rem;cursor:help}.telegram-mini{color:#08c;text-decoration:none;font-size:.9rem;font-weight:600}.telegram-mini:hover{text-decoration:underline}.vip-mini{display:inline-block;padding:.25rem .6rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:700}.vip-vip{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.vip-vip-plus{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.vip-vip-special{background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff}.vip-ne-vip{background:var(--surface-hover, #334155);color:var(--text-secondary, #94a3b8)}.role-badge{display:inline-block;padding:.35rem .75rem;border-radius:var(--radius-md);font-size:.8rem;font-weight:600}.role-badge.admin{background:#00ffaa26;color:var(--accent);border:1px solid rgba(0,255,170,.3)}.role-badge.consultant{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.role-badge.user{background:var(--surface-elevated);color:var(--text-secondary);border:1px solid var(--border)}.status-suspended{color:#ff6b6b;font-weight:600;font-size:.85rem}.status-active{color:#0f8;font-weight:600;font-size:.85rem}.status-locked{color:#f59e0b;font-weight:600;font-size:.85rem}.actions-cell{white-space:nowrap}.btn-action{background:var(--surface-hover);border:1px solid var(--border);color:var(--text);padding:.5rem .75rem;margin:0 .25rem;border-radius:var(--radius-md);cursor:pointer;font-size:.9rem;transition:all .2s ease}.btn-action:hover{box-shadow:var(--shadow-md)}.btn-action.btn-view:hover{background:var(--accent);border-color:var(--accent);color:var(--black)}.btn-action.btn-edit:hover{background:#ffb400;border-color:#ffb400;color:var(--black)}.btn-action.btn-delete:hover{background:#ff6b6b;border-color:#ff6b6b;color:#fff}.btn-action.btn-deactivate:hover{background:#f59e0b;border-color:#f59e0b;color:#fff}.btn-action.btn-activate:hover{background:var(--accent);border-color:var(--accent);color:var(--black)}.account-status-section{margin-bottom:1.5rem}.account-status-section .btn-danger{margin-top:.5rem}.text-muted{color:var(--text-secondary);font-style:italic}.modal-overlay{position:fixed;inset:0;background:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.modal-content{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:2rem;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;animation:slideUp .4s ease}.modal-content.modal-large{max-width:700px}.modal-content.modal-detail{max-width:800px}.modal-content.modal-purchase{max-width:550px}.modal-content h2{margin:0 0 1.5rem;color:var(--text);font-size:1.5rem}.modal-header-detail{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.close-btn{background:var(--surface-hover);border:1px solid var(--border);color:var(--text);width:36px;height:36px;border-radius:var(--radius-md);cursor:pointer;font-size:1.2rem;transition:all .2s ease}.close-btn:hover{background:#ff6b6b;border-color:#ff6b6b;color:#fff}.detail-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:1.5rem;padding:.5rem;background:var(--surface-elevated);border-radius:var(--radius-lg);border:1px solid var(--border)}.tab-btn{padding:.75rem 1rem;background:transparent;border:none;color:var(--text-secondary);border-radius:var(--radius-md);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.tab-btn:hover{color:var(--text);background:var(--surface-hover)}.tab-btn.active{background:var(--accent);color:var(--black)}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text);font-size:.9rem}.password-field-with-gen{display:flex;gap:.5rem;align-items:center}.password-field-with-gen input{flex:1;min-width:0}.btn-generate-password{flex-shrink:0;padding:.5rem .75rem;font-size:.85rem;background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);cursor:pointer;white-space:nowrap}.btn-generate-password:hover{background:var(--surface-hover);border-color:var(--accent);color:var(--accent)}.form-group input,.form-group select{width:100%;padding:.75rem;background:#ffffffe6;border:1px solid var(--border);border-radius:var(--radius-md);color:#0a0a0a;font-size:1rem;transition:all .2s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--accent)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.checkbox-group{display:flex;align-items:center;margin-top:1.5rem}.checkbox-group label{display:flex;align-items:center;cursor:pointer;margin:0}.checkbox-group input[type=checkbox]{width:auto;margin-right:.5rem;cursor:pointer}.form-group-roles{flex-wrap:wrap;gap:1rem 1.5rem}.form-group-roles .form-hint{display:block;width:100%;margin-top:.5rem;font-size:.85rem;color:var(--text-secondary)}.label-optional{font-weight:400;color:var(--text-secondary)}.input-disabled{background:var(--surface-hover)!important;opacity:.7;cursor:not-allowed}.modal-actions{display:flex;gap:1rem;margin-top:2rem}.purchase-mode-selector{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.5rem;padding:.5rem;background:var(--surface-elevated);border-radius:var(--radius-lg);border:1px solid var(--border)}.mode-btn{padding:.75rem 1rem;background:transparent;border:1px solid transparent;color:var(--text-secondary);border-radius:var(--radius-md);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.mode-btn:hover{color:var(--text);background:var(--surface-hover)}.mode-btn.active{background:var(--accent);color:var(--black);border-color:var(--accent)}.detail-section{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.5rem}.detail-section h3{margin:0 0 1rem;font-size:1.1rem;font-weight:700;color:var(--text)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-label{font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.info-value{font-size:1rem;color:var(--text);font-weight:600}.info-link{font-size:1rem;color:#08c;text-decoration:none;font-weight:600}.info-link:hover{text-decoration:underline}.edit-input{width:100%;padding:.5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.95rem}.edit-actions{display:flex;gap:1rem;margin-top:1.5rem}.btn-edit-full{width:100%;padding:.75rem;background:transparent;border:1px solid var(--border);color:var(--text);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:1rem}.btn-edit-full:hover{background:var(--accent);border-color:var(--accent);color:var(--black)}.security-warning{background:#ffb4001a;border-color:#ffb400}.security-actions{display:flex;gap:1rem;margin-top:1rem}.suspended-section{background:#ff46461a;border-color:#ff6b6b}.locked-section{background:#f59e0b1f;border:1px solid rgba(245,158,11,.4);border-radius:var(--radius-md);padding:1rem}.btn-danger{padding:.75rem 1.5rem;background:#ff6b6b;color:#fff;border:none;border-radius:var(--radius-md);font-weight:700;cursor:pointer;transition:all .2s ease}.btn-danger:hover:not(:disabled){background:#ff5252}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.btn-success{padding:.75rem 1.5rem;background:#0f8;color:var(--black);border:none;border-radius:var(--radius-md);font-weight:700;cursor:pointer;transition:all .2s ease}.btn-success:hover{background:#00cc6a}.btn-small{padding:.5rem 1rem;background:var(--accent);color:var(--black);border:none;border-radius:var(--radius-md);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-small:hover{box-shadow:var(--shadow-md)}.purchases-list{display:flex;flex-direction:column;gap:.75rem}.purchase-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}.purchase-info{display:flex;gap:.75rem;align-items:center}.purchase-name{font-weight:600;color:var(--text)}.purchase-qty{color:var(--text-secondary);font-size:.9rem}.purchase-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.purchase-price{font-weight:700;color:var(--accent);font-size:1.05rem}.purchase-date{font-size:.75rem;color:var(--text-secondary)}.logs-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem;text-align:center}.stat-label{display:block;font-size:.75rem;color:var(--text-secondary);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.stat-value{display:block;font-size:1.5rem;font-weight:700;color:var(--text)}.stat-value.success{color:#0f8}.stat-value.failed{color:#ff6b6b}.stat-value.suspicious{color:#ffb400}.logs-list{display:flex;flex-direction:column;gap:.75rem;max-height:400px;overflow-y:auto}.log-item{display:flex;gap:1rem;padding:1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:all .2s ease}.log-item:hover{border-color:var(--border-light);transform:translate(4px)}.log-item.suspicious{background:#ffb4001a;border-color:#ffb400}.log-status{display:flex;align-items:center;gap:.5rem;font-size:1.2rem}.log-warning{color:#ffb400}.log-details{flex:1;display:flex;justify-content:space-between;align-items:center}.log-main{display:flex;flex-direction:column;gap:.25rem}.log-device{font-weight:600;color:var(--text);font-size:.95rem}.log-ip{font-size:.85rem;color:var(--text-secondary);font-family:Courier New,monospace}.log-date{font-size:.8rem;color:var(--text-secondary)}.activity-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-bottom:1.5rem}.activity-list{display:flex;flex-direction:column;gap:.75rem;max-height:500px;overflow-y:auto}.activity-item{display:flex;gap:1rem;padding:1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:all .2s ease}.activity-item:hover{border-color:var(--border-light);transform:translate(4px);box-shadow:var(--shadow-sm)}.activity-icon{font-size:1.5rem;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--surface-elevated);border-radius:var(--radius-md)}.activity-details{flex:1;display:flex;flex-direction:column;gap:.5rem}.activity-main{display:flex;gap:.5rem;flex-wrap:wrap}.activity-action{font-weight:600;color:var(--text);font-size:.95rem}.activity-item-name{color:var(--accent);font-weight:600}.activity-meta{display:flex;gap:1rem;font-size:.85rem;color:var(--text-secondary)}.activity-type{font-size:1rem}.activity-ip{font-family:Courier New,monospace}.activity-date{margin-left:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:1200px){.users-table{font-size:.9rem}.users-table th,.users-table td{padding:.75rem}}@media(max-width:768px){.admin-header-section{flex-direction:column;gap:1rem;align-items:stretch}.users-table-container{overflow-x:auto}.users-table{min-width:1000px}.modal-content{width:95%;padding:1.5rem}.form-row,.info-grid{grid-template-columns:1fr}.logs-stats{grid-template-columns:repeat(2,1fr)}.modal-actions,.edit-actions,.security-actions{flex-direction:column}.detail-tabs,.activity-stats{grid-template-columns:repeat(2,1fr)}}.detail-subtitle{margin:1.25rem 0 .5rem;font-size:1rem;font-weight:600;color:var(--text)}.detail-hint{margin:0 0 .75rem;font-size:.85rem;color:var(--text-secondary)}.game-servers-list{list-style:none;margin:0 0 1rem;padding:0}.game-servers-list li{display:flex;align-items:center;gap:.5rem;padding:.4rem 0;border-bottom:1px solid var(--border)}.gs-pair{font-weight:500}.gs-badge{font-size:.75rem;padding:.2rem .5rem;background:var(--primary-light);color:var(--primary);border-radius:var(--radius)}.btn-danger-small{margin-left:auto;padding:.25rem .5rem;font-size:.8rem;background:var(--danger, #dc3545);color:#fff;border:none;border-radius:var(--radius);cursor:pointer}.add-game-server-form{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.add-game-server-form input[type=text],.add-game-server-form select{padding:.5rem .75rem;border:1px solid var(--border);border-radius:var(--radius);min-width:120px}.pagination-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;padding:1rem;margin-top:.5rem;background:var(--surface);border-radius:var(--radius)}.pagination-info{font-size:.9rem;color:var(--text-secondary)}.pagination-btns button{padding:.4rem .75rem;margin-left:.5rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-elevated);cursor:pointer}.pagination-btns button:disabled{opacity:.5;cursor:not-allowed}.admin-categories{max-width:1200px;margin:0 auto;padding:2rem}.page-header{margin-bottom:2rem}.page-header h1{font-size:2rem;font-weight:700;color:var(--text);letter-spacing:-.5px}.category-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:1px solid var(--border)}.tab-button{padding:.75rem 1.5rem;background:none;border:none;color:var(--text-muted);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s var(--ease-smooth);border-bottom:2px solid transparent;letter-spacing:-.2px}.tab-button:hover{color:var(--text-secondary)}.tab-button.active{color:var(--accent);border-bottom-color:var(--accent)}.error-message{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md);color:#f87171;margin-bottom:1.5rem}.error-message button{background:none;border:none;color:#f87171;font-size:1.25rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;opacity:.6;transition:opacity .2s}.error-message button:hover{opacity:1}.category-content{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-xl);padding:2rem;box-shadow:var(--shadow-md),inset 0 1px #ffffff08}.create-form{display:flex;gap:1rem;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--border)}.category-input{flex:1;padding:.75rem 1rem;background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-size:.95rem;transition:all .3s var(--ease-smooth)}.category-input:focus{outline:none;border-color:var(--accent)}.category-input::placeholder{color:var(--text-muted)}.btn-create,.btn-save,.btn-edit,.btn-delete,.btn-cancel{padding:.75rem 1.5rem;border:none;border-radius:var(--radius-md);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s var(--ease-smooth);letter-spacing:-.2px}.btn-create{background:var(--accent);color:var(--black);box-shadow:var(--shadow-accent)}.btn-create:hover{box-shadow:var(--shadow-accent-lg);transform:translateY(-2px)}.btn-save{background:#00c77f26;color:var(--accent);border:1px solid rgba(0,199,127,.3)}.btn-save:hover{background:#00c77f40;transform:translateY(-2px)}.btn-edit{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.btn-edit:hover{background:#3b82f640}.btn-delete{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.2)}.btn-delete:hover{background:#ef444440;transform:translateY(-2px)}.btn-cancel{background:var(--surface-elevated);color:var(--text-muted);border:1px solid var(--border)}.btn-cancel:hover{background:var(--surface-hover);color:var(--text-secondary)}.loading{text-align:center;padding:3rem;color:var(--text-muted);font-size:.95rem}.categories-list{display:flex;flex-direction:column;gap:.75rem}.category-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all .3s var(--ease-smooth)}.category-item:hover{background:var(--surface-hover);border-color:var(--border);transform:translate(4px)}.category-name{color:var(--text);font-size:.95rem;font-weight:500;letter-spacing:-.2px}.item-actions{display:flex;gap:.5rem}.empty-state{text-align:center;padding:3rem;color:var(--text-muted);font-size:.95rem}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;animation:fadeIn .6s var(--ease-smooth)}.admin-header h1{font-size:2rem;font-weight:800;color:var(--text);letter-spacing:-.03em}.admin-form-card{background:var(--surface-elevated);padding:1.75rem;border-radius:var(--radius-xl);border:1px solid var(--border);margin-bottom:2rem;box-shadow:var(--shadow-lg);position:relative}.admin-form-card h2{margin-top:0;margin-bottom:1.5rem;color:var(--text);font-weight:700;font-size:1.25rem;letter-spacing:-.02em}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-secondary);font-size:.85rem;letter-spacing:-.01em}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);font-size:.9rem;color:var(--text);transition:all .3s var(--ease-smooth);box-shadow:var(--inset-shadow-strong)}.form-group select{background:#ffffffe6;color:#0a0a0a}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent);background:var(--surface-elevated)}.form-group textarea{resize:vertical;min-height:100px}.image-input-group{display:flex;gap:.5rem;margin-bottom:1rem}.image-input-group input{flex:1}.images-list,.images-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,150px));gap:1rem;margin-top:1rem}.image-item{position:relative;aspect-ratio:16/9;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border);transition:all .3s var(--ease-smooth);box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center;background:var(--surface)}.image-item:hover{box-shadow:var(--shadow-accent);border-color:var(--border-accent)}.image-item img{max-width:100%;height:auto;display:block}.image-item button{position:absolute;top:6px;right:6px;background:#ef4444e6;color:#fff;border:none;border-radius:var(--radius-sm);width:24px;height:24px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .2s var(--ease-smooth)}.image-item button:hover{background:#dc2626}.form-actions{display:flex;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.btn-primary{background:var(--accent);color:var(--black);padding:.75rem 1.5rem;border:none;border-radius:var(--radius-md);font-size:.9rem;font-weight:700;cursor:pointer;transition:all .3s var(--ease-smooth);box-shadow:var(--shadow-accent);position:relative;overflow:hidden}.btn-primary:hover{box-shadow:var(--shadow-accent-lg)}.btn-secondary{background:var(--surface-elevated);color:var(--text-secondary);padding:.75rem 1.5rem;border:1px solid var(--border);border-radius:var(--radius-md);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s var(--ease-smooth);box-shadow:var(--shadow-xs),var(--inset-shadow)}.btn-secondary:hover{background:var(--surface-hover);border-color:var(--border-light);color:var(--text)}.admin-table-card{background:var(--surface-elevated);padding:1.75rem;border-radius:var(--radius-xl);border:1px solid var(--border);box-shadow:var(--shadow-lg);position:relative}.admin-table-card h2{margin-top:0;margin-bottom:1.5rem;color:var(--text);font-weight:700;font-size:1.25rem;letter-spacing:-.02em}.empty-message{text-align:center;color:var(--text-muted);padding:2rem;font-size:1rem}.admin-table{width:100%;border-collapse:collapse}.admin-table thead{background:var(--surface);border-radius:var(--radius-md)}.admin-table th{padding:.875rem 1rem;text-align:left;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.admin-table td{padding:1rem;border-bottom:1px solid var(--border);vertical-align:middle;color:var(--text);font-size:.9rem}.admin-table tr:hover{background:var(--surface)}.table-image{max-width:80px;max-height:50px;width:auto;height:auto;border-radius:var(--radius-sm);border:1px solid var(--border);box-shadow:var(--shadow-xs);display:block;object-fit:cover}.no-image{width:80px;height:50px;display:flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:1.25rem;color:var(--text-muted)}.badge{display:inline-block;padding:.375rem .75rem;background:var(--accent-subtle);color:var(--accent);border:1px solid var(--border-accent);border-radius:var(--radius-sm);font-size:.8rem;font-weight:600}.action-buttons{display:flex;gap:.5rem}.btn-edit,.btn-delete{padding:.5rem .75rem;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;font-size:.9rem;transition:all .3s var(--ease-smooth);font-weight:500;background:var(--surface)}.btn-edit{color:var(--accent);border-color:var(--border-accent)}.btn-edit:hover{background:var(--accent-subtle);box-shadow:var(--shadow-accent)}.btn-delete{color:#f87171;border-color:#ef44444d}.btn-delete:hover{background:#ef44441a}.color-variant-input{display:flex;gap:.5rem;align-items:center;margin-bottom:1rem}.color-variant-input input{padding:.75rem;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.9rem;background:var(--surface);color:var(--text)}.color-variant-input .btn-secondary{padding:.75rem 1.25rem;white-space:nowrap;margin:0}.color-variants-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,180px));gap:1rem;margin-top:1rem}.color-card{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:all .3s var(--ease-smooth);position:relative;box-shadow:var(--shadow-sm)}.color-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-accent)}.main-badge{position:absolute;top:8px;left:8px;background:var(--accent);color:var(--black);padding:4px 10px;border-radius:var(--radius-sm);font-size:.7rem;font-weight:700;z-index:2;box-shadow:var(--shadow-sm)}.color-card-image{display:block;width:100%;aspect-ratio:1;cursor:pointer;position:relative;overflow:hidden;background:var(--surface)}.color-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s var(--ease-smooth)}.image-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);color:#fff;padding:12px 8px 8px;opacity:0;transition:opacity .3s var(--ease-smooth);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:500}.color-card-image:hover .image-overlay{opacity:1}.color-card-info{padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.color-card-info strong{font-size:.875rem;color:var(--text);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.color-card-actions{display:flex;gap:.5rem;justify-content:flex-end}.btn-icon{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 10px;cursor:pointer;font-size:.9rem;transition:all .2s var(--ease-smooth);color:var(--text-secondary)}.btn-icon:hover{background:var(--accent-subtle);border-color:var(--accent);color:var(--accent)}.btn-icon.btn-delete:hover{background:#ef44441a;border-color:#ef44444d;color:#f87171}.color-variants-list{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.color-variant-item{display:grid;grid-template-columns:1fr 1fr auto;gap:1rem;padding:1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);align-items:center}.color-variant-item input{margin-bottom:0}.color-variant-item button{background:#ef4444e6;color:#fff;border:none;padding:.5rem 1rem;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s var(--ease-smooth)}.color-variant-item button:hover{background:#dc2626}@media(max-width:768px){.form-row{grid-template-columns:1fr}.admin-header{flex-direction:column;gap:1rem;align-items:stretch}.admin-table{font-size:.85rem}.admin-table th,.admin-table td{padding:.625rem}.table-image,.no-image{width:60px;height:40px}}.inline-edit-row{background:var(--surface)}.inline-edit-row td{padding:1.5rem!important}.inline-edit-form{width:100%}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem}.form-grid .full-width{grid-column:1 / -1}.form-grid label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-secondary);font-size:.85rem}.form-grid input,.form-grid select,.form-grid textarea{width:100%;padding:.75rem 1rem;background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-md);font-size:.9rem;color:var(--text);transition:all .3s var(--ease-smooth)}.form-grid select{background:#ffffffe6;color:#0a0a0a}.form-grid input::placeholder,.form-grid textarea::placeholder{color:var(--text-muted)}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{outline:none;border-color:var(--accent)}.form-grid textarea{resize:vertical;min-height:80px}.btn-cancel{background:var(--surface-elevated);color:var(--text-secondary);padding:.75rem 1.5rem;border:1px solid var(--border);border-radius:var(--radius-md);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s var(--ease-smooth)}.btn-cancel:hover{background:var(--surface-hover);border-color:var(--border-light);color:var(--text)}.btn-submit{background:var(--accent);color:var(--black);padding:.75rem 1.5rem;border:none;border-radius:var(--radius-md);font-size:.9rem;font-weight:700;cursor:pointer;transition:all .3s var(--ease-smooth);box-shadow:var(--shadow-accent)}.btn-submit:hover{box-shadow:var(--shadow-accent-lg)}.btn-edit.active{background:var(--accent);color:var(--black);border-color:var(--accent)}.btn-edit.active:hover{background:var(--accent-dark)}.catalog-badge{display:inline-block;padding:.35rem .75rem;border-radius:var(--radius-md);font-size:.8rem;font-weight:600;letter-spacing:.02em;transition:all .3s var(--ease-smooth)}.catalog-badge.visible{background:#00ff6426;color:#0f8;border:1px solid rgba(0,255,100,.3)}.catalog-badge.hidden{background:#ff464626;color:#ff6b6b;border:1px solid rgba(255,70,70,.3)}.catalog-badge.nrd{background:#6366f133;color:#818cf8;border:1px solid rgba(99,102,241,.4)}.admin-analytics{padding:1.5rem;max-width:1200px}.analytics-header{margin-bottom:1.5rem}.analytics-header h1{font-size:1.5rem;margin:0}.analytics-loading,.analytics-error{padding:1rem;text-align:center}.analytics-error{background:#dc354526;color:var(--error, #dc3545);border-radius:8px;margin-bottom:1rem}.analytics-section{background:var(--card-bg, #1e293b);border-radius:12px;padding:1.25rem;margin-bottom:1.5rem}.analytics-section h2{font-size:1.1rem;margin:0 0 1rem;color:var(--text-primary, #f1f5f9)}.analytics-empty{color:var(--text-secondary, #94a3b8);margin:0;font-size:.95rem}.sales-chart{display:flex;align-items:flex-end;gap:4px;min-height:180px;padding-top:.5rem}.sales-bar-wrap{flex:1;display:flex;flex-direction:column;align-items:center;min-width:0}.sales-bar{width:100%;max-width:24px;min-height:4px;background:linear-gradient(180deg,#3b82f6,#1d4ed8);border-radius:4px 4px 0 0;transition:height .2s}.logins-chart .logins-bar{width:100%;max-width:24px;display:flex;flex-direction:column-reverse;min-height:8px;border-radius:4px 4px 0 0;overflow:hidden}.logins-chart .sales-bar.success{background:linear-gradient(180deg,#22c55e,#16a34a);min-height:2px}.logins-chart .sales-bar.failed{background:linear-gradient(180deg,#f97316,#ea580c);min-height:2px}.funnel-grid{display:flex;align-items:center;flex-wrap:wrap;gap:1rem}.funnel-step{display:flex;flex-direction:column;align-items:center;padding:1rem 1.5rem;background:#ffffff0d;border-radius:8px;min-width:120px}.funnel-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.funnel-label{font-size:.8rem;color:var(--text-secondary);margin-top:.25rem;text-align:center}.funnel-arrow{color:var(--text-secondary);font-size:1.25rem}.distribution-grid,.vip-grid{display:flex;flex-wrap:wrap;gap:1rem}.dist-card,.vip-card{padding:1rem 1.5rem;background:#ffffff0d;border-radius:8px;display:flex;flex-direction:column;align-items:center;min-width:100px}.dist-value,.vip-value{font-size:1.4rem;font-weight:700;color:var(--text-primary)}.dist-label,.vip-label{font-size:.85rem;color:var(--text-secondary);margin-top:.25rem}.vip-card.none .vip-value{color:var(--text-secondary)}.path-cell{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sales-label{font-size:.65rem;color:var(--text-secondary);margin-top:4px;overflow:hidden;text-overflow:ellipsis;max-width:100%}.analytics-table{width:100%;border-collapse:collapse;font-size:.9rem}.analytics-table th,.analytics-table td{padding:.6rem .75rem;text-align:left;border-bottom:1px solid var(--border-color, #334155)}.analytics-table th{color:var(--text-secondary);font-weight:600}.analytics-table tbody tr:hover{background:#ffffff0a}.analytics-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.stat-card{padding:1rem;background:#ffffff0d;border-radius:8px;text-align:center}.stat-card.highlight{background:#22c55e26;border:1px solid rgba(34,197,94,.3)}.stat-card h3{font-size:.85rem;margin:0 0 .5rem;color:var(--text-secondary);font-weight:500}.stat-value{font-size:1.5rem;font-weight:700;margin:0;color:var(--text-primary)}.stat-hint{font-size:.8rem;color:var(--text-secondary);margin:.25rem 0 0}.financial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.financial-card{padding:1rem;border-radius:8px;display:flex;flex-direction:column;gap:.25rem}.financial-card.confirmed{background:#22c55e1f;border:1px solid rgba(34,197,94,.25)}.financial-card.pending{background:#eab3081f;border:1px solid rgba(234,179,8,.25)}.financial-card.cancelled{background:#ef44441f;border:1px solid rgba(239,68,68,.25)}.financial-label{font-weight:600;font-size:.9rem}.financial-count{font-size:.85rem;color:var(--text-secondary)}.financial-total{font-size:1.1rem;font-weight:600}.analytics-placeholder ul{margin:0 0 .5rem;padding-left:1.25rem;color:var(--text-secondary)}.analytics-placeholder li{margin-bottom:.35rem}.analytics-hint{font-size:.85rem;color:var(--text-muted, #64748b);margin:.5rem 0 0}.filter-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.filter-btn{padding:.75rem 1.25rem;background:var(--surface-elevated);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.filter-btn:hover{background:var(--surface-hover);border-color:var(--border-light);color:var(--text)}.filter-btn.active{background:var(--accent);color:var(--black);border-color:var(--accent)}.empty-state{text-align:center;padding:4rem 2rem;background:var(--surface);border-radius:var(--radius-xl);border:1px solid var(--border);margin-top:2rem}.empty-icon{font-size:5rem;margin-bottom:1rem;opacity:.3}.empty-state h2{color:var(--text);margin-bottom:.5rem}.empty-state p{color:var(--text-secondary)}.orders-list{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.order-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;transition:all .3s ease;box-shadow:var(--shadow-md)}.order-card:hover{border-color:var(--border-light);box-shadow:var(--shadow-lg)}.order-card.expanded{border-color:var(--accent)}.order-header{display:grid;grid-template-columns:2fr 2fr 1.5fr auto;gap:1.5rem;padding:1.5rem;cursor:pointer;align-items:center}.order-main-info{display:flex;flex-direction:column;gap:.5rem}.order-id-status{display:flex;gap:.75rem;align-items:center}.order-id{font-size:1.1rem;font-weight:700;color:var(--text)}.order-date{font-size:.85rem;color:var(--text-secondary)}.status-badge{padding:.35rem .75rem;border-radius:var(--radius-md);font-size:.8rem;font-weight:600;letter-spacing:.02em}.status-pending{background:#ffb40026;color:#ffb400;border:1px solid rgba(255,180,0,.3)}.status-confirmed{background:#00ff6426;color:#0f8;border:1px solid rgba(0,255,100,.3)}.status-cancelled{background:#ff464626;color:#ff6b6b;border:1px solid rgba(255,70,70,.3)}.order-user-info{display:flex;flex-direction:column;gap:.75rem}.user-details{display:flex;flex-direction:column;gap:.25rem}.user-name-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.user-name{font-weight:600;color:var(--text)}.user-game-id{font-size:.85rem;color:var(--text-secondary)}.vip-badge{display:inline-block;padding:.25rem .5rem;background:linear-gradient(135deg,gold,#ffed4e);color:#000;border-radius:var(--radius-sm);font-size:.75rem;font-weight:700}.telegram-link{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#08c;color:#fff;text-decoration:none;border-radius:var(--radius-md);font-size:.9rem;font-weight:600;transition:all .2s ease;align-self:flex-start}.telegram-link:hover{background:#069;transform:translateY(-2px)}.order-summary{display:flex;flex-direction:column;gap:.25rem;align-items:flex-end}.order-total{font-size:1.3rem;font-weight:700;color:var(--accent)}.order-promo-info{display:flex;flex-direction:column;gap:.2rem;align-items:flex-end;font-size:.85rem}.order-promo-code{color:var(--text-secondary)}.order-discount{color:#22c55e;font-weight:600}.items-count{font-size:.85rem;color:var(--text-secondary)}.expand-btn{background:var(--surface-hover);border:1px solid var(--border);color:var(--text);width:36px;height:36px;border-radius:var(--radius-md);cursor:pointer;font-size:.9rem;transition:all .2s ease}.expand-btn:hover{background:var(--accent);color:var(--black);border-color:var(--accent)}.order-details{padding:0 1.5rem 1.5rem;border-top:1px solid var(--border);margin-top:1rem;animation:slideDown .3s ease}.order-details-promo{display:flex;flex-wrap:wrap;gap:1rem;padding:.75rem;background:var(--surface-elevated);border-radius:var(--radius-md);margin-bottom:1rem;font-size:.9rem;color:var(--text-secondary)}.order-details-promo strong{color:var(--text)}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:1000px}}.order-details h4{color:var(--text);margin:1rem 0;font-size:1rem;font-weight:700}.order-items-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.order-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--surface-elevated);border-radius:var(--radius-md);border:1px solid var(--border)}.order-item-info{display:flex;flex-direction:column;gap:.25rem}.order-item-info-stack .item-category{font-size:.85rem;color:var(--text-secondary)}.order-item-info-stack .item-name{font-size:1rem}.order-item-info-stack .item-internal-id{font-size:.85rem;color:var(--text-secondary);font-family:ui-monospace,monospace}.item-name{font-weight:600;color:var(--text);font-size:1rem}.item-type{font-size:.85rem;color:var(--text-secondary)}.item-extra{font-size:.8rem;color:var(--accent)}.order-item-price{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.item-qty{font-size:.85rem;color:var(--text-secondary)}.item-price{font-size:1.1rem;font-weight:700;color:var(--accent)}.order-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.order-actions-label{font-size:.9rem;color:var(--text-secondary);margin-right:.25rem;width:100%;flex-basis:100%}.btn-confirm{flex:1;padding:1rem;background:linear-gradient(135deg,#0f8,#00cc6a);color:var(--black);border:none;border-radius:var(--radius-lg);font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.btn-confirm:hover{transform:translateY(-2px)}.btn-cancel-order{flex:1;padding:1rem;background:transparent;color:#ff6b6b;border:1px solid #ff6b6b;border-radius:var(--radius-lg);font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.btn-cancel-order:hover{background:#ff46461a;transform:translateY(-2px)}.btn-status-pending{padding:.6rem 1rem;background:transparent;color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-md);font-size:.9rem;cursor:pointer;transition:all .2s ease}.btn-status-pending:hover{background:var(--surface-hover);border-color:var(--border-light);color:var(--text)}.btn-delete-order{padding:.6rem 1rem;background:transparent;color:#e74c3c;border:1px solid #e74c3c;border-radius:var(--radius-md);font-size:.9rem;cursor:pointer;transition:all .2s ease;margin-left:auto}.btn-delete-order:hover{background:#e74c3c26}@media(max-width:1024px){.order-header{grid-template-columns:1fr 1fr;gap:1rem}.order-summary{grid-column:1;align-items:flex-start}.expand-btn{grid-column:2;justify-self:flex-end}}@media(max-width:768px){.order-header{grid-template-columns:1fr;gap:1rem}.order-actions{flex-direction:column}.filter-buttons{width:100%}.filter-btn{flex:1}}.confirm-order-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.confirm-order-modal{background:#222226;border:1px solid var(--border);border-radius:var(--radius-xl);padding:1.5rem;max-width:420px;width:100%;box-shadow:var(--shadow-lg)}.confirm-order-title{margin:0 0 1rem;font-size:1.1rem;color:var(--text)}.confirm-order-copy-frame{border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem;margin-bottom:1.25rem;background:#0003;display:flex;flex-direction:column;gap:.75rem}.confirm-order-copy-btn-wrap{display:flex;justify-content:flex-end;margin-top:.25rem}.confirm-order-data{display:flex;flex-direction:column;gap:.5rem;font-size:.95rem}.confirm-order-data-inline .confirm-order-line{color:var(--text);word-break:break-all}.confirm-order-data-inline .confirm-order-number{font-family:ui-monospace,monospace;font-weight:600}.confirm-order-vydat-block{margin-top:.25rem}.confirm-order-vydat-title{font-weight:600;margin-bottom:.25rem}.confirm-order-vydat-category{margin-bottom:.15rem}.confirm-order-row{display:flex;align-items:baseline;gap:.5rem}.confirm-order-label{color:var(--text-secondary);min-width:5rem}.confirm-order-value{color:var(--text);word-break:break-all}.confirm-order-value.confirm-order-number{font-family:ui-monospace,monospace;font-weight:600}.btn-copy-order{padding:.6rem 1rem;background:var(--surface-elevated);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-md);font-size:.9rem;cursor:pointer;transition:all .2s ease}.btn-copy-order:hover{background:var(--surface-hover);border-color:var(--border-light)}.confirm-order-actions{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:.75rem}.confirm-order-actions .btn-confirm{flex:0 1 auto;min-width:160px}.confirm-order-actions .btn-status-pending{flex:0 0 auto}.admin-access-settings{padding:2rem}.admin-access-settings h1{margin:0 0 .5rem;font-size:1.8rem;font-weight:700;color:var(--text)}.access-settings-desc{color:var(--text-secondary);margin-bottom:2rem}.access-section{background:var(--surface);border-radius:var(--radius-xl);border:1px solid var(--border);padding:1.5rem;margin-bottom:2rem;box-shadow:var(--shadow-md)}.access-section h2{margin:0 0 1rem;font-size:1.25rem;font-weight:600;color:var(--text)}.section-hint{color:var(--text-secondary);font-size:.9rem;margin:-.5rem 0 1rem}.access-settings-form .form-row{margin-bottom:1rem}.access-settings-form .form-row label{display:block;margin-bottom:.35rem;font-weight:500;color:var(--text)}.access-settings-form .form-row input{width:100%;max-width:200px;padding:.5rem .75rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text)}.access-settings-form button{margin-top:.5rem}.whitelist-add-form{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-bottom:1rem}.whitelist-add-form input[type=text]{padding:.5rem .75rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);min-width:140px}.whitelist-add-form input[type=text]:first-of-type{width:160px}.whitelist-list{list-style:none;margin:0;padding:0}.whitelist-list li{display:flex;align-items:center;gap:1rem;padding:.6rem 0;border-bottom:1px solid var(--border)}.whitelist-list li:last-child{border-bottom:none}.whitelist-ip{font-family:monospace;font-weight:600;min-width:140px}.whitelist-note{color:var(--text-secondary);font-size:.9rem;flex:1}.whitelist-empty{color:var(--text-secondary);font-style:italic}.btn-danger-small{padding:.35rem .75rem;font-size:.85rem;background:#dc354526;color:#dc3545;border:1px solid rgba(220,53,69,.3);border-radius:var(--radius);cursor:pointer}.btn-danger-small:hover{background:#dc354540}.suspicious-activity-table-wrap{overflow-x:auto;margin-bottom:1rem}.suspicious-activity-table{width:100%;border-collapse:collapse;font-size:.9rem}.suspicious-activity-table th,.suspicious-activity-table td{padding:.6rem .75rem;text-align:left;border-bottom:1px solid var(--border)}.suspicious-activity-table th{background:var(--surface-elevated);font-weight:600;color:var(--text)}.suspicious-activity-table tbody tr:hover{background:var(--surface-hover)}.no-activity{color:var(--text-secondary);margin-bottom:1rem}.access-settings-skeleton{height:300px;background:var(--surface);border-radius:var(--radius-xl)}.admin-site-settings{padding:2rem}.admin-site-settings h1{margin-bottom:.5rem;font-size:1.8rem;color:var(--text, #1a1a1a)}.admin-site-settings-desc,.admin-site-settings-hint{color:var(--text-secondary, #666);margin-bottom:1rem;font-size:.95rem}.admin-site-settings-form{max-width:320px;margin-bottom:1rem}.admin-site-settings-form .form-group{margin-bottom:1rem}.admin-site-settings-form label{display:block;margin-bottom:.35rem;font-weight:600}.admin-site-settings-form input,.admin-site-settings-form select{width:100%;padding:.5rem .75rem;border:1px solid var(--border, #ddd);border-radius:6px;font-size:1rem}.admin-site-settings-form .form-hint{display:block;margin-top:.25rem;font-size:.85rem;color:var(--text-secondary, #666)}.admin-site-settings-form .btn-primary{padding:.5rem 1.25rem;border-radius:6px;cursor:pointer}.admin-site-settings-form .btn-primary:disabled{opacity:.7;cursor:not-allowed}.admin-promo-codes{padding:1rem}.admin-promo-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:.5rem}.admin-promo-header h1{margin:0;font-size:1.5rem}.admin-promo-desc{color:var(--text-secondary, #94a3b8);font-size:.9rem;margin-bottom:1.5rem}.admin-promo-form{background:var(--surface, rgba(30, 41, 59, .6));border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;border:1px solid var(--border, #334155)}.admin-promo-form h2{margin:0 0 1rem;font-size:1.1rem}.admin-promo-form .form-row{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.admin-promo-form .form-group{flex:1;min-width:140px}.admin-promo-form .form-group label{display:block;margin-bottom:.35rem;font-size:.9rem}.admin-promo-form .form-group input,.admin-promo-form .form-group select{width:100%;padding:.5rem .75rem;border:1px solid var(--border);border-radius:8px;background:var(--input-bg, #1e293b);color:var(--text)}.admin-promo-form .checkboxes{align-items:center}.admin-promo-form .checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem}.admin-promo-form .form-actions{display:flex;gap:.75rem;margin-top:1rem}.admin-promo-table-wrap{overflow-x:auto}.admin-promo-table{width:100%;border-collapse:collapse;font-size:.9rem}.admin-promo-table th,.admin-promo-table td{padding:.6rem .75rem;text-align:left;border-bottom:1px solid var(--border)}.admin-promo-table th{color:var(--text-secondary);font-weight:600}.admin-promo-table .small{font-size:.8rem;max-width:140px}.admin-promo-table .btn-sm{padding:.3rem .6rem;margin-right:.35rem;font-size:.8rem;border-radius:6px;border:1px solid var(--border);background:var(--surface-hover);color:var(--text);cursor:pointer}.admin-promo-table .btn-sm.btn-danger{border-color:#dc2626;color:#f87171}.admin-promo-table .btn-sm:hover{opacity:.9}.admin-watermark-search{padding:1.5rem}.admin-watermark-search h1{margin-bottom:.5rem;font-size:1.5rem}.admin-watermark-desc{color:var(--text-secondary, #94a3b8);font-size:.95rem;margin-bottom:1.5rem}.watermark-search-form .form-row{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.watermark-search-form .hex-input{width:160px;padding:.6rem .75rem;border:1px solid var(--border);border-radius:8px;background:var(--input-bg, #1e293b);color:var(--text);font-family:monospace}.watermark-result{margin-top:1.5rem}.watermark-result .result-meta{font-size:.9rem;color:var(--text-secondary);margin-bottom:1rem}.color-swatch{display:inline-block;width:1.2rem;height:1.2rem;border-radius:4px;border:1px solid var(--border);vertical-align:middle;margin-right:.35rem}.watermark-result .analytics-table{width:100%;border-collapse:collapse;font-size:.9rem}.watermark-result .analytics-table th,.watermark-result .analytics-table td{padding:.6rem .75rem;text-align:left;border-bottom:1px solid var(--border)}.admin-watermark-ideas{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.admin-watermark-ideas h2{font-size:1rem;margin-bottom:.75rem;color:var(--text-secondary)}.admin-watermark-ideas ul{margin:0;padding-left:1.25rem;color:var(--text-secondary);font-size:.9rem;line-height:1.6}.admin-watermark-ideas li{margin-bottom:.35rem}.admin-audit-log{padding:2rem}.admin-audit-log h1{margin:0 0 .5rem;font-size:1.8rem;font-weight:700;color:var(--text, #1a1a1a)}.audit-log-desc{color:var(--text-secondary, #666);margin-bottom:2rem}.audit-section{background:var(--surface, #fff);border-radius:var(--radius-xl, 12px);border:1px solid var(--border, #e5e5e5);padding:1.5rem;margin-bottom:2rem;box-shadow:var(--shadow-md, 0 2px 8px rgba(0,0,0,.06))}.audit-toolbar{margin-bottom:1rem}.audit-table-wrap{overflow-x:auto}.audit-table{width:100%;border-collapse:collapse;font-size:.9rem}.audit-table th,.audit-table td{padding:.6rem .75rem;text-align:left;border-bottom:1px solid var(--border, #eee)}.audit-table th{font-weight:600;color:var(--text-secondary, #555);background:var(--bg, #f8f8f8)}.audit-table tbody tr:hover{background:var(--bg, #fafafa)}.audit-time{white-space:nowrap}.audit-action{display:inline-block;padding:.2rem .5rem;border-radius:var(--radius, 6px);font-weight:500}.audit-action-create{background:#d4edda;color:#155724}.audit-action-update{background:#fff3cd;color:#856404}.audit-action-delete{background:#f8d7da;color:#721c24}.audit-details{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audit-empty{color:var(--text-secondary, #666);padding:1.5rem;text-align:center}.audit-log-skeleton{height:200px;background:linear-gradient(90deg,var(--border, #eee) 25%,var(--surface, #f5f5f5) 50%,var(--border, #eee) 75%);background-size:200% 100%;animation:audit-skeleton 1.2s ease-in-out infinite;border-radius:var(--radius-xl, 12px)}@keyframes audit-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.app-layout{min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}.main-below-nav{margin-top:var(--navbar-height, 96px);flex:1;display:flex;flex-direction:column}.main-content{flex:1;animation:fadeInContent .6s var(--ease-smooth)}@keyframes fadeInContent{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loading{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:1rem;color:var(--text-secondary)}@media print{body:before{content:attr(data-user-watermark);position:fixed;top:10px;left:10px;font-size:10pt;color:#0000004d;font-family:monospace;z-index:99999}body:after{content:attr(data-user-watermark);position:fixed;bottom:10px;right:10px;font-size:10pt;color:#0000004d;font-family:monospace;z-index:99999}.print-watermark-center{display:block!important;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);font-size:72pt;color:#00000005;font-weight:700;font-family:monospace;z-index:99999;pointer-events:none;white-space:nowrap}button,.btn-primary,.btn-secondary,.btn-action,.modal-overlay,nav,.navbar,.admin-nav{display:none!important}}.print-watermark-center{display:none}*{margin:0;padding:0;box-sizing:border-box}:root{--black: #0f0f0f;--black-soft: #1e1e20;--black-elevated: #28282c;--white: #ffffff;--white-soft: #f5f5f5;--cream: #faf8f5;--beige: #e8e4de;--beige-dark: #c9c4bc;--accent: rgba(0, 199, 127, 1);--accent-soft: rgba(0, 199, 127, .808);--accent-glow: rgba(0, 199, 127, .4);--accent-subtle: rgba(0, 199, 127, .15);--accent-dark: #00a066;--gray-100: #f7f7f7;--gray-200: #e5e5e5;--gray-300: #d4d4d4;--gray-400: #a3a3a3;--gray-500: #737373;--gray-600: #525252;--gray-700: #404040;--gray-800: #363636;--gray-900: #2a2a2a;--text: #f5f5f5;--text-secondary: rgba(255, 255, 255, .78);--text-muted: rgba(255, 255, 255, .5);--bg: #1a1a1c;--surface: rgba(255, 255, 255, .05);--surface-elevated: rgba(255, 255, 255, .09);--surface-hover: rgba(255, 255, 255, .12);--glass: rgba(28, 28, 30, .92);--glass-light: rgba(255, 255, 255, .04);--border: rgba(255, 255, 255, .09);--border-light: rgba(255, 255, 255, .14);--border-accent: rgba(0, 199, 127, .35);--shadow-xs: none;--shadow-sm: none;--shadow-md: none;--shadow-lg: none;--shadow-xl: none;--shadow-2xl: none;--shadow-accent: none;--shadow-accent-lg: none;--inset-shadow: none;--inset-shadow-strong: none;--gradient-subtle: transparent;--gradient-accent: var(--accent);--gradient-surface: var(--surface-elevated);--gradient-shine: transparent;--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--navbar-height: 96px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px}body{font-family:Manrope,Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden;letter-spacing:-.2px;font-feature-settings:"ss01" on,"ss02" on,"cv01" on}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.02;pointer-events:none;z-index:0}#root{position:relative;z-index:1}img{-ms-interpolation-mode:bicubic;image-rendering:optimizeQuality;max-width:100%;height:auto}a{text-decoration:none;color:inherit;transition:all .3s var(--ease-smooth)}button{cursor:pointer;border:none;font-family:inherit;transition:all .3s var(--ease-smooth);position:relative;overflow:hidden}button:hover{opacity:.9}button:active{opacity:.85}input,textarea,select{font-family:inherit;transition:all .3s var(--ease-smooth)}select option{background:#ffffffe6;color:#0a0a0a}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--black-soft)}::-webkit-scrollbar-thumb{background:var(--gray-700);border-radius:10px;border:2px solid var(--black-soft)}::-webkit-scrollbar-thumb:hover{background:var(--accent-soft)}::selection{background:var(--accent);color:var(--black)}.heading-display{font-weight:800;letter-spacing:-.03em;line-height:1.1}.text-accent{color:var(--accent)}.text-gradient{background:var(--accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-card{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg),var(--inset-shadow)}.elevated-card{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);position:relative;transition:all .4s var(--ease-smooth)}.elevated-card:hover{transform:translateY(-8px) scale(1.01);box-shadow:var(--shadow-2xl);border-color:var(--border-light)}.btn-premium{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.75rem;font-size:.9rem;font-weight:600;letter-spacing:-.01em;background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);box-shadow:var(--shadow-sm),var(--inset-shadow);transition:all .3s var(--ease-smooth);position:relative;overflow:hidden}.btn-premium:hover{border-color:var(--accent);background:#00c77f14}.btn-accent{background:var(--accent);border:none;color:var(--black);box-shadow:var(--shadow-accent)}.btn-accent:hover{box-shadow:var(--shadow-accent-lg)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.8}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes breathe{0%,to{opacity:1}50%{opacity:.7}}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.loading{display:flex;justify-content:center;align-items:center;min-height:60vh;font-size:1rem;color:var(--text-secondary)}.loading:after{content:"";width:24px;height:24px;margin-left:1rem;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}