*{-webkit-user-select:none;user-select:none}[contenteditable=true],input,textarea{-webkit-user-select:text;user-select:text}:root{--bg-primary:#0a0a0a;--bg-secondary:#111;--bg-tertiary:#1a1a1a;--accent-primary:#6366f1;--accent-secondary:#8b5cf6;--accent-danger:#ef4444;--accent-warning:#f59e0b;--accent-success:#10b981;--text-secondary:#b0b0b0;--text-muted:#666;--text-heading:#e5e7eb;--border-color:#222;--glow-primary:#6366f14d;--glow-secondary:#8b5cf64d}[data-theme=light]{--bg-primary:#f5f5f0;--bg-secondary:#fafaf5;--bg-tertiary:#fff;--text-primary:#1a1a1a;--text-secondary:#4a4a4a;--text-muted:#6b7280;--text-heading:#111827;--border-color:#e0e0d8;--glow-primary:#6366f133;--glow-secondary:#8b5cf633}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:#0a0a0a;color:#fff;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;min-height:100vh;padding:0;-webkit-user-select:none;user-select:none;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh;overflow-x:hidden;width:100%}*{-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{display:none;height:0;width:0}body,html{-webkit-overflow-scrolling:touch;overflow:auto}@media (max-width:768px){body{font-size:14px}}@media (max-width:480px){body{font-size:13px}}.notification{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;bottom:20px;box-shadow:0 4px 20px #0000004d;justify-content:space-between;max-width:400px;min-width:300px;padding:16px 20px;position:fixed;right:20px;z-index:10000}.notification,.notification-content{align-items:center;display:flex;gap:12px}.notification-content{flex:1 1}.notification-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:24px;justify-content:center;width:24px}.notification-success{border-left:4px solid var(--accent-success)}.notification-success .notification-icon{background:#10b98126;color:#10b981}.notification-error{border-left:4px solid var(--accent-danger)}.notification-error .notification-icon{background:#ef444426;color:#ef4444}.notification-warning{border-left:4px solid var(--accent-warning)}.notification-warning .notification-icon{background:#f59e0b26;color:#f59e0b}.notification-info{border-left:4px solid var(--accent-primary)}.notification-info .notification-icon{background:#6366f126;color:var(--accent-primary)}.notification-message{color:var(--text-primary);font-size:14px;font-weight:500;line-height:1.4}.notification-close{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:24px;justify-content:center;padding:0;transition:none;width:24px}.notification-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}@media (max-width:480px){.notification{bottom:16px;left:16px;max-width:none;min-width:auto;padding:14px 16px;right:16px}.notification-message{font-size:13px}.notification-icon{font-size:12px;height:20px;width:20px}}:root{--primary-color:#f33;--secondary-color:#00d4ff;--accent-color:gold;--bg-primary:#000;--bg-secondary:#0a0a0a;--bg-card:#111;--text-primary:#fff;--text-secondary:#999;--success-color:#10b981;--error-color:#f33;--warning-color:gold;--border-color:#ffffff14}*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth}body{background:#000;background:var(--bg-primary);overflow-x:hidden}.landing-container{background:radial-gradient(ellipse at top,#ff333314 0,#0000 60%),#000;color:#fff;color:var(--text-primary);min-height:100vh;overflow-x:hidden;position:relative}.landing-content{position:relative;z-index:1}.fire-particle{animation:particleGlow .3s ease-in-out infinite alternate;background:radial-gradient(circle,#f33c 0,#f336 40%,#0000 100%);border-radius:50%;box-shadow:0 0 15px #f339;pointer-events:none;position:fixed;z-index:9999}@keyframes particleGlow{0%{opacity:.6;transform:scale(1)}to{opacity:.9;transform:scale(1.1)}}.sparkle-particle{animation:sparkle-rise linear forwards;background:radial-gradient(circle,#f59e0be6 0,#f59e0b80 40%,#0000 100%);border-radius:50%;box-shadow:0 0 15px #f59e0b99;pointer-events:none;position:fixed;z-index:1}@keyframes sparkle-rise{0%{opacity:0;transform:translateY(0) scale(1) rotate(0deg)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100vh) scale(.5) rotate(1turn)}}.grid-background{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.grid-lines{animation:dotPulse 8s ease-in-out infinite;background-image:radial-gradient(circle,#ff33334d 1px,#0000 0),radial-gradient(circle,#ffffff26 1px,#0000 0);background-position:0 0,25px 25px;background-size:50px 50px,25px 25px;height:100%;width:100%}@keyframes dotPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.02)}}.grid-background:before{animation:gradientShift 10s ease-in-out infinite;background:radial-gradient(ellipse at 70% 110%,#ff333326 0,#0000 50%);content:"";height:100%;left:0;position:absolute;top:0;width:100%}@keyframes gradientShift{0%,to{opacity:.5}50%{opacity:.8}}.landing-header{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#000000b3;border-bottom:1px solid #ffffff1a;box-shadow:0 2px 20px #0000004d;left:0;padding:.6rem 2rem;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:1000}.landing-header.scrolled{backdrop-filter:blur(25px) saturate(200%);-webkit-backdrop-filter:blur(25px) saturate(200%);background:#000000d9;border-bottom:1px solid #f333;box-shadow:0 4px 30px #ff333326;padding:.5rem 2rem}.header-content{gap:2rem;justify-content:space-between;margin:0;max-width:100%;padding:0 2rem}.header-content,.logo-main{align-items:center;display:flex}.logo-main{animation:logoFallIn 1.2s cubic-bezier(.34,1.56,.64,1) forwards;color:#fff;color:var(--text-primary);font-size:1.3rem;font-weight:800;gap:.5rem;letter-spacing:2px;opacity:0;text-transform:uppercase;transform:translateY(-100px) rotateX(-90deg)}@keyframes logoFallIn{0%{opacity:0;transform:translateY(-100px) rotateX(-90deg)}60%{opacity:1;transform:translateY(10px) rotateX(5deg)}80%{transform:translateY(-5px) rotateX(-2deg)}to{opacity:1;transform:translateY(0) rotateX(0deg)}}.logo-image{border:2px solid #f33;border:2px solid var(--primary-color);border-radius:50%;height:32px;object-fit:cover;width:32px}.header-actions{align-items:center;display:flex;gap:1rem}.mobile-search-btn{align-items:center;background:#111;background:var(--bg-card);border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:4px;color:#fff;color:var(--text-primary);cursor:pointer;display:none;height:40px;justify-content:center;padding:.5rem;transition:all .2s ease;width:40px}.mobile-search-btn:hover{background:#0a0a0a;background:var(--bg-secondary);border-color:#f33;border-color:var(--primary-color)}.search-modal-overlay{animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;display:flex;flex-direction:column;height:100%;left:0;position:fixed;top:0;width:100%;z-index:5000}.search-modal-content{animation:slideDown .3s ease;background:#111;background:var(--bg-card);border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border-color);padding:1rem;width:100%}.search-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.search-modal-header h3{color:#fff;color:var(--text-primary);font-size:1.1rem;margin:0}.close-search{background:none;border:none;color:#999;color:var(--text-secondary);cursor:pointer;font-size:1.5rem;padding:.5rem}.mobile-search-input{background:#0a0a0a;background:var(--bg-secondary);border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:8px;color:#fff;font-size:1.1rem;outline:none;padding:1rem;width:100%}.mobile-search-input:focus{border-color:#f33;border-color:var(--primary-color)}.cart-button,.gmail-button,.login-button,.music-control-btn{align-items:center;border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:4px;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.6rem 1.2rem;transition:all .2s ease}.music-control-btn{background:#111;background:var(--bg-card);border:1px solid #ffffff14;border:1px solid var(--border-color);color:#fff;color:var(--text-primary);font-size:1.2rem;height:40px;justify-content:center;padding:.5rem;width:40px}.music-control-btn:hover{background:#0a0a0a;background:var(--bg-secondary);border-color:#f33;border-color:var(--primary-color)}.cart-button{background:#111;background:var(--bg-card);border:1px solid #ffffff14;border:1px solid var(--border-color);color:#fff;color:var(--text-primary)}.cart-button:hover{background:#0a0a0a;background:var(--bg-secondary);border-color:#f33;border-color:var(--primary-color)}.gmail-button{background:#f33;background:var(--primary-color);border:1px solid #f33;border:1px solid var(--primary-color);color:#fff}.gmail-button:hover{background:#c00;border-color:#c00}.gmail-avatar{border-radius:50%;height:24px;width:24px}.login-button{background:#f33;background:var(--primary-color);border:1px solid #f33;border:1px solid var(--primary-color);color:#fff}.login-button:hover{background:#c00;border-color:#c00}.hero-section{padding:8rem 2rem 4rem;z-index:1}.hero-title{display:flex;flex-wrap:wrap;font-size:5rem;font-weight:900;gap:1.5rem;justify-content:center;letter-spacing:2px;margin-bottom:.5rem;perspective:1000px;text-transform:uppercase}.hero-word{display:flex;flex-wrap:nowrap}.hero-char{-webkit-text-fill-color:#0000;animation:letterFall .8s cubic-bezier(.25,.46,.45,.94) forwards;background:linear-gradient(135deg,#f33,#f66 50%,#fff);-webkit-background-clip:text;background-clip:text;display:inline-block;opacity:0;text-shadow:0 0 30px #f336;transform-origin:bottom center}@keyframes letterFall{0%{filter:blur(10px);opacity:0;transform:translateY(-400px) scale(.5) rotateX(-90deg)}50%{filter:blur(0);opacity:1;transform:translateY(20px) scale(1.1) rotateX(10deg)}70%{transform:translateY(-10px) scale(.95) rotateX(-5deg)}85%{transform:translateY(5px) scale(1.02) rotateX(2deg)}to{opacity:1;transform:translateY(0) scale(1) rotateX(0deg)}}.hero-description{animation:fadeInUp .8s ease .8s both;color:#999;color:var(--text-secondary);font-size:1.1rem;font-weight:500;letter-spacing:2px;line-height:1.8;margin:0 auto;max-width:700px;text-transform:uppercase}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.testimonials-section{overflow:hidden;padding:4rem 2rem;position:relative;z-index:1}.testimonials-header{animation:fadeInUp .8s ease;margin-bottom:3rem;text-align:center}.testimonials-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f33,#f66 50%,#fff);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;letter-spacing:2px;margin-bottom:1rem;text-transform:uppercase}.testimonials-description{color:#999;color:var(--text-secondary);font-size:1.1rem;margin:0 auto;max-width:600px}.testimonials-marquee-container{overflow:hidden;padding:2rem 0;position:relative;width:100%}.testimonials-marquee{animation:marqueeScroll 40s linear infinite;display:flex;gap:1.5rem;width:-webkit-fit-content;width:fit-content}.testimonials-marquee:hover{animation-play-state:paused}@keyframes marqueeScroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.testimonial-card{background:#111;background:var(--bg-card);border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:4px;flex-shrink:0;padding:1.5rem;transition:all .3s ease;width:320px}.testimonial-card:hover{border-color:#f33;border-color:var(--primary-color);box-shadow:0 10px 30px #f333;transform:translateY(-5px)}.testimonial-author{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.testimonial-avatar{border:2px solid #f33;border:2px solid var(--primary-color);border-radius:50%;height:48px;object-fit:cover;width:48px}.testimonial-author-info{display:flex;flex-direction:column}.testimonial-author-name{color:#fff;color:var(--text-primary);font-size:1rem;font-weight:700}.testimonial-author-handle{color:#999;color:var(--text-secondary);font-size:.85rem}.testimonial-text{color:#999;color:var(--text-secondary);font-size:.95rem;line-height:1.6}.testimonials-gradient-left,.testimonials-gradient-right{height:100%;pointer-events:none;position:absolute;top:0;width:200px;z-index:2}.testimonials-gradient-left{background:linear-gradient(90deg,#000,#0000);background:linear-gradient(to right,var(--bg-primary),#0000);left:0}.testimonials-gradient-right{background:linear-gradient(270deg,#000,#0000);background:linear-gradient(to left,var(--bg-primary),#0000);right:0}.search-filter-section{margin:-10rem auto 2rem;max-width:1400px;padding:0 2rem;position:relative;z-index:20}.search-bar{align-items:center;display:flex;flex-direction:column;gap:1rem;margin:0 auto 2rem;max-width:600px;width:100%}.search-input{background:#0f0f0f99;border:1px solid #f333;border-radius:4px;color:#fff;font-size:1rem;outline:none;padding:.8rem 1.2rem;text-align:center;transition:all .3s ease}.search-input:focus{background:#0a0a0a;background:var(--bg-secondary);border-color:#f33;border-color:var(--primary-color)}.filter-toggle-btn{align-items:center;background:#ff33331a;border:1px solid #f33;border:1px solid var(--primary-color);border-radius:20px;color:#f33;color:var(--primary-color);cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:.5rem;padding:.5rem 1.2rem;transition:all .3s ease}.filter-toggle-btn:hover{background:#f33;background:var(--primary-color);box-shadow:0 4px 15px #ff33334d;color:#fff;transform:translateY(-2px)}.advanced-filters{animation:slideDown .3s ease;background:#111;background:var(--bg-card);border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:4px;margin-top:1rem;padding:1.5rem}.filter-row{grid-gap:1rem;align-items:end;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{color:#999;color:var(--text-secondary);font-size:.9rem;font-weight:600}.category-filter,.sort-filter,.stock-filter{background:#111;background:var(--bg-card);border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:4px;color:#fff;color:var(--text-primary);cursor:pointer;font-size:.9rem;outline:none;padding:.8rem;transition:all .2s ease}.category-filter:hover,.sort-filter:hover,.stock-filter:hover{background:#0a0a0a;background:var(--bg-secondary);border-color:#f33;border-color:var(--primary-color)}.price-range{align-items:center;display:flex;gap:.5rem}.price-input{background:#111;background:var(--bg-card);border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:4px;color:#fff;color:var(--text-primary);flex:1 1;font-size:.9rem;outline:none;padding:.8rem;transition:all .2s ease}.price-input:focus{background:#0a0a0a;background:var(--bg-secondary);border-color:#f33;border-color:var(--primary-color)}.reset-filters-btn{background:#111;background:var(--bg-card);border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:4px;color:#999;color:var(--text-secondary);cursor:pointer;font-weight:600;padding:.8rem 1.5rem;transition:all .2s ease}.reset-filters-btn:hover{background:#0a0a0a;background:var(--bg-secondary);border-color:#f33;border-color:var(--error-color);color:#f33;color:var(--error-color)}.products-container{margin:2rem auto;max-width:1400px;padding:0 2rem 4rem;position:relative;z-index:1}.category-section{margin-bottom:3rem}.category-heading{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f33,gold);background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin-bottom:1.5rem}.products-grid{grid-gap:2rem;gap:2rem}.product-card{animation:fadeIn .5s ease;background:#111;background:var(--bg-card);border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:4px;cursor:pointer;transition:all .3s ease}.product-card:before{background:linear-gradient(145deg,#f333,#00d4ff33);border-radius:4px;bottom:0;content:"";left:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:1px;position:absolute;right:0;top:0;transition:opacity .3s ease}.product-card:hover{border-color:#f33;border-color:var(--primary-color);box-shadow:0 10px 40px #f333;transform:translateY(-8px)}.product-card:hover:before{opacity:1}.product-image{background:linear-gradient(145deg,#000c,#0a0a0ae6);border-bottom:1px solid #00d4ff1a;overflow:hidden;position:relative}.product-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.product-card:hover .product-image img{transform:scale(1.1)}.product-image-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.product-card:hover .product-image-overlay{opacity:1}.product-image-overlay-btn{min-width:160px}.image-loading-skeleton{animation:loading 1.5s infinite;background:linear-gradient(90deg,#1e293b99 25%,#33415599 50%,#1e293b99 75%);background-size:200% 100%;height:100%;left:0;position:absolute;top:0;width:100%}.skeleton-loader{height:100%;width:100%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.product-info{padding:1.5rem}.product-name{color:#fff;color:var(--text-primary);font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.product-description{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin-bottom:1rem}.product-footer{align-items:center;display:flex;justify-content:space-between;margin-top:1rem}.product-price-stock{display:flex;flex-direction:column;gap:.5rem;width:100%}.product-price-container{display:flex;flex-direction:column;gap:.2rem}.product-price-label{color:#999;color:var(--text-secondary);font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.product-price{background:linear-gradient(135deg,#f33,gold);background:linear-gradient(135deg,var(--primary-color),var(--accent-color));font-size:1.5rem}.product-stock{border-radius:6px;font-size:.85rem;font-weight:600;padding:.3rem .8rem;text-align:center}.product-stock.in-stock{background:#10b98133;color:#10b981;color:var(--success-color)}.product-stock.out-of-stock{background:#ef444433;color:#f33;color:var(--error-color)}.loading,.no-products{color:#999;color:var(--text-secondary);font-size:1.2rem;padding:4rem 2rem;text-align:center}.coins-panel-fullscreen{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000f2;display:flex;height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100vw;z-index:2000}.mobile-menu-toggle{background:linear-gradient(135deg,#f33,#a00);border:none;box-shadow:0 4px 15px #f336;color:#fff;font-size:1.5rem;left:1rem;top:1rem;z-index:2100}@media (max-width:768px){.mobile-menu-toggle{display:flex}}.coins-panel-sidebar-tabs{background:#05050599;border-right:1px solid #f333;display:flex;flex-direction:column;transition:transform .3s ease;width:280px}@media (max-width:768px){.coins-panel-sidebar-tabs{height:100vh;left:0;position:fixed;top:0;transform:translateX(-100%);z-index:2050}.coins-panel-sidebar-tabs.mobile-open{transform:translateX(0)}}.mobile-menu-overlay{background:#00000080;height:100%;width:100%;z-index:2040}@media (max-width:768px){.mobile-menu-overlay{display:block}}.coins-panel-header-tabs{align-items:center;border-bottom:1px solid #6366f133;display:flex;justify-content:space-between;padding:1.5rem}.coins-panel-header-tabs h2{font-size:1.5rem;font-weight:700}.close-panel{background:none;border:none;color:#fff;color:var(--text-primary);cursor:pointer;font-size:2rem;transition:all .3s ease}.close-panel:hover{color:#f33;color:var(--error-color);transform:rotate(90deg)}.tabs-list{display:flex;flex:1 1;flex-direction:column;gap:.5rem;padding:1rem}.tab-btn{background:#14141499;border:1px solid #ff33331a;border-radius:4px;color:#fff;color:var(--text-primary);cursor:pointer;font-size:1rem;font-weight:600;padding:1rem;text-align:left;transition:all .3s ease}.tab-btn:hover{background:#ff33331a;border-color:#f33;border-color:var(--primary-color);padding-left:1.2rem}.tab-btn.active{background:linear-gradient(135deg,#f33,#a00);border-color:#0000;box-shadow:0 4px 15px #ff33334d}.sidebar-footer{background:#0505054d;border-top:1px solid #ff33331a;display:flex;flex-direction:column;gap:.8rem;padding:1.5rem}.refresh-btn,.sign-out-btn{border:none;border-radius:4px;cursor:pointer;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:.8rem;text-transform:uppercase;transition:all .3s ease}.refresh-btn{background:#ff33331a;border:1px solid #f333;color:#f33;color:var(--primary-color)}.refresh-btn:hover{background:#f33;background:var(--primary-color);color:#fff}.sign-out-btn{background:#ef444433;color:#f33;color:var(--error-color)}.sign-out-btn:hover{background:#ef44444d}.coins-panel-main-content{flex:1 1;overflow-y:auto;padding:2rem}.tab-content{margin:0 auto;max-width:1000px}.balance-section-fullscreen{animation:fadeInUp .5s ease}.balance-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.balance-header h1{font-size:2rem;font-weight:700}.currency-select-large{background:#1e293b99;border:1px solid #6366f14d;border-radius:4px;color:#fff;color:var(--text-primary);cursor:pointer;font-size:1rem;font-weight:600;outline:none;padding:.8rem 1.2rem}.balance-card-wrapper{margin-bottom:3rem}.balance-card{background:linear-gradient(135deg,#f33,#00d4ff);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:20px;box-shadow:0 8px 30px #6366f166;padding:3rem;text-align:center;transition:all .3s ease}.balance-card:hover{box-shadow:0 12px 40px #6366f180;transform:translateY(-5px)}.balance-amount-display{align-items:center;display:flex;justify-content:center}.balance-amount{animation:countUp .5s ease;color:#fff;font-size:3.5rem;font-weight:800}@keyframes countUp{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.add-funds-section-fullscreen{background:#1e293b99;border:1px solid #6366f133;border-radius:16px;padding:2rem}.add-funds-section-fullscreen h3{color:#f33;color:var(--primary-color);font-size:1.5rem;letter-spacing:1px;margin-bottom:1.5rem;text-transform:uppercase}.add-funds-form{display:flex;gap:1rem;margin-bottom:1rem}.funds-input-large{background:#0a0a0a99;border:1px solid #ff33334d;border-radius:6px;color:#fff;color:var(--text-primary);flex:1 1;font-size:1rem;outline:none;padding:1rem;transition:all .3s ease}.funds-input-large:focus{background:#ff33330d;border-color:#f33;border-color:var(--primary-color);box-shadow:0 0 15px #ff33331a}.add-funds-btn-large{background:linear-gradient(135deg,#f33,#a00);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;letter-spacing:1px;padding:1rem 2rem;text-transform:uppercase;transition:all .3s ease}.add-funds-btn-large:hover{background:linear-gradient(135deg,#f44,#c00);box-shadow:0 4px 15px #f336;transform:translateY(-2px)}.funds-info{color:#999;color:var(--text-secondary);font-size:.9rem;text-align:center}.transactions-section-fullscreen{animation:fadeInUp .5s ease}.transactions-section-fullscreen h1{color:#fff;color:var(--text-primary);font-size:2rem;font-weight:700;letter-spacing:2px;margin-bottom:2rem;text-transform:uppercase}.transactions-list-fullscreen{display:flex;flex-direction:column;gap:1rem}.transaction-item-fullscreen{background:#14141499;border:1px solid #ff33331a;border-radius:4px;padding:1.5rem;transition:all .3s ease}.transaction-item-fullscreen:hover{background:#ff333305;border-color:#f33;border-color:var(--primary-color);box-shadow:0 4px 15px #ff333326}.transaction-header-fullscreen{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.8rem}.transaction-type-fullscreen{color:#fff;color:var(--text-primary);font-size:1.1rem;font-weight:700}.transaction-date-fullscreen{color:#999;color:var(--text-secondary);font-size:.9rem}.transaction-details-fullscreen{color:#999;color:var(--text-secondary);display:flex;flex-direction:column;font-size:.95rem;gap:.5rem}.transaction-product-name{color:#f33;color:var(--primary-color);font-size:1.1rem;font-weight:600}.transaction-key-fullscreen{background:#0006;border:1px solid #f333;border-radius:6px;margin-top:.8rem;padding:1rem}.key-header-fullscreen{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.copy-key-btn{background:#ff33331a;border:1px solid #f33;border:1px solid var(--primary-color);border-radius:4px;color:#f33;color:var(--primary-color);cursor:pointer;font-size:.8rem;font-weight:600;padding:.4rem .8rem;transition:all .3s ease}.copy-key-btn:hover{background:#f33;background:var(--primary-color);color:#fff}.key-value-fullscreen{background:#1400004d;border:1px dashed #ff33334d;border-radius:4px;color:#f33;font-family:Courier New,monospace;font-size:.95rem;padding:.8rem;word-break:break-all}.no-transactions-fullscreen{border:1px dashed #ffffff1a;border-radius:4px;color:#999;color:var(--text-secondary);font-size:1.1rem;padding:3rem;text-align:center}.profile-section-fullscreen{animation:fadeInUp .5s ease;margin:0 auto;max-width:600px;width:100%}.profile-section-fullscreen h1{color:#fff;color:var(--text-primary);font-size:2rem;font-weight:700;letter-spacing:2px;margin-bottom:2rem;text-align:center;text-transform:uppercase}.profile-card-fullscreen{align-items:center;background:#14141499;border:1px solid #f333;border-radius:16px;box-shadow:0 0 30px #00000080;display:flex;flex-direction:column;gap:2rem;padding:3rem 2rem}.profile-avatar-large{border:3px solid #f33;border-radius:50%;box-shadow:0 0 20px #ff33334d;height:120px;object-fit:cover;width:120px}.profile-info-fullscreen{display:flex;flex-direction:column;gap:1.5rem;width:100%}.profile-field{display:flex;flex-direction:column;gap:.5rem}.profile-field label{color:#999;color:var(--text-secondary);font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.profile-value{background:#0f172a99;border:1px solid #6366f133;border-radius:4px;color:#fff;color:var(--text-primary);font-size:1.1rem;padding:.8rem}.cart-sidebar{animation:slideInRight .3s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#050505f2;border-left:1px solid #f333;box-shadow:-5px 0 30px #00000080;display:flex;flex-direction:column;height:100vh;max-width:400px;position:fixed;right:0;top:0;width:100%;z-index:1500}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.cart-header{align-items:center;background:#ff333305;border-bottom:1px solid #ff33331a;display:flex;justify-content:space-between;padding:1.5rem}.cart-header h2{font-size:1.5rem;font-weight:700}.close-cart{background:none;border:none;color:#fff;color:var(--text-primary);cursor:pointer;font-size:2rem;transition:all .3s ease}.close-cart:hover{color:#f33;color:var(--error-color);transform:rotate(90deg)}.cart-items{flex:1 1;overflow-y:auto;padding:1.5rem}.empty-cart{color:#999;color:var(--text-secondary);padding:3rem 1rem;text-align:center}.cart-item{background:#14141499;border:1px solid #ff33331a;border-radius:4px;margin-bottom:1rem;padding:1.25rem;transition:all .2s ease}.cart-item:hover{background:#ff33330d;border-color:#ff33334d}.cart-item-info h4{font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.cart-item-info p{color:#999;color:var(--text-secondary);font-size:.9rem}.cart-item-total{color:#f33;color:var(--primary-color);font-size:1.2rem;font-weight:700;margin-top:.5rem;text-shadow:0 0 10px #ff33334d}.cart-footer{background:#05050580;border-top:1px solid #ff33331a;padding:2rem}.cart-total{display:flex;font-size:1.4rem;font-weight:700;justify-content:space-between;margin-bottom:1.5rem}.checkout-button{background:linear-gradient(135deg,#f33,#a00);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;letter-spacing:1px;padding:1rem;text-transform:uppercase;transition:all .3s ease;width:100%}.checkout-button:hover{background:linear-gradient(135deg,#f44,#c00);box-shadow:0 4px 20px #f336;transform:translateY(-2px)}.product-modal-overlay{align-items:center;animation:fadeIn .4s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#050505;display:flex;height:100vh;justify-content:center;left:0;overflow:hidden;padding:0;position:fixed;top:0;width:100vw;z-index:3000}.product-modal-content{animation:modalFullFade .5s cubic-bezier(.16,1,.3,1);background:#0a0a0a;background-image:linear-gradient(#ff33330d 1px,#0000 0),linear-gradient(90deg,#ff33330d 1px,#0000 0),linear-gradient(#ffffff05 1px,#0000 0),linear-gradient(90deg,#ffffff05 1px,#0000 0);background-position:0 0,0 0,0 0,0 0;background-size:100px 100px,100px 100px,20px 20px,20px 20px;border:none;border-radius:0;display:flex;flex-direction:column;height:100vh;max-height:none;max-width:none;overflow-y:hidden;position:relative;width:100vw}@keyframes modalFullFade{0%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.product-modal-header-bar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0ae6;border-bottom:1px solid #ff33331a;display:flex;justify-content:space-between;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:100}.modal-header-info{display:flex;flex-direction:column;gap:.3rem}.modal-category-badge{background:#ff33331a;border-radius:4px;color:#f33;font-size:.75rem;font-weight:700;letter-spacing:1px;padding:.3rem .8rem;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.modal-header-info h2{color:#fff;font-size:1.8rem;font-weight:800;letter-spacing:1px;margin:0;text-transform:uppercase}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.product-modal-close:hover{color:#fff}.product-modal-body{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1300px;padding:2rem 5%;width:100%}.product-modal-close{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.product-modal-close:hover{background:#f33;border-color:#f33;transform:rotate(90deg)}.product-modal-actions{margin-top:1.5rem}.product-modal-buy-coins-btn,.product-modal-signin-btn{width:100%}@media (max-width:968px){.product-modal-body{gap:2rem;grid-template-columns:1fr;padding:1.5rem}}.product-modal-media{position:relative}.product-carousel-container{background:#0006;border:2px solid #ff33334d;border-radius:8px;box-shadow:0 0 30px #00000080,inset 0 0 20px #ff33331a;overflow:hidden;position:relative;width:100%}.carousel-nav-btn{align-items:center;background:#f33c;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:36px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:36px;z-index:10}.carousel-nav-btn:hover{background:#f33;transform:translateY(-50%) scale(1.05)}.carousel-prev{left:.8rem}.carousel-next{right:.8rem}.hero-section{flex-direction:column;min-height:60vh;padding:2rem 2rem 0;text-align:center;z-index:10}.hero-section,.product-modal-main-media{align-items:center;display:flex;justify-content:center;position:relative}.product-modal-main-media{background:#0000004d;height:400px;max-height:400px;min-height:400px;width:100%}@media (max-width:768px){.hero-section{min-height:auto;padding:8rem 1rem 3rem}.advanced-filters{box-sizing:border-box;margin-left:0;margin-right:0;padding:1rem;width:100%}.filter-row{display:flex;flex-direction:column;gap:1rem}.filter-group{width:100%}.category-filter,.price-range input,.sort-filter,.stock-filter{max-width:100%;width:100%}.reset-filters-btn{width:100%}}.product-modal-image{height:400px;max-height:400px;object-fit:contain;transition:transform .3s ease;width:100%}.product-modal-image.zoom-active{cursor:zoom-out}.product-modal-video{border-radius:4px;height:400px;object-fit:contain;width:100%}.youtube-embed-wrapper{height:0;padding-bottom:56.25%;position:relative;width:100%}.product-modal-youtube{border-radius:4px;height:100%;left:0;position:absolute;top:0;width:100%}.carousel-indicators{display:flex;gap:.5rem;justify-content:center;padding:1rem}.carousel-indicator{background:#6366f14d;border:none;border-radius:50%;cursor:pointer;height:10px;transition:all .3s ease;width:10px}.carousel-indicator.active{background:#f33;background:var(--primary-color);border-radius:5px;width:30px}.product-modal-gallery{grid-gap:.8rem;background:linear-gradient(135deg,#0000004d,#14141433);border:1px solid #ffffff0d;border-radius:10px;display:grid;gap:.8rem;grid-template-columns:repeat(4,1fr);margin-top:1.2rem;padding:.8rem;position:relative}.product-modal-gallery:before{background:linear-gradient(145deg,#ff33331a,#00d4ff1a);border-radius:10px;bottom:0;content:"";left:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.5;padding:1px;pointer-events:none;position:absolute;right:0;top:0}.gallery-thumbnail{aspect-ratio:1;background:#0009;border:2px solid #ffffff14;border-radius:8px;box-shadow:0 4px 12px #0006,inset 0 1px 0 #ffffff0d;cursor:pointer;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.gallery-thumbnail:after{background:linear-gradient(135deg,#0000,#ff33331a);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.gallery-thumbnail:hover:after{opacity:1}.gallery-thumbnail:hover{border-color:#f33;box-shadow:0 12px 30px #ff333380,0 0 20px #ff33334d,inset 0 1px 0 #ffffff1a;transform:translateY(-6px) scale(1.08);z-index:10}.gallery-thumbnail.active{border-color:#f33;box-shadow:0 0 25px #ff3333b3,0 0 40px #f336,inset 0 0 15px #ff333326;transform:scale(1.03)}.gallery-thumbnail.active:before{animation:pulse 2s infinite;background:#f33;border-radius:50%;box-shadow:0 0 10px #f33c;content:"";height:8px;position:absolute;right:.5rem;top:.5rem;width:8px;z-index:10}.gallery-thumbnail img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.gallery-thumbnail:hover img{transform:scale(1.1)}.gallery-video-thumbnail{background:linear-gradient(135deg,#0f172ae6,#000000e6);position:relative}.gallery-video-thumbnail,.video-play-overlay{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.video-play-overlay{background:#0006;left:0;position:absolute;top:0;transition:background .3s ease}.gallery-thumbnail:hover .video-play-overlay{background:#0003}.video-play-icon{align-items:center;background:#000;border-radius:50%;box-shadow:0 4px 15px #0006;color:#fff;display:flex;font-size:1.2rem;height:30px;justify-content:center;transition:all .3s ease;width:30px}.gallery-thumbnail:hover .video-play-icon{background:#000;box-shadow:0 6px 25px #0009;transform:scale(1.15)}.video-type-badge{display:none}.product-modal-details{background:#14141466;border:1px solid #ff333326;border-radius:12px;box-shadow:0 10px 40px #00000080;display:flex;flex-direction:column;gap:1.2rem;max-height:calc(100vh - 180px);min-width:520px;overflow-x:hidden;overflow-y:auto;padding:1.8rem}.product-modal-details::-webkit-scrollbar{width:6px}.product-modal-details::-webkit-scrollbar-track{background:#0000004d;border-radius:10px}.product-modal-details::-webkit-scrollbar-thumb{background:#ff333380;border-radius:10px}.product-modal-details::-webkit-scrollbar-thumb:hover{background:#f33c}.product-modal-title{color:#fff;color:var(--text-primary);font-size:2rem;font-weight:900;letter-spacing:1px;margin-bottom:.2rem;text-transform:uppercase}.product-modal-meta{display:flex;gap:2.5rem}.product-modal-category,.product-modal-stock{display:flex;flex-direction:column;gap:.4rem}.meta-label{color:#999;color:var(--text-secondary);font-size:.8rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}.meta-value{color:#f33;font-size:1.1rem;font-weight:600}.meta-value.in-stock{color:#10b981;color:var(--success-color)}.meta-value.out-of-stock{color:#f33;color:var(--error-color)}.product-modal-description h3{color:#fff;color:var(--text-primary);font-size:1.3rem;font-weight:700;margin-bottom:.8rem}.product-modal-description p{color:#999;color:var(--text-secondary);font-size:1rem;line-height:1.7}.product-modal-highlights{grid-gap:.8rem;background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;display:grid;gap:.8rem;grid-template-columns:repeat(3,1fr);padding:.8rem}.highlight-item{align-items:center;display:flex;flex-direction:column;gap:.4rem;text-align:center}.highlight-icon{align-items:center;background:#ff33331a;border-radius:50%;display:flex;font-size:1.2rem;height:32px;justify-content:center;width:32px}.highlight-text{display:flex;flex-direction:column}.highlight-text strong{color:#fff;font-size:.9rem}.highlight-text span{color:#999;color:var(--text-secondary);font-size:.8rem}.product-modal-tags{display:flex;flex-wrap:nowrap;gap:.6rem;overflow-x:auto;overflow-y:hidden;padding-bottom:.3rem}.product-modal-tags::-webkit-scrollbar{height:3px}.product-modal-tags::-webkit-scrollbar-track{background:#0003}.product-modal-tags::-webkit-scrollbar-thumb{background:#ff33334d;border-radius:10px}.product-modal-tags::-webkit-scrollbar-thumb:hover{background:#ff333380}.product-tag{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;color:#999;color:var(--text-secondary);flex-shrink:0;font-size:.75rem;font-weight:700;padding:.4rem .8rem;text-transform:uppercase;white-space:nowrap}.product-modal-days-section{display:flex;flex-direction:column;gap:.8rem}.product-modal-days-section label{color:#fff;color:var(--text-primary);font-size:1.1rem;font-weight:700}.day-selection-buttons{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.day-button{background:#0f0f0f99;border:1px solid #f333;border-radius:4px;color:#fff;color:var(--text-primary);cursor:pointer;font-weight:600;padding:1rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.day-button:hover:not(:disabled){background:#ff33330d;border-color:#f33;transform:translateY(-2px)}.day-button.selected{background:linear-gradient(135deg,#f33,#a00);border-color:#0000;box-shadow:0 4px 15px #ff33334d;color:#fff}.day-button:disabled{cursor:not-allowed;filter:grayscale(1);opacity:.3}.product-modal-price-section{background:#ff33330d;border:1px dashed #ff33334d;border-radius:4px;padding:1rem 1.5rem}.product-modal-price{align-items:center;display:flex;justify-content:space-between}.price-label{color:#999;color:var(--text-secondary);font-size:1rem}.price-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f33,gold);background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700}.product-modal-actions{display:flex;gap:1rem}.product-modal-buy-coins-btn,.product-modal-signin-btn{border:none;border-radius:4px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:1rem;transition:all .3s ease}.product-modal-buy-coins-btn{background:linear-gradient(135deg,#f33,#00d4ff);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff}.product-modal-buy-coins-btn:hover:not(:disabled){box-shadow:0 4px 15px #6366f166;transform:translateY(-2px)}.product-modal-buy-coins-btn:disabled{cursor:not-allowed;opacity:.5}.product-modal-signin-btn{background:linear-gradient(135deg,gold,#00d4ff);background:linear-gradient(135deg,var(--accent-color),var(--secondary-color));color:#fff}.product-modal-signin-btn:hover{box-shadow:0 4px 15px #ec489966;transform:translateY(-2px)}.product-modal-trust-footer{border-top:1px solid #ffffff0d;margin-top:1rem;padding-top:1rem;text-align:center}.product-modal-trust-footer p{color:#999;color:var(--text-secondary);font-size:.75rem;letter-spacing:1px;margin-bottom:1rem;text-transform:uppercase}.payment-badges{align-items:center;display:flex;filter:grayscale(0) brightness(1.1);gap:2rem;justify-content:center;opacity:.8;transition:all .3s ease}.payment-badges:hover{filter:grayscale(0) brightness(1.2);opacity:1}.payment-badges img{background-color:#fff;border-radius:4px;box-shadow:0 2px 5px #0003;height:30px;max-width:80px;object-fit:contain;padding:4px 6px;width:auto}.key-popup-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000e6;display:flex;height:100vh;justify-content:center;left:0;padding:2rem;position:fixed;top:0;width:100%;z-index:4000}.key-popup-content{animation:scaleIn .3s ease;background:#1e293bf2;border:1px solid #6366f14d;border-radius:20px;max-width:600px;position:relative;width:100%}.key-popup-close{background:#ef444433;border:none;border-radius:50%;color:#f33;color:var(--error-color);cursor:pointer;font-size:1.5rem;height:40px;position:absolute;right:1rem;top:1rem;transition:all .3s ease;width:40px}.key-popup-close:hover{background:#ef444466;transform:rotate(90deg)}.key-popup-header{border-bottom:1px solid #6366f133;padding:2rem 2rem 1rem;text-align:center}.key-popup-header h2{font-size:1.8rem;margin-bottom:.5rem}.key-popup-header p{color:#999;color:var(--text-secondary)}.key-popup-body{padding:2rem}.key-popup-info{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.key-info-item{background:#0f172a99;border-radius:4px;display:flex;justify-content:space-between;padding:.8rem}.key-info-label{color:#999;color:var(--text-secondary);font-weight:600}.key-info-value{color:#fff;color:var(--text-primary);font-weight:700}.key-display-section{margin-bottom:1.5rem}.key-label{color:#999;color:var(--text-secondary);display:block;font-weight:600;margin-bottom:.5rem}.key-value-container{display:flex;gap:.5rem}.key-input{background:#0f172a99;border:1px solid #6366f14d;border-radius:4px;color:#f33;color:var(--primary-color);flex:1 1;font-family:monospace;font-size:1rem;font-weight:600;outline:none;padding:1rem}.key-copy-btn{background:linear-gradient(135deg,#f33,#00d4ff);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;padding:1rem 1.5rem;transition:all .3s ease}.key-copy-btn:hover{transform:scale(1.05)}.key-popup-warning{background:#f59e0b1a;border:1px solid gold;border:1px solid var(--warning-color);border-radius:4px;margin-bottom:1.5rem;padding:1rem}.key-popup-warning p{color:gold;color:var(--warning-color);font-size:.9rem}.key-popup-social-section{margin-bottom:1.5rem;text-align:center}.key-popup-social-text{color:#999;color:var(--text-secondary);margin-bottom:1rem}.key-popup-social-buttons{display:flex;gap:1rem;justify-content:center}.social-button{align-items:center;border-radius:4px;display:flex;font-weight:600;gap:.5rem;padding:.8rem 1.5rem;text-decoration:none;transition:all .3s ease}.discord-button{background:#5865f2;color:#fff}.discord-button:hover{background:#4752c4;transform:translateY(-2px)}.telegram-button{background:#08c;color:#fff}.telegram-button:hover{background:#069;transform:translateY(-2px)}.key-popup-actions{display:flex;gap:1rem;padding:0 2rem 2rem}.key-close-btn,.key-save-btn{border:none;border-radius:4px;cursor:pointer;flex:1 1;font-weight:600;padding:1rem;transition:all .3s ease}.key-save-btn{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--success-color),#059669);color:#fff}.key-save-btn:hover{box-shadow:0 4px 15px #10b98166;transform:translateY(-2px)}.key-close-btn{background:#ef444433;color:#f33;color:var(--error-color)}.key-close-btn:hover{background:#ef44444d}.login-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;display:flex;height:100vh;justify-content:center;left:0;padding:2rem;position:fixed;top:0;width:100%;z-index:3500}.login-modal-content{animation:scaleIn .3s ease;background:#1e293bf2;border:1px solid #6366f14d;border-radius:20px;max-width:450px;padding:2rem;position:relative;width:100%}.login-modal-close{background:#ef444433;border:none;border-radius:50%;color:#f33;color:var(--error-color);cursor:pointer;font-size:1.5rem;height:40px;position:absolute;right:1rem;top:1rem;transition:all .3s ease;width:40px}.login-modal-close:hover{background:#ef444466;transform:rotate(90deg)}.login-modal-content h2{font-size:1.8rem;margin-bottom:1.5rem;text-align:center}.google-signin-btn-modal{align-items:center;background:#fff;border:none;border-radius:4px;color:#333;cursor:pointer;display:flex;font-weight:600;gap:.8rem;justify-content:center;margin-bottom:1.5rem;padding:1rem;transition:all .3s ease;width:100%}.google-signin-btn-modal:hover:not(:disabled){box-shadow:0 4px 15px #0003;transform:translateY(-2px)}.google-signin-btn-modal:disabled{cursor:not-allowed;opacity:.6}.login-divider{margin:1.5rem 0;position:relative;text-align:center}.login-divider:after,.login-divider:before{background:#6366f14d;content:"";height:1px;position:absolute;top:50%;width:40%}.login-divider:before{left:0}.login-divider:after{right:0}.login-divider span{background:#1e293bf2;color:#999;color:var(--text-secondary);padding:0 1rem}.login-form{display:flex;flex-direction:column;gap:1rem}.login-form input{background:#0f172a99;border:1px solid #6366f14d;border-radius:4px;color:#fff;color:var(--text-primary);font-size:1rem;outline:none;padding:1rem;transition:all .3s ease}.login-form input:focus{border-color:#f33;border-color:var(--primary-color);box-shadow:0 0 10px #6366f14d}.login-submit-btn{background:linear-gradient(135deg,#f33,#00d4ff);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;margin-top:.5rem;padding:1rem;transition:all .3s ease}.login-submit-btn:hover:not(:disabled){box-shadow:0 4px 15px #6366f166;transform:translateY(-2px)}.login-submit-btn:disabled{cursor:not-allowed;opacity:.6}.login-switch-mode{color:#999;color:var(--text-secondary);margin-top:1.5rem;text-align:center}.login-switch-mode button{background:none;border:none;color:#f33;color:var(--primary-color);cursor:pointer;font-weight:600;text-decoration:underline}.login-switch-mode button:hover{color:gold;color:var(--accent-color)}.modal-image-skeleton{height:100%;left:0;min-height:400px;position:absolute;top:0;width:100%}@media (max-width:968px){.header-content{padding:0 1rem}.logo-main{font-size:1.1rem}.logo-image{height:28px;width:28px}.hero-title{font-size:3rem;gap:1rem}.hero-description{font-size:1rem}.products-grid{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.product-modal-body{gap:2rem;grid-template-columns:1fr;padding:1.5rem}.product-modal-details{max-height:none;min-width:auto}.product-modal-highlights{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.landing-header{padding:.5rem 1rem}.header-content{gap:.5rem;padding:0}.logo-main{font-size:.95rem;letter-spacing:1px;margin-right:auto}.logo-image{height:24px;width:24px}.header-actions{align-items:center;display:flex;flex-wrap:nowrap;gap:.4rem;margin-left:0}.mobile-search-btn{display:flex}.cart-button,.gmail-button,.login-button,.music-control-btn{align-items:center;display:flex;font-size:.75rem;height:32px;justify-content:center;padding:.35rem .6rem}.cart-text,.user-email-text{display:none}.hero-section{min-height:auto;padding:9rem 1rem 2rem}.hero-title{font-size:2.2rem;gap:.8rem;margin-bottom:.8rem}.hero-char{text-shadow:0 0 15px #f336}.hero-description{font-size:.9rem;padding:0 1rem}.search-filter-section{display:none!important}.products-container{padding:0 1rem 2rem}.products-grid{gap:1.5rem;grid-template-columns:1fr}.product-card{max-width:100%}.testimonials-section{padding:2rem 0}.testimonials-title{font-size:1.8rem;padding:0 1rem}.testimonials-description{padding:0 1rem}.testimonial-card{width:280px}.product-modal-content{border-radius:0;display:flex;flex-direction:column;height:100vh;overflow:hidden;padding:0;width:100%}.product-modal-header-bar{flex-shrink:0;padding:1rem}.modal-header-info h2{font-size:1.3rem}.product-modal-body{-webkit-overflow-scrolling:touch;display:flex;flex:1 1;flex-direction:column;gap:1.5rem;overflow-y:auto;padding:1rem 1rem 80px}.product-modal-main-media{aspect-ratio:16/9;flex-shrink:0;height:auto;max-height:none;min-height:auto;width:100%}.product-modal-image,.product-modal-video{height:100%;object-fit:contain;width:100%}.product-modal-details{background:#0000;border:none;box-shadow:none;height:auto;max-height:none;min-width:auto;overflow:visible;padding:0}.product-modal-highlights{display:none!important}.product-modal-gallery{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;display:flex;flex-wrap:nowrap;gap:.5rem;overflow-x:auto;padding:.5rem 0;scrollbar-width:none}.product-modal-gallery::-webkit-scrollbar{display:none}.gallery-thumbnail{border-radius:6px;flex-shrink:0;height:60px!important;width:60px!important}.day-selection-buttons{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.day-button{font-size:.9rem;padding:.8rem}.price-value{font-size:1.8rem}.cart-panel{width:100%}.cart-header{padding:1.5rem 1rem}.cart-items{padding:1rem}.cart-footer{padding:1.5rem 1rem}.coins-panel-main-content{padding:1rem}.balance-card{padding:2rem 1.5rem}.balance-amount{font-size:2.5rem}.add-funds-form{flex-direction:column}}@media (max-width:480px){.landing-header{padding:.5rem .8rem}.logo-main{font-size:.85rem}.logo-image{height:22px;width:22px}.cart-button,.gmail-button,.login-button{font-size:.7rem;height:30px;padding:.3rem .5rem}.music-control-btn{height:30px;padding:.4rem;width:30px}.hero-section{padding:5rem .8rem 1.5rem}.hero-title{font-size:1.8rem;gap:.5rem}.hero-word{flex-wrap:wrap;justify-content:center}.hero-description{font-size:.85rem;padding:0 .5rem}.search-filter-section{margin:-6rem auto 1.5rem;padding:0 .8rem}.search-input{font-size:.85rem;height:40px;padding:.6rem .8rem}.filter-toggle-btn{font-size:.8rem;height:40px;padding:0 .8rem}.advanced-filters{padding:.8rem}.filter-row{gap:.8rem}.products-container{padding:0 .8rem 1.5rem}.category-heading{font-size:1.5rem;margin-bottom:1rem}.products-grid{gap:1rem}.product-card{border-radius:8px}.product-image{height:180px}.product-info{padding:1rem}.product-name{font-size:1rem}.product-description{font-size:.85rem}.product-price{font-size:1.3rem}.testimonials-title{font-size:1.5rem}.testimonial-card{padding:1.2rem;width:260px}.product-modal-header-bar{padding:.8rem}.modal-category-badge{font-size:.7rem;padding:.25rem .6rem}.modal-header-info h2{font-size:1.1rem}.product-modal-close{font-size:1.2rem;height:32px;width:32px}.product-modal-body{gap:1rem;padding:.8rem}.product-modal-main-media{height:250px;max-height:250px;min-height:250px}.product-modal-image,.product-modal-video{height:250px}.carousel-nav-btn{font-size:1rem;height:30px;width:30px}.carousel-prev{left:.5rem}.carousel-next{right:.5rem}.product-modal-details{padding:1rem}.product-modal-title{font-size:1.5rem}.product-modal-meta{gap:1.5rem}.meta-label{font-size:.75rem}.meta-value{font-size:1rem}.product-modal-description h3{font-size:1.1rem}.product-modal-description p{font-size:.9rem}.product-modal-highlights{gap:.6rem;padding:.8rem}.highlight-icon{font-size:1.3rem;height:36px;width:36px}.highlight-text strong{font-size:.9rem}.product-modal-tags{gap:.5rem}.product-tag{font-size:.7rem;padding:.35rem .7rem}.product-modal-gallery{gap:.5rem;grid-template-columns:repeat(2,1fr);padding:.6rem}.day-selection-buttons{gap:.6rem;grid-template-columns:repeat(2,1fr)}.day-button{font-size:.85rem;padding:.7rem}.product-modal-price-section{padding:.8rem 1rem}.price-label{font-size:.9rem}.price-value{font-size:1.5rem}.product-modal-actions{flex-direction:column;gap:.8rem}.product-modal-buy-coins-btn,.product-modal-signin-btn{font-size:.95rem;padding:.9rem}.cart-header h2{font-size:1.3rem}.cart-item{padding:1rem}.cart-item-info h4{font-size:1rem}.cart-item-info p{font-size:.85rem}.cart-item-total{font-size:1.1rem}.cart-total{font-size:1.2rem}.checkout-button{font-size:1rem;padding:.9rem}.balance-amount{font-size:2rem}.balance-currency{font-size:.9rem}.login-modal-content{margin:1rem;padding:1.5rem}.login-input-group input{font-size:16px;padding:.8rem}.login-submit-btn{font-size:1rem;padding:.9rem}}@media (max-width:360px){.hero-title{font-size:1.5rem}.logo-main{font-size:.75rem}.cart-button,.gmail-button,.login-button{font-size:.65rem;height:28px;padding:.25rem .4rem}.music-control-btn{height:28px;width:28px}.product-modal-highlights{grid-template-columns:1fr}.highlight-item{padding:.5rem}.day-selection-buttons,.product-modal-gallery{grid-template-columns:1fr}}@media (max-height:500px) and (orientation:landscape){.hero-section{min-height:auto;padding:4rem 1rem 1rem}.hero-title{font-size:1.8rem}.product-modal-main-media{height:200px;max-height:200px;min-height:200px}.product-modal-image,.product-modal-video{height:200px}}@media (max-width:768px){body{overflow-x:hidden}.landing-container{max-width:100vw;overflow-x:hidden}*,img{max-width:100%}img{height:auto}.payment-badges{flex-wrap:wrap!important;gap:.5rem!important;justify-content:center!important;padding:0 1rem}.payment-badges img{flex-shrink:1!important;height:25px!important;max-width:100%!important;width:auto!important}}.balance-card{background:#050505!important;border:1px solid #333!important;border-radius:8px!important;box-shadow:none!important}.coins-panel-sidebar-tabs{background:#000!important;border-right:1px solid #222!important}.tab-btn{background:#0000!important;color:#888!important}.tab-btn:hover{background:#ffffff0d!important;padding-left:1rem!important}.tab-btn.active{background:#ff33331a!important;border-left:3px solid #f33!important;border-radius:0!important;filter:none!important}.add-funds-section-fullscreen{background:#050505!important;border:1px solid #333!important;border-radius:8px!important;box-shadow:none!important;margin-top:2rem!important;padding:1.5rem!important}.add-funds-form{background:#0000!important;box-shadow:none!important;padding:0!important}.coins-panel-sidebar-tabs{position:relative!important;z-index:5000!important}.tabs-list{background:#0000!important;flex:1 1!important;flex-direction:column!important;gap:12px!important;min-height:200px!important;padding:1.5rem!important}.tab-btn,.tabs-list{display:flex!important}.tab-btn{align-items:center!important;background-color:#111!important;border:1px solid #333!important;box-shadow:0 1px 3px #0000004d!important;color:#ccc!important;cursor:pointer!important;font-size:1rem!important;min-height:48px!important;opacity:1!important;padding:14px 16px!important;text-align:left!important;transition:all .2s ease!important;visibility:visible!important;width:100%!important}.tab-btn:hover{background-color:#222!important;border-color:#444!important;color:#fff!important;transform:translateX(4px)}.tab-btn.active{background-color:#ff333326!important;border:1px solid #f33!important;box-shadow:0 0 10px #ff33331a!important}@media (max-width:768px){.coins-panel-fullscreen{background:#000!important;display:block!important;overflow-y:auto!important}.mobile-menu-toggle{align-items:center;background:#111!important;border:1px solid #333!important;box-shadow:0 4px 12px #00000080!important;display:flex!important;justify-content:center;left:15px!important;top:15px!important;z-index:6000!important}.coins-panel-main-content{min-height:100vh;padding:4.5rem 1rem 1rem!important;width:100%!important}.balance-header{align-items:flex-start!important;flex-direction:column!important;gap:1rem!important;margin-bottom:1.5rem!important}.balance-header h1{font-size:1.8rem!important}.balance-amount{font-size:2.5rem!important;word-break:break-all}.add-funds-section-fullscreen{margin-top:1.5rem!important;padding:1.25rem!important}.funds-input-large{font-size:1.1rem!important;padding:1rem!important}.transactions-section-fullscreen h1{font-size:1.5rem!important;margin-bottom:1.5rem!important}.transaction-item-fullscreen{margin-bottom:.8rem!important;padding:1rem!important}.transaction-header-fullscreen{align-items:flex-start!important;border-bottom:1px solid #ffffff0d!important;flex-direction:column!important;gap:.5rem!important;padding-bottom:.8rem!important}.transaction-type-fullscreen{font-size:1rem!important}.transaction-date-fullscreen{font-size:.85rem!important;opacity:.7}.transaction-details-fullscreen{font-size:.9rem!important;margin-top:.5rem!important}.transaction-key-fullscreen{margin-top:.8rem!important;padding:.8rem!important}.key-value-fullscreen{font-size:.85rem!important;padding:.8rem!important;word-break:break-all!important}.coins-panel-sidebar-tabs{background:#111!important;border-right:1px solid #333!important;box-shadow:10px 0 30px #000c!important;height:100vh!important;left:0!important;max-width:300px!important;position:fixed!important;top:0!important;transform:translateX(-100%);transition:transform .3s ease!important;width:80%!important;z-index:6005!important}.coins-panel-sidebar-tabs.mobile-open{transform:translateX(0)!important}}.sidebar-divider{background-color:#ffffff1a;height:1px;margin:8px 0;width:100%}.sidebar-icon{align-items:center;color:inherit;display:flex;flex-shrink:0;height:20px;justify-content:center;margin-right:12px;width:20px}.sidebar-icon svg{stroke-width:2px;stroke:currentColor;fill:none;height:100%;width:100%}.badge-container{align-items:center;display:flex;margin-left:auto}.badge-dot{align-items:center;background:#10b98126;border:1px solid #10b98133;border-radius:12px;color:#10b981;display:inline-flex;font-size:.75rem;font-weight:600;line-height:1;padding:4px 10px;white-space:nowrap}.badge-dot:before{background:currentColor;border-radius:50%;content:"";display:block;height:6px;margin-right:6px;width:6px}.tab-btn{border:1px solid #0000!important;border-radius:6px!important;color:#9ca3af!important;font-weight:500!important;justify-content:flex-start!important}.tab-btn:hover{background-color:#ffffff0d!important;color:#f3f4f6!important;transform:none!important}.tab-btn.active{background-color:#ffffff14!important;border:1px solid #ffffff1a!important;box-shadow:none!important;color:#fff!important}@media (max-width:768px){.gmail-button{align-items:center!important;background:#0000!important;border:1px solid #ffffff1a!important;border-radius:50%!important;display:flex!important;height:44px!important;justify-content:center!important;margin-left:.5rem!important;padding:0!important;width:44px!important}.user-email-text{display:none!important}.gmail-avatar{border-radius:50%!important;height:36px!important;margin:0!important;width:36px!important}}.login-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 4px 16px #00000026;max-width:450px;padding:50px 40px;width:100%}.login-card h2{color:var(--accent-primary);font-size:32px;font-weight:700;margin-bottom:40px;text-align:center}.form-group label{letter-spacing:.3px}.form-group input{border-radius:4px;font-family:inherit;padding:14px 18px;transition:border-color .2s ease,background .2s ease}.form-group input:focus{background:var(--bg-secondary);box-shadow:0 0 0 2px var(--glow-primary)}.form-group input::placeholder{color:var(--text-muted)}.btn{margin-top:10px}.btn-google{align-items:center;background:#fff;border:1px solid #dadce0;color:#3c4043;display:flex;font-weight:500;justify-content:center}.btn-google:hover:not(:disabled){background:#f8f9fa;box-shadow:0 1px 3px #0000001a}.divider{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;margin:24px 0;text-align:center}.divider:after,.divider:before{border-bottom:1px solid var(--border-color);content:"";flex:1 1}.divider span{padding:0 16px}.error-message{background:#ff33661a;border:1px solid #ff33664d;border-radius:4px;color:var(--accent-danger);font-size:14px;margin-bottom:20px;padding:12px 16px}.login-footer{border-top:1px solid #6366f133;color:var(--text-secondary);font-size:13px;margin-top:30px;padding-top:25px;text-align:center}.login-footer p{margin:0;opacity:.8}@media (max-width:768px){.login-container{padding:16px}.login-card{padding:35px 28px}.login-card h2{font-size:26px;margin-bottom:30px}}@media (max-width:480px){.login-card{padding:28px 20px}.login-card h2{font-size:22px;margin-bottom:24px}.form-group{margin-bottom:20px}.form-group input{font-size:14px;padding:12px 14px}.btn{font-size:14px;padding:12px 24px}}.payment-container{align-items:center;background:linear-gradient(180deg,#0a0a0f,#000);display:flex;justify-content:center;min-height:100vh;overflow-y:auto;padding:20px;position:relative}.payment-container:before{animation:gridMove 20s linear infinite;background-image:linear-gradient(#6366f108 1px,#0000 0),linear-gradient(90deg,#6366f108 1px,#0000 0);background-size:50px 50px;bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.payment-content{max-height:calc(100vh - 40px);max-width:550px;overflow-y:auto;padding-right:5px;position:relative;width:100%;z-index:1}.payment-content::-webkit-scrollbar{width:6px}.payment-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.payment-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.payment-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.payment-header{animation:slideDown .5s ease-out;background:#ffffff05;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:20px;overflow:hidden;padding:20px 15px;position:relative;text-align:center}.payment-header:before{background:linear-gradient(90deg,#2563eb,#3b82f6 30%,#60a5fa 60%,#93c5fd);content:"";height:2px;left:0;opacity:.6;position:absolute;right:0;top:0}.payment-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#2563eb,#3b82f6 30%,#60a5fa 60%,#93c5fd);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:700;margin:0 0 10px;position:relative;z-index:1}.payment-header p{color:#ffffffb3;font-size:16px;margin:0 0 15px;position:relative;z-index:1}.payment-card{animation:slideDown .6s ease-out .1s both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0f14f2;border:1px solid #ffffff1f;border-radius:16px;box-shadow:0 8px 32px #00000080,inset 0 0 0 1px #6366f11a,0 0 40px #6366f10d;margin-bottom:15px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.payment-card:hover{border-color:#6366f14d;box-shadow:0 12px 40px #0009,inset 0 0 0 1px #6366f133,0 0 60px #6366f11a}.payment-card:before{background:linear-gradient(90deg,#2563eb,#3b82f6 30%,#60a5fa 60%,#93c5fd);content:"";height:3px;left:0;opacity:.6;position:absolute;right:0;top:0}.product-summary{animation:fadeIn .5s ease-out .2s both;background:linear-gradient(135deg,#6366f126,#8b5cf61a);border:1px solid #6366f14d;border-radius:10px;margin-bottom:15px;overflow:hidden;padding:15px;position:relative;text-align:center}.product-summary:before{animation:pulse 3s ease-in-out infinite;background:radial-gradient(circle,#6366f11a 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.product-summary h3{color:#fff;font-size:20px;margin:0 0 10px;position:relative;z-index:1}.product-price{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#60a5fa,#3b82f6);-webkit-background-clip:text;background-clip:text;font-size:32px;margin:10px 0 0;position:relative;z-index:1}.payment-form{animation:fadeIn .5s ease-out .3s both;display:flex;flex-direction:column;gap:15px}.form-group label{color:#ffffffe6}.form-group input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;box-sizing:border-box;color:#fff;font-size:15px;resize:none;transition:all .3s ease;width:100%}.form-group input:focus{background:#ffffff14;border-color:#6366f180}.form-group input:disabled{cursor:not-allowed;opacity:.6}.amount-display-fixed{align-items:center;background:#ffffff0d;border:1px solid #ffffff26;border-radius:8px;box-sizing:border-box;cursor:default;display:flex;justify-content:space-between;padding:12px 16px;pointer-events:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:100%}.amount-value{color:#fff;flex:1 1;font-size:16px;font-weight:600}.amount-locked-icon{font-size:14px;margin-left:10px;opacity:.6}.amount-input-editable{box-sizing:border-box;width:100%}.form-group input[type=number],.form-group input[type=tel],.form-group input[type=text]{box-sizing:border-box!important;max-width:100%!important;min-width:100%!important;resize:none!important;width:100%!important}.payment-actions{display:flex;gap:15px;margin-top:10px}.btn-cancel,.btn-proceed{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;overflow:hidden;padding:14px 24px;position:relative;transition:all .3s ease}.btn-cancel{background:#ffffff14;border:1px solid #ffffff26;color:#ffffffe6}.btn-cancel:hover:not(:disabled){background:#ffffff1f;border-color:#ffffff40;transform:translateY(-1px)}.btn-proceed{background:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#a855f7);border:1px solid #8b5cf64d;box-shadow:0 4px 15px #6366f14d;color:#fff}.btn-proceed:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn-proceed:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#9d4edd 50%,#c084fc);box-shadow:0 8px 25px #6366f180;transform:translateY(-2px)}.btn-proceed:hover:not(:disabled):before{left:100%}.btn-proceed:active:not(:disabled){box-shadow:0 4px 15px #6366f14d;transform:translateY(0)}.btn-cancel:disabled,.btn-proceed:disabled{cursor:not-allowed;opacity:.5;transform:none}.payment-info{animation:fadeIn .5s ease-out .4s both;background:#0f0f14b3;border:1px solid #ffffff1a;border-radius:12px;overflow:hidden;padding:18px;position:relative}.payment-info:after{background:radial-gradient(circle,#22c55e1a 0,#0000 70%);border-radius:50%;content:"";height:100px;position:absolute;right:0;top:0;transform:translate(30%,-30%);width:100px}.payment-info h3{color:#fff;font-size:16px;font-weight:600;margin:0 0 12px}.payment-info ul{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.payment-info li{align-items:center;color:#ffffffb3;display:flex;font-size:13px;gap:8px;padding-left:0;transition:color .3s ease}.payment-info li:hover{color:#ffffffe6}.payment-success-screen{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0f14cc;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0000004d;padding:60px 30px;text-align:center}.success-icon{animation:bounce 1s ease;font-size:80px;margin-bottom:20px}.success-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#22c55e,#16a34a);-webkit-background-clip:text;background-clip:text;font-size:36px;font-weight:700;margin:0 0 10px}.success-message{color:#fffc;font-size:18px;margin:0 0 40px}.success-details{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:flex;flex-direction:column;gap:20px;margin:30px 0;padding:30px}.success-amount,.success-balance{align-items:center;background:#22c55e1a;border:1px solid #22c55e33;border-radius:8px;display:flex;justify-content:space-between;padding:15px}.success-label{color:#ffffffb3;font-size:16px;font-weight:600}.success-value{color:#22c55e;font-size:24px;font-weight:700}.success-actions{margin-top:30px}.btn-success-home{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 40px;transition:all .3s ease}.btn-success-home:hover{box-shadow:0 8px 25px #6366f166;transform:translateY(-2px)}.user-info-header{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#ffffffb3;display:flex;font-size:13px;justify-content:space-between;margin-top:15px;padding:12px 20px}.balance-display{color:#22c55e;font-size:14px;font-weight:600}@media (max-width:768px){.payment-container{align-items:flex-start;min-height:100vh;padding:20px 10px 15px}.payment-content{max-width:100%;width:100%}.payment-header{margin-bottom:20px;padding:20px 15px}.payment-header h1{font-size:24px;margin-bottom:8px}.payment-header p{font-size:14px;margin-bottom:12px}.amount-display-fixed{padding:10px 14px}.amount-value{font-size:15px}.amount-locked-icon{font-size:12px}.user-info-header{flex-direction:column;font-size:12px;gap:8px;margin-top:10px;padding:10px 15px;text-align:center}.user-info-header span{display:block;word-break:break-word}.balance-display{font-size:13px}.payment-card{border-radius:12px;margin-bottom:20px;padding:20px 15px}.product-summary{border-radius:8px;margin-bottom:20px;padding:15px}.product-summary h3{font-size:18px;margin-bottom:8px}.product-price{font-size:24px}.payment-form{gap:15px}.form-group{gap:6px}.form-group label{font-size:13px}.form-group input{border-radius:6px;font-size:16px;padding:12px 14px}.payment-actions{flex-direction:column;gap:10px;margin-top:15px}.btn-cancel,.btn-pay{font-size:15px;padding:14px 20px;width:100%}.payment-info{border-radius:8px;padding:15px}.payment-info h3{font-size:16px;margin-bottom:12px}.payment-info li{font-size:13px}.payment-success-screen{border-radius:12px;padding:40px 20px}.success-icon{font-size:60px;margin-bottom:15px}.success-title{font-size:28px;margin-bottom:8px}.success-message{font-size:16px;margin-bottom:30px}.success-details{border-radius:8px;gap:15px;margin:20px 0;padding:20px 15px}.success-amount,.success-balance{align-items:flex-start;flex-direction:column;gap:8px;padding:12px}.success-label{font-size:14px}.success-value{font-size:20px}.btn-success-home{font-size:15px;padding:14px 30px;width:100%}}@media (max-width:480px){.payment-container{padding:15px 8px 10px}.payment-header h1{font-size:20px}.payment-header p{font-size:13px}.user-info-header{font-size:11px;padding:8px 12px}.payment-card{border-radius:8px;padding:15px 12px}.product-summary{padding:12px}.product-summary h3{font-size:16px}.product-price{font-size:20px}.form-group input{font-size:16px;padding:10px 12px}.btn-cancel,.btn-pay{font-size:14px;padding:12px 18px}.payment-info{padding:12px}.payment-info h3{font-size:15px}.payment-info li{font-size:12px}.payment-success-screen{padding:30px 15px}.success-icon{font-size:50px}.success-title{font-size:24px}.success-message{font-size:14px}.success-details{padding:15px 12px}.success-label{font-size:13px}.success-value{font-size:18px}}@media (max-width:360px){.payment-container{padding:8px 5px}.payment-header h1{font-size:18px}.payment-card{padding:12px 10px}.form-group input{font-size:16px;padding:10px}.btn-cancel,.btn-pay{font-size:13px;padding:12px 15px}}.coins-dashboard{background:linear-gradient(135deg,#0a0a0a,#1a1a2e);color:#fff;min-height:100vh;padding:20px}.coins-content{margin:0 auto;max-width:1200px}.coins-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.coins-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;margin:0}.user-info{align-items:center;display:flex;gap:15px}.user-avatar{border:2px solid #667eea;border-radius:50%;height:50px;width:50px}.user-name{font-size:16px}.user-email{color:#999;font-size:12px}.sign-out-btn{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.sign-out-btn:hover{background:#c82333}.coins-balance-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:30px;padding:30px;text-align:center}.coins-balance-card h2{color:#667eea;margin:0 0 20px}.coins-amount{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:48px;font-weight:700;margin-bottom:20px}.add-coins-section{display:flex;gap:10px;justify-content:center;margin-top:20px}.coins-input{background:#ffffff0d;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:16px;padding:12px;width:200px}.coins-input::placeholder{color:#999}.add-coins-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px}.add-coins-btn:hover{opacity:.9}.coins-info{color:#999;font-size:14px;margin-top:10px}.products-section{margin-top:30px}.products-section h2{color:#667eea;margin-bottom:20px}.products-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.product-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;overflow:hidden;transition:transform .3s,box-shadow .3s}.product-card:hover{box-shadow:0 10px 30px #667eea4d;transform:translateY(-5px)}.product-image{height:200px;object-fit:cover;width:100%}.product-info{padding:20px}.product-info h3{color:#fff;margin:0 0 10px}.product-description{color:#999;font-size:14px;margin-bottom:15px}.product-price{color:#667eea;font-size:24px;font-weight:700;margin-bottom:15px}.buy-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px;width:100%}.buy-btn:hover:not(:disabled){opacity:.9}.buy-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.coins-header{gap:20px}.add-coins-section,.coins-header{flex-direction:column}.coins-input{width:100%}.products-grid{grid-template-columns:1fr}}.mobile-menu-toggle{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;cursor:pointer;display:none;flex-direction:column;gap:5px;height:40px;justify-content:center;left:16px;padding:8px;position:fixed;top:16px;transition:all .2s ease;width:40px;z-index:1001}.mobile-menu-toggle span{background:var(--text-primary);border-radius:2px;height:2px;transition:all .3s ease;width:22px}.mobile-menu-toggle:hover{background:var(--bg-tertiary);border-color:var(--accent-primary)}.mobile-menu-overlay{background:#000000b3;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:999}.sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transition:transform .3s ease;width:260px;z-index:1000}.sidebar-header{border-bottom:1px solid var(--border-color);padding:24px 20px}.sidebar-header,.sidebar-header h2{align-items:center;display:flex;justify-content:center}.sidebar-header h2{font-size:22px;font-weight:700;gap:0;margin:0}.logo-terminal{color:var(--text-primary);font-weight:700}.logo-x999{color:#ef4444;font-weight:700;margin-left:4px}.sidebar-nav{overflow-y:auto;padding:16px 12px}.nav-tab{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:500;gap:12px;margin-bottom:4px;padding:12px 16px;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.nav-tab:hover{background:#6366f11a;color:var(--accent-primary)}.nav-tab.active{background:#6366f126;border-left:3px solid var(--accent-primary);color:var(--accent-primary)}.nav-icon{align-items:center;display:flex;font-size:18px;justify-content:center;text-align:center;width:24px}.nav-label{flex:1 1}.nav-item-wrapper{margin-bottom:4px}.dropdown-arrow{color:var(--text-secondary);display:inline-block;font-size:10px;margin-left:auto;transition:transform .3s cubic-bezier(.4,0,.2,1)}.nav-tab.dropdown-open .dropdown-arrow{transform:rotate(90deg)}.dropdown-menu{border-left:2px solid var(--border-color);margin-bottom:0;margin-left:20px;margin-top:0;max-height:0;opacity:0;overflow:hidden;padding-bottom:0;padding-left:12px;padding-top:0;transform:translateY(-10px);visibility:hidden}.dropdown-menu,.dropdown-menu.dropdown-open{transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1),margin .4s cubic-bezier(.4,0,.2,1),padding .4s cubic-bezier(.4,0,.2,1),visibility .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1)}.dropdown-menu.dropdown-open{margin-bottom:4px;margin-top:4px;max-height:1000px;opacity:1;padding-bottom:4px;padding-top:4px;transform:translateY(0);visibility:visible}.dropdown-item{font-size:13px;margin-left:0;padding:10px 16px;transform:translateX(0);transition:all .3s cubic-bezier(.4,0,.2,1)}.dropdown-item:hover{transform:translateX(4px)}.dropdown-item .nav-icon{font-size:16px;width:20px}.sidebar-footer{border-top:1px solid var(--border-color);padding:16px 12px}.theme-toggle-btn{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-size:18px;justify-content:center;margin-bottom:12px;padding:10px;transition:all .2s ease;width:100%}.theme-toggle-btn:hover{background:var(--bg-secondary);border-color:var(--accent-primary)}.user-section{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;gap:12px;margin-bottom:12px;padding:12px}.user-avatar,.user-section{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);border-radius:6px;color:var(--bg-primary);font-size:14px;font-weight:700;height:36px;justify-content:center;width:36px}.user-details{flex:1 1}.user-name{color:var(--text-primary);font-size:13px;font-weight:600}.user-role{color:var(--text-secondary);letter-spacing:.5px;text-transform:uppercase}.user-credits,.user-role{font-size:11px}.logout-btn{background:#ef44441a;border:1px solid #ef444433;border-radius:6px;color:var(--accent-danger);cursor:pointer;font-size:13px;font-weight:600;padding:10px 16px;transition:all .2s ease;width:100%}.logout-btn:hover{background:#ef444426;border-color:#ef44444d}@media (max-width:768px){.mobile-menu-toggle{display:flex}.mobile-menu-overlay{display:block}.sidebar{box-shadow:2px 0 10px #0000004d;transform:translateX(-100%);width:280px}.sidebar.mobile-open{transform:translateX(0)}}@media (max-width:480px){.mobile-menu-toggle{height:36px;left:12px;top:12px;width:36px}.sidebar{max-width:300px;width:85%}.sidebar-header{padding:20px 16px}.sidebar-header h2{font-size:18px}.nav-tab{font-size:15px;padding:14px 16px}.nav-icon{font-size:20px;width:28px}.sidebar-footer{padding:12px}}.admin-dashboard{display:flex;flex-direction:column;gap:24px}.dashboard-header{margin-bottom:8px}.dashboard-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#2563eb,#3b82f6 30%,#60a5fa 60%,#93c5fd);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:700;letter-spacing:-.5px;margin:0 0 8px}.dashboard-subtitle{color:#fff9;font-size:14px;margin:0}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:8px}.stat-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0f1499;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:16px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card:hover{background:#14141ecc;border-color:#6366f180;box-shadow:0 12px 24px #0000004d;transform:translateY(-4px)}.stat-card.stat-primary{border-left:4px solid var(--accent-primary)}.stat-card.stat-success{border-left:4px solid var(--accent-success)}.stat-card.stat-danger{border-left:4px solid var(--accent-danger)}.stat-card.stat-warning{border-left:4px solid var(--accent-warning)}.stat-card.stat-info{border-left:4px solid var(--accent-primary)}.stat-card.stat-secondary{border-left:4px solid var(--text-secondary)}.stat-icon{align-items:center;background:var(--bg-tertiary);border-radius:6px;display:flex;flex-shrink:0;font-size:32px;height:48px;justify-content:center;width:48px}.stat-content{flex:1 1}.stat-content label{color:var(--text-secondary);display:block;font-size:12px;font-weight:600;letter-spacing:.8px;margin-bottom:6px;text-transform:uppercase}.stat-content value{color:var(--text-primary);display:block;font-size:28px;font-weight:700;line-height:1}.dashboard-actions{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-top:8px}@media (max-width:768px){.dashboard-actions{gap:16px;grid-template-columns:1fr}}.action-card,.info-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:24px}@media (max-width:480px){.action-card,.info-card{padding:16px}.action-card h3,.info-card h3{font-size:16px;margin-bottom:12px}}.action-card h3,.info-card h3{color:var(--text-heading);font-size:18px;font-weight:600;letter-spacing:-.3px;margin:0 0 16px}.action-buttons{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}@media (max-width:480px){.action-buttons{gap:10px;grid-template-columns:1fr}.action-btn{justify-content:center;width:100%}}.action-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:14px;font-weight:500;gap:10px;padding:12px 16px;transition:all .2s ease}.action-btn:hover{background:var(--bg-secondary);border-color:var(--accent-primary);color:var(--accent-primary)}.action-icon{font-size:18px}.status-list{display:flex;flex-direction:column;gap:12px}.status-item{align-items:center;display:flex;gap:12px}.status-indicator{border-radius:50%;flex-shrink:0;height:10px;width:10px}.status-indicator.status-online{background:var(--accent-success);box-shadow:0 0 8px #10b98180}.status-indicator.status-offline{background:var(--accent-danger)}.status-label{color:var(--text-primary);font-size:14px;font-weight:500}.card{box-shadow:0 1px 3px #00000014;padding:28px}.card-header{margin-bottom:20px;padding-bottom:16px}.data-table td,.data-table th{padding:14px 16px}.data-table td{font-size:14px}.status-expired{color:var(--accent-warning)}.btn-small{padding:6px 14px;transition:opacity .2s ease;white-space:nowrap}.btn-small.btn-primary{background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);color:var(--bg-primary)}.btn-small.btn-danger{background:linear-gradient(135deg,var(--accent-danger) 0,#f69 100%);color:#fff}.btn-small.btn-success{background:linear-gradient(135deg,var(--accent-primary) 0,#7c3aed 100%);color:var(--bg-primary)}.btn-add{border-radius:4px;font-size:13px;font-weight:600;padding:10px 20px;white-space:nowrap}@media (max-width:1024px){.stats-grid{gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.quick-actions-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (max-width:768px){.admin-dashboard{gap:16px}.dashboard-header h2{font-size:24px}.stats-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.stat-card{flex-direction:column;gap:10px;padding:16px;text-align:center}.stat-icon{font-size:24px}.stat-value{font-size:20px}.stat-label{font-size:11px}.quick-actions-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.quick-action-btn{font-size:13px;padding:12px 16px}.system-status-grid{gap:10px;grid-template-columns:1fr}.status-item{padding:12px}.accounts-table-container,.users-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.accounts-table,.users-table{min-width:700px}}@media (max-width:480px){.dashboard-header h2{font-size:20px}.dashboard-subtitle{font-size:12px}.stats-grid{gap:8px;grid-template-columns:1fr}.stat-card{padding:14px}.stat-value{font-size:18px}.quick-actions-grid{grid-template-columns:1fr}.quick-action-btn{font-size:12px;padding:10px 14px}.accounts-table,.users-table{font-size:12px;min-width:600px}.accounts-table td,.accounts-table th,.users-table td,.users-table th{padding:8px 10px}}.user-dashboard{display:flex;flex-direction:column;gap:25px}.user-info-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0f1499;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 24px #0000004d;margin-bottom:25px;padding:32px}.user-info-card h3{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#2563eb,#3b82f6 30%,#60a5fa 60%,#93c5fd);-webkit-background-clip:text;background-clip:text;font-size:26px;font-weight:700;margin-bottom:24px}.info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.info-item{background:#14141e80;border:1px solid #ffffff14;border-radius:10px;padding:20px;transition:all .3s ease}.info-item:hover{background:#19192399;border-color:#6366f14d}.info-item label{color:var(--text-secondary);display:block;font-size:12px;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.info-item value{color:var(--text-primary);display:block;font-size:18px;font-weight:700}.info-item.credit-total{background:linear-gradient(135deg,#6366f126,#8b5cf626);border-color:var(--accent-primary)}.info-item.credit-total .credit-value{color:var(--accent-primary);font-size:24px;font-weight:800}.badge{background:#6366f133;font-weight:700;padding:4px 12px}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0f1499;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 24px #0000004d;padding:32px}.card h2{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#2563eb,#3b82f6 30%,#60a5fa 60%,#93c5fd);-webkit-background-clip:text;background-clip:text}.account-control{gap:30px}.account-control,.account-info{display:flex;flex-direction:column}.account-info{gap:15px}.info-row{border-bottom:1px solid var(--border-color);padding:12px 0}.status-badge{border-radius:6px;font-weight:700;padding:6px 14px}.status-running{background:#6366f133;border:1px solid #6366f166;color:var(--accent-primary)}.status-stopped{background:#f363;border:1px solid #f366;color:var(--accent-danger)}.account-actions{display:flex;flex-wrap:wrap;gap:12px}.team-code-edit{display:inline-block}.team-code-input{width:120px}.btn-success{background:linear-gradient(135deg,var(--accent-primary) 0,#7c3aed 100%);color:var(--bg-primary)}.no-account{color:var(--text-muted);font-size:16px;padding:60px 20px;text-align:center}.credit-overview,.credit-summary{margin-bottom:20px}.credit-summary{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.summary-item{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;display:flex;flex-direction:column;gap:8px;padding:16px}.summary-label{color:var(--text-secondary);font-size:13px;font-weight:500}.summary-value{color:var(--text-primary);font-size:24px;font-weight:700}.functions-credit-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.function-credit-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;padding:20px;transition:all .3s ease}.function-credit-card:hover{border-color:var(--accent-primary);box-shadow:0 4px 12px #6366f133;transform:translateY(-2px)}.function-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.function-title{align-items:center;display:flex;gap:10px}.function-icon{font-size:20px}.function-name-text{color:var(--text-primary);font-size:16px;font-weight:600}.credit-status{border-radius:6px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.status-available{background:#10b98126;border:1px solid #10b9814d;color:#10b981}.status-unavailable{background:#ef444426;border:1px solid #ef44444d;color:#ef4444}.function-details{display:flex;flex-direction:column;gap:12px}.detail-row{align-items:center;display:flex;justify-content:space-between;padding:8px 0}.detail-label{color:var(--text-secondary);font-size:13px;font-weight:500}.detail-value{color:var(--text-primary);font-size:14px;font-weight:600}.detail-value.has-credits{color:var(--accent-primary)}.detail-value.no-credits{color:var(--text-muted)}.no-functions{color:var(--text-secondary);font-size:16px;padding:40px 20px;text-align:center}.no-functions p{margin:0}@media (max-width:768px){.user-dashboard{gap:20px}.card,.user-info-card{padding:24px 20px}.card h2,.user-info-card h3{font-size:20px;margin-bottom:16px}.info-grid{gap:12px;grid-template-columns:1fr}.info-item{padding:14px}.account-actions{flex-direction:column}.account-actions .btn{padding:12px;width:100%}.info-row{align-items:flex-start;flex-direction:column;gap:6px;padding:10px 0}}@media (max-width:480px){.card,.user-info-card{padding:20px 16px}.card h2,.user-info-card h3{font-size:18px;margin-bottom:14px}.info-item{padding:12px}.info-item value{font-size:16px}.team-code-input{max-width:150px;width:100%}.btn{font-size:14px;padding:12px 20px}.credit-summary,.functions-credit-list{grid-template-columns:1fr}.function-header{gap:12px}.detail-row,.function-header{align-items:flex-start;flex-direction:column}.detail-row{gap:4px}}.dashboard-layout{background:linear-gradient(180deg,#0a0a0f,#000);display:flex;min-height:100vh;position:relative}.dashboard-layout:before{animation:gridMove 20s linear infinite;background-image:repeating-linear-gradient(0deg,#6366f11a,#0000 1px,#0000 50px,#6366f11a 51px),repeating-linear-gradient(90deg,#6366f11a,#0000 1px,#0000 50px,#6366f11a 51px);background-size:50px 50px;content:"";height:100%;left:0;opacity:.15;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}@keyframes gridMove{0%{background-position:0 0}to{background-position:50px 50px}}.dashboard-layout:after{animation:floatOrb1 20s ease-in-out infinite;background:radial-gradient(circle,#6366f126 0,#0000 70%);border-radius:50%;content:"";height:600px;pointer-events:none;position:fixed;right:-20%;top:-50%;width:600px;z-index:0}@keyframes floatOrb1{0%,to{opacity:.6;transform:translate(0) scale(1)}33%{opacity:.8;transform:translate(-100px,100px) scale(1.2)}66%{opacity:.5;transform:translate(100px,-50px) scale(.9)}}.dashboard-main:before{animation:floatOrb2 25s ease-in-out infinite;background:radial-gradient(circle,#8b5cf61f 0,#0000 70%);border-radius:50%;bottom:-30%;content:"";height:500px;left:-15%;pointer-events:none;position:fixed;width:500px;z-index:0}@keyframes floatOrb2{0%,to{opacity:.5;transform:translate(0) scale(1)}50%{opacity:.7;transform:translate(150px,-150px) scale(1.3)}}.dashboard-main{flex:1 1;margin-left:260px;min-height:100vh;position:relative;z-index:1}.dashboard-content{margin:0 auto;max-width:1400px;padding:32px}.loading-container{align-items:center;background:linear-gradient(180deg,#0a0a0f,#000);display:flex;height:100vh;justify-content:center}.loading-text{color:#6366f1;font-size:18px;font-weight:600}@media (max-width:768px){.dashboard-main{margin-left:0;padding-top:60px;width:100%}.dashboard-content{max-width:100%;padding:16px;width:100%}}@media (max-width:480px){.dashboard-main{padding-top:56px}.dashboard-content{padding:12px;width:100%}}.confirm-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.confirm-dialog{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 4px 20px #0000004d;max-width:450px;padding:28px;width:90%}.confirm-header{border-bottom:1px solid var(--border-color);margin-bottom:20px;padding-bottom:16px}.confirm-header h3{color:var(--text-heading);font-size:20px;font-weight:600;margin:0}.confirm-body{margin-bottom:24px}.confirm-body p{color:var(--text-primary);font-size:15px;line-height:1.6;margin:0}.confirm-actions{display:flex;gap:12px;justify-content:flex-end}.btn-danger{background:linear-gradient(135deg,var(--accent-danger) 0,#f69 100%);color:#fff}@media (max-width:480px){.confirm-dialog{max-width:95%;padding:20px 16px}.confirm-header h3{font-size:18px}.confirm-body p{font-size:14px}.confirm-actions{flex-direction:column;gap:8px}.confirm-actions button{padding:12px;width:100%}}.user-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;display:flex;flex-direction:column;gap:12px;padding:16px}.card-role{color:var(--text-secondary);display:block;font-size:12px}.card-info-grid{grid-template-columns:1fr}.data-table th{border-right:1px solid var(--border-color)}.data-table th:last-child{border-right:none}.data-table td{border-right:1px solid var(--border-color)}.data-table td:last-child{border-right:none}.data-table tbody tr:last-child td{border-bottom:1px solid var(--border-color)}.badge{background:#6366f126;border-radius:4px;color:var(--accent-primary);display:inline-block;font-size:11px;font-weight:600;padding:5px 10px}.badge.role-super_admin{background:linear-gradient(135deg,#f59e0b,#d97706);border:1px solid #f59e0b80;color:#fff}.badge.role-admin{background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);border:1px solid #6366f14d;color:var(--bg-primary)}.badge.role-user{background:#6b728026;border:1px solid #6b72804d;color:var(--text-secondary)}.status-active{background:#6366f126;border:1px solid #6366f14d;color:var(--accent-primary)}.status-expired{background:#f59e0b26;border:1px solid #f59e0b4d;color:#f59e0b}.actions .btn-small.btn-primary,.data-table .btn-small.btn-primary{background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);color:var(--bg-primary)}.actions .btn-small.btn-info,.data-table .btn-small.btn-info{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff}.modal-content{padding:20px}.modal-header{margin-bottom:16px;padding-bottom:12px}.form-row{grid-gap:12px;gap:12px;margin-bottom:16px}.form-group{margin-bottom:0}.modal-actions{margin-top:16px;padding-top:16px}@media (max-width:768px){background:var(--bg-secondary);border:1px solid var(--border-color);position:relative;.form-row{gap:16px}.form-row,.functions-checkbox-group{grid-template-columns:1fr}.modal-content{max-width:95%;padding:16px}.modal-header{margin-bottom:12px;padding-bottom:10px}.modal-header h3{font-size:18px}}.checkbox-label:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);transform:translateY(-1px)}.checkbox-label input[type=checkbox]{accent-color:var(--accent-primary);appearance:none;-webkit-appearance:none;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:4px;flex-shrink:0;height:20px;margin:0;position:relative;transition:all .2s ease;width:20px}.checkbox-label input[type=checkbox]:checked{background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);border-color:var(--accent-primary)}.checkbox-label input[type=checkbox]:checked:after{color:#fff;content:"✓";font-size:14px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.checkbox-label input[type=checkbox]:focus{box-shadow:0 0 0 3px #6366f133;outline:none}.checkbox-label span{color:var(--text-primary);flex:1 1;font-size:13px;font-weight:500;line-height:1.4}.checkbox-label small{color:var(--text-secondary);font-size:11px;font-weight:400;margin-left:6px}.function-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;display:flex;flex-direction:column;gap:8px;padding:12px}.toggle-switch-container{align-items:center;display:flex;gap:12px;justify-content:space-between}.function-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.function-name{color:var(--text-primary);font-size:13px;font-weight:500;line-height:1.4}.function-cost{color:var(--text-secondary);font-size:11px;font-weight:400}.toggle-switch{flex-shrink:0;height:24px;width:48px}.toggle-slider{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:24px}.toggle-slider,.toggle-slider:before{transition:all .3s ease}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);border-color:var(--accent-primary)}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 0 3px #6366f133}.toggle-switch:hover .toggle-slider{border-color:var(--accent-primary)}.function-credit-input{margin-top:4px}.function-credit-input input{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:13px;padding:8px 10px;transition:border-color .2s ease;width:100%}.function-credit-input input:focus{border-color:var(--accent-primary);outline:none}.user-credits{color:var(--text-secondary);font-size:12px;margin-top:4px}.user-credits strong{color:var(--primary-color);font-weight:600}@media (max-width:768px){.management-layout{overflow-x:hidden;width:100%}.management-main{margin-left:0;padding-top:60px;width:100%}.management-content{max-width:100%;padding:16px;width:100%}.card{padding:20px}.card h2{font-size:18px}.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.data-table{min-width:700px}.data-table td,.data-table th{font-size:13px;padding:10px 12px}.form-row{gap:16px}.form-row,.functions-checkbox-group{grid-template-columns:1fr}.modal-content{max-width:95%;padding:16px}.modal-header{margin-bottom:12px;padding-bottom:10px}.modal-header h3{font-size:18px}}@media (max-width:480px){.management-main{padding-top:56px}.management-content{padding:12px;width:100%}.card{padding:16px}.card h2{font-size:16px}.table-header-actions{margin-bottom:10px}.desktop-view{display:none!important}.mobile-view{display:flex!important;flex-direction:column}.user-card{width:100%}.modal-content{max-height:95vh;max-width:95%;padding:20px 16px}.modal-header h3{font-size:18px}.form-group{margin-bottom:16px}.form-group input,.form-group select{font-size:13px;padding:10px 12px}.modal-actions{flex-direction:column;gap:8px}.modal-actions .btn{padding:12px;width:100%}}.management-layout{background:var(--bg-primary)}.management-main{align-items:flex-start;display:flex;flex:1 1;justify-content:flex-start;margin-left:260px;min-height:100vh;padding:0;width:calc(100% - 260px)}.management-content{margin:0;overflow-x:visible;padding:15px 0 15px 5px}.card{border-radius:8px;box-sizing:border-box;margin:0 0 0 -5px;max-width:none!important;min-width:0!important;padding:20px;width:calc(100% + 5px)!important}.card-header{border-bottom:1px solid var(--border-color);justify-content:space-between;padding-bottom:12px}.card-header,.table-header-actions{align-items:center;display:flex;margin-bottom:12px}.table-header-actions{gap:8px;justify-content:flex-end}.card h2{font-size:20px;font-weight:600;letter-spacing:-.3px;margin:0;white-space:nowrap}.table-container{margin-top:4px;overflow-x:auto}.cards-container{display:none;gap:16px;margin-top:16px}.account-card,.user-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;display:flex;flex-direction:column;gap:12px;padding:16px}.card-header-row{align-items:flex-start;border-bottom:1px solid var(--border-color);padding-bottom:12px}.card-title-section{flex:1 1}.card-title{color:var(--text-heading);font-size:16px;margin:0 0 4px}.card-id,.card-role{color:var(--text-secondary);display:block;font-size:12px}.card-status-section{align-items:center;display:flex}.card-info-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.card-info-item{display:flex;flex-direction:column;gap:6px}.card-info-item label{color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.card-value{color:var(--text-primary);font-size:14px;font-weight:500}.card-actions{border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:8px;padding-top:12px}.card-actions .btn-small{flex:1 1;min-width:0}.data-table{border-collapse:initial;border-radius:4px;border-spacing:0;overflow:hidden;width:100%}.data-table,.data-table th{background:var(--bg-tertiary)}.data-table th{border-bottom:2px solid var(--border-color);color:var(--text-heading);font-size:11px;font-weight:600;letter-spacing:.5px;padding:12px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}.data-table td{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:13px;padding:12px 14px;vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover,.data-table tbody tr:hover td{background:var(--bg-tertiary)}.status-badge{letter-spacing:.5px;padding:5px 12px}.status-running{background:#10b98126;border:1px solid #10b9814d;color:#10b981}.status-stopped{background:#ef444426;border:1px solid #ef44444d;color:#ef4444}.actions{display:flex;gap:6px;justify-content:flex-end}.actions .btn-small,.data-table .btn-small{border:none;border-radius:4px;cursor:pointer;font-size:11px!important;font-weight:600;height:auto;line-height:1.3;min-width:55px;padding:5px 12px!important;transition:opacity .2s ease;white-space:nowrap}.actions .btn-small.btn-success,.data-table .btn-small.btn-success{background:linear-gradient(135deg,var(--accent-primary) 0,#7c3aed 100%);color:var(--bg-primary)}.actions .btn-small.btn-danger,.data-table .btn-small.btn-danger{background:linear-gradient(135deg,var(--accent-danger) 0,#f69 100%);color:#fff}.actions .btn-small.btn-warning,.data-table .btn-small.btn-warning{background:linear-gradient(135deg,var(--accent-warning) 0,#fbbf24 100%);color:var(--bg-primary)}.btn-small:hover{opacity:.9}.card-header .btn-add{border-radius:4px;flex-shrink:0;font-size:11px!important;font-weight:600;height:auto;line-height:1.3;padding:5px 12px!important;white-space:nowrap}.btn:hover{opacity:.9}.loading{color:var(--accent-primary);font-weight:600;padding:40px}.modal-overlay{background:#000000b3;bottom:0;right:0}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 4px 20px #0000004d;max-width:500px;padding:28px}.modal-header{border-bottom:1px solid var(--border-color);margin-bottom:24px;padding-bottom:16px}.modal-header h3{color:var(--text-heading);font-size:20px;font-weight:600;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;transition:opacity .2s ease;width:32px}.modal-close:hover{background:var(--bg-tertiary);opacity:.7}.form-group label{color:var(--text-heading)}.form-group input,.form-group select{padding:12px 14px;transition:border-color .2s ease}.modal-actions{border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.btn-secondary{background:var(--bg-tertiary)}.btn-secondary:hover{opacity:.8}.btn-warning{background:linear-gradient(135deg,var(--accent-warning) 0,#fbbf24 100%);color:var(--bg-primary)}.team-code-display{border-radius:4px;cursor:pointer;display:inline-block;min-width:60px;padding:4px 8px;transition:background .2s ease}.team-code-display:hover,.team-code-input{background:var(--bg-tertiary)}.team-code-input{border:2px solid var(--accent-primary);border-radius:4px;color:var(--text-primary);font-family:monospace;font-size:14px;font-weight:600;letter-spacing:2px;padding:6px 10px;text-align:center;width:100px}.team-code-input:focus{border-color:var(--accent-secondary);box-shadow:0 0 0 3px #6366f133;outline:none}@media (max-width:768px){.management-layout{overflow-x:hidden;width:100%}.management-main{margin-left:0;padding-top:60px;width:100%}.management-content{max-width:100%;padding:16px;width:100%}.card{padding:20px}.card h2{font-size:18px}.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.data-table{min-width:800px}.data-table td,.data-table th{font-size:13px;padding:10px 12px}.modal-content{max-width:90%;padding:24px 20px}}@media (min-width:481px){.desktop-view{display:block}.mobile-view{display:none!important}}@media (max-width:480px){.management-main{padding-top:56px}.management-content{padding:12px;width:100%}.card{padding:16px}.card h2{font-size:16px}.table-header-actions{margin-bottom:10px}.desktop-view{display:none!important}.mobile-view{display:flex!important;flex-direction:column}.account-card,.user-card{width:100%}.card-info-grid{grid-template-columns:1fr}.modal-content{max-height:95vh;max-width:95%;padding:20px 16px}.modal-header h3{font-size:18px}.form-group{margin-bottom:16px}.form-group input,.form-group select{font-size:13px;padding:10px 12px}.modal-actions{flex-direction:column;gap:8px}.modal-actions .btn{padding:12px;width:100%}}body,html{background-color:#141414;height:100%;margin:0;padding:0;width:100%}.product-management{background:#141414;box-sizing:border-box;margin:0;min-height:100vh;padding:0;width:100%}.website-management-container{animation:fadeIn .4s ease-out;display:flex;flex-direction:column;gap:24px;padding:0 10px}.backup-card{background:linear-gradient(145deg,#1a1a1a,#222);border:1px solid #ffffff14;border-radius:12px;box-shadow:0 4px 20px #0003;overflow:hidden;padding:30px;position:relative}.backup-card:before{background:linear-gradient(180deg,#6366f1,#8b5cf6);content:"";height:100%;left:0;position:absolute;top:0;width:4px}.backup-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.backup-title h2{align-items:center;color:#fff;display:flex;font-size:20px;font-weight:700;gap:10px;margin:0 0 8px}.backup-title p{color:#888;font-size:14px;margin:0}.backup-status-badge{background:#6366f11a;border:1px solid #6366f133;border-radius:20px;color:#818cf8;font-size:12px;font-weight:600;padding:6px 12px}.backup-list-container{background:#0003;border:1px solid #ffffff0d;border-radius:8px;margin-bottom:24px;padding:20px}.backup-list-title{color:#ccc;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:15px;text-transform:uppercase}.backup-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.backup-item{align-items:center;background:#ffffff08;border-radius:6px;color:#ddd;display:flex;font-size:13px;gap:10px;padding:8px}.backup-check{color:#4caf50;font-size:16px}.backup-action-area{align-items:center;display:flex;gap:15px;margin-top:10px}.backup-btn-premium{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:8px;box-shadow:0 4px 15px #4f46e54d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;min-width:200px;padding:12px 24px;transition:all .2s}.backup-btn-premium:hover{box-shadow:0 8px 25px #4f46e566;transform:translateY(-2px)}.backup-btn-premium:disabled{cursor:not-allowed;opacity:.7;transform:none}.last-backup-info{color:#666;font-size:13px}.file-tools-bar{background:#1a1a1a;border:1px solid #ffffff0d;border-radius:8px;display:flex;gap:12px;margin-bottom:20px;padding:10px}.search-input-wrapper{flex:1 1;position:relative}.search-icon{color:#666;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.file-search-input{background:#252525;border:1px solid #ffffff1a;border-radius:6px;color:#fff;font-size:14px;padding:10px 10px 10px 36px;transition:all .2s;width:100%}.file-search-input:focus{background:#2a2a2a;border-color:#6366f1;outline:none}.refresh-btn{align-items:center;background:#252525;border:1px solid #ffffff1a;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s}.refresh-btn:hover{background:#333;border-color:#666}.product-management-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.header-left{gap:15px}.back-btn,.header-left{align-items:center;display:flex}.back-btn{background:#141414;border:1px solid #ffffff1a;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:700;gap:5px;padding:8px 16px;transition:none}.product-management-header h1{color:#fff;font-size:24px;font-weight:800;margin:0}.add-product-btn{background:#141414;border:1px solid #ffffff1a;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:700;padding:10px 20px;transition:none}.access-denied{color:#fff9;padding:60px 20px;text-align:center}.access-denied h2{color:#fff;margin-bottom:10px}.loading{color:#ffffffb3;font-size:14px;font-weight:500;padding:40px 20px;text-align:center}.products-table-container{background:#141414;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 2px 8px #0000004d;margin-top:20px;overflow:hidden}.products-table{border-collapse:collapse;width:100%}.products-table thead{background:#141414}.products-table th{background:#141414;border-bottom:1px solid #ffffff1a;border-right:1px solid #ffffff1a;color:#fff;font-size:12px;font-weight:700;letter-spacing:.5px;padding:12px 14px;text-align:left;text-transform:uppercase}.products-table th:last-child{border-right:none}.products-table td{background:#141414;border-bottom:1px solid #ffffff1a;border-right:1px solid #ffffff1a;color:#ffffffe6;font-size:13px;font-weight:500;padding:12px 14px}.products-table td:last-child{border-right:none}.products-table tbody tr:last-child td{border-bottom:none}.product-thumb{border-radius:4px;height:50px;object-fit:cover;width:50px}.no-image{align-items:center;background:#141414;border:1px solid #ffffff1a;border-radius:4px;color:#ffffff80;display:flex;font-size:10px;height:50px;justify-content:center;width:50px}.description-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stock-badge{background:#141414;border:1px solid #ffffff1a;border-radius:4px;display:inline-block;font-size:11px;font-weight:700;padding:4px 9px}.stock-badge.in-stock{color:#22c55e}.stock-badge.out-of-stock{color:#ef4444}.stock-badge.unlimited{background:#22c55e1a;border-color:#22c55e4d;color:#22c55e}.reseller-badge{background:#22c55e26;border:1px solid #22c55e4d;border-radius:4px;color:#22c55e;display:inline-block;font-size:10px;font-weight:700;letter-spacing:.5px;margin-left:8px;padding:2px 8px;text-transform:uppercase}.reseller-note{color:#22c55e;font-size:11px;font-weight:400;margin-left:5px}.add-keys-btn.disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.keys-badge.no-keys{color:#6b7280;font-style:italic}.keys-badges{display:flex;flex-direction:column;gap:4px}.keys-badge{background:#141414;border:1px solid #ffffff1a;border-radius:4px;display:inline-block;font-size:11px;font-weight:600;padding:4px 10px}.keys-badge.total{color:#6366f1}.keys-badge.available{color:#22c55e}.keys-badge.sold{color:#ef4444}.action-buttons{display:flex;flex-wrap:wrap;gap:6px}.add-keys-btn,.delete-btn,.edit-btn{background:#141414;border:1px solid #ffffff1a;border-radius:4px;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:none}.edit-btn{color:#6366f1}.delete-btn{color:#ef4444}.add-keys-btn{color:#22c55e}.btn-small{border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:opacity .2s}.btn-small.btn-info{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff}.btn-small.btn-info:hover{opacity:.9}.view-details-btn{background:#141414;border:1px solid #ffffff1a;border-radius:4px;color:#8b5cf6;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:none}.no-products{color:#fff9;padding:40px;text-align:center}.modal-overlay{align-items:center;background:#000000e6;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background:#141414;border:1px solid #ffffff1a;border-radius:4px;box-shadow:0 10px 40px #000c;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.product-form-compact{padding:15px 20px}.form-group-compact{margin-bottom:12px}.form-group-compact label{color:#fff;display:block;font-size:12px;font-weight:600;margin-bottom:5px}.form-group-compact input,.form-group-compact textarea{background:#141414;border:1px solid #ffffff1a;border-radius:4px;color:#fff;font-family:inherit;font-size:13px;padding:8px 10px;width:100%}.form-group-compact input:focus,.form-group-compact textarea:focus{border-color:#fff3;outline:none}.form-group-compact textarea{min-height:50px;resize:vertical}.form-row-compact{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:12px}.multi-input-row-compact{display:flex;gap:6px;margin-bottom:6px}.multi-input-row-compact input{flex:1 1}.remove-input-btn-compact{color:#ef4444;font-size:16px;font-weight:700;min-width:36px}.add-input-btn-compact,.remove-input-btn-compact{background:#141414;border:1px solid #ffffff1a;border-radius:4px;cursor:pointer;padding:8px 12px;transition:none}.add-input-btn-compact{color:#fff;font-size:12px;font-weight:600;margin-top:4px;width:100%}.form-actions-compact{grid-gap:10px;border-top:1px solid #ffffff1a;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-top:15px;padding-top:15px}.cancel-btn-compact,.save-btn-compact{background:#141414;border:1px solid #ffffff1a;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:10px 20px;transition:none}.save-btn-compact{border-color:#fff3}.day-pricing-container-compact{background:#141414;border:1px solid #ffffff1a;border-radius:4px;padding:10px}.add-day-row-compact{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr auto;margin-bottom:10px}.day-input-compact{font-size:13px;padding:8px 10px}.add-day-btn-compact,.day-input-compact{background:#141414;border:1px solid #ffffff1a;border-radius:4px;color:#fff}.add-day-btn-compact{cursor:pointer;font-size:12px;font-weight:600;padding:8px 16px;transition:none;white-space:nowrap}.day-pricing-grid-compact{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:8px}.day-pricing-item-compact{display:flex;flex-direction:column}.day-pricing-item-compact label{color:#fffc;font-size:11px;margin-bottom:4px}.day-pricing-input-row-compact{display:flex;gap:4px}.day-pricing-input-row-compact input{color:#fff;flex:1 1;font-size:12px;padding:6px 8px}.day-pricing-input-row-compact input,.remove-day-btn-compact{background:#141414;border:1px solid #ffffff1a;border-radius:4px}.remove-day-btn-compact{color:#ef4444;cursor:pointer;font-size:14px;font-weight:700;min-width:32px;padding:6px 10px;transition:none}.reseller-pricing-inputs{display:flex;flex-direction:column;gap:6px;margin-top:6px}.reseller-price-input-full{background:#141414;border:1px solid #ffffff1a;border-radius:4px;color:#fff;font-size:12px;padding:6px 8px;width:100%}.toggle-label{align-items:center;cursor:pointer;display:flex;gap:10px;margin-bottom:5px}.toggle-switch{-webkit-appearance:none;appearance:none;background:#ffffff1a;border-radius:20px;height:20px;transition:background .3s;width:40px}.toggle-switch:checked{background:#22c55e}.toggle-switch:before{background:#fff;border-radius:50%;content:"";height:16px;left:2px;position:absolute;top:2px;transition:transform .3s;width:16px}.toggle-switch:checked:before{transform:translateX(20px)}.toggle-label span{color:#fff;font-size:13px;font-weight:600}.keys-modal-content{max-width:900px}.modal-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:15px 20px}.modal-header h2{color:#fff;font-size:18px;font-weight:600;margin:0}.close-modal{align-items:center;background:none;border:none;border-radius:4px;color:#fff9;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:none;width:32px}.product-form{padding:20px}.form-group{margin-bottom:20px}.form-group label{color:#fff}.form-group input,.form-group textarea{background:#141414;border:1px solid #ffffff1a;border-radius:4px;color:#fff;padding:12px;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#fff3}.form-group textarea{min-height:80px;resize:vertical}.form-group small{color:#ffffff80;display:block;font-size:11px;margin-top:5px}.form-row{grid-gap:15px;gap:15px}.multi-input-row{display:flex;gap:8px;margin-bottom:10px}.multi-input-row input{flex:1 1}.remove-input-btn{color:#ef4444;font-size:18px;font-weight:700;min-width:40px}.add-input-btn,.remove-input-btn{background:#141414;border:1px solid #ffffff1a;border-radius:4px;cursor:pointer;padding:10px 15px;transition:none}.add-input-btn{color:#fff;font-size:13px;font-weight:600;margin-top:5px;width:100%}.form-actions{border-top:1px solid #ffffff1a;display:flex;gap:12px;justify-content:flex-end;margin-top:30px;padding-top:20px}.cancel-btn,.save-btn{background:#141414;border:1px solid #ffffff1a;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:none}.save-btn{border-color:#fff3}.no-day-pricing-section{background:#ffffff05;border:1px solid #ffffff1a;border-radius:4px;margin-bottom:20px;padding:20px}.no-day-pricing-info{margin-bottom:20px}.no-day-pricing-info h3{color:orange;font-size:18px;margin-bottom:10px}.no-day-pricing-info p{color:#ffffffb3;font-size:14px;margin:5px 0}.no-day-pricing-info .stock-info{color:#51cf66;font-weight:600}.add-single-key-form{margin-top:20px}.add-single-key-form .form-group{margin-bottom:15px}.add-single-key-form .form-group label{color:#fff;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.add-single-key-form .keys-textarea{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;color:#fff;font-family:Courier New,monospace;font-size:14px;min-height:80px;padding:12px;resize:vertical;width:100%}.add-single-key-form .keys-textarea:focus{border-color:#ffffff4d;outline:none}.add-single-key-form .form-group small{color:orange;display:block;font-size:12px;margin-top:5px}@media (max-width:768px){.management-layout{flex-direction:column;height:auto;min-height:100vh}.management-sidebar{border-bottom:1px solid #ffffff1a;border-right:none;height:auto;min-width:100%;padding:15px 0;position:relative;width:100%}.sidebar-nav{flex:none;padding:10px}.sidebar-nav-item{font-size:13px;padding:10px 12px}.sidebar-nav-item .nav-icon{font-size:16px;width:20px}.sidebar-footer{padding:15px 10px}.sidebar-back-btn{font-size:13px;padding:10px 12px}.management-content{margin-left:0;max-width:100%;padding:20px 15px;width:100%}.management-content .product-management-header{align-items:flex-start;flex-direction:column;gap:15px;padding-bottom:15px}.management-content .product-management-header h2{font-size:20px}.product-management{padding:0}.product-management-header{align-items:flex-start;flex-direction:column;gap:15px}.add-product-btn{font-size:13px;padding:12px;width:100%}.products-table-container,.users-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.products-table,.users-table{min-width:800px}.products-table td,.products-table th,.users-table td,.users-table th{font-size:12px;padding:8px 10px}.backup-section{padding:20px 15px}.backup-section h2{font-size:18px}.backup-section>p{font-size:13px}.form-actions-compact,.form-row,.form-row-compact{grid-template-columns:1fr}.modal-content{max-height:95vh;width:95%}}@media (max-width:480px){.management-content{padding:15px 10px}.management-content .product-management-header h2{font-size:18px}.products-table td,.products-table th,.users-table td,.users-table th{font-size:11px;padding:6px 8px}.sidebar-nav-item{font-size:12px;padding:8px 10px}.sidebar-back-btn{font-size:12px;padding:10px 12px}.backup-section{padding:15px 12px}.add-product-btn{font-size:12px;padding:10px}.form-actions-compact,.form-row,.form-row-compact{grid-template-columns:1fr}.modal-content{max-height:95vh;width:95%}}.keys-details-modal{max-height:90vh;max-width:900px;overflow-y:auto}.keys-details-content{padding:20px}.keys-stats-section{margin-bottom:30px}.keys-stats-section h3{color:#fff;font-size:16px;font-weight:600;margin-bottom:15px}.keys-stats-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.keys-stat-card{background:#141414;border:1px solid #ffffff1a;border-radius:4px;padding:15px;transition:none}.stat-card-header{margin-bottom:10px}.stat-days{color:#fff;font-size:14px;font-weight:600}.stat-card-body{display:flex;flex-direction:column;gap:8px}.stat-item{align-items:center;display:flex;justify-content:space-between}.stat-label{color:#fff9;font-size:12px}.stat-value{font-size:13px;font-weight:600}.stat-value.total{color:#6366f1}.stat-value.available{color:#22c55e}.stat-value.sold{color:#ef4444}.purchases-section{margin-top:30px}.purchases-section h3{color:#fff;font-size:16px;font-weight:600;margin-bottom:15px}.purchases-table-container{border:1px solid #ffffff1a;border-radius:4px;overflow-x:auto}.purchases-table{background:#141414;border-collapse:collapse;width:100%}.purchases-table th{background:#141414;border-bottom:1px solid #ffffff1a;border-right:1px solid #ffffff1a;color:#fff;font-size:11px;font-weight:600;letter-spacing:.5px;padding:12px;text-align:left;text-transform:uppercase}.purchases-table th:last-child{border-right:none}.purchases-table td{background:#141414;border-bottom:1px solid #ffffff1a;border-right:1px solid #ffffff1a;color:#fffc;font-size:12px;padding:10px 12px}.purchases-table td:last-child{border-right:none}.purchases-table tbody tr:last-child td{border-bottom:none}.days-badge{color:#6366f1}.amount-badge,.days-badge{background:#141414;border:1px solid #ffffff1a;border-radius:4px;font-size:11px;font-weight:600;padding:4px 8px}.amount-badge{color:#22c55e}.key-display{word-wrap:break-word;color:#fffc;display:inline-block;font-family:Courier New,monospace;font-size:11px;max-width:100%;overflow:visible;overflow-wrap:break-word;white-space:normal;word-break:break-all}.day-pricing-container{background:#141414;border:1px solid #ffffff1a;border-radius:4px;padding:15px}.add-day-row{align-items:flex-end;display:flex;gap:10px;margin-bottom:15px}.day-input{flex:1 1;padding:8px 12px}.add-day-btn,.day-input{background:#141414;border:1px solid #ffffff1a;border-radius:4px;color:#fff;font-size:13px}.add-day-btn{cursor:pointer;font-weight:600;padding:8px 20px;transition:none;white-space:nowrap}.day-pricing-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:10px}.day-pricing-item{display:flex;flex-direction:column}.day-pricing-item label{color:#fffc;font-size:12px;margin-bottom:5px}.day-pricing-input-row{display:flex;gap:5px}.day-pricing-input-row input{color:#fff;flex:1 1;font-size:13px}.day-pricing-input-row input,.remove-day-btn{background:#141414;border:1px solid #ffffff1a;border-radius:4px;padding:8px 12px}.remove-day-btn{color:#ef4444;cursor:pointer;font-size:16px;font-weight:700;min-width:36px;transition:none}.days-input{background:#141414;border:1px solid #ffffff1a;border-radius:4px;color:#fff;font-size:14px;margin-bottom:15px;padding:10px;width:100%}.stock-readonly{background:#1e1e1e!important;color:#fff9!important;cursor:not-allowed!important;opacity:.7}.keys-textarea{font-family:monospace;font-size:12px}.no-data{color:#ffffff80;padding:20px;text-align:center}.day-cards-container{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:30px}.day-card{background:#191919;border:1px solid #ffffff1a;border-radius:4px;padding:15px;transition:none}.day-card.selected{background:#1e1e1e;border-color:#22c55e}.day-card-header{margin-bottom:12px}.day-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.day-info h3{color:#fff;font-size:18px;font-weight:600;margin:0}.day-price{color:#22c55e;font-size:16px;font-weight:600}.day-stats{display:flex;font-size:12px;gap:15px}.day-stats .stat{color:#fff9}.day-stats .stat.available{color:#22c55e}.day-stats .stat.sold{color:#ef4444}.day-card-actions{display:flex;gap:8px}.select-day-btn,.view-keys-btn{background:#141414;border:1px solid #ffffff1a;border-radius:4px;color:#fff;cursor:pointer;flex:1 1;font-size:12px;font-weight:600;padding:8px 12px;transition:none}.view-keys-btn{color:#8b5cf6}.select-day-btn{color:#22c55e}.day-card.selected .select-day-btn,.select-day-btn:disabled{background:#22c55e;color:#fff;cursor:default}.keys-list{border-top:1px solid #ffffff1a;margin-top:15px;padding-top:15px}.keys-section{margin-bottom:20px}.keys-section h4{color:#fff;font-size:14px;font-weight:600;margin:0 0 10px}.keys-grid{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-x:visible;overflow-y:auto;width:100%}.key-item{word-wrap:break-word;align-items:center;background:#141414;border:1px solid #ffffff1a;border-radius:4px;display:flex;font-size:12px;justify-content:space-between;min-height:40px;overflow-wrap:break-word;padding:8px 12px}.key-item.sold{border-color:#ef44444d;opacity:.6}.key-value{word-wrap:break-word;color:#fff!important;flex:1 1;font-family:monospace;font-weight:500;max-width:100%;overflow:visible;overflow-wrap:break-word;white-space:normal;word-break:break-all}.key-item.sold .key-value{color:#fffc!important}.key-info{color:#ffffffb3!important;font-size:11px;margin-left:10px;white-space:nowrap}.key-item.sold .key-info{color:#fff9!important}.delete-key-btn{align-items:center;background:#ef4444;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:24px;justify-content:center;margin-left:8px;transition:none;width:24px}.no-keys{color:#fff6;font-size:12px;font-style:italic;padding:10px;text-align:center}.add-keys-form{border-top:1px solid #ffffff1a;margin-top:30px;padding-top:30px}.loading-keys{color:#fff9;padding:40px;text-align:center}.management-layout{display:flex;gap:0;height:100vh;min-height:100vh}.management-sidebar{background:#191919;border-right:1px solid #ffffff1a;height:100vh;left:0;min-width:250px;overflow-y:auto;padding:20px 0;position:fixed;top:0;width:250px}.management-sidebar,.sidebar-nav{display:flex;flex-direction:column}.sidebar-nav{flex:1 1;gap:4px;padding:20px 12px}.sidebar-nav-item{align-items:center;background:#0000;border:none;border-radius:6px;color:#ffffffb3;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:12px;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.sidebar-nav-item:hover{background:#ffffff0d;color:#ffffffe6}.sidebar-nav-item.active{background:#6366f126;border-left:3px solid #6366f1;color:#6366f1}.sidebar-nav-item .nav-icon{font-size:18px;text-align:center;width:24px}.sidebar-nav-item .nav-text{flex:1 1}.sidebar-footer{border-top:1px solid #ffffff1a;margin-top:auto;padding:20px 12px}.sidebar-back-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:#fffc;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.sidebar-back-btn:hover{background:#ffffff1a;border-color:#fff3;color:#fff}.management-content{box-sizing:border-box;flex:1 1;margin-left:250px;max-width:calc(100vw - 250px);min-width:0;padding:30px 40px;width:100%}.management-content .product-management-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.management-content .product-management-header h2{color:#fff;font-size:24px;font-weight:800;margin:0}.management-tabs,.tab-btn,.tab-btn-small,.tab-btn.active{display:none}.users-search-container{position:relative}.users-table-container{-webkit-overflow-scrolling:touch;background:#141414;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 2px 8px #0000004d;margin-top:20px;overflow-x:auto;scrollbar-color:#fff3 #0000;scrollbar-width:thin}@media (min-width:1600px){.users-table-container{overflow-x:visible}}@media (max-width:1599px) and (min-width:1200px){.users-table{min-width:1400px}}@media (max-width:1199px){.users-table{min-width:1200px}}.users-table-container::-webkit-scrollbar{height:8px}.users-table-container::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.users-table-container::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.users-table-container::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.users-table{background:#141414;border:1px solid #ffffff1a;border-collapse:collapse;table-layout:fixed;width:100%}.users-table th{word-wrap:break-word;background:#191919;border-bottom:1px solid #ffffff1a;border-right:1px solid #ffffff1a;color:#fff;font-size:11px;font-weight:700;letter-spacing:.5px;line-height:1.2;overflow:visible;padding:10px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;white-space:normal;z-index:10}.users-table td:first-child,.users-table th:first-child{max-width:50px;min-width:50px;padding:8px;text-align:center;vertical-align:middle;width:4%}.users-table td:nth-child(2),.users-table th:nth-child(2){min-width:120px;width:10%}.users-table td:nth-child(3),.users-table th:nth-child(3){min-width:200px;width:16%}.users-table td:nth-child(4),.users-table th:nth-child(4){min-width:120px;width:10%}.users-table td:nth-child(5),.users-table th:nth-child(5){min-width:100px;width:9%}.users-table td:nth-child(6),.users-table td:nth-child(7),.users-table th:nth-child(6),.users-table th:nth-child(7){min-width:110px;width:10%}.users-table td:nth-child(8),.users-table th:nth-child(8){min-width:90px;width:8%}.users-table td:nth-child(10),.users-table td:nth-child(11),.users-table td:nth-child(9),.users-table th:nth-child(10),.users-table th:nth-child(11),.users-table th:nth-child(9){min-width:140px;width:12%}.users-table td:nth-child(12),.users-table th:nth-child(12){min-width:100px;width:9%}.users-table td{word-wrap:break-word;border-bottom:1px solid #ffffff1a;border-right:1px solid #ffffff1a;color:#ffffffe6;font-size:12px;font-weight:500;line-height:1.3;overflow:visible;overflow-wrap:break-word;padding:10px;vertical-align:middle;white-space:normal}.users-table tr:hover{background:#ffffff05}.users-table tr:last-child td{border-bottom:none}.user-photo{display:block;object-fit:cover}.user-photo,.user-photo-placeholder{border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;height:40px;min-height:40px;min-width:40px;width:40px}.user-photo-placeholder{align-items:center;background:#6366f1;color:#fff;display:flex;font-size:16px;font-weight:600;justify-content:center}.user-name-cell{color:#fffffff2;font-weight:600;padding:1px 0}.username-cell{color:#ffffffb3;font-family:monospace;font-size:12px}.email-cell{font-family:monospace;font-size:11px;font-weight:500;line-height:1.3;padding:1px 0;white-space:normal;word-break:break-all}.phone-badge{background:#1e1e1e;border:1px solid #22c55e4d;border-radius:4px;color:#22c55e;cursor:help;display:inline-block;font-size:12px;font-weight:600;padding:4px 8px}.no-phone{color:#fff6}.balance-badge{border:1px solid #22c55e4d;border-radius:4px;color:#22c55e;font-size:11px;font-weight:700;margin:1px 0;padding:5px 9px}.balance-badge,.reseller-balance-badge{background:#1e1e1e;cursor:help;display:inline-block}.reseller-balance-badge{border:1px solid #fbbf244d;border-radius:4px;color:#fbbf24;font-size:12px;font-weight:600;padding:4px 8px}.no-reseller{color:#ffffff4d;font-size:12px}.currency-badge{background:#1e1e1e;border:1px solid #ffffff1a;color:#fffc;font-weight:600;padding:4px 8px}.account-type-badge,.currency-badge{border-radius:4px;display:inline-block;font-size:11px;text-transform:uppercase}.account-type-badge{font-weight:700;margin:1px 0;padding:5px 9px}.account-type-badge.reseller{background:#fbbf2426;border:1px solid #fbbf244d;color:#fbbf24}.account-type-badge.regular{background:#6b728026;border:1px solid #6b72804d;color:#6b7280}.auth-type-badge{background:#1e1e1e;border:1px solid #6366f14d;color:#ffffffe6;cursor:help;margin:1px 0;padding:5px 9px}.auth-type-badge,.status-badge{border-radius:4px;display:inline-block;font-size:11px;font-weight:600}.status-badge{padding:4px 8px;text-transform:uppercase}.date-cell{color:#ffffffb3;cursor:help;font-family:monospace;font-size:12px;line-height:1.6;padding:2px 0;white-space:nowrap}.spent-badge{border:1px solid #6366f14d;border-radius:4px;color:#6366f1}.spent-badge,.transactions-badge{background:#1e1e1e;cursor:help;display:inline-block;font-size:11px;font-weight:700;margin:1px 0;padding:5px 9px}.transactions-badge{border:1px solid #8b5cf64d;border-radius:4px;color:#8b5cf6}.no-users{color:#ffffffb3;font-weight:500;padding:30px;text-align:center}.website-management-container{background:#0000;padding:0;width:100%}.backup-section{background:#141414;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 2px 8px #0000004d;box-sizing:border-box;margin:0 auto;max-width:800px;padding:24px;width:100%}.backup-section h2{color:#fff;font-size:20px;font-weight:800;margin-bottom:12px}.backup-section>p{color:#ffffffb3;font-size:14px;line-height:1.6;margin-bottom:25px}.backup-info{background:#ffffff08;border:1px solid #ffffff0d;border-radius:6px;margin-bottom:25px;padding:20px}.backup-info p{color:#ffffffe6;font-size:14px;font-weight:600;margin-bottom:12px}.backup-info ul{list-style:none;margin:0;padding:0}.backup-info ul li{color:#ffffffb3;font-size:13px;padding:8px 0 8px 20px;position:relative}.backup-info ul li:before{color:#4ade80;content:"✓";font-weight:700;left:0;position:absolute}.backup-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;margin:0 auto;padding:14px 28px;transition:all .3s ease}.backup-btn:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#a855f7);box-shadow:0 4px 12px #6366f166;transform:translateY(-2px)}.backup-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.backup-progress{color:#ffffffb3;font-size:14px;margin-top:20px;text-align:center}.photo-modal-overlay{animation:fadeIn .2s ease-in-out;background:#000000e6;padding:20px}.photo-modal-content{animation:scaleIn .2s ease-in-out;background:#0000;box-shadow:0 20px 60px #00000080;height:80vh;max-height:90vw;width:80vh}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.photo-modal-close{background:#000c;border:2px solid #ffffff4d;font-size:32px;height:45px;line-height:1;padding:0;right:-15px;top:-15px;transition:all .2s ease;width:45px}.photo-modal-close:hover{background:#fff3;border-color:#ffffff80}.photo-modal-image-container{align-items:center;display:flex;height:100%;justify-content:center;padding:0;width:100%}.photo-modal-image{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-ms-interpolation-mode:nearest-neighbor;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:0;box-shadow:0 10px 30px #00000080;height:100%;image-rendering:auto;object-fit:cover;transform:translateZ(0);-webkit-transform:translateZ(0);width:100%;will-change:transform}.file-management-container{animation:fadeIn .4s ease-out;display:flex;flex-direction:column;gap:24px;padding:0 10px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.storage-info-card{background:linear-gradient(145deg,#1a1a1a,#222);border:1px solid #ffffff14;border-radius:12px;box-shadow:0 4px 20px #0003;overflow:hidden;padding:24px;position:relative}.storage-info-card:before{background:linear-gradient(90deg,#4caf50,#2196f3);content:"";height:2px;left:0;position:absolute;top:0;width:100%}.storage-header{justify-content:space-between;margin-bottom:20px}.storage-header,.storage-title{align-items:center;display:flex}.storage-title{color:#fff;font-size:16px;font-weight:600;gap:8px}.storage-percent{background:#4caf501a;border:1px solid #4caf5033;border-radius:20px;color:#4caf50;font-size:12px;font-weight:700;padding:4px 12px}.storage-bar-bg{background:#ffffff0d;border:1px solid #ffffff0d;border-radius:6px;height:8px;margin-bottom:16px;overflow:hidden}.storage-bar-fill{background:linear-gradient(90deg,#4caf50,#45a049);border-radius:6px;box-shadow:0 0 10px #4caf504d;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.storage-stats{border-top:1px solid #ffffff0d;color:#888;display:flex;font-size:12px;justify-content:space-between;padding-top:10px}.storage-stat-item{display:flex;flex-direction:column;gap:4px}.storage-stat-label{color:#666;font-size:11px;letter-spacing:.5px;text-transform:uppercase}.storage-stat-value{color:#ddd;font-weight:600}.upload-zone{background:#ffffff05;border:2px dashed #ffffff26;border-radius:12px;cursor:pointer;margin-bottom:24px;padding:40px;position:relative;text-align:center;transition:all .3s ease}.upload-zone.drag-active,.upload-zone:hover{background:#4caf500a;border-color:#4caf50;box-shadow:0 10px 40px #0003;transform:translateY(-2px)}.upload-icon-wrapper{background:#ffffff0d;border-radius:50%;display:inline-flex;margin-bottom:16px;padding:20px;transition:all .3s ease}.upload-zone:hover .upload-icon-wrapper{background:#4caf501a;transform:scale(1.1)}.upload-icon{color:#fff9;font-size:32px;transition:color .3s ease}.upload-zone:hover .upload-icon{color:#4caf50}.upload-text-main{color:#fff;font-size:16px;font-weight:600;margin-bottom:8px}.upload-text-sub{color:#666;font-size:12px}.uploading-container{padding:20px;text-align:center}.uploading-state{animation:pulse 2s infinite}.progress-bar-container{background:#ffffff1a;border-radius:4px;height:6px;margin:16px auto;max-width:300px;overflow:hidden;width:100%}.progress-bar-fill{background:linear-gradient(90deg,#2196f3,#00bcd4);border-radius:4px;height:100%;transition:width .2s linear}.upload-status-text{color:#fff;font-size:14px;font-weight:500;margin-bottom:4px}.upload-status-subtext{color:#888;font-size:12px}.files-table-wrapper{background:#1a1a1a;border:1px solid #ffffff14;border-radius:12px;box-shadow:0 4px 20px #0003;overflow:hidden}.files-table{border-collapse:collapse;width:100%}.files-table th{background:#222;border-bottom:1px solid #ffffff14;color:#888;font-size:12px;font-weight:600;letter-spacing:.8px;padding:16px 20px;text-align:left;text-transform:uppercase}.files-table td{border-bottom:1px solid #ffffff0a;color:#ddd;font-size:14px;padding:16px 20px;transition:background .2s;vertical-align:middle}.files-table tr:hover td{background:#ffffff08}.files-table tr:last-child td{border-bottom:none}.file-name-cell{align-items:center;display:flex;gap:16px}.file-thumbnail{background:#2a2a2a;border:1px solid #ffffff1a;border-radius:6px;height:40px;object-fit:cover;transition:transform .2s;width:40px}.file-thumbnail:hover{border-color:#fff;box-shadow:0 4px 12px #00000080;transform:scale(1.5) translate(5px,-5px);z-index:10}.file-icon-placeholder{align-items:center;background:#ffffff0d;border:1px solid #ffffff0d;border-radius:6px;color:#666;display:flex;font-size:18px;height:40px;justify-content:center;width:40px}.file-name-text{color:#fff;font-size:14px;font-weight:500}.file-meta-text{color:#666;font-size:13px}.file-actions{display:flex;gap:8px;justify-content:flex-end}.action-btn{align-items:center;background:#0000;border:1px solid #ffffff1a;border-radius:6px;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px;transition:all .2s}.action-btn.download{background:#2196f31a;border-color:#2196f333;color:#2196f3}.action-btn.download:hover{background:#2196f333;transform:translateY(-1px)}.action-btn.delete{background:#f443361a;border-color:#f4433633;color:#f44336}.action-btn.delete:hover{background:#f4433633;transform:translateY(-1px)}.empty-state{background:#1a1a1a;border:1px solid #ffffff14;border-radius:12px;color:#666;padding:60px 20px;text-align:center}.photo-modal-overlay{animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000f2;bottom:0;left:0;position:fixed;right:0;top:0;z-index:10000}.photo-modal-content,.photo-modal-overlay{align-items:center;display:flex;justify-content:center}.photo-modal-content{flex-direction:column;max-height:90vh;max-width:90vw;position:relative}.photo-modal-image-container{border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 0 50px #00000080;overflow:hidden;position:relative}.photo-modal-image{display:block;max-height:80vh;max-width:90vw;object-fit:contain}.photo-modal-close{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:44px;justify-content:center;position:absolute;right:0;top:-60px;transition:all .2s;width:44px;z-index:10001}.photo-modal-close:hover{background:#f44;border-color:#f44;transform:rotate(90deg)}.photo-modal-details{animation:slideUp .3s ease-out .2s backwards;color:#fff;margin-top:20px;text-align:center}.photo-modal-username{font-size:18px;font-weight:600;margin-bottom:4px}.photo-modal-info{color:#888;font-size:14px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.delete-all-users-btn{align-items:center;background:linear-gradient(135deg,#ef4444,#b91c1c);border:none;border-radius:6px;box-shadow:0 4px 12px #ef444433;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;padding:8px 16px;transition:all .2s}.delete-all-users-btn:hover{box-shadow:0 6px 16px #ef44444d;transform:translateY(-2px)}.delete-all-users-btn:active{transform:translateY(0)}.pkg-select-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:20px;max-height:300px;overflow-y:auto;padding:4px}.pkg-select-item{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:12px;text-align:left;transition:all .2s}.pkg-select-item:hover{background:#ffffff1a;border-color:#fff3}.pkg-select-item.selected{background:#6366f133;border-color:#6366f1;box-shadow:0 0 0 1px #6366f1}.pkg-info{flex:1 1;overflow:hidden}.pkg-name{color:#fff;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.signature-text{word-wrap:break-word;background:var(--bg-secondary);border-radius:4px;color:var(--text-primary);font-size:14px;line-height:1.6;padding:12px;white-space:pre-wrap}.form-group input,.form-group textarea{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-family:inherit;font-size:14px;padding:12px 16px;resize:vertical;transition:all .2s ease}.form-group textarea{min-height:100px}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f11a;outline:none}.char-count{color:var(--text-secondary);font-size:12px;text-align:right}.result-section.full-width{grid-column:1/-1}.bio-text{word-wrap:break-word;background:var(--bg-secondary);border-radius:4px;color:var(--text-primary);font-size:14px;line-height:1.6;padding:12px;white-space:pre-wrap}.result-card.banned{background:#ef44440d;border-color:#ef4444}.result-card.not-banned{background:#10b9810d;border-color:#10b981}.ban-status-header{border-bottom:2px solid var(--border-color);margin-bottom:20px;padding-bottom:12px}.ban-status-header h3{color:var(--text-primary);font-size:20px;font-weight:700}.result-grid{display:flex;flex-direction:column}.banned-text{color:#ef4444;font-weight:700}.safe-text{color:#10b981;font-weight:700}.ban-message{background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;margin-top:12px;padding:16px}.ban-message p{color:#ef4444;font-weight:600;margin:0;text-align:center}.result-card.success-card{background:#10b9810d;border-color:#10b981}.result-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.result-section{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;padding:16px}.result-section h4{border-bottom:1px solid var(--border-color);color:var(--accent-primary);font-size:16px;font-weight:600;margin-bottom:12px;padding-bottom:8px}.info-row{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:8px 0}.info-row:last-child{border-bottom:none}.info-row .label{color:var(--text-secondary);font-size:13px;font-weight:500}.info-row .value{color:var(--text-primary);font-size:13px;font-weight:600;text-align:right}.value.success{color:#10b981}.value.failed{color:#ef4444}.value.success-rate{color:var(--accent-primary);font-weight:700}@media (max-width:768px){.result-grid{grid-template-columns:1fr}}.emote-settings-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:24px}.emote-settings-card h3{border-bottom:2px solid var(--border-color);color:var(--text-primary);font-size:20px;font-weight:700;margin-bottom:20px;padding-bottom:12px}.settings-form{display:flex;flex-direction:column;gap:20px}.uids-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.macro-toggle-container{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:8px;margin-top:8px;padding:16px}.macro-toggle-wrapper{gap:16px}.macro-toggle-label,.macro-toggle-wrapper{align-items:center;display:flex;justify-content:space-between}.macro-toggle-label{color:var(--text-primary);cursor:pointer;flex:1 1;font-size:14px;font-weight:600}.macro-status{background:var(--bg-secondary);border-radius:12px;color:var(--text-secondary);font-size:12px;font-weight:700;padding:4px 12px;transition:all .3s ease}.macro-status.active{animation:pulse 2s infinite;background:linear-gradient(135deg,#10b981,#059669);color:#fff}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.toggle-switch{cursor:pointer;display:inline-block;height:26px;position:relative;width:50px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:var(--bg-secondary);border:2px solid var(--border-color);border-radius:26px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:var(--text-secondary);border-radius:50%;bottom:2px;content:"";height:18px;left:2px;position:absolute;transition:.3s;width:18px}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#f59e0b}.toggle-switch input:checked+.toggle-slider:before{background-color:#fff;transform:translateX(24px)}.toggle-switch input:disabled+.toggle-slider{cursor:not-allowed;opacity:.5}.macro-active-indicator{animation:pulse 2s infinite;background:linear-gradient(135deg,#f59e0b33,#d9770633);border-radius:6px;color:var(--text-primary);font-size:13px;font-weight:600;margin-top:12px;padding:8px 12px;text-align:center}.btn-send-emote.macro-active{animation:pulse 1s infinite;background:linear-gradient(135deg,#f59e0b,#d97706)}.emote-search-bar{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;padding:12px 16px;position:relative}.emote-search-bar i{color:var(--text-secondary);margin-right:12px}.emote-search-input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:14px;outline:none}.emote-search-clear{background:#0000;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;padding:4px 8px;transition:all .2s ease}.emote-search-clear:hover{background:var(--bg-tertiary);color:var(--text-primary)}.emote-loading-container{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.emote-loading-container p{color:var(--text-secondary);margin-top:16px}.emotes-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.emote-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;transition:all .3s ease}.emote-card:hover{border-color:var(--accent-primary);box-shadow:0 8px 24px #0003;transform:translateY(-4px)}.emote-image-wrapper{align-items:center;background:var(--bg-tertiary);display:flex;height:180px;justify-content:center;padding:16px;width:100%}.emote-image{max-height:100%;max-width:100%;object-fit:contain}.emote-info{padding:16px}.emote-name{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.emote-meta{margin-bottom:12px}.emote-id{background:var(--bg-tertiary);border-radius:4px;color:var(--text-secondary);display:inline-block;font-size:12px;padding:4px 8px}.btn{padding:10px 20px;width:100%}.btn-send-emote{margin-top:8px}.emote-empty{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.emote-empty i{color:var(--text-secondary);font-size:48px;margin-bottom:16px}.emote-empty p{color:var(--text-secondary);margin-bottom:20px}@media (max-width:768px){.form-row,.uids-grid{grid-template-columns:1fr}.emotes-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.emote-image-wrapper{height:150px}}.form-group input{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:14px;padding:12px 16px;transition:all .2s ease}.form-group input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f11a;outline:none}.result-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:24px}.result-card h3{border-bottom:2px solid var(--border-color);color:var(--text-primary);font-size:20px;font-weight:700;margin-bottom:20px;padding-bottom:12px}.image-container{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);display:flex;justify-content:center;margin-bottom:16px;min-height:400px;overflow:hidden;padding:20px;width:100%}.image-container,.outfit-image{border-radius:8px;position:relative}.outfit-image{box-shadow:0 4px 20px #0000004d;height:auto;max-height:600px;max-width:100%;object-fit:contain;z-index:1}.watermark-overlay{background:var(--bg-tertiary);border-radius:4px;box-shadow:0 2px 10px #00000080;height:35px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:140px;z-index:10}.image-info{align-items:center;background:var(--bg-tertiary);border-radius:6px;display:flex;justify-content:center;padding:12px 16px}.image-info p{color:var(--text-primary);font-size:14px;margin:0}.image-info strong{color:var(--accent-primary)}.image-loading{align-items:center;display:flex;flex-direction:column;gap:16px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:5}.loading-spinner{animation:spin 1s linear infinite;border-top:4px solid var(--border-color);border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--accent-primary);height:50px;width:50px}.image-loading p{color:var(--text-secondary);font-size:14px;margin:0}@media (max-width:768px){.image-container{min-height:300px;padding:16px}.outfit-image{max-height:400px}.image-info{align-items:flex-start;flex-direction:column;gap:12px}}.coming-soon-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;justify-content:center;min-height:500px;padding:60px 40px;text-align:center}.coming-soon-container,.loading-animation{align-items:center;display:flex;flex-direction:column}.loading-animation{gap:24px;margin-bottom:40px}.loading-spinner-large{animation:spin 1s linear infinite;border-top:6px solid var(--border-color);border:6px solid var(--border-color);border-radius:50%;border-top-color:var(--accent-primary);height:80px;width:80px}.loading-dots{align-items:center;gap:8px}.loading-dots span{animation:bounce 1.4s ease-in-out infinite;background:var(--accent-primary)}.loading-dots span:first-child{animation-delay:0s}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes bounce{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.coming-soon-content{align-items:center;display:flex;flex-direction:column;gap:20px}.coming-soon-content h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);-webkit-background-clip:text;background-clip:text;color:var(--accent-primary);font-size:32px;font-weight:700;margin:0}.coming-soon-content p{color:var(--text-secondary);font-size:16px;margin:0;max-width:500px}.feature-preview{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin-top:20px}.preview-item{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;gap:8px;min-width:120px;padding:20px;transition:all .3s ease}.preview-item:hover{border-color:var(--accent-primary);box-shadow:0 4px 12px #6366f133;transform:translateY(-5px)}.preview-icon{font-size:32px}.preview-item span:last-child{color:var(--text-primary);font-size:14px;font-weight:600}@media (max-width:768px){.coming-soon-container{min-height:400px;padding:40px 20px}.coming-soon-content h2{font-size:24px}.coming-soon-content p{font-size:14px}.feature-preview{gap:15px}.preview-item{min-width:100px;padding:16px}.loading-spinner-large{border-width:5px;height:60px;width:60px}}.coming-soon-wrapper{justify-content:center;margin-left:4rem;padding:4rem 2rem}.coming-soon-card,.coming-soon-wrapper{align-items:center;display:flex;width:100%}.coming-soon-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;box-shadow:0 10px 30px #0003;flex-direction:column;gap:1.5rem;max-width:600px;overflow:hidden;padding:4rem;position:relative;text-align:center}.coming-soon-card:before{animation:shimmer 2s linear infinite;background:linear-gradient(90deg,#667eea,#764ba2,#667eea);background-size:200% auto;content:"";height:4px;left:0;position:absolute;top:0;width:100%}@keyframes shimmer{0%{background-position:0 50%}to{background-position:200% 50%}}.coming-soon-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50px;box-shadow:0 4px 15px #667eea4d;color:#fff;font-size:.9rem;font-weight:800;letter-spacing:2px;margin-bottom:1rem;padding:.5rem 1.5rem}.coming-soon-icon{animation:float 3s ease-in-out infinite;font-size:5rem;margin-bottom:1rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.coming-soon-card h2{color:var(--text-primary);font-size:2.5rem;font-weight:800;margin:0}.coming-soon-card p{color:var(--text-secondary);font-size:1.1rem;line-height:1.6;margin:0}.loading-dots{display:flex;gap:10px;margin-top:1rem}.loading-dots span{animation:dot-pulse 1.5s ease-in-out infinite;background:var(--primary-color);border-radius:50%;height:12px;opacity:.3;width:12px}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes dot-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}@media (max-width:768px){.coming-soon-wrapper{margin-left:0;padding:2rem 1rem}.coming-soon-card{padding:2.5rem 1.5rem}.coming-soon-card h2{font-size:1.8rem}}@media (max-width:480px){.coming-soon-card h2{font-size:1.5rem}.coming-soon-icon{font-size:3.5rem}}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.form-group input,.form-group select{border-radius:6px;font-size:14px;padding:12px 16px;transition:all .2s ease}.form-group input:focus,.form-group select:focus{box-shadow:0 0 0 3px #6366f11a}@media (max-width:768px){.form-row{grid-template-columns:1fr}}.page-header{margin-bottom:24px}.page-header h1{color:var(--text-primary);font-size:28px;font-weight:700;margin-bottom:8px}.page-header p{color:var(--text-secondary);font-size:14px}.page-content{gap:24px}.info-form,.page-content{display:flex;flex-direction:column}.info-form{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;gap:20px;padding:24px}.form-group{display:flex;flex-direction:column;gap:8px}.ai-textarea{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-family:inherit;font-size:14px;padding:12px 16px;resize:vertical;transition:all .2s ease}.ai-textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f11a;outline:none}.btn{border-radius:6px}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #6366f14d}.response-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:24px}.response-card h3{border-bottom:2px solid var(--border-color);color:var(--text-primary);font-size:20px;font-weight:700;margin-bottom:16px;padding-bottom:12px}.response-content{color:var(--text-primary);line-height:1.6}.response-content p{word-wrap:break-word;margin:0;white-space:pre-wrap}.video-downloader-fullscreen{background:var(--bg-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;width:100%}.video-downloader-container{margin:0 auto;max-width:1600px;padding:20px}.vidking-main-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:400px 1fr;margin-top:20px}@media (max-width:1200px){.vidking-main-grid{grid-template-columns:1fr}}.video-downloader-header{margin-bottom:30px;position:relative;text-align:center}.back-button-downloader{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;left:0;padding:10px 20px;position:absolute;top:0;transition:all .2s ease}.back-button-downloader:hover{background:var(--bg-secondary);transform:translateX(-2px)}.video-downloader-logo{align-items:center;background:linear-gradient(135deg,#1e3a8a,#0f172a);border:1px solid #1e40af;border-radius:16px;box-shadow:0 4px 12px #2563eb33;display:inline-flex;font-size:32px;font-weight:700;height:64px;justify-content:center;margin-bottom:12px;width:64px}.video-downloader-header h1{color:var(--text-primary);font-size:24px;font-weight:700;margin-bottom:8px}.video-downloader-tagline{color:var(--text-secondary);font-size:14px;font-weight:500}.video-downloader-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 2px 8px #00000026;padding:24px}.card-header-row{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:20px}.card-title-block{display:flex;flex-direction:column;gap:4px}.card-title{color:var(--text-primary);font-size:18px;font-weight:600}.card-sub{color:var(--text-secondary);font-size:12px}.status-pill{align-items:center;background:#22c55e26;border:1px solid #22c55e4d;border-radius:999px;color:#22c55e;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px;white-space:nowrap}.status-dot{background:#22c55e;border-radius:999px;display:inline-block;height:8px;width:8px}.search-section{margin-bottom:24px}.search-input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;margin-bottom:12px;padding:12px 16px;width:100%}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.btn-group{display:flex;gap:12px}.btn{border-radius:8px;font-size:14px;padding:12px 24px;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f666;transform:translateY(-2px)}.btn-secondary{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}.btn-secondary:hover{background:var(--bg-tertiary)}.video-result-section{margin-top:24px}.video-info-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;display:flex;gap:20px;margin-bottom:24px;padding:20px}.video-thumbnail{border-radius:8px;flex-shrink:0;height:112px;overflow:hidden;width:200px}.video-thumbnail img{height:100%;object-fit:cover;width:100%}.video-details{flex:1 1}.video-title{color:var(--text-primary);font-size:18px;font-weight:600;margin-bottom:8px}.video-meta{color:var(--text-secondary);font-size:14px;margin:4px 0}.download-formats{margin-top:24px}.download-formats h4{color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:16px}.formats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.format-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;gap:12px;padding:16px}.format-card,.format-info{display:flex;flex-direction:column}.format-info{gap:4px}.format-quality{color:var(--text-primary);font-size:14px;font-weight:600}.format-size{color:var(--text-secondary);font-size:12px}.btn-download{background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s ease}.btn-download:hover{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 4px 12px #22c55e66;transform:translateY(-2px)}.download-section{margin-top:24px;text-align:center}.btn-download-large{background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px 32px;transition:all .2s ease}.btn-download-large:hover{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 4px 12px #22c55e66;transform:translateY(-2px)}.config-panel{height:-webkit-fit-content;height:fit-content;max-height:calc(100vh - 40px);overflow-y:auto;position:-webkit-sticky;position:sticky;top:20px}.config-section{border-bottom:1px solid var(--border-color);margin-bottom:24px;padding-bottom:24px}.config-section:last-child{border-bottom:none}.section-title{color:var(--text-primary);font-size:16px;font-weight:600}.form-group,.section-title{margin-bottom:16px}.form-group label{color:var(--text-secondary);font-size:13px;font-weight:500;margin-bottom:8px}.form-input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:14px;padding:10px 12px;width:100%}.form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.radio-group{display:flex;gap:16px}.radio-label{align-items:center;color:var(--text-primary);display:flex;font-size:14px;gap:8px}.radio-label,.radio-label input[type=radio]{cursor:pointer}.checkbox-label{align-items:center;border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;gap:8px;margin-bottom:12px;padding:8px;transition:background .2s}.checkbox-label:hover{background:var(--bg-secondary)}.checkbox-label input[type=checkbox]{cursor:pointer}.color-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr);margin-bottom:12px}.color-btn{border:2px solid #0000;border-radius:6px;cursor:pointer;height:40px;position:relative;transition:all .2s;width:100%}.color-btn:hover{box-shadow:0 4px 12px #0003;transform:scale(1.05)}.color-btn.active{border-color:#fff;box-shadow:0 0 0 2px var(--bg-primary),0 0 0 4px currentColor}.color-preview{border:1px solid var(--border-color);border-radius:6px;height:40px;margin-top:8px;width:100%}.preview-panel{min-width:0}.player-container{background:#000;margin-bottom:24px;overflow:hidden}.player-container,.player-placeholder{border:1px solid var(--border-color);border-radius:8px;width:100%}.player-placeholder{align-items:center;background:var(--bg-secondary);color:var(--text-secondary);display:flex;height:600px;justify-content:center}.generated-code-section{margin-top:24px}.code-block{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:16px;overflow:hidden}.code-header{align-items:center;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);color:var(--text-primary);display:flex;font-size:13px;font-weight:600;justify-content:space-between;padding:12px 16px}.btn-copy{background:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s}.btn-copy:hover{background:#2563eb;transform:translateY(-1px)}.code-content{background:var(--bg-primary);color:var(--text-primary);font-family:Courier New,monospace;font-size:12px;margin:0;padding:16px;white-space:pre-wrap;word-break:break-all}.progress-tracking{border-top:1px solid var(--border-color);margin-top:24px;padding-top:24px}.messages-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.message-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;font-size:12px;padding:12px}.message-header{display:flex;justify-content:space-between;margin-bottom:8px}.message-event{color:#3b82f6;font-weight:600;text-transform:uppercase}.message-time{color:var(--text-secondary);font-size:11px}.message-details{color:var(--text-secondary);display:flex;flex-wrap:wrap;gap:12px}.message-details span{font-size:11px}@media (max-width:1200px){.config-panel{max-height:none;position:static}.vidking-main-grid{grid-template-columns:1fr}}@media (max-width:768px){.color-grid{grid-template-columns:repeat(4,1fr)}.player-container iframe,.player-placeholder{height:400px}}.netflix-container{background:#141414;color:#fff;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;margin:0;min-height:100vh;padding:0}.netflix-nav{background:#0000;height:68px;left:0;position:fixed;right:0;top:0;transition:background .3s ease;z-index:1000}.netflix-nav.scrolled{background:#141414}.netflix-nav-content{align-items:center;display:flex;height:100%;justify-content:space-between;margin:0 auto;max-width:1920px;padding:0 60px}.netflix-logo{color:#e50914;cursor:pointer;font-size:28px;font-weight:900;letter-spacing:2px;text-transform:uppercase;-webkit-user-select:none;user-select:none}.netflix-nav-links{display:flex;gap:20px;margin-left:40px}.nav-link{background:none;border:none;color:#e5e5e5;cursor:pointer;font-size:14px;font-weight:500;padding:8px 0;position:relative;transition:color .3s}.nav-link:hover{color:#b3b3b3}.nav-link.active{color:#fff;font-weight:600}.nav-link.active:after{background:#e50914;bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.netflix-nav-right{align-items:center;display:flex;gap:20px}.netflix-search-container{position:relative}.netflix-search-input{background:#000000bf;border:1px solid #aaa;border-radius:4px;color:#fff;font-size:14px;padding:8px 12px;transition:all .3s;width:250px}.netflix-search-input:focus{background:#000000e6;border-color:#fff;outline:none;width:350px}.netflix-search-results{background:#000000f2;border:1px solid #333;border-radius:4px;left:0;margin-top:4px;max-height:400px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1001}.netflix-search-result-item{border-bottom:1px solid #333;cursor:pointer;display:flex;gap:12px;padding:12px;transition:background .2s}.netflix-search-result-item:hover{background:#ffffff1a}.netflix-search-result-item img{border-radius:2px;height:69px;object-fit:cover;width:46px}.netflix-search-title{font-size:14px;font-weight:500;margin-bottom:4px}.netflix-search-meta{color:#b3b3b3;font-size:12px}.netflix-back-btn{background:#2a2a2a99;border:1px solid #ffffff80;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .3s}.netflix-back-btn:hover{background:#2a2a2acc;border-color:#fff}.netflix-hero{height:80vh;margin-top:68px;min-height:500px;overflow:hidden;position:relative;width:100%}.netflix-hero-backdrop{background-position:50%;background-repeat:no-repeat;background-size:cover;bottom:0;left:0;position:absolute;right:0;top:0}.netflix-hero-gradient{background:linear-gradient(180deg,#0000,#14141499,#141414);bottom:0;height:200px;left:0;position:absolute;right:0}.netflix-hero-content{bottom:150px;left:60px;max-width:600px;position:absolute;z-index:10}.netflix-hero-title{font-size:64px;font-weight:900;line-height:1.1;margin-bottom:16px;text-shadow:2px 2px 4px #000c}.netflix-hero-description{color:#e5e5e5;font-size:18px;line-height:1.4;margin-bottom:24px;text-shadow:2px 2px 4px #000c}.netflix-hero-buttons{display:flex;gap:12px}.netflix-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:12px 32px;transition:all .3s}.netflix-btn-play{background:#fff;color:#000}.netflix-btn-play:hover{background:#ffffffbf}.netflix-btn-info{background:#6d6d6eb3;color:#fff}.netflix-btn-info:hover{background:#6d6d6e66}.netflix-player-section{background:#000;margin-top:68px;padding:40px 60px}.netflix-language-selector{margin-bottom:20px;margin-left:auto;margin-right:auto;max-width:1400px;position:relative}.netflix-language-btn{align-items:center;background:#2a2a2acc;border:1px solid #ffffff4d;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s}.netflix-language-btn:hover{background:#2a2a2a;border-color:#ffffff80}.netflix-language-menu{background:#141414f2;border:1px solid #fff3;border-radius:4px;box-shadow:0 4px 12px #00000080;left:0;margin-top:8px;max-height:400px;min-width:200px;overflow-y:auto;position:absolute;top:100%;z-index:1001}.netflix-language-option{border-bottom:1px solid #ffffff1a;color:#e5e5e5;cursor:pointer;font-size:14px;padding:12px 20px;transition:background .2s}.netflix-language-option:last-child{border-bottom:none}.netflix-language-option:hover{background:#ffffff1a}.netflix-language-option.active{background:#e509144d;color:#fff;font-weight:600}.netflix-player-container{background:#000;border-radius:8px;margin:0 auto;max-width:1400px;overflow:hidden;position:relative;width:100%}.netflix-player-container iframe{display:block;height:600px;width:100%}.popup-blocker-overlay{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:9999}.netflix-content{margin-top:0;padding:40px 60px}.netflix-row{margin-bottom:50px}.netflix-row-title{color:#e5e5e5;font-size:20px;font-weight:600;margin-bottom:16px}.netflix-row-container{align-items:center;display:flex;position:relative}.netflix-row-content{-ms-overflow-style:none;display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding:10px 0;scroll-behavior:smooth;scrollbar-width:none}.netflix-row-content::-webkit-scrollbar{display:none}.netflix-card{border-radius:4px;cursor:pointer;flex-shrink:0;height:300px;overflow:hidden;transition:transform .3s ease;width:200px}.netflix-card:hover{transform:scale(1.1);z-index:10}.netflix-card img{border-radius:4px;height:100%;object-fit:cover;width:100%}.netflix-scroll-btn{align-items:center;background:#0009;border:none;color:#fff;cursor:pointer;display:flex;font-size:32px;height:300px;justify-content:center;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s;width:50px;z-index:20}.netflix-row-container:hover .netflix-scroll-btn{opacity:1}.netflix-scroll-btn:hover{background:#000c}.netflix-scroll-btn.left{border-radius:0 4px 4px 0;left:0}.netflix-scroll-btn.right{border-radius:4px 0 0 4px;right:0}@media (max-width:1200px){.netflix-nav-content{padding:0 40px}.netflix-hero-content{left:40px;max-width:500px}.netflix-hero-title{font-size:48px}.netflix-content{padding:40px}}@media (max-width:768px){.netflix-nav-content{padding:0 20px}.netflix-logo{font-size:24px}.netflix-nav-links{display:none}.netflix-search-input{width:150px}.netflix-search-input:focus{width:200px}.netflix-hero{height:60vh;min-height:400px}.netflix-hero-content{bottom:100px;left:20px;max-width:90%}.netflix-hero-title{font-size:32px}.netflix-hero-description{font-size:14px}.netflix-content{padding:20px}.netflix-card{height:225px;width:150px}.netflix-scroll-btn{display:none}.netflix-player-section{padding:20px}.netflix-player-container iframe{height:400px}}.watch-movies-page{background:var(--bg-primary);min-height:100vh;padding:20px}.watch-movies-tabs{border-bottom:2px solid var(--border-color);display:flex;gap:12px;margin-bottom:24px;padding-bottom:0}.tab-button{background:#0000;border:none;border-bottom:3px solid #0000;bottom:-2px;color:var(--text-secondary);cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;position:relative;transition:all .2s ease}.tab-button:hover{background:var(--bg-secondary);color:var(--text-primary)}.tab-button.active{background:#0000;border-bottom-color:#3b82f6;color:#3b82f6}.watch-movies-content{width:100%}.tab-content-fullscreen{min-height:calc(100vh - 200px);width:100%}.tab-content-fullscreen>*{width:100%}.tab-content-fullscreen .dashboard-layout,.tab-content-fullscreen .video-player-page{max-width:100%;padding:0}.tab-content-fullscreen .dashboard-content{padding:0}.tab-content-fullscreen .video-downloader-container{max-width:100%;padding:0}.tab-content-fullscreen .video-player-container{max-width:100%}@media (max-width:768px){.watch-movies-header{align-items:flex-start;flex-direction:column}.watch-movies-title h1{font-size:24px}.tab-button{font-size:14px;padding:10px 16px}}.settings-layout{background:var(--bg-primary);display:flex;min-height:100vh}.settings-main{flex:1 1;margin-left:260px;min-height:100vh}.settings-container{margin:0 auto;max-width:700px;padding:24px}.card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 2px 8px #0000001a;padding:35px}.card,.card h2{margin-bottom:25px}.card h2{color:var(--text-heading);font-size:26px;font-weight:700}.settings-description{color:var(--text-secondary);font-size:14px;margin-bottom:30px}.disabled-input{background:var(--bg-tertiary)!important;cursor:not-allowed;opacity:.6}.form-group{margin-bottom:24px}.form-group label{color:var(--text-primary);display:block;font-size:14px;font-weight:600;margin-bottom:10px}.form-group input,.form-group select{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-family:inherit;font-size:15px;padding:14px 18px;transition:border-color .2s ease,background .2s ease;width:100%}.form-group input:focus,.form-group select:focus{background:var(--bg-secondary);border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--glow-primary);outline:none}.form-group select{cursor:pointer}.form-group select:disabled{cursor:not-allowed;opacity:.6}.btn{border:none;border-radius:4px;cursor:pointer;font-size:15px;font-weight:600;padding:14px 28px;transition:opacity .2s ease}.btn-primary{background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);color:var(--bg-primary)}.btn-primary:hover:not(:disabled){opacity:.9}.btn:disabled{cursor:not-allowed;opacity:.6}.alert{border:1px solid;border-radius:4px;font-weight:500;margin-bottom:20px;padding:18px 24px}.alert-error{background:#ff33661a;border-color:#ff33664d;color:var(--accent-danger)}.alert-success{background:#6366f11a;border-color:#6366f14d;color:var(--accent-primary)}@media (max-width:768px){.settings-layout{overflow-x:hidden;width:100%}.settings-main{margin-left:0;padding-top:60px;width:100%}.settings-container{max-width:100%;padding:16px;width:100%}.card{padding:24px 20px}.card h2{font-size:22px}}@media (max-width:480px){.settings-main{padding-top:56px}.settings-container{padding:12px;width:100%}.card{margin-bottom:16px;padding:20px 16px}.card h2{font-size:20px}.card h2,.form-group{margin-bottom:20px}.form-group input{font-size:14px;padding:12px 14px}.btn{font-size:14px;padding:12px 24px}}.App{min-height:100vh;overflow-x:hidden;width:100%}