@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;600;700&display=swap);:root{--bg-primary:#080812;--bg-secondary:#112;--bg-card:#16162b;--text-primary:#e8e8f0;--text-secondary:#9090a8;--accent:#7c3aed;--accent-hover:#6d28d9;--accent-light:rgba(124,58,237,.15);--success:#10b981;--error:#ef4444;--warning:#f59e0b;--border:#1e1e3a;--header-bg:rgba(8,8,18,.92);--shadow:0 8px 32px rgba(0,0,0,.4);--shadow-sm:0 2px 8px rgba(0,0,0,.2);--gradient-1:linear-gradient(135deg,#7c3aed 0%,#a855f7 100%);--gradient-2:linear-gradient(135deg,#112 0%,#16162b 100%);--gradient-hero:linear-gradient(135deg,#7c3aed 0%,#3b82f6 50%,#a855f7 100%);--radius-sm:8px;--radius:12px;--radius-lg:16px;--radius-xl:24px;--transition:.3s cubic-bezier(.4,0,.2,1)}[data-theme="light"]{--bg-primary:#f1f5f9;--bg-secondary:#fff;--bg-card:#fff;--text-primary:#0f172a;--text-secondary:#475569;--border:#e2e8f0;--header-bg:rgba(255,255,255,.92);--shadow:0 8px 32px rgba(0,0,0,.08);--shadow-sm:0 2px 8px rgba(0,0,0,.04);--gradient-2:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%)}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:var(--bg-primary);background-image:radial-gradient(ellipse at 20% 0%,rgba(124,58,237,.08) 0%,transparent 50%) , radial-gradient(ellipse at 80% 100%,rgba(59,130,246,.06) 0%,transparent 50%);color:var(--text-primary);line-height:1.65;min-height:100vh;display:flex;flex-direction:column;transition:background .4s , color .4s;overflow-x:hidden}a{color:var(--accent);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--accent-hover)}img{max-width:100%;height:auto}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 24px}::selection{background:rgba(124,58,237,.3);color:#fff}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}h1,h2,h3,h4,h5,h6{line-height:1.25;font-weight:700;letter-spacing:-.02em}h1{font-size:2.75rem;font-weight:900}h2{font-size:2rem;font-weight:800}h3{font-size:1.4rem}h4{font-size:1.15rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 28px;border:2px solid transparent;border-radius:var(--radius);font-size:.95rem;font-weight:600;font-family:'Inter',sans-serif;cursor:pointer;text-decoration:none;transition:all var(--transition);white-space:nowrap;letter-spacing:.01em;position:relative;overflow:hidden}.btn::after{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.2);transform:translate(-50%,-50%);transition:width .6s , height .6s}.btn:active::after{width:300px;height:300px}.btn-primary{background:var(--gradient-1);color:#fff;border-color:transparent;box-shadow:0 4px 15px rgba(124,58,237,.35)}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(124,58,237,.5);filter:brightness(1.1)}.btn-outline{background:transparent;border-color:var(--border);color:var(--text-primary);backdrop-filter:blur(4px)}.btn-outline:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light);transform:translateY(-2px)}.btn-success{background:var(--success);color:#fff}.btn-success:hover{filter:brightness(1.15);transform:translateY(-2px)}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover{filter:brightness(1.15);transform:translateY(-2px)}.btn-ghost{background:transparent;color:var(--text-secondary);border:none}.btn-ghost:hover{color:var(--text-primary);background:var(--accent-light)}.btn-sm{padding:7px 16px;font-size:.85rem;border-radius:var(--radius-sm)}.btn-lg{padding:15px 36px;font-size:1.1rem;border-radius:var(--radius-lg)}.btn-block{width:100%;display:flex}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.glass{background:rgba(22,22,43,.7);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.06)}.header{position:sticky;top:0;z-index:1000;background:var(--header-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--border);transition:all .4s;animation:headerSlideDown .5s ease}@keyframes headerSlideDown {
    from { transform: translateY(-100%); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}.header-inner{display:flex;align-items:center;justify-content:space-between;height:68px}.logo{display:flex;align-items:center;gap:10px;color:var(--text-primary);font-size:1.45rem;font-weight:900;text-decoration:none;transition:transform var(--transition)}.logo:hover{transform:scale(1.03)}.logo-icon{font-size:1.9rem;animation:logoPulse 3s ease-in-out infinite}@keyframes logoPulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.15); }
}.logo-text{background:var(--gradient-hero);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:900}.nav{display:flex;gap:4px}.nav-link{padding:10px 18px;border-radius:var(--radius);color:var(--text-secondary);font-weight:500;font-size:.92rem;transition:all var(--transition);position:relative}.nav-link::after{content:'';position:absolute;bottom:6px;left:50%;transform:translateX(-50%) scaleX(0);width:20px;height:2px;background:var(--accent);border-radius:1px;transition:transform var(--transition)}.nav-link:hover{color:var(--text-primary);background:var(--accent-light)}.nav-link:hover::after{transform:translateX(-50%) scaleX(1)}.header-actions{display:flex;align-items:center;gap:10px}.theme-toggle{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:9px 13px;cursor:pointer;font-size:1.2rem;transition:all var(--transition);display:flex;align-items:center}.theme-toggle:hover{background:var(--accent-light);border-color:var(--accent);transform:rotate(15deg) scale(1.1)}[data-theme="dark"] .theme-icon-light{display:none}[data-theme="light"] .theme-icon-dark{display:none}.cart-btn{position:relative;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:9px 16px;color:var(--text-primary);font-size:1.1rem;text-decoration:none;transition:all var(--transition)}.cart-btn:hover{background:var(--accent-light);border-color:var(--accent);transform:translateY(-2px)}.cart-count{position:absolute;top:-7px;right:-7px;background:var(--gradient-1);color:#fff;font-size:.7rem;font-weight:800;min-width:22px;height:22px;border-radius:11px;display:flex;align-items:center;justify-content:center;padding:0 5px;box-shadow:0 2px 8px rgba(124,58,237,.5);animation:cartBounce 2s ease-in-out infinite}@keyframes cartBounce {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.15); }
}.user-menu{position:relative}.user-menu-btn{background:var(--gradient-1);color:#fff;border:none;border-radius:var(--radius);padding:9px 18px;font-weight:600;font-family:'Inter',sans-serif;cursor:pointer;font-size:.9rem;transition:all var(--transition);box-shadow:0 4px 12px rgba(124,58,237,.3)}.user-menu-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(124,58,237,.5)}.user-dropdown{display:none;position:absolute;top: calc(100% + 10px);right:0;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);min-width:220px;box-shadow:var(--shadow);overflow:hidden;z-index:100;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.user-dropdown.active{display:block;animation:dropdownIn .25s cubic-bezier(.34,1.56,.64,1)}@keyframes dropdownIn {
    from { opacity: 0; transform: translateY(-12px) scale(0.95); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}.user-dropdown-link{display:flex;align-items:center;gap:10px;padding:13px 20px;color:var(--text-primary);text-decoration:none;font-weight:500;font-size:.92rem;transition:all var(--transition)}.user-dropdown-link:hover{background:var(--accent-light);color:var(--accent);padding-left:24px}.admin-link{color:var(--warning)!important}.logout-link{color:var(--error)!important}.dropdown-divider{border:none;border-top:1px solid var(--border);margin:6px 0}.auth-buttons{display:flex;gap:8px}.main{flex:1;padding:36px 0;animation:fadeInUp .5s ease}@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}.flash-message{padding:14px 28px;margin:12px auto;max-width:1280px;border-radius:var(--radius);font-weight:500;font-size:.92rem;display:flex;align-items:center;gap:10px;animation:flashSlideIn .4s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}@keyframes flashSlideIn {
    from { opacity: 0; transform: translateY(-20px) scale(0.95); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}.flash-icon{font-size:1.2rem;font-weight:800}.flash-success{background:rgba(16,185,129,.12);color:var(--success);border:1px solid rgba(16,185,129,.25)}.flash-error{background:rgba(239,68,68,.12);color:var(--error);border:1px solid rgba(239,68,68,.25)}.flash-warning{background:rgba(245,158,11,.12);color:var(--warning);border:1px solid rgba(245,158,11,.25)}.flash-info{background:rgba(59,130,246,.12);color:#60a5fa;border:1px solid rgba(59,130,246,.25)}.hero{text-align:center;padding:70px 32px;background:var(--gradient-2);border-radius:var(--radius-xl);margin-bottom:36px;border:1px solid var(--border);position:relative;overflow:hidden}.hero::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(124,58,237,.08) 0%,transparent 60%);animation:heroGlow 8s ease-in-out infinite}@keyframes heroGlow {
    0%, 100% { transform: translate(0, 0); }
    33% { transform: translate(30px, -20px); }
    66% { transform: translate(-20px, 30px); }
}.hero h1{font-size:3rem;margin-bottom:16px;background:var(--gradient-hero);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;animation:titleShine 3s ease-in-out infinite}@keyframes titleShine {
    0%, 100% { filter: brightness(1); }
    50% { filter: brightness(1.3); }
}.hero p{color:var(--text-secondary);font-size:1.15rem;max-width:600px;margin:0 auto 28px;position:relative;line-height:1.7}.hero .btn{position:relative;z-index:1}.server-selector{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px;justify-content:center}.server-btn{padding:13px 28px;border:2px solid var(--border);border-radius:var(--radius);background:var(--bg-card);color:var(--text-primary);cursor:pointer;font-weight:600;font-size:.95rem;font-family:'Inter',sans-serif;transition:all var(--transition);position:relative;overflow:hidden}.server-btn::before{content:'';position:absolute;inset:0;background:var(--gradient-1);opacity:0;transition:opacity var(--transition);z-index:-1}.server-btn:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:var(--shadow-sm)}.server-btn:hover::before{opacity:.08}.server-btn.active{background:var(--gradient-1);border-color:transparent;color:#fff;box-shadow:0 6px 24px rgba(124,58,237,.4);transform:translateY(-2px)}.server-ip-display{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:24px;animation:fadeInUp .5s ease}.server-ip-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 24px;display:flex;align-items:center;gap:12px;transition:all var(--transition)}.server-ip-card:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-3px)}.server-ip-card .ip-label{font-size:.78rem;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.05em;background:var(--accent-light);color:var(--accent);padding:3px 10px;border-radius:20px}.server-ip-card .ip-address{font-family:'JetBrains Mono','Consolas',monospace;font-size:1.05rem;font-weight:700;color:var(--accent);cursor:pointer;user-select:all;transition:color var(--transition);padding:4px 0}.server-ip-card .ip-address:hover{color:var(--accent-hover)}.server-ip-card .ip-copy-btn{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:7px 12px;cursor:pointer;font-size:.85rem;color:var(--text-secondary);transition:all var(--transition);font-family:'Inter',sans-serif}.server-ip-card .ip-copy-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent);transform:scale(1.05)}.categories-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px;animation:fadeInUp .5s ease .1s both}.category-tab{padding:10px 22px;border:2px solid var(--border);border-radius:50px;background:var(--bg-card);color:var(--text-secondary);cursor:pointer;font-weight:600;font-size:.88rem;font-family:'Inter',sans-serif;transition:all var(--transition)}.category-tab:hover{color:var(--accent);border-color:var(--accent);transform:translateY(-2px)}.category-tab.active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 4px 16px rgba(124,58,237,.35)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:22px;animation:fadeInUp .5s ease .2s both}.product-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;transition:all var(--transition);position:relative;overflow:hidden;display:flex;flex-direction:column}.product-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-1);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.4,0,.2,1)}.product-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:var(--accent)}.product-card:hover::before{transform:scaleX(1)}.product-card .card-glow{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 0%,rgba(124,58,237,.08),transparent 60%);opacity:0;transition:opacity var(--transition);pointer-events:none}.product-card:hover .card-glow{opacity:1}.product-category-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);font-weight:700;margin-bottom:10px}.product-name{font-size:1.2rem;font-weight:700;margin-bottom:10px;line-height:1.35}.product-description{color:var(--text-secondary);font-size:.9rem;margin-bottom:20px;line-height:1.55;flex:1}.product-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.product-price{font-size:1.6rem;font-weight:800;color:var(--accent);display:flex;align-items:center;gap:8px}.product-price .original-price{font-size:.9rem;color:var(--text-secondary);text-decoration:line-through;font-weight:400;opacity:.7}.product-sale-badge{position:absolute;top:18px;right:18px;background:var(--error);color:#fff;padding:6px 12px;border-radius:50px;font-size:.75rem;font-weight:800;letter-spacing:.03em;box-shadow:0 4px 12px rgba(239,68,68,.3);animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.08); }
}.product-icons{display:flex;gap:8px;margin-bottom:12px}.product-icon-badge{width:36px;height:36px;border-radius:var(--radius-sm);background:var(--accent-light);display:flex;align-items:center;justify-content:center;font-size:1rem}.cart-page{max-width:840px;margin:0 auto}.cart-item{display:flex;align-items:center;gap:22px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px 26px;margin-bottom:14px;transition:all var(--transition);animation:fadeInUp .4s ease both}.cart-item:nth-child(1) {animation-delay:0s}.cart-item:nth-child(2) {animation-delay:.05s}.cart-item:nth-child(3) {animation-delay:.1s}.cart-item:nth-child(4) {animation-delay:.15s}.cart-item:nth-child(5) {animation-delay:.2s}.cart-item:hover{border-color:var(--accent);box-shadow:var(--shadow-sm)}.cart-item-info{flex:1}.cart-item-name{font-weight:700;font-size:1.1rem;margin-bottom:4px}.cart-item-price{color:var(--accent);font-weight:700;font-size:1rem}.cart-item-qty{display:flex;align-items:center;gap:6px;background:var(--bg-primary);border-radius:var(--radius);padding:4px;border:1px solid var(--border)}.cart-item-qty button,.cart-item-qty a{width:34px;height:34px;border:none;border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-primary);cursor:pointer;font-size:1.1rem;font-weight:700;transition:all var(--transition);display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.cart-item-qty button:hover,.cart-item-qty a:hover{background:var(--accent);color:#fff}.cart-item-qty span{min-width:30px;text-align:center;font-weight:700;font-size:.95rem}.cart-item-remove{background:none;border:none;color:var(--error);cursor:pointer;font-size:1.4rem;padding:6px 10px;border-radius:var(--radius-sm);transition:all var(--transition);text-decoration:none;opacity:.6}.cart-item-remove:hover{background:rgba(239,68,68,.12);opacity:1;transform:scale(1.1)}.cart-summary{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;margin-top:22px}.cart-summary-row{display:flex;justify-content:space-between;padding:10px 0;color:var(--text-secondary);font-size:.95rem}.cart-summary-row.total{color:var(--text-primary);font-size:1.35rem;font-weight:800;border-top:2px solid var(--border);margin-top:10px;padding-top:18px}.cart-summary-row.total span:last-child{background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cart-summary-row .discount{color:var(--success);font-weight:700}.cart-promocode{display:flex;gap:10px;margin:18px 0}.cart-promocode input{flex:1;padding:12px 18px;border:2px solid var(--border);border-radius:var(--radius);background:var(--bg-primary);color:var(--text-primary);font-size:.95rem;font-family:'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:.05em;transition:all var(--transition)}.cart-promocode input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-light)}.applied-promo{display:flex;align-items:center;gap:14px;padding:14px 18px;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.2);border-radius:var(--radius)}.form-group{margin-bottom:22px}.form-label{display:block;margin-bottom:7px;font-weight:600;color:var(--text-primary);font-size:.9rem}.form-input{width:100%;padding:13px 18px;border:2px solid var(--border);border-radius:var(--radius);background:var(--bg-primary);color:var(--text-primary);font-size:.95rem;font-family:'Inter',sans-serif;transition:all var(--transition)}.form-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-light);transform:translateY(-1px)}textarea.form-input{min-height:100px;resize:vertical}select.form-input{cursor:pointer}.form-error{color:var(--error);font-size:.85rem;margin-top:5px;font-weight:500}.form-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:36px;max-width:480px;margin:48px auto;box-shadow:var(--shadow-sm);animation:fadeInUp .5s ease}.form-card h2{text-align:center;margin-bottom:28px}.form-footer{text-align:center;margin-top:22px;color:var(--text-secondary);font-size:.9rem}.payment-methods{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;margin:18px 0}.payment-method-card{background:var(--bg-card);border:2px solid var(--border);border-radius:var(--radius-lg);padding:22px 16px;cursor:pointer;text-align:center;transition:all var(--transition);font-weight:600}.payment-method-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:var(--shadow-sm)}.payment-method-card.selected{border-color:var(--accent);background:var(--accent-light);box-shadow:0 0 0 4px var(--accent-light)}.payment-method-card .pm-icon{font-size:2.2rem;margin-bottom:6px}.payment-method-card .pm-name{font-size:.92rem}.faq-list{max-width:800px;margin:0 auto}.faq-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:14px;overflow:hidden;transition:all var(--transition)}.faq-item:hover{border-color:var(--accent)}.faq-question{padding:20px 26px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:1.02rem;user-select:none;transition:all var(--transition)}.faq-question:hover{color:var(--accent)}.faq-arrow{transition:transform .35s cubic-bezier(.4,0,.2,1);font-size:.75rem;opacity:.5;min-width:20px;text-align:center}.faq-item.active .faq-arrow{transform:rotate(180deg);opacity:1;color:var(--accent)}.faq-answer{padding:0 26px;max-height:0;overflow:hidden;transition:max-height .4s ease , padding .4s ease;color:var(--text-secondary);line-height:1.75}.faq-item.active .faq-answer{max-height:500px;padding:0 26px 22px}.contacts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px;max-width:960px;margin:0 auto}.contact-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px 24px;text-align:center;transition:all var(--transition)}.contact-card:hover{transform:translateY(-8px);box-shadow:var(--shadow);border-color:var(--accent)}.contact-icon{width:72px;height:72px;border-radius:50%;background:var(--accent-light);display:flex;align-items:center;justify-content:center;font-size:2.2rem;margin:0 auto 16px;transition:all var(--transition)}.contact-card:hover .contact-icon{background:var(--gradient-1);transform:scale(1.1) rotate(-10deg)}.contact-label{font-weight:700;font-size:1.1rem;margin-bottom:8px}.contact-value{color:var(--text-secondary);word-break:break-all;font-size:.9rem}.contact-link{display:inline-block;margin-top:16px;padding:10px 28px;background:var(--gradient-1);color:#fff;border-radius:50px;font-weight:700;text-decoration:none;font-size:.9rem;transition:all var(--transition);box-shadow:0 4px 16px rgba(124,58,237,.3)}.contact-link:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(124,58,237,.5);color:#fff}.recent-purchases{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:26px;margin:36px 0;overflow:hidden;max-height:420px}.recent-purchases h3{text-align:center;margin-bottom:18px}.purchase-scroll{overflow-y:auto;max-height:300px;scrollbar-width:thin}.purchase-log-item{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;border-radius:var(--radius);margin-bottom:5px;transition:all var(--transition);animation:fadeInRight .4s ease}@keyframes fadeInRight {
    from { opacity: 0; transform: translateX(-20px); }
    to { opacity: 1; transform: translateX(0); }
}.purchase-log-item:hover{background:var(--accent-light)}.purchase-log-user{font-weight:700;font-size:.92rem}.purchase-log-product{color:var(--text-secondary);font-size:.85rem}.purchase-log-amount{color:var(--accent);font-weight:800;font-size:.9rem}.purchase-log-time{color:var(--text-secondary);font-size:.75rem;opacity:.7}.profile-page{max-width:940px;margin:0 auto}.profile-header{background:var(--gradient-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:36px;margin-bottom:28px;display:flex;align-items:center;gap:28px}.profile-avatar{width:88px;height:88px;border-radius:50%;background:var(--gradient-1);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:800;color:#fff;box-shadow:0 6px 24px rgba(124,58,237,.4);text-transform:uppercase}.profile-info h2{margin-bottom:6px}.profile-info p{color:var(--text-secondary);font-size:.92rem}.profile-tabs{display:flex;gap:6px;margin-bottom:28px;border-bottom:2px solid var(--border);overflow-x:auto}.profile-tab{padding:13px 24px;border:none;background:none;color:var(--text-secondary);cursor:pointer;font-weight:600;font-size:.92rem;border-bottom:3px solid transparent;margin-bottom:-2px;white-space:nowrap;font-family:'Inter',sans-serif;transition:all var(--transition);position:relative}.profile-tab:hover{color:var(--text-primary)}.profile-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.profile-content{display:none}.profile-content.active{display:block;animation:fadeInUp .4s ease}.orders-table{width:100%;border-collapse:separate;border-spacing:0}.orders-table th,.orders-table td{padding:14px 18px;text-align:left;border-bottom:1px solid var(--border)}.orders-table th{font-weight:700;color:var(--text-secondary);font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;background:var(--bg-primary);position:sticky;top:0}.orders-table tr{transition:all var(--transition)}.orders-table tbody tr:hover td{background:var(--accent-light)}.status-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:50px;font-size:.73rem;font-weight:700;letter-spacing:.03em}.status-pending{background:rgba(245,158,11,.15);color:var(--warning)}.status-paid{background:rgba(16,185,129,.15);color:var(--success)}.status-failed{background:rgba(239,68,68,.15);color:var(--error)}.status-refunded{background:rgba(139,92,246,.15);color:#a78bfa}.status-processing{background:rgba(59,130,246,.15);color:#60a5fa}.admin-layout{display:flex;min-height:calc(100vh - 68px - 80px)}.admin-sidebar{width:270px;background:var(--bg-card);border-right:1px solid var(--border);padding:24px 0;flex-shrink:0;position:sticky;top:68px;height:calc(100vh - 68px);overflow-y:auto}.admin-sidebar-link{display:flex;align-items:center;gap:12px;padding:14px 28px;color:var(--text-secondary);font-weight:500;font-size:.92rem;text-decoration:none;transition:all var(--transition);border-left:3px solid transparent;margin:2px 0}.admin-sidebar-link:hover{color:var(--text-primary);background:var(--accent-light)}.admin-sidebar-link.active{color:var(--accent);background:var(--accent-light);border-left-color:var(--accent);font-weight:700}.admin-content{flex:1;padding:28px;overflow-x:auto;min-width:0}.admin-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;margin-bottom:24px;transition:all var(--transition)}.admin-card:hover{border-color:rgba(124,58,237,.3)}.admin-card h3{margin-bottom:20px;display:flex;align-items:center;gap:10px;font-size:1.15rem}.admin-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px;margin-bottom:28px}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;transition:all var(--transition);position:relative;overflow:hidden}.stat-card::after{content:'';position:absolute;right:-20px;top:-20px;width:80px;height:80px;border-radius:50%;background:var(--accent);opacity:.06}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-sm);border-color:var(--accent)}.stat-card .stat-value{font-size:2.2rem;font-weight:900;color:var(--accent);letter-spacing:-.02em}.stat-card .stat-label{color:var(--text-secondary);font-size:.85rem;margin-top:6px;font-weight:500}.admin-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.9rem}.admin-table th,.admin-table td{padding:11px 16px;text-align:left;border-bottom:1px solid var(--border)}.admin-table th{font-weight:700;color:var(--text-secondary);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;background:var(--bg-primary);position:sticky;top:0;z-index:1}.admin-table tbody tr{transition:all var(--transition)}.admin-table tbody tr:hover td{background:var(--accent-light)}.footer{background:var(--bg-card);border-top:1px solid var(--border);padding:28px 0;margin-top:auto}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:18px}.footer-info{color:var(--text-secondary);font-size:.88rem}.footer-version{font-size:.72rem;opacity:.5;margin-top:4px}.footer-links{display:flex;gap:24px}.footer-links a{color:var(--text-secondary);font-size:.88rem;text-decoration:none;font-weight:500;transition:color var(--transition)}.footer-links a:hover{color:var(--accent)}.spinner{width:44px;height:44px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;margin:44px auto}@keyframes spin { to { transform: rotate(360deg); } }.toast{position:fixed;bottom:28px;right:28px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px 28px;box-shadow:var(--shadow);z-index:9999;animation:toastIn .4s cubic-bezier(.34,1.56,.64,1);display:flex;align-items:center;gap:12px;max-width:400px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}@keyframes toastIn {
    from { opacity: 0; transform: translateY(30px) scale(0.9); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .25s ease}@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }.modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:36px;max-width:520px;width:92%;max-height:82vh;overflow-y:auto;animation:modalIn .35s cubic-bezier(.34,1.56,.64,1);box-shadow:0 20px 60px rgba(0,0,0,.5)}@keyframes modalIn {
    from { opacity: 0; transform: translateY(-30px) scale(0.9); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}.empty-state{text-align:center;padding:64px 24px;color:var(--text-secondary)}.empty-state .empty-icon{font-size:4.5rem;margin-bottom:18px;animation:float 3s ease-in-out infinite}@keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-12px); }
}.empty-state h3{margin-bottom:8px;color:var(--text-primary)}@media (max-width:1024px){.admin-layout{flex-direction:column}.admin-sidebar{width:100%;height:auto;position:relative;top:0;border-right:none;border-bottom:1px solid var(--border);padding:0;display:flex;overflow-x:auto}.admin-sidebar-link{border-left:none;border-bottom:3px solid transparent;white-space:nowrap;padding:14px 20px}.admin-sidebar-link.active{border-left-color:transparent;border-bottom-color:var(--accent)}.admin-content{padding:20px}}@media (max-width:768px){.header-inner{padding:0 8px}.nav{display:none}.hero{padding:48px 20px}.hero h1{font-size:2rem}.products-grid{grid-template-columns:1fr}.cart-item{flex-wrap:wrap}.cart-item-qty{order:2}.profile-header{flex-direction:column;text-align:center}.admin-stats{grid-template-columns:1fr 1fr}.payment-methods{grid-template-columns:1fr 1fr}.contacts-grid{grid-template-columns:1fr}.footer-content{flex-direction:column;text-align:center}.auth-buttons{gap:4px}.auth-buttons .btn{padding:8px 14px;font-size:.82rem}}@media (max-width:480px){.container{padding:0 12px}.form-card{padding:24px 18px}.admin-stats{grid-template-columns:1fr}}