@import url(https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&family=Exo+2:wght@300;400;500;600;700;800&family=Share+Tech+Mono&display=swap);:root{--bg-primary:#0a0e1a;--bg-secondary:#0f1526;--bg-card:#131929;--bg-card-hover:#1a2235;--border:#1e2d45;--border-bright:#2a3f60;--accent:#00d4ff;--accent-dim:#00d4ff26;--accent-glow:#00d4ff66;--accent2:#ff6b35;--accent2-dim:#ff6b3526;--gold:gold;--gold-dim:#ffd70026;--success:#0f8;--success-dim:#00ff8826;--danger:#ff4757;--danger-dim:#ff475726;--text-primary:#e8edf5;--text-secondary:#8a9bb5;--text-muted:#4a5568;--shadow-card:0 4px 24px #0006;--shadow-glow:0 0 20px #00d4ff33;--radius:12px;--radius-sm:8px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#0a0e1a;background-color:var(--bg-primary);color:#e8edf5;color:var(--text-primary);font-family:Exo\ 2,sans-serif;min-height:100vh;overflow-x:hidden}body:before{background-image:linear-gradient(#00d4ff08 1px,#0000 0),linear-gradient(90deg,#00d4ff08 1px,#0000 0);background-size:60px 60px;content:"";inset:0;pointer-events:none;position:fixed;z-index:0}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0a0e1a;background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#2a3f60;background:var(--border-bright);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00d4ff;background:var(--accent)}.container{margin:0 auto;max-width:1280px;padding:0 24px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.w-full{width:100%}.relative{position:relative}.absolute{position:absolute}.hidden{display:none}.text-center{text-align:center}.btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:Exo\ 2,sans-serif;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#00d4ff,#09c);background:linear-gradient(135deg,var(--accent),#09c);box-shadow:0 4px 15px #00d4ff4d;color:#000}.btn-primary:hover{box-shadow:0 6px 20px #00d4ff80;transform:translateY(-1px)}.btn-accent2{background:linear-gradient(135deg,#ff6b35,#c40);background:linear-gradient(135deg,var(--accent2),#c40);box-shadow:0 4px 15px #ff6b354d;color:#fff}.btn-accent2:hover{box-shadow:0 6px 20px #ff6b3580;transform:translateY(-1px)}.btn-ghost{background:#0000;border:1px solid #1e2d45;border:1px solid var(--border);color:#8a9bb5;color:var(--text-secondary)}.btn-ghost:hover{background:#00d4ff26;background:var(--accent-dim);border-color:#00d4ff;border-color:var(--accent);color:#00d4ff;color:var(--accent)}.btn-danger{background:#ff4757;background:var(--danger);color:#fff}.btn-danger:hover{background:#ff2740}.btn-success{background:#0f8;background:var(--success);color:#000}.btn-success:hover{opacity:.9}.btn-sm{font-size:13px;padding:6px 14px}.btn-lg{font-size:16px;padding:14px 28px}.btn-xl{font-size:17px;padding:16px 36px}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.card{background:#131929;background:var(--bg-card);border:1px solid #1e2d45;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);box-shadow:0 4px 24px #0006;box-shadow:var(--shadow-card);padding:24px;transition:all .3s ease}.card:hover{border-color:#2a3f60;border-color:var(--border-bright)}.card-glow:hover{box-shadow:0 4px 24px #0006,0 0 20px #00d4ff33;box-shadow:var(--shadow-card),var(--shadow-glow)}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{color:#8a9bb5;color:var(--text-secondary);font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.form-input,.form-select,.form-textarea{background:#0a0e1a;background:var(--bg-primary);border:1px solid #1e2d45;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#e8edf5;color:var(--text-primary);font-family:Exo\ 2,sans-serif;font-size:14px;outline:none;padding:12px 16px;transition:all .2s;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#00d4ff;border-color:var(--accent);box-shadow:0 0 0 3px #00d4ff26;box-shadow:0 0 0 3px var(--accent-dim)}.form-textarea{min-height:100px;resize:vertical}.form-select option{background:#0f1526;background:var(--bg-secondary)}.badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:700;gap:4px;letter-spacing:.5px;padding:3px 10px;text-transform:uppercase}.badge-accent{background:#00d4ff26;background:var(--accent-dim);border:1px solid #00d4ff4d;color:#00d4ff;color:var(--accent)}.badge-gold{background:#ffd70026;background:var(--gold-dim);border:1px solid #ffd7004d;color:gold;color:var(--gold)}.badge-success{background:#00ff8826;background:var(--success-dim);border:1px solid #00ff884d;color:#0f8;color:var(--success)}.badge-danger{background:#ff475726;background:var(--danger-dim);border:1px solid #ff47574d;color:#ff4757;color:var(--danger)}.badge-orange{background:#ff6b3526;background:var(--accent2-dim);border:1px solid #ff6b354d;color:#ff6b35;color:var(--accent2)}.grid{display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.section-title{color:#e8edf5;color:var(--text-primary);font-family:Rajdhani,sans-serif;font-size:28px;font-weight:700;letter-spacing:1px}.section-subtitle{color:#8a9bb5;color:var(--text-secondary);font-size:14px;margin-top:4px}.page-wrapper{box-sizing:border-box;min-height:calc(100vh - 70px);padding-bottom:60px;padding-top:80px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}.animate-fadeInUp{animation:fadeInUp .4s ease forwards}.spinner{animation:spin .8s linear infinite;border:3px solid #1e2d45;border-top-color:#00d4ff;border:3px solid var(--border);border-radius:50%;border-top-color:var(--accent);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.divider{border:none;border-top:1px solid #1e2d45;border-top:1px solid var(--border);margin:20px 0}.tag{align-items:center;background:#0f1526;background:var(--bg-secondary);border:1px solid #1e2d45;border:1px solid var(--border);border-radius:6px;color:#8a9bb5;color:var(--text-secondary);display:inline-flex;font-size:12px;gap:4px;padding:4px 10px}.price{color:#00d4ff;color:var(--accent);font-family:Rajdhani,sans-serif;font-size:22px;font-weight:700}.price-old{color:#4a5568;color:var(--text-muted);font-size:14px;text-decoration:line-through}@media (max-width:1024px){.grid-4{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.container{padding:0 16px}}@media (max-width:480px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}[data-theme=light]{--bg-primary:#f0f2f5;--bg-secondary:#e4e7eb;--bg-card:#fff;--text-primary:#0d1117;--text-secondary:#374151;--text-muted:#6b7280;--border:#d1d5db;--accent:#06c;--accent2:#7c3aed;--gold:#d97706;--success:#16a34a;--danger:#dc2626}[data-theme=light] .card{box-shadow:0 1px 4px #00000014}[data-theme=light] .admin-sidebar,[data-theme=light] .navbar{background:#fff;border-color:#d1d5db}[data-theme=light] input,[data-theme=light] select,[data-theme=light] textarea{background:#f9fafb;color:#0d1117}.flash-sale-banner{box-shadow:0 2px 20px #0000004d;padding:10px 0;position:sticky;top:70px;z-index:90}.fsb-inner{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.fsb-icon{animation:fsbPulse 1s ease-in-out infinite;color:#fff;flex-shrink:0}.fsb-label{font-size:16px;letter-spacing:.5px}.fsb-badge,.fsb-label{color:#fff;font-family:Rajdhani,sans-serif;font-weight:800}.fsb-badge{background:#ffffff40;border:1px solid #fff6;border-radius:20px;font-size:13px;letter-spacing:1px;padding:3px 10px}.fsb-ends{color:#ffffffd9;font-size:12px}.fsb-cta{background:#fff;border-radius:20px;color:#000;font-family:Rajdhani,sans-serif;font-size:13px;font-weight:800;margin-left:4px;padding:5px 16px;text-decoration:none;transition:transform .15s}.fsb-cta:hover{transform:scale(1.05)}@keyframes fsbPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@media (max-width:768px){.admin-layout{flex-direction:column}.admin-sidebar{flex-direction:row;height:auto;overflow-x:auto;padding:8px 0;position:relative;width:100%}.admin-nav{flex-direction:row;gap:4px;padding:4px 12px}.admin-nav-item{flex-direction:column;flex-shrink:0;font-size:12px;gap:3px;padding:8px 12px;text-align:center}.admin-nav-item span{font-size:10px}.admin-content{padding:16px}.admin-page-header{align-items:flex-start;flex-direction:column;gap:10px}.admin-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.admin-stats{grid-template-columns:1fr}.admin-table{font-size:12px}.admin-table td,.admin-table th{padding:8px 6px}}@media (max-width:768px){.cart-layout{flex-direction:column}.cart-summary{width:100%}.shop-layout{flex-direction:column}.shop-sidebar{display:none;width:100%}.shop-sidebar.show{display:block}}@media (max-width:600px){.profile-grid{grid-template-columns:1fr!important}}@media (max-width:480px){.topup-amounts{grid-template-columns:repeat(3,1fr)}.payment-modal{margin:8px;width:calc(100% - 16px)!important}}@media (max-width:600px){.account-detail-layout{flex-direction:column}.account-detail-gallery{max-width:100%}}@media (max-width:480px){.btn-group{flex-wrap:wrap}.section-title{font-size:24px}.hero-title{font-size:32px!important}.stats-grid{grid-template-columns:repeat(2,1fr)}}.navbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0e1ae6;border-bottom:1px solid var(--border);left:0;position:fixed;right:0;top:0;z-index:1000}.navbar-inner{gap:20px;height:65px;justify-content:space-between}.navbar-inner,.navbar-logo{align-items:center;display:flex}.navbar-logo{flex-shrink:0;gap:10px;text-decoration:none}.logo-icon{align-items:center;background:linear-gradient(135deg,var(--accent),#09c);border-radius:8px;color:#000;display:flex;height:36px;justify-content:center;width:36px}.logo-text{color:var(--text-primary);font-family:Rajdhani,sans-serif;font-size:20px;font-weight:700;letter-spacing:2px}.logo-accent{color:var(--accent)}.navbar-links{flex:1 1;gap:4px;justify-content:center;list-style:none}.nav-link,.navbar-links{align-items:center;display:flex}.nav-link{border-radius:8px;color:var(--text-secondary);font-size:14px;font-weight:500;gap:5px;padding:8px 16px;position:relative;text-decoration:none;transition:all .2s}.nav-link:hover{background:#ffffff0d;color:var(--text-primary)}.nav-link.active{color:var(--accent)}.nav-link.active:after{background:var(--accent);border-radius:2px;bottom:-1px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:20px}.admin-link{color:var(--gold)!important}.admin-link:hover{background:var(--gold-dim)!important}.navbar-actions{flex-shrink:0;gap:8px}.nav-icon-btn,.navbar-actions{align-items:center;display:flex}.nav-icon-btn{background:#0000;border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;height:38px;justify-content:center;position:relative;text-decoration:none;transition:all .2s;width:38px}.nav-icon-btn:hover{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.cart-badge{background:var(--accent2);border-radius:50%;color:#fff;font-size:10px;font-weight:700;height:18px;justify-content:center;position:absolute;right:-6px;top:-6px;width:18px}.cart-badge,.nav-balance{align-items:center;display:flex}.nav-balance{background:var(--gold-dim);border:1px solid #ffd7004d;border-radius:8px;color:var(--gold);font-size:13px;font-weight:600;gap:6px;padding:6px 12px}.user-dropdown{position:relative}.user-avatar-btn{align-items:center;background:#0000;border:1px solid var(--border);border-radius:8px;cursor:pointer;display:flex;gap:6px;padding:4px 10px;transition:all .2s}.user-avatar-btn:hover{border-color:var(--accent)}.user-avatar-img{border-radius:50%;height:28px;object-fit:cover;width:28px}.user-avatar-placeholder{align-items:center;background:linear-gradient(135deg,var(--accent),#09c);border-radius:50%;color:#000;display:flex;font-size:13px;font-weight:700;height:28px;justify-content:center;width:28px}.chevron{color:var(--text-secondary);transition:transform .2s}.chevron.open{transform:rotate(180deg)}.dropdown-menu{animation:fadeInUp .15s ease;background:var(--bg-card);border:1px solid var(--border-bright);border-radius:var(--radius);box-shadow:0 10px 40px #00000080;min-width:220px;padding:8px;position:absolute;right:0;top:calc(100% + 10px)}.dropdown-header{display:flex;flex-direction:column;gap:2px;padding:10px 12px}.dropdown-name{color:var(--text-primary);font-size:14px;font-weight:600}.dropdown-email{color:var(--text-muted);font-size:12px}.dropdown-divider{border-top:1px solid var(--border);margin:4px 0}.dropdown-item{align-items:center;background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;gap:10px;padding:10px 12px;text-decoration:none;transition:all .2s;width:100%}.dropdown-item:hover{background:#ffffff0d;color:var(--text-primary)}.dropdown-item.admin{color:var(--gold)}.dropdown-item.admin:hover{background:var(--gold-dim)}.dropdown-item.danger:hover{background:var(--danger-dim);color:var(--danger)}.auth-buttons{align-items:center;display:flex;gap:8px}.search-bar{animation:fadeInUp .15s ease;background:#0a0e1afa;border-top:1px solid var(--border);padding:12px 0}.search-form{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;display:flex;gap:10px;padding:8px 16px}.search-icon{color:var(--text-muted);flex-shrink:0}.search-input{background:none;border:none;color:var(--text-primary);flex:1 1;font-family:Exo\ 2,sans-serif;font-size:14px;outline:none}.search-input::placeholder{color:var(--text-muted)}.mobile-toggle{background:none;border:none;color:var(--text-secondary);cursor:pointer;display:none}.mobile-menu{background:var(--bg-secondary);border-top:1px solid var(--border);display:none;flex-direction:column;gap:4px;padding:16px}.mobile-link{border-radius:8px;color:var(--text-secondary);display:block;font-size:15px;padding:12px 16px;text-decoration:none;transition:all .2s}.mobile-link:hover{background:#ffffff0d;color:var(--text-primary)}.mobile-auth{display:flex;flex-direction:column;gap:8px;margin-top:12px}@media (max-width:900px){.navbar-links{display:none}.mobile-menu,.mobile-toggle{display:flex}.nav-balance{display:none}}@media (max-width:480px){.auth-buttons{display:none}}.account-card{cursor:pointer;overflow:hidden;padding:0;transition:all .3s ease}.account-card:hover{border-color:var(--accent);transform:translateY(-4px)}.account-card-img{aspect-ratio:16/9;background:var(--bg-secondary);overflow:hidden;position:relative;width:100%}.account-card-img img{height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.account-card:hover .account-card-img img{transform:scale(1.05)}.account-card-img-placeholder{align-items:center;background:linear-gradient(135deg,var(--bg-secondary),var(--bg-card));display:flex;height:100%;justify-content:center;width:100%}.discount-badge{background:var(--danger);color:#fff;font-size:11px;left:10px}.discount-badge,.featured-badge{border-radius:5px;font-weight:700;padding:3px 8px;position:absolute;top:10px}.featured-badge{background:var(--gold);color:#000;font-size:10px;gap:3px;right:10px}.featured-badge,.sold-overlay{align-items:center;display:flex}.sold-overlay{background:#000000b3;color:var(--danger);font-family:Rajdhani,sans-serif;font-size:22px;font-weight:700;inset:0;justify-content:center;letter-spacing:3px;position:absolute}.account-card-body{display:flex;flex-direction:column;gap:10px;padding:16px}.account-card-meta{align-items:center;display:flex;justify-content:space-between}.account-rank{font-size:12px;font-weight:600}.account-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:14px;font-weight:600;line-height:1.4;overflow:hidden}.account-stats{grid-gap:6px;background:var(--bg-primary);border-radius:8px;display:grid;gap:6px;grid-template-columns:repeat(3,1fr);padding:10px}.stat-item{align-items:center;display:flex;flex-direction:column;gap:2px}.stat-val{color:var(--accent);font-family:Rajdhani,sans-serif;font-size:15px;font-weight:700}.stat-key{color:var(--text-muted);font-size:10px;text-align:center}.account-card-price{align-items:baseline;display:flex;gap:8px}.account-card-actions{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.card-flash:hover{border-color:#ff4757b3!important}.discount-flash{align-items:center;background:linear-gradient(135deg,#ff4757,#ff6b35)!important;display:flex;gap:3px}.price-sale{color:#ff4757!important}.skeleton-card{background:var(--bg-card);border-radius:12px;overflow:hidden}.skeleton-card:before{animation:skeleton-shimmer 1.4s infinite;height:160px;width:100%}.skeleton-card:after,.skeleton-card:before{background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-primary) 50%,var(--bg-secondary) 75%);background-size:200% 100%;content:"";display:block}.skeleton-card:after{animation:skeleton-shimmer 1.4s .2s infinite;border-radius:6px;height:80px;margin:12px}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.card-flash{border-color:#ff475766!important;box-shadow:0 0 12px #ff475726}.card-flash:hover{box-shadow:0 0 20px #ff475740}.stock-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;border:1px solid #00d4ff80;border-radius:5px;bottom:4px;color:var(--accent);font-size:10px;font-weight:700;left:4px;padding:2px 7px}.flash-ribbon,.stock-badge{align-items:center;display:flex;gap:3px;position:absolute}.flash-ribbon{animation:ribbonPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#ff4757,#ff6b35);border-radius:0 4px 4px 0;box-shadow:2px 2px 6px #ff475766;color:#fff;font-size:9px;font-weight:800;left:-2px;letter-spacing:.8px;padding:3px 8px 3px 6px;text-transform:uppercase;top:8px;z-index:3}.flash-ribbon:before{border-bottom:3px solid #0000;border-left:2px solid #c0392b;bottom:-3px;content:"";left:0;position:absolute}@keyframes ribbonPulse{0%,to{box-shadow:2px 2px 6px #ff475766}50%{box-shadow:2px 2px 12px #ff4757b3}}.flash-countdown{align-items:center;animation:countdownTick 1s ease-in-out infinite alternate;color:#ff6b35;display:flex;font-family:Share Tech Mono,monospace;font-size:10px;font-weight:600;gap:4px;margin-top:3px}@keyframes countdownTick{0%{opacity:.8}to{opacity:1}}.home-page{position:relative;z-index:1}.hero-section{align-items:center;display:flex;min-height:100vh;overflow:hidden;padding:100px 0 60px;position:relative}.hero-bg{inset:0}.hero-bg,.hero-orb{pointer-events:none;position:absolute}.hero-orb{border-radius:50%;filter:blur(100px)}.hero-orb-1{background:radial-gradient(circle,#00d4ff1f,#0000 70%);height:600px;left:-100px;top:-200px;width:600px}.hero-orb-2{background:radial-gradient(circle,#ff6b3514,#0000 70%);bottom:-100px;height:500px;right:0;width:500px}.hero-grid{background-image:linear-gradient(#00d4ff0a 1px,#0000 0),linear-gradient(90deg,#00d4ff0a 1px,#0000 0);background-size:80px 80px;inset:0;position:absolute}.hero-content{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr;position:relative;z-index:1}.hero-text{display:flex;flex-direction:column;gap:24px}.hero-badge{align-items:center;background:var(--accent-dim);border:1px solid #00d4ff4d;border-radius:20px;color:var(--accent);display:inline-flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.5px;padding:6px 14px;width:fit-content}.hero-title{color:var(--text-primary);font-family:Rajdhani,sans-serif;font-size:clamp(36px,5vw,60px);font-weight:700;letter-spacing:1px;line-height:1.1}.hero-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent),#66e0ff);-webkit-background-clip:text;background-clip:text}.hero-desc{color:var(--text-secondary);font-size:16px;line-height:1.7;max-width:460px}.hero-actions{display:flex;flex-wrap:wrap;gap:16px}.hero-mini-stats{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;display:flex;gap:20px;padding:16px 20px;width:fit-content}.mini-stat{display:flex;flex-direction:column;gap:2px}.mini-val{color:var(--accent);font-family:Rajdhani,sans-serif;font-size:20px;font-weight:700}.mini-stat span:last-child{color:var(--text-muted);font-size:12px}.mini-stat-divider{background:var(--border);height:36px;width:1px}.hero-visual{align-items:center;display:flex;justify-content:center}.hero-card-preview{animation:float 4s ease-in-out infinite;background:var(--bg-card);border:1px solid var(--border-bright);border-radius:20px;box-shadow:0 20px 60px #00000080,0 0 40px #00d4ff1a;max-width:360px;padding:28px;position:relative;width:100%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.hcp-glow{background:linear-gradient(135deg,#00d4ff4d,#0000,#ff6b3533);border-radius:20px;filter:blur(20px);inset:-1px;position:absolute;z-index:-1}.hcp-header{display:flex;gap:8px;margin-bottom:16px}.hcp-game{color:var(--text-muted);font-size:13px;margin-bottom:8px}.hcp-title{color:var(--text-primary);font-family:Rajdhani,sans-serif;font-size:20px;font-weight:700;margin-bottom:16px}.hcp-stats{grid-gap:8px;background:var(--bg-primary);border-radius:10px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin-bottom:16px;padding:14px}.hcp-stat{align-items:center;display:flex;flex-direction:column;gap:4px}.hcp-stat span{color:var(--text-muted);font-size:11px}.hcp-stat strong{color:var(--text-primary);font-size:14px;font-weight:700}.hcp-price{align-items:center;display:flex;justify-content:space-between}.gametype-section{border-bottom:1px solid var(--border);padding:20px 0}.gametype-scroll{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px}.gametype-scroll::-webkit-scrollbar{height:3px}.gametype-scroll::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:2px}.gametype-btn{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-family:Exo\ 2,sans-serif;font-size:13px;font-weight:500;gap:6px;padding:8px 18px;transition:all .2s;white-space:nowrap}.gametype-btn.active,.gametype-btn:hover{border-color:var(--accent);color:var(--accent)}.gametype-btn.active{background:var(--accent-dim)}.stats-section{padding:40px 0}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.stat-card{gap:16px;padding:20px 24px}.stat-card,.stat-icon{align-items:center;display:flex}.stat-icon{border-radius:12px;flex-shrink:0;height:52px;justify-content:center;width:52px}.stat-value{font-family:Rajdhani,sans-serif;font-size:26px;font-weight:700}.stat-label{color:var(--text-secondary);font-size:13px}.accounts-section{padding:50px 0}.section-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:28px}.section-title{align-items:center;display:flex;gap:10px}.features-section{padding:60px 0}.features-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr)}.feature-card{padding:28px;text-align:center}.feature-icon{align-items:center;border-radius:16px;display:flex;height:60px;justify-content:center;margin:0 auto 16px;width:60px}.feature-title{font-family:Rajdhani,sans-serif;font-size:18px;font-weight:700;margin-bottom:8px}.feature-desc{color:var(--text-secondary);font-size:13px;line-height:1.6}.cta-section{padding:60px 0}.cta-banner{align-items:center;background:linear-gradient(135deg,var(--bg-card),#00d4ff0d);border:1px solid #00d4ff4d;border-radius:20px;display:flex;gap:30px;justify-content:space-between;overflow:hidden;padding:50px;position:relative}.cta-orb{background:radial-gradient(circle,#00d4ff1a,#0000 70%);border-radius:50%;height:400px;pointer-events:none;position:absolute;right:-100px;top:-100px;width:400px}.cta-text h2{font-family:Rajdhani,sans-serif;font-size:28px;font-weight:700;margin-bottom:8px}.cta-text p{color:var(--text-secondary);font-size:15px}.cta-actions{display:flex;flex-shrink:0;gap:12px}@media (max-width:900px){.hero-content{grid-template-columns:1fr;text-align:center}.hero-visual{display:none}.hero-mini-stats{margin:0 auto}.hero-actions{justify-content:center}.features-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}.cta-banner{flex-direction:column;text-align:center}.cta-actions{justify-content:center}}@media (max-width:600px){.stats-grid{grid-template-columns:1fr 1fr}.features-grid{grid-template-columns:1fr}}.shop-page{padding-bottom:80px}.shop-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:28px}.shop-header-actions{align-items:center;display:flex;gap:12px}.shop-layout{grid-gap:28px;align-items:start;display:grid;gap:28px;grid-template-columns:260px 1fr}.shop-sidebar{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;gap:20px;padding:20px;position:sticky;top:90px}.sidebar-title{color:var(--text-secondary);font-family:Rajdhani,sans-serif;font-size:14px;font-weight:700;letter-spacing:1px;margin-bottom:12px;text-transform:uppercase}.filter-options{display:flex;flex-direction:column;gap:4px}.filter-opt{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-family:Exo\ 2,sans-serif;font-size:13px;padding:8px 12px;text-align:left;transition:all .2s}.filter-opt:hover{background:#ffffff0a;color:var(--text-primary)}.filter-opt.active{background:var(--accent-dim);color:var(--accent);font-weight:600}.shop-products{min-height:300px}.active-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.filter-chip{align-items:center;background:var(--accent-dim);border:1px solid #00d4ff4d;border-radius:20px;color:var(--accent);cursor:default;display:inline-flex;font-size:12px;gap:6px;padding:5px 12px}.filter-chip svg{cursor:pointer;opacity:.7}.filter-chip svg:hover{opacity:1}.loading-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.skeleton-card{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-card-hover) 50%,var(--bg-card) 75%);background-size:400% 100%;border:1px solid var(--border);border-radius:var(--radius);height:320px}@keyframes shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.empty-state{align-items:center;display:flex;flex-direction:column;gap:12px;padding:80px 20px;text-align:center}.empty-icon{font-size:48px}.empty-state h3{font-size:20px;font-weight:600}.empty-state p{color:var(--text-secondary);font-size:14px}@media (max-width:900px){.shop-layout{grid-template-columns:1fr}.shop-sidebar{display:none;position:static}.shop-sidebar.show{display:flex}.loading-grid{grid-template-columns:repeat(2,1fr)}}.account-detail{padding:30px 0 60px}.breadcrumb{align-items:center;color:var(--text-muted);display:flex;font-size:13px;gap:10px;margin-bottom:28px}.breadcrumb-link{background:none;border:none;color:var(--accent);cursor:pointer;font-family:Exo\ 2,sans-serif;font-size:13px;padding:0}.detail-layout{grid-gap:40px;align-items:start;display:grid;gap:40px;grid-template-columns:1fr 1fr}.main-image{aspect-ratio:16/10;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;position:relative}.main-image img{height:100%;object-fit:cover;width:100%}.img-placeholder{height:100%;width:100%}.img-nav,.img-placeholder{align-items:center;display:flex;justify-content:center}.img-nav{background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;height:36px;position:absolute;top:50%;transform:translateY(-50%);transition:background .2s;width:36px}.img-nav:hover{background:var(--accent)}.img-nav.prev{left:10px}.img-nav.next{right:10px}.sold-banner{align-items:center;background:#000000b3;color:var(--danger);display:flex;font-family:Rajdhani,sans-serif;font-size:32px;font-weight:700;inset:0;justify-content:center;letter-spacing:4px;position:absolute}.thumb-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.thumb{border:2px solid var(--border);border-radius:6px;cursor:pointer;height:50px;object-fit:cover;transition:border-color .2s;width:72px}.thumb.active,.thumb:hover{border-color:var(--accent)}.detail-info{display:flex;flex-direction:column;gap:20px}.detail-badges{display:flex;flex-wrap:wrap;gap:8px}.detail-title{font-family:Rajdhani,sans-serif;font-size:28px;font-weight:700;line-height:1.2}.detail-rank{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;gap:8px}.detail-stats-grid{grid-gap:10px;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));padding:16px}.detail-stat{align-items:center;display:flex;flex-direction:column;gap:4px}.ds-val{color:var(--accent);font-family:Rajdhani,sans-serif;font-size:18px;font-weight:700}.ds-key{color:var(--text-muted);font-size:11px;text-align:center}.detail-price-block{background:var(--accent-dim);border:1px solid #00d4ff33;border-radius:var(--radius-sm);padding:20px}.detail-price{align-items:baseline;flex-wrap:wrap}.detail-actions,.detail-price{display:flex;gap:12px}.guarantees{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.guarantee-item{align-items:center;background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);display:flex;font-size:13px;gap:8px;padding:10px 14px}@media (max-width:900px){.detail-layout{grid-template-columns:1fr}}.detail-tabs-nav{border-bottom:2px solid var(--border);display:flex;gap:0;margin-bottom:0;margin-top:40px}.detail-tab-btn{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:var(--text-muted);cursor:pointer;display:flex;font-family:Exo\ 2,sans-serif;font-size:14px;font-weight:600;gap:8px;margin-bottom:-2px;padding:12px 24px;transition:color .2s,border-color .2s}.detail-tab-btn:hover{color:var(--text-primary)}.detail-tab-btn.active{border-bottom-color:var(--accent);color:var(--accent)}.detail-tab-badge{align-items:center;background:var(--accent);border-radius:10px;color:#000;display:inline-flex;font-size:11px;font-weight:700;height:20px;justify-content:center;line-height:1;min-width:20px;padding:0 6px}.detail-tab-panel{padding-bottom:60px;padding-top:28px}@media (max-width:600px){.detail-tab-btn{font-size:13px;padding:10px 16px}}.cart-page{padding-bottom:80px}.empty-cart{align-items:center;display:flex;flex-direction:column;gap:12px;padding:80px 20px;text-align:center}.empty-cart-icon{font-size:64px}.empty-cart h2{font-size:22px}.empty-cart p{color:var(--text-secondary)}.cart-layout{grid-gap:28px;align-items:start;display:grid;gap:28px;grid-template-columns:1fr 360px}.cart-items{display:flex;flex-direction:column;gap:12px}.cart-item{gap:14px;padding:14px 16px}.cart-item,.cart-item-img{align-items:center;display:flex}.cart-item-img{background:var(--bg-primary);border-radius:8px;flex-shrink:0;height:54px;justify-content:center;overflow:hidden;width:76px}.cart-item-img img{height:100%;object-fit:cover;width:100%}.cart-item-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.cart-item-title{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cart-item-price{color:var(--accent);flex-shrink:0;font-family:Rajdhani,sans-serif;font-size:17px;font-weight:700;min-width:90px;text-align:right}.flash-badge-small{align-items:center;background:linear-gradient(135deg,#ff4757,#ff6b35);border-radius:4px;color:#fff;display:inline-flex;font-size:10px;font-weight:800;gap:3px;letter-spacing:.3px;padding:1px 6px}.qty-stepper{align-items:stretch;background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;display:flex;flex-shrink:0;height:34px;overflow:hidden}.qty-btn{align-items:center;background:#0000;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-size:18px;font-weight:300;justify-content:center;line-height:1;padding:0;transition:background .15s,color .15s;-webkit-user-select:none;user-select:none;width:34px}.qty-btn span{display:block;line-height:1;margin-top:-1px}.qty-btn:hover:not(:disabled){background:#00d4ff1f;color:var(--accent)}.qty-btn:active:not(:disabled){background:#00d4ff38}.qty-btn:disabled{cursor:not-allowed;opacity:.28}.qty-btn-maxed{color:var(--text-muted)!important}.qty-display{border-left:1px solid var(--border);border-right:1px solid var(--border);color:var(--text-primary);font-family:Rajdhani,sans-serif;font-size:15px;font-weight:700;min-width:34px;padding:0 2px;text-align:center}.cart-remove-btn,.qty-display{align-items:center;display:flex;justify-content:center}.cart-remove-btn{background:none;border:none;border-radius:6px;color:var(--danger);cursor:pointer;flex-shrink:0;opacity:.45;padding:6px;transition:opacity .15s,background .15s}.cart-remove-btn:hover{background:#ff47571a;opacity:1}.cart-alert-banner{align-items:center;border-radius:10px;display:flex;font-size:13px;font-weight:600;gap:8px;padding:10px 14px}.cart-alert-warning{background:#ffaa001a;border:1px solid #ffaa0059;color:#fa0}.cart-alert-danger{background:#ff475714;border:1px solid #ff47574d;color:var(--danger)}.cart-summary{display:flex;flex-direction:column;gap:16px;position:sticky;top:90px}.balance-card{padding:18px}.balance-card-header{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;font-weight:600;gap:8px;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.balance-amount{font-size:28px}.balance-amount,.summary-title{font-family:Rajdhani,sans-serif;font-weight:700}.summary-title{font-size:18px;margin-bottom:16px}.summary-lines{display:flex;flex-direction:column;gap:8px;margin-bottom:4px}.summary-line{color:var(--text-secondary);display:flex;font-size:13px;gap:12px;justify-content:space-between}.summary-line-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.summary-line-price{flex-shrink:0}.summary-discount{color:var(--success)!important;font-weight:600}.summary-discount span:first-child{align-items:center;display:flex;gap:4px}.summary-total{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.summary-total-price{color:var(--accent);font-family:Rajdhani,sans-serif;font-size:24px;font-weight:700}.insufficient-warning{align-items:flex-start;background:var(--danger-dim);border:1px solid #ff47574d;border-radius:8px;color:var(--danger);display:flex;font-size:13px;gap:10px;margin-top:12px;padding:12px 14px}.voucher-box{padding:16px}.voucher-header{align-items:center;color:var(--gold);font-family:Rajdhani,sans-serif;font-size:14px;font-weight:700;letter-spacing:.5px;margin-bottom:12px}.voucher-header,.voucher-input-row{display:flex;gap:8px}.voucher-input{flex:1 1;font-family:Share Tech Mono,monospace;letter-spacing:1px;text-transform:uppercase}.voucher-applied{align-items:center;background:#00d46414;border:1px solid var(--success);border-radius:8px;display:flex;gap:10px;padding:10px 12px}.voucher-code-applied{color:var(--accent);font-family:Share Tech Mono,monospace;font-size:15px;font-weight:700;letter-spacing:1px}.voucher-desc{color:var(--text-muted);font-size:12px;margin-top:2px}.voucher-error{align-items:center;color:var(--danger);display:flex;font-size:12px;gap:6px;margin-top:8px}@media (max-width:900px){.cart-layout{grid-template-columns:1fr}.cart-summary{position:static}}@media (max-width:480px){.cart-item{gap:10px;padding:12px}.cart-item-img{height:44px;width:60px}.qty-stepper{height:30px}.qty-btn{font-size:16px;width:30px}.qty-display{font-size:14px;min-width:28px}}.topup-page{box-sizing:border-box;min-height:calc(100vh - 65px);padding-bottom:100px}.topup-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:28px}.current-balance{align-items:flex-end;background:var(--gold-dim);border:1px solid #ffd7004d;border-radius:12px;display:flex;flex-direction:column;padding:14px 20px}.balance-label{color:var(--gold);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.balance-value{color:var(--gold);font-family:Rajdhani,sans-serif;font-size:26px;font-weight:700}.topup-layout{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:1fr 340px}.topup-form-col,.topup-info-col{display:flex;flex-direction:column;gap:20px}.topup-step{padding:24px}.step-header{gap:12px;margin-bottom:20px}.step-header,.step-num{align-items:center;display:flex}.step-num{background:linear-gradient(135deg,#a50064,#d4006d);border-radius:50%;color:#fff;flex-shrink:0;font-size:16px;height:32px;justify-content:center;width:32px}.step-num,.step-title{font-family:Rajdhani,sans-serif;font-weight:700}.step-title{font-size:18px}.quick-amounts{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.amount-btn{background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-family:Exo\ 2,sans-serif;font-size:13px;font-weight:500;padding:12px 8px;text-align:center;transition:all .2s}.amount-btn.active,.amount-btn:hover{border-color:#a50064;color:#d4006d}.amount-btn.active{background:#a500641a;font-weight:700}.how-title{font-family:Rajdhani,sans-serif;font-size:16px;font-weight:700;margin-bottom:14px}.process-steps{display:flex;flex-direction:column;gap:12px}.process-step{align-items:flex-start;display:flex;gap:10px}.process-icon{flex-shrink:0;font-size:16px;margin-top:1px}.info-box{background:var(--accent-dim);border:1px solid #00d4ff33;border-radius:8px;color:var(--accent);font-size:12px;margin-top:14px;padding:10px 14px}.history-item{align-items:center;background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;display:flex;gap:12px;padding:12px}.modal-overlay{animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:20px;z-index:2000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.payment-modal{animation:slideUp .25s ease;max-height:90vh;max-width:400px;overflow-y:auto;padding:28px;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pm-header{justify-content:space-between;margin-bottom:20px}.pm-header,.pm-logo{align-items:center;display:flex}.pm-logo{color:#d4006d;font-family:Rajdhani,sans-serif;font-size:18px;font-weight:700;gap:8px}.pm-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:18px;padding:4px;transition:color .2s}.pm-close:hover{color:var(--text-primary)}.pm-amount{align-items:center;background:#a5006414;border:1px solid #a5006433;border-radius:10px;display:flex;justify-content:space-between;margin-bottom:14px;padding:14px 16px}.pm-amount span{color:var(--text-muted);font-size:13px}.pm-amount strong{color:#d4006d;font-family:Rajdhani,sans-serif;font-size:22px}.pm-countdown{color:var(--text-secondary);font-size:13px;gap:6px;justify-content:center}.pm-countdown,.pm-qr{align-items:center;display:flex;margin-bottom:16px}.pm-qr{background:#fff;border-radius:12px;flex-direction:column;padding:16px}.qr-img{height:180px;object-fit:contain;width:180px}.pm-qr-placeholder{background:var(--bg-primary);border:2px dashed var(--border);border-radius:12px;flex-direction:column;gap:8px;margin-bottom:16px;padding:30px}.pm-divider,.pm-qr-placeholder{align-items:center;display:flex}.pm-divider{color:var(--text-muted);font-size:12px;gap:12px;margin:16px 0}.pm-divider:after,.pm-divider:before{background:var(--border);content:"";flex:1 1;height:1px}.pm-waiting{align-items:center;background:var(--bg-primary);border:1px solid var(--border);border-radius:10px;color:var(--text-secondary);display:flex;flex-direction:column;font-size:13px;gap:6px;margin-top:20px;padding:14px}.waiting-dot{animation:pulse-glow 1.5s ease-in-out infinite;background:var(--success);border-radius:50%;box-shadow:0 0 0 0 #0f86;height:10px;width:10px}@keyframes pulse-glow{0%{box-shadow:0 0 0 0 #0f86}70%{box-shadow:0 0 0 8px #0f80}to{box-shadow:0 0 0 0 #0f80}}@media (max-width:900px){.topup-layout{grid-template-columns:1fr}.topup-info-col{order:-1}}.method-tabs{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.method-tab{align-items:center;background:var(--bg-card);border:2px solid var(--border);border-radius:12px;color:var(--text-secondary);cursor:pointer;display:flex;font-family:Exo\ 2,sans-serif;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:14px;transition:all .2s}.method-tab:hover{border-color:var(--accent);color:var(--text-primary)}.method-tab.active.momo{background:#a500641a;border-color:#a50064;color:#d4006d}.method-tab.active.bank{background:#0066cc1a;border-color:#06c;color:#08f}.step-num.momo{background:linear-gradient(135deg,#a50064,#d4006d);color:#fff}.step-num.bank{background:linear-gradient(135deg,#06c,#08f);color:#fff}.amount-btn.momo.active,.amount-btn.momo:hover{border-color:#a50064;color:#d4006d}.amount-btn.momo.active{background:#a500641a}.amount-btn.bank.active,.amount-btn.bank:hover{border-color:#06c;color:#08f}.amount-btn.bank.active{background:#0066cc1a}.pay-btn.momo{background:linear-gradient(135deg,#a50064,#d4006d);color:#fff}.pay-btn.momo:hover{box-shadow:0 6px 20px #a5006466}.pay-btn.bank{background:linear-gradient(135deg,#06c,#08f);color:#fff}.pay-btn.bank:hover{box-shadow:0 6px 20px #06c6}.step-dot{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:22px;justify-content:center;width:22px}.step-dot.momo{background:#a50064}.step-dot.bank{background:#06c}.bank-row{align-items:center;background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;display:flex;gap:12px;justify-content:space-between;padding:10px 12px}.bank-row.highlight{background:var(--accent-dim);border-color:#00d4ff4d}.bank-label{color:var(--text-muted);flex-shrink:0;font-size:12px}.bank-value-wrap{align-items:center;display:flex;gap:6px}.bank-value{color:var(--text-primary);font-size:13px;font-weight:600}.copy-btn{align-items:center;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;padding:2px}.copy-btn:hover{color:var(--accent)}.pm-logo.momo{color:#d4006d}.pm-logo.bank{color:#08f}.pm-amount.momo strong{color:#d4006d}.pm-amount.momo{background:#a5006414;border-color:#a5006433}.pm-amount.bank strong{color:#08f}.pm-amount.bank{background:#0066cc14;border-color:#06c3}.auth-page{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:80px 20px 40px;position:relative}.auth-bg{inset:0;pointer-events:none;position:absolute}.auth-orb{border-radius:50%;filter:blur(120px);position:absolute}.auth-orb-1{background:radial-gradient(circle,#00d4ff1a,#0000 70%);height:500px;left:-200px;top:-200px;width:500px}.auth-orb-2{background:radial-gradient(circle,#ff6b3514,#0000 70%);bottom:-100px;height:400px;right:-100px;width:400px}.auth-card{max-width:420px;padding:36px;position:relative;width:100%;z-index:1}.auth-logo{align-items:center;display:flex;gap:10px;justify-content:center;margin-bottom:28px}.auth-title{font-family:Rajdhani,sans-serif;font-size:28px;font-weight:700;margin-bottom:6px;text-align:center}.auth-subtitle{color:var(--text-secondary);font-size:14px;margin-bottom:24px;text-align:center}.auth-error{background:var(--danger-dim);border:1px solid #ff47574d;border-radius:8px;color:var(--danger);font-size:13px;gap:8px;margin-bottom:16px;padding:12px 16px}.auth-error,.google-btn{align-items:center;display:flex}.google-btn{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-family:Exo\ 2,sans-serif;font-size:14px;font-weight:500;gap:10px;justify-content:center;padding:12px;transition:all .2s;width:100%}.google-btn:hover{background:var(--accent-dim);border-color:var(--accent)}.auth-divider{align-items:center;color:var(--text-muted);display:flex;font-size:12px;gap:12px;margin:20px 0}.auth-divider:after,.auth-divider:before{background:var(--border);content:"";flex:1 1;height:1px}.auth-form{display:flex;flex-direction:column;gap:16px}.input-icon-wrap{position:relative}.input-icon{left:12px;pointer-events:none}.input-icon,.input-icon-right{color:var(--text-muted);position:absolute;top:50%;transform:translateY(-50%)}.input-icon-right{background:none;border:none;cursor:pointer;right:12px;transition:color .2s}.input-icon-right:hover{color:var(--accent)}.auth-switch{color:var(--text-secondary);font-size:14px;margin-top:20px;text-align:center}.auth-link{color:var(--accent);font-weight:600;text-decoration:none}.auth-link:hover{text-decoration:underline}.admin-layout{background:var(--bg-primary);display:flex;min-height:100vh}.admin-sidebar{background:var(--bg-secondary);border-right:1px solid var(--border);bottom:0;display:flex;flex-direction:column;flex-shrink:0;left:0;position:fixed;top:0;transition:transform .3s ease;width:260px;z-index:200}.admin-sidebar-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px}.admin-logo{align-items:center;display:flex;gap:8px;text-decoration:none}.sidebar-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;display:none}.admin-profile{border-bottom:1px solid var(--border);gap:12px;padding:20px}.admin-avatar,.admin-profile{align-items:center;display:flex}.admin-avatar{background:linear-gradient(135deg,var(--accent),#09c);border-radius:10px;color:#000;flex-shrink:0;font-size:16px;font-weight:700;height:42px;justify-content:center;overflow:hidden;width:42px}.admin-avatar img{height:100%;object-fit:cover;width:100%}.admin-name{font-size:14px;font-weight:600}.admin-role{align-items:center;color:var(--gold);display:flex;font-size:11px;gap:4px;margin-top:2px}.admin-nav{display:flex;flex:1 1;flex-direction:column;gap:2px;overflow-y:auto;padding:16px 12px}.nav-label{color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:1.5px;margin-top:8px;padding:8px 12px 4px}.admin-nav-item{align-items:center;background:none;border:none;border-radius:10px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;gap:10px;padding:10px 14px;position:relative;text-decoration:none;transition:all .2s;width:100%}.admin-nav-item:hover{background:#ffffff0d;color:var(--text-primary)}.admin-nav-item.active{background:var(--accent-dim);color:var(--accent);font-weight:600}.admin-nav-item.danger:hover{background:var(--danger-dim);color:var(--danger)}.nav-arrow{margin-left:auto}.admin-sidebar-footer{border-top:1px solid var(--border);display:flex;flex-direction:column;gap:2px;padding:12px}.admin-main{display:flex;flex:1 1;flex-direction:column;margin-left:260px;min-height:100vh}.admin-topbar{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border);display:flex;gap:16px;height:60px;padding:0 24px;position:sticky;top:0;z-index:100}.topbar-menu-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;display:none}.topbar-title{flex:1 1;font-family:Rajdhani,sans-serif;font-size:18px;font-weight:700}.admin-content{flex:1 1;padding:28px}.admin-overview{display:flex;flex-direction:column}.admin-page-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:28px}.admin-page-title{font-family:Rajdhani,sans-serif;font-size:26px;font-weight:700}.admin-page-sub{color:var(--text-secondary);font-size:14px;margin-top:4px}.overview-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:0}.overview-stat-card{align-items:center;display:flex;justify-content:space-between;padding:22px 24px}.osc-title{color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.osc-value{font-family:Rajdhani,sans-serif;font-size:28px;font-weight:700}.osc-sub{color:var(--text-muted);font-size:12px;margin-top:4px}.osc-icon{border-radius:14px;flex-shrink:0;height:52px;justify-content:center;width:52px}.card-header-row,.osc-icon{align-items:center;display:flex}.card-header-row{justify-content:space-between;margin-bottom:20px}.card-section-title{font-family:Rajdhani,sans-serif;font-size:18px;font-weight:700}.table-wrap{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%}.admin-table th{border-bottom:1px solid var(--border);color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.5px;padding:10px 14px;text-align:left;text-transform:uppercase}.admin-table td{border-bottom:1px solid #ffffff08;color:var(--text-secondary);font-size:13px;padding:12px 14px}.admin-table tr:hover td{background:#ffffff05}.admin-table tr:last-child td{border-bottom:none}.order-id{color:var(--accent);font-family:Share Tech Mono,monospace}@media (max-width:1100px){.overview-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.admin-sidebar{transform:translateX(-100%)}.admin-sidebar.open{transform:translateX(0)}.sidebar-close{display:block}.admin-main{margin-left:0}.topbar-menu-btn{display:flex}.sidebar-overlay{background:#00000080;inset:0;position:fixed;z-index:199}}@media (max-width:600px){.overview-stats{grid-template-columns:1fr}.admin-content{padding:16px}}.account-form-layout{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:1fr 360px}.form-col-main,.form-col-side{display:flex;flex-direction:column;gap:20px}.form-section-title{align-items:center;border-bottom:1px solid var(--border);color:var(--text-primary);display:flex;font-family:Rajdhani,sans-serif;font-size:16px;font-weight:700;margin:0 0 16px;padding-bottom:10px}.qty-badge{background:#00d4ff26;border-radius:10px;color:var(--accent);font-family:sans-serif;font-size:10px;font-weight:700;letter-spacing:.5px;margin-left:8px;padding:2px 8px;text-transform:uppercase}.qty-info-bar{background:#00d4ff0f;border:1px solid #00d4ff33;border-radius:8px;color:var(--text-secondary);font-size:12px;line-height:1.5;padding:10px 14px}.cred-slot{border:1px solid var(--border);border-radius:10px;overflow:hidden;transition:border-color .2s}.cred-slot:hover{border-color:#00d4ff66}.cred-slot-open{border-color:#00d4ff59}.cred-slot-header{align-items:center;background:var(--bg-primary);cursor:pointer;display:flex;gap:10px;min-height:44px;padding:10px 14px;-webkit-user-select:none;user-select:none}.cred-slot-header:hover{background:#00d4ff0a}.cred-slot-num{background:#00d4ff1f;border-radius:8px;color:var(--accent);flex-shrink:0;font-size:12px;font-weight:700;padding:2px 9px;white-space:nowrap}.cred-slot-preview{color:var(--text-secondary);flex:1 1;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cred-slot-empty{color:var(--text-muted);flex:1 1;font-size:12px;font-style:italic}.cred-slot-actions{display:flex;flex-shrink:0;gap:4px}.cred-action-btn{align-items:center;background:none;border:1px solid var(--border);border-radius:5px;color:var(--text-muted);cursor:pointer;display:flex;padding:3px 7px;transition:color .15s,border-color .15s}.cred-action-btn:hover{border-color:var(--accent);color:var(--accent)}.cred-action-btn.danger:hover{border-color:var(--danger);color:var(--danger)}.cred-slot-body{background:var(--bg-card);border-top:1px solid var(--border);padding:14px}.attach-dropzone-sm{align-items:center;border:1px dashed var(--border);border-radius:7px;cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:border-color .2s,background .2s}.attach-dropzone-sm:hover{background:#00d4ff0a;border-color:var(--accent)}.attach-item{align-items:center;background:#2ed5730f;border:1px solid #2ed57340;border-radius:8px;display:flex;gap:10px;padding:10px 12px}.image-upload-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.image-preview{aspect-ratio:16/10;border:1px solid var(--border);border-radius:8px;overflow:hidden;position:relative}.image-preview img{height:100%;object-fit:cover;width:100%}.img-remove{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:22px;justify-content:center;position:absolute;right:4px;top:4px;width:22px}.img-badge{background:var(--accent);border-radius:4px;bottom:4px;color:#000;font-size:9px;font-weight:700;left:4px;padding:2px 6px;position:absolute}.img-badge.new{background:#2ed573}.image-upload-btn{align-items:center;aspect-ratio:16/10;border:2px dashed var(--border);border-radius:8px;color:var(--text-muted);cursor:pointer;display:flex;flex-direction:column;font-size:12px;gap:6px;justify-content:center;transition:border-color .2s,color .2s}.image-upload-btn:hover{border-color:var(--accent);color:var(--accent)}.toggle-row{align-items:center;display:flex;justify-content:space-between}.toggle{display:inline-block;height:24px;position:relative;width:44px}.toggle input{height:0;opacity:0;width:0}.toggle-slider{background:var(--border);border-radius:24px;cursor:pointer;inset:0;position:absolute;transition:.3s}.toggle-slider:before{background:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.3s;width:18px}.toggle input:checked+.toggle-slider{background:var(--accent)}.toggle input:checked+.toggle-slider:before{transform:translateX(20px)}@media (max-width:768px){.account-form-layout{grid-template-columns:1fr}}.admin-vouchers{padding:0}.av-header{flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.av-header,.av-title{align-items:center;display:flex}.av-title{color:var(--text-primary);font-family:Rajdhani,sans-serif;font-size:22px;font-weight:700;gap:10px;margin:0}.av-tabs{background:var(--bg-primary);border-radius:10px;display:flex;gap:4px;padding:4px}.av-tab{align-items:center;background:none;border:none;border-radius:8px;color:var(--text-muted);cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s}.av-tab.active{background:var(--accent);color:#000}.av-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}.av-form{border:1px solid var(--accent);margin-bottom:24px;padding:24px}.av-form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.av-list{display:flex;flex-direction:column;gap:10px}.av-item{align-items:center;display:flex;flex-wrap:wrap;gap:16px;padding:14px 18px;transition:opacity .2s}.av-item.inactive{opacity:.5}.av-item-code{align-items:center;display:flex;gap:8px;min-width:160px}.av-code{color:var(--accent);font-family:Share Tech Mono,monospace;font-size:16px;font-weight:700;letter-spacing:1px}.av-value{align-items:center;color:var(--gold);display:flex;font-family:Rajdhani,sans-serif;font-size:18px;font-weight:700;gap:4px}.av-item-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.av-meta{align-items:center;color:var(--text-muted);display:flex;font-size:12px;gap:4px}.av-item-stats{display:flex;flex-direction:column;gap:4px;min-width:100px}.av-used{color:var(--text-secondary);font-size:13px;font-weight:600}.av-expires{align-items:center;color:var(--text-muted);display:flex;font-size:11px;gap:4px}.av-item-actions{display:flex;gap:6px}.av-empty,.av-loading{color:var(--text-muted);font-size:14px;padding:48px;text-align:center}.av-fs-preview{align-items:center;border-radius:8px;color:#fff;display:flex;font-family:Rajdhani,sans-serif;font-size:15px;font-weight:800;gap:6px;justify-content:center;letter-spacing:1px;min-width:100px;padding:8px 14px}@media (max-width:600px){.av-form-grid{grid-template-columns:1fr}.av-item{align-items:flex-start;flex-direction:column}}.bulk-howto{background:#00d4ff0d;border-color:#00d4ff33;color:var(--text-secondary);font-size:13px;margin-bottom:16px;padding:14px 18px}.bulk-howto-title{align-items:center;color:var(--accent);display:flex;font-family:Rajdhani,sans-serif;font-weight:700;gap:6px;margin-bottom:6px}.bulk-preview{align-items:center;background:#00d4ff14;border:1px dashed var(--accent);border-radius:8px;color:var(--text-primary);display:flex;font-size:14px;gap:10px;margin-top:12px;padding:10px 14px}.bulk-tiers{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:4px}.bulk-tier{background:var(--bg-primary);border:1px solid var(--border);border-radius:12px;border-top:3px solid var(--tier-color,var(--accent));flex:1 1;min-width:120px;padding:14px 18px;text-align:center;transition:opacity .2s}.bulk-tier.tier-inactive{opacity:.4}.tier-qty{align-items:center;color:var(--text-muted);display:flex;font-size:12px;gap:5px;justify-content:center;margin-bottom:6px}.tier-pct{color:var(--accent);color:var(--tier-color,var(--accent));font-family:Rajdhani,sans-serif;font-size:28px;font-weight:800;line-height:1}.tier-label{color:var(--text-muted);font-size:11px;margin-top:4px}.bulk-rule-range{align-items:center;display:flex;min-width:100px}.bulk-qty-badge{background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-family:Rajdhani,sans-serif;font-size:20px;font-weight:800;padding:4px 12px}.asvc-icon{align-items:center;border-radius:10px;color:#fff;display:flex;flex-shrink:0;height:38px;justify-content:center;width:38px}.color-picker-row{margin-top:6px}.color-picker-row,.feature-tags{display:flex;flex-wrap:wrap;gap:8px}.feature-tags{margin-top:10px}.feature-tag{align-items:center;background:#00d4ff14;border:1px solid #00d4ff33;border-radius:20px;color:var(--text-secondary);display:flex;font-size:12px;gap:5px;padding:4px 10px}.feature-tag button{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:14px;line-height:1;padding:0 0 0 4px}.feature-tag button:hover{color:var(--danger)}.filter-btn{align-items:center;background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;color:var(--text-muted);cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px;transition:all .15s}.filter-btn:hover{border-color:var(--text-muted);color:var(--text-primary)}.filter-btn.active{border-color:currentColor}.filter-count{background:#ffffff26;border-radius:10px;font-size:11px;padding:1px 6px}.sorder-list{display:flex;flex-direction:column;gap:8px}.sorder-item{overflow:hidden}.sorder-header{align-items:center;cursor:pointer;display:flex;gap:12px;justify-content:space-between;padding:14px 18px}.sorder-header:hover{background:#ffffff05}.sorder-info{display:flex;flex:1 1;flex-direction:column;gap:3px}.sorder-name{color:var(--text-primary);font-family:Rajdhani,sans-serif;font-size:14px;font-weight:700}.sorder-user{color:var(--accent);font-size:13px}.sorder-date{color:var(--text-muted);font-size:11px}.sorder-status{border-radius:20px;font-family:Rajdhani,sans-serif;font-size:12px;font-weight:700;letter-spacing:.5px;padding:4px 12px;white-space:nowrap}.sorder-detail{border-top:1px solid var(--border);margin-top:0;padding:0 18px 18px}.sorder-detail-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);padding:16px 0 14px}.sorder-detail-item{display:flex;flex-direction:column;gap:4px}.sorder-detail-label{color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.sorder-detail-val{color:var(--text-primary);font-size:14px}.sorder-actions{align-items:center;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:8px;padding-top:12px}.sorder-status-btn{background:var(--bg-primary)!important;border:1px solid var(--border)!important;color:var(--text-muted)!important;font-size:12px}.sorder-status-btn.active{font-weight:700!important}@media (max-width:600px){.sorder-detail-grid{grid-template-columns:1fr}}.asvc-quickedit-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}.asvc-quickedit-panel{border:1px solid #ffd70040;box-shadow:0 20px 60px #00000080,0 0 0 1px #ffd7001a;max-width:440px;overflow:hidden;padding:0;width:100%}.asvc-quickedit-header{align-items:center;background:#ffd7000a;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:16px 20px}.asvc-quickedit-body{display:flex;flex-direction:column;gap:18px;padding:20px}.asvc-quickedit-footer{background:#00000026;border-top:1px solid var(--border);display:flex;gap:10px;justify-content:flex-end;padding:14px 20px}.asvc-qe-row{gap:8px}.asvc-qe-price-row,.asvc-qe-row{display:flex;flex-direction:column}.asvc-qe-price-row{gap:16px}.asvc-pricetype-btns{display:flex;flex-wrap:wrap;gap:8px}.asvc-ptype-btn{background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;color:var(--text-muted);cursor:pointer;font-size:13px;font-weight:600;padding:7px 16px;transition:all .15s}.asvc-ptype-btn:hover{border-color:var(--text-muted);color:var(--text-primary)}.asvc-ptype-btn.active{background:#ffd7001f;border-color:var(--gold);color:var(--gold)}.asvc-price-input-wrap{position:relative}.asvc-price-prefix{color:var(--text-muted);font-size:13px;font-weight:700;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.asvc-price-input{font-family:Rajdhani,sans-serif!important;font-size:18px!important;font-weight:700!important;padding-left:28px!important}.asvc-price-preview{color:var(--text-muted);font-size:13px;margin-top:4px}.asvc-unit-suggestions{display:flex;flex-wrap:wrap;gap:6px}.asvc-unit-chip{background:var(--bg-primary);border:1px solid var(--border);border-radius:20px;color:var(--text-muted);cursor:pointer;font-size:12px;font-weight:600;padding:4px 12px;transition:all .15s}.asvc-unit-chip.active,.asvc-unit-chip:hover{border-color:var(--accent);color:var(--accent)}.asvc-unit-chip.active{background:#00d4ff1f}.asvc-display-preview{align-items:center;background:#ffd7000f;border:1px solid #ffd70033;border-radius:8px;display:flex;gap:10;gap:10px;padding:10px 14px}.asvc-display-price{color:var(--gold);font-family:Rajdhani,sans-serif;font-size:20px;font-weight:800}.asvc-noprice-hint{background:#00d4ff0f;border:1px solid #00d4ff26;border-radius:8px;color:var(--text-secondary);font-size:13px;line-height:1.6;padding:12px 16px}.asvc-price-badge{align-items:center;background:#ffd7000f;border:1px dashed #ffd70066;border-radius:8px;color:var(--gold);cursor:pointer;display:flex;flex-shrink:0;font-family:Rajdhani,sans-serif;font-size:13px;font-weight:700;gap:5px;justify-content:center;min-width:110px;padding:6px 12px;transition:all .15s;white-space:nowrap}.asvc-price-badge:hover{background:#ffd70024;border-color:var(--gold);box-shadow:0 0 8px #ffd70033}.asvc-price-badge strong{color:var(--gold)}.asvc-price-unit{color:var(--text-muted);font-size:11px;font-weight:400}.asvc-price-edit-icon{color:var(--text-muted);flex-shrink:0;opacity:0;transition:opacity .15s}.asvc-price-badge:hover .asvc-price-edit-icon{opacity:1}.svc-hero{margin-bottom:28px;overflow:hidden;padding:40px 36px;position:relative}.svc-hero-bg{background:linear-gradient(135deg,#00d4ff14,#7c3aed14);inset:0;pointer-events:none;position:absolute}.svc-hero-bg:before{background:radial-gradient(circle,#00d4ff26 0,#0000 70%);border-radius:50%;content:"";height:300px;position:absolute;right:-60px;top:-80px;width:300px}.svc-hero-content{position:relative;z-index:1}.svc-hero-title{align-items:center;color:var(--text-primary);display:flex;font-family:Rajdhani,sans-serif;font-size:32px;font-weight:800;gap:12px;margin-bottom:12px}.svc-hero-desc{color:var(--text-secondary);font-size:15px;line-height:1.6;margin-bottom:16px;max-width:560px}.svc-hero-badges{display:flex;flex-wrap:wrap;gap:12px}.svc-hero-badge{align-items:center;background:var(--bg-primary);border:1px solid var(--border);border-radius:20px;color:var(--text-secondary);display:flex;font-size:12px;font-weight:600;gap:6px;padding:5px 12px}.svc-type-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.svc-type-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:600;padding:8px 18px;transition:all .2s}.svc-type-btn:hover{border-color:var(--accent);color:var(--accent)}.svc-type-btn.active{background:var(--accent);border-color:var(--accent);color:#000}.svc-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:32px}.svc-loading{color:var(--text-muted);padding:60px;text-align:center}.svc-card{display:flex;flex-direction:column;overflow:hidden;padding:0;transition:transform .2s,border-color .2s}.svc-card:hover{border-color:var(--accent);transform:translateY(-3px)}.svc-card.svc-unavailable{opacity:.55}.svc-card-top{align-items:flex-start;display:flex;justify-content:space-between;padding:24px 24px 0}.svc-icon-wrap{border-radius:14px;flex-shrink:0;height:56px;justify-content:center;width:56px}.svc-icon-wrap,.svc-tag-hot{align-items:center;color:#fff;display:flex}.svc-tag-hot{background:linear-gradient(135deg,#ff4757,#ff6b35);font-family:Rajdhani,sans-serif;font-weight:800;gap:4px}.svc-tag-hot,.svc-tag-unavail{border-radius:12px;font-size:10px;padding:4px 10px}.svc-tag-unavail{background:var(--bg-primary);border:1px solid var(--border);color:var(--text-muted);font-weight:600}.svc-body{display:flex;flex:1 1;flex-direction:column;padding:16px 24px 24px}.svc-name{color:var(--text-primary);font-family:Rajdhani,sans-serif;font-size:20px;font-weight:700;margin-bottom:8px}.svc-desc{color:var(--text-secondary);flex:1 1;font-size:13px;line-height:1.6;margin-bottom:12px}.svc-features{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0 0 14px;padding:0}.svc-features li{color:var(--text-secondary);font-size:12px;gap:7px}.svc-features li,.svc-footer{align-items:center;display:flex}.svc-footer{justify-content:space-between;margin-bottom:14px}.svc-price{color:var(--accent);font-family:Rajdhani,sans-serif;font-size:22px;font-weight:800}.svc-price-unit{color:var(--text-muted);font-size:13px;font-weight:400}.svc-price-free{color:var(--success);font-size:18px}.svc-price-contact,.svc-price-free{font-family:Rajdhani,sans-serif;font-weight:700}.svc-price-contact{color:var(--gold);font-size:14px}.svc-meta{align-items:center;color:var(--text-muted);display:flex;font-size:12px;gap:5px}.svc-order-btn{font-size:14px;gap:8px;justify-content:center}.svc-cta{flex-wrap:wrap;gap:20px;justify-content:space-between;margin-top:8px;padding:24px 28px}.svc-cta,.svc-cta-content{align-items:center;display:flex}.svc-cta-content{gap:16px}.svc-cta-content h3{color:var(--text-primary);font-family:Rajdhani,sans-serif;font-size:18px;font-weight:700;margin-bottom:4px}.svc-cta-content p{color:var(--text-secondary);font-size:13px;margin:0}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}.modal-box{border:1px solid var(--border);border-radius:20px;flex-direction:column;max-height:90vh;max-width:520px;overflow-y:auto;width:100%}.modal-box,.modal-header{background:var(--bg-card);display:flex}.modal-header{align-items:flex-start;gap:12px;justify-content:space-between;padding:20px 24px 0;position:sticky;top:0;z-index:1}.modal-title{align-items:center;display:flex;gap:14px}.modal-title h3{color:var(--text-primary);font-family:Rajdhani,sans-serif;font-size:20px;font-weight:700;margin-bottom:3px}.modal-title p{color:var(--text-muted);font-size:13px;margin:0}.modal-close{background:none;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;flex-shrink:0;padding:4px;transition:color .2s}.modal-close:hover{color:var(--text-primary)}.svc-icon-sm{align-items:center;border-radius:10px;color:#fff;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.modal-body{display:flex;flex:1 1;flex-direction:column;gap:16px;padding:20px 24px}.modal-info-box{align-items:flex-start;background:#00d4ff12;border:1px solid #00d4ff33;border-radius:10px;color:var(--text-secondary);display:flex;font-size:13px;gap:8px;line-height:1.5;padding:12px 14px}.modal-footer{background:var(--bg-card);border-top:1px solid var(--border);bottom:0;display:flex;gap:10px;justify-content:flex-end;padding:16px 24px 20px;position:sticky}.contact-method-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-top:4px}.contact-method-btn{align-items:center;background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:7px;padding:10px;transition:all .15s}.contact-method-btn.active{background:#00d4ff12;border-color:var(--accent);color:var(--accent)}.contact-method-btn:hover:not(.active){border-color:var(--text-muted)}.price-preview{color:var(--text-muted);font-size:13px;margin-top:6px}@media (max-width:600px){.svc-hero{padding:24px 20px}.svc-hero-title{font-size:24px}.svc-grid{grid-template-columns:1fr}.svc-cta{align-items:flex-start;flex-direction:column}.contact-method-grid{grid-template-columns:1fr}.modal-box{max-height:95vh}}.mv-empty,.mv-loading{color:var(--text-muted);padding:48px;text-align:center}.mv-empty{border-radius:16px}.mv-empty-icon{font-size:52px;margin-bottom:16px}.mv-empty h3{color:var(--text-primary);font-size:18px;margin-bottom:8px}.mv-empty p{color:var(--text-muted);font-size:14px}.mv-grid{grid-gap:16px;display:grid;gap:16px}.mv-item{align-items:stretch;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;display:flex;overflow:hidden;position:relative;transition:transform .2s,border-color .2s}.mv-item:hover{border-color:var(--accent);transform:translateY(-2px)}.mv-item.mv-personal{border-color:#ffc80059}.mv-item.mv-personal .mv-left{background:linear-gradient(135deg,var(--gold),#e67e00)}.mv-item.mv-expired{opacity:.5}.mv-left{align-items:center;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#000;display:flex;flex-shrink:0;justify-content:center;width:56px}.mv-content{flex:1 1;padding:16px}.mv-header-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:6px}.mv-code{color:var(--accent);font-family:Share Tech Mono,monospace;font-size:18px;font-weight:700;letter-spacing:2px}.mv-personal-badge{background:#ffc80026;border:1px solid #ffc8004d;border-radius:20px;color:var(--gold);font-size:11px;font-weight:600;padding:2px 8px}.mv-value{align-items:center;color:var(--text-primary);display:flex;font-family:Rajdhani,sans-serif;font-size:15px;font-weight:700;gap:5px;margin-bottom:4px}.mv-desc{color:var(--text-muted);font-size:13px;margin-bottom:8px}.mv-footer{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.mv-cond,.mv-expiry,.mv-used{align-items:center;color:var(--text-muted);display:flex;font-size:11px;gap:4px}.mv-actions{flex-shrink:0;padding:0 16px}.mv-actions,.mv-copy-btn{align-items:center;display:flex}.mv-copy-btn{background:var(--accent);border:none;border-radius:8px;color:#000;cursor:pointer;font-family:Rajdhani,sans-serif;font-size:13px;font-weight:700;gap:5px;padding:8px 14px;transition:opacity .2s}.mv-copy-btn:hover{opacity:.85}.mv-dash{background:repeating-linear-gradient(to bottom,var(--border) 0,var(--border) 6px,#0000 6px,#0000 12px);bottom:0;left:56px;position:absolute;top:0;width:1px}
/*# sourceMappingURL=main.5de22fba.css.map*/