*{box-sizing:border-box;margin:0;padding:0}: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-primary:#fff;--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;background:#0a0a0a;background:var(--bg-primary);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;overflow-x:hidden;padding:0;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{align-items:center;animation:slideIn .3s ease-out;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;bottom:20px;box-shadow:0 4px 20px #0000004d;display:flex;gap:12px;justify-content:space-between;max-width:400px;min-width:300px;padding:16px 20px;position:fixed;right:20px;z-index:10000}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.notification-content{align-items:center;display:flex;flex:1 1;gap:12px}.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:all .2s ease;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}}.landing-container{background:linear-gradient(180deg,#0a0a0f,#000);min-height:100vh;overflow-x:hidden;position:relative;width:100%}.fire-particle{animation:fireFade .5s ease-out forwards;background:radial-gradient(circle,#8b5cf6cc 0,#6366f199 50%,#8b5cf64d 100%);border-radius:50%;box-shadow:0 0 4px #8b5cf699,0 0 6px #6366f166,0 0 8px #8b5cf64d;pointer-events:none;position:fixed;transform:translate(-50%,-50%);will-change:transform,opacity;z-index:99998}@keyframes fireFade{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.5)}}.landing-container .cart-item,.landing-container .modal-close-btn,.landing-container .product-card,.landing-container a,.landing-container button,.landing-container input,.landing-container select,.landing-container textarea{cursor:pointer!important}.landing-container input[type=email],.landing-container input[type=number],.landing-container input[type=password],.landing-container input[type=text],.landing-container textarea{cursor:text!important}@media (max-width:768px){.fire-particle{display:none}}.sparkle-particle{animation:sparkleRise 8s linear forwards;background:radial-gradient(circle,#8b5cf6e6 0,#6366f1b3 50%,#8b5cf666 100%);border-radius:50%;box-shadow:0 0 4px #8b5cf6cc,0 0 6px #6366f199,0 0 8px #8b5cf666;pointer-events:none;position:fixed;transform:translate(-50%,-50%);will-change:transform,opacity;z-index:1}@keyframes sparkleRise{0%{opacity:1;transform:translate(-50%,-50%) scale(1) translateY(0)}to{opacity:0;transform:translate(-50%,-50%) scale(.5) translateY(-100vh)}}@media (max-width:768px){.sparkle-particle{display:none}}.grid-background{background:radial-gradient(circle at 20% 50%,#6366f126 0,#0000 50%),radial-gradient(circle at 80% 80%,#8b5cf626 0,#0000 50%),radial-gradient(circle at 40% 20%,#6366f11a 0,#0000 50%);opacity:.2;overflow:hidden;pointer-events:none;position:fixed}.grid-background,.grid-lines{height:100%;left:0;top:0;width:100%;z-index:0}.grid-lines{animation:gridMove 20s linear infinite;background-image:repeating-linear-gradient(0deg,#6366f14d,#6366f14d 2px,#0000 0,#0000 50px,#6366f14d 0,#6366f14d 52px),repeating-linear-gradient(90deg,#6366f14d,#6366f14d 2px,#0000 0,#0000 50px,#6366f14d 0,#6366f14d 52px);background-size:50px 50px;opacity:.7;position:absolute}.landing-content{padding-top:0}.landing-header{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#0a0a0fb3;border-bottom:1px solid #ffffff1a;box-shadow:0 4px 30px #0003;left:0;padding:15px 30px;position:fixed;right:0;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;z-index:10000}.landing-header.scrolled{background:#0a0a0fd9;box-shadow:0 2px 20px #0000004d;padding:10px 30px}.landing-header.scrolled .logo-main{font-size:18px;padding-left:20px}.landing-header.scrolled .logo-image{height:28px;width:28px}.landing-header.scrolled .cart-button,.landing-header.scrolled .login-button{font-size:12px;padding:7px 18px}.header-content{justify-content:space-between;padding-left:0;width:100%}.header-content,.logo-main{align-items:center;display:flex}.logo-main{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#2563eb,#3b82f6 30%,#60a5fa 60%,#93c5fd);-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:700;gap:10px;letter-spacing:-.5px;margin:0;padding-left:20px}.logo-image{border-radius:50%;flex-shrink:0;height:32px;object-fit:cover;width:32px}.landing-header.scrolled .logo-main{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#2563eb,#3b82f6 30%,#60a5fa 60%,#93c5fd);-webkit-background-clip:text;background-clip:text}.header-actions{align-items:center;display:flex;gap:15px}.music-control-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;min-width:40px;padding:8px 12px;transition:all .3s ease}.music-control-btn:hover{background:#ffffff26;border-color:#ffffff4d;transform:scale(1.1)}.landing-header.scrolled .music-control-btn{font-size:16px;height:32px;min-width:36px;padding:6px 10px}.cart-button,.login-button{border:none;border-radius:8px;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;padding:8px 20px;transition:all .3s ease}.cart-button{background:#0000;border:1px solid #fff3;color:#fffc}.cart-button:hover{background:#ffffff0d;border-color:#ffffff4d;color:#fff}.login-button{background:#6366f1;border:1px solid #6366f1;color:#fff}.login-button:hover:not(:disabled){background:#4f46e5;box-shadow:0 4px 12px #6366f166;transform:translateY(-1px)}.login-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.login-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10000}.login-modal-content{background:linear-gradient(180deg,#1a1a2e,#16213e);border:1px solid #6366f14d;border-radius:16px;box-shadow:0 20px 60px #00000080;max-width:420px;padding:30px;position:relative;width:90%}.login-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .3s ease;width:32px}.login-modal-close:hover{background:#ffffff1a;transform:rotate(90deg)}.login-modal-content h2{color:#fff;font-size:24px;margin:0 0 25px;text-align:center}.google-signin-btn-modal{align-items:center;background:#fff;border:none;border-radius:8px;color:#333;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;justify-content:center;margin-bottom:20px;padding:12px 20px;transition:all .3s ease;width:100%}.google-signin-btn-modal:hover:not(:disabled){background:#f5f5f5;box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.google-signin-btn-modal:disabled{cursor:not-allowed;opacity:.6}.login-divider{align-items:center;display:flex;margin:20px 0;text-align:center}.login-divider:after,.login-divider:before{background:#fff3;content:"";flex:1 1;height:1px}.login-divider span{color:#fff9;font-size:12px;padding:0 15px}.login-form{display:flex;flex-direction:column;gap:15px}.login-form input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;font-size:14px;padding:12px 15px;transition:all .3s ease}.login-form input::placeholder{color:#ffffff80}.login-form input:focus{background:#ffffff14;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.login-submit-btn{background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:5px;padding:12px 20px;transition:all .3s ease}.login-submit-btn:hover:not(:disabled){background:#4f46e5;box-shadow:0 4px 12px #6366f166;transform:translateY(-1px)}.login-submit-btn:disabled{cursor:not-allowed;opacity:.6}.login-switch-mode{color:#ffffffb3;font-size:14px;margin-top:20px;text-align:center}.login-switch-mode button{background:none;border:none;color:#6366f1;cursor:pointer;font-size:14px;font-weight:600;margin-left:5px;padding:0;text-decoration:underline}.login-switch-mode button:hover{color:#4f46e5}.gmail-button{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;padding:8px 20px;transition:all .3s ease}.gmail-button:hover{background:#ffffff26;border-color:#ffffff4d}.gmail-avatar{border-radius:50%;height:24px;object-fit:cover;width:24px}.landing-header.scrolled .gmail-button{font-size:12px;padding:7px 18px}.landing-header.scrolled .gmail-avatar{height:20px;width:20px}.coins-panel-sidebar{background:linear-gradient(135deg,#0a0a0a,#1a1a2e);border-left:1px solid #6366f133;box-shadow:-5px 0 20px #00000080;display:flex;flex-direction:column;height:100vh;overflow:hidden;position:fixed;right:0;top:0;width:400px;z-index:9998}.coins-panel-header{align-items:center;background:#6366f10d;border-bottom:1px solid #6366f133;display:flex;justify-content:space-between;padding:15px}.coins-panel-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:16px;font-weight:600;margin:0}.close-panel,.refresh-coins-btn{align-items:center;background:none;border:none;border-radius:50%;color:#ffffffb3;cursor:pointer;display:flex;font-size:18px;height:28px;justify-content:center;padding:0;transition:all .3s;width:28px}.close-panel{font-size:24px}.close-panel:hover,.refresh-coins-btn:hover{background:#ffffff1a;color:#fff;transform:rotate(180deg)}.coins-panel-content{flex:1 1;overflow-y:auto;padding:15px}.coins-balance-section{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;margin-bottom:15px;padding:15px}.coins-balance-display{margin-bottom:12px;text-align:center}.coins-label{color:#ffffffb3;display:block;font-size:12px;font-weight:600;margin-bottom:8px}.coins-amount-large{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;display:block;font-size:32px;font-weight:700;line-height:1.2;min-height:38px}.add-coins-section{gap:8px;margin-bottom:8px}.coins-input{border-radius:6px;flex:1 1;font-size:13px;padding:8px 12px}.coins-input::placeholder{color:#ffffff80}.add-coins-btn{border-radius:6px;font-size:12px;padding:8px 16px;white-space:nowrap}.coins-info{color:#ffffff80;font-size:11px;margin:4px 0 0;text-align:center}.transactions-section{margin-top:15px}.transactions-section h3{color:#667eea;font-size:16px;font-weight:600;margin-bottom:12px}.transactions-list{max-height:400px;overflow-y:auto}.no-transactions{color:#ffffff80;font-size:14px;padding:40px 20px;text-align:center}.transaction-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;margin-bottom:8px;padding:10px 12px}.transaction-type{color:#fff;font-size:12px;font-weight:600;margin-bottom:6px}.transaction-details{color:#fffc;font-size:11px;margin-bottom:4px}.transaction-details div{margin-bottom:3px}.transaction-date{color:#ffffff80;font-size:11px;margin-top:5px}.sign-out-btn-panel{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;margin-top:15px;padding:10px;width:100%}.sign-out-btn-panel:hover{background:#c82333}.cart-sidebar{background:var(--bg-primary);border-left:1px solid #6366f133;box-shadow:-5px 0 20px #0000004d;display:flex;flex-direction:column;height:100vh;position:fixed;right:0;top:0;width:350px;z-index:9999}.cart-header{align-items:center;border-bottom:1px solid #6366f133;display:flex;justify-content:space-between;padding:20px}.cart-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#2563eb,#3b82f6 30%,#60a5fa 60%,#93c5fd);-webkit-background-clip:text;background-clip:text;margin:0}.close-cart{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-size:28px;height:30px;justify-content:center;padding:0;width:30px}.close-cart:hover{color:var(--accent-primary)}.cart-items{flex:1 1;overflow-y:auto;padding:20px}.empty-cart{color:var(--text-secondary);padding:40px 20px;text-align:center}.cart-item{background:#6366f10d;border:1px solid #6366f11a;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:15px;padding:15px}.cart-item-info h4{color:var(--text-primary);font-size:14px;margin:0 0 5px}.cart-item-info p{color:var(--text-secondary);font-size:12px;margin:0}.cart-item-total{color:var(--accent-primary);font-size:16px;font-weight:600}.cart-footer{border-top:1px solid #6366f133;padding:20px}.cart-total{color:var(--text-primary);font-size:18px;margin-bottom:15px}.checkout-button{background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);border:none;border-radius:6px;color:var(--bg-primary);cursor:pointer;font-size:16px;font-weight:600;padding:12px;transition:all .3s ease;width:100%}.checkout-button:hover{box-shadow:0 4px 15px #6366f166;transform:translateY(-2px)}.landing-content{margin:0 auto;max-width:1200px;padding:85px 20px 40px;position:relative;z-index:1}.hero-section{margin-bottom:60px;padding:40px 20px;text-align:center}.hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#2563eb,#3b82f6 30%,#60a5fa 60%,#93c5fd);-webkit-background-clip:text;background-clip:text;font-size:56px;font-weight:800;letter-spacing:-1px;line-height:1.1;margin:0 0 20px;text-align:center}.hero-description{color:#fff9;font-size:18px;font-weight:400;margin:0 auto;max-width:600px}.search-filter-section{box-sizing:border-box;margin-bottom:40px;overflow-x:hidden;width:100%}.search-bar{display:flex;gap:15px;margin-bottom:15px}.search-input{background:#6366f11a;border:1px solid #6366f14d;border-radius:8px;flex:1 1;font-size:14px;min-width:200px;padding:12px 20px}.search-input:focus{background:#6366f126;border-color:var(--accent-primary);outline:none}.filter-toggle-btn{background:#6366f133;border:1px solid #6366f14d;border-radius:8px;color:var(--accent-primary);cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;transition:all .3s ease;white-space:nowrap}.filter-toggle-btn:hover{background:#6366f14d}.advanced-filters{animation:slideDown .3s ease;background:#6366f10d;border:1px solid #6366f133;border-radius:12px;box-sizing:border-box;overflow-x:hidden;padding:20px;width:100%}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filter-row{grid-gap:20px;align-items:end;box-sizing:border-box;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));width:100%}.filter-row>*{box-sizing:border-box;max-width:100%;min-width:0}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{color:var(--text-secondary);font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.category-filter,.sort-filter,.stock-filter{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#0f0f14f2!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23fff' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:12px 12px;border:1px solid #6366f14d;border-radius:8px;box-sizing:border-box;color:var(--text-primary)!important;cursor:pointer;font-size:14px;padding:10px 35px 10px 15px;position:relative;width:100%;z-index:1}.category-filter::-ms-expand,.sort-filter::-ms-expand,.stock-filter::-ms-expand{display:none}.category-filter:focus,.sort-filter:focus,.stock-filter:focus{background-color:#0f0f14fa!important;border-color:var(--accent-primary);box-shadow:0 0 0 2px #6366f133;outline:none}.category-filter option,.sort-filter option,.stock-filter option{background:var(--bg-primary)!important;color:var(--text-primary)!important;padding:10px}select.category-filter,select.sort-filter,select.stock-filter{background-color:#0f0f14f2!important}select.category-filter:hover,select.sort-filter:hover,select.stock-filter:hover{background-color:#0f0f14fa!important;border-color:#6366f180}.currency-select{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background:#6366f133!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23fff' d='M6 9 1 4h10z'/%3E%3C/svg%3E")!important;background-position:right 6px center!important;background-repeat:no-repeat!important;background-size:12px!important;border:1px solid #6366f14d!important;border-radius:5px!important;color:#fff!important;cursor:pointer!important;font-size:11px!important;font-weight:600!important;padding:4px 24px 4px 8px!important}.currency-select:hover{background-color:#6366f14d!important;border-color:#6366f180!important}.currency-select:focus{border-color:#6366f199!important;box-shadow:0 0 0 2px #6366f133!important;outline:none!important}.currency-select option{background-color:#1a1a1a!important;color:#fff!important;padding:8px 12px!important}.currency-select option:hover{background-color:#6366f14d!important}.currency-select option:checked{background-color:#6366f180!important;color:#fff!important}.price-range{align-items:center;display:flex;gap:10px}.price-input,.price-range{box-sizing:border-box;min-width:0;width:100%}.price-input{background:#6366f11a;border:1px solid #6366f14d;border-radius:8px;color:var(--text-primary);flex:1 1;font-size:14px;max-width:100%;padding:10px 15px}.price-input:focus{border-color:var(--accent-primary);outline:none}.price-range span{color:var(--text-secondary);font-weight:600}.reset-filters-btn{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#ef4444;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease;white-space:nowrap}.reset-filters-btn:hover{background:#ef444433}.products-container{margin-top:40px}.category-section{margin-bottom:50px}.category-section:last-child{margin-bottom:0}.category-heading{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#2563eb,#3b82f6 30%,#60a5fa 60%,#93c5fd);-webkit-background-clip:text;background-clip:text;border-bottom:2px solid #6366f14d;font-size:28px;font-weight:700;margin:0 0 25px;padding-bottom:15px}.products-grid{grid-gap:30px;gap:30px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:0}.product-card{background:#0f0f1499;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:10}.product-card:before{background:linear-gradient(90deg,#0000,#ffffff1a 30%,#fff3 50%,#ffffff1a 70%,#0000);content:"";height:100%;left:-100%;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .3s ease;width:100%;z-index:1}.product-card:hover:before{animation:shineRepeat 1.5s ease-in-out infinite;opacity:1}.product-card:hover{background:#14141ecc;border-color:#6366f180;box-shadow:0 20px 40px #0006;transform:translateY(-8px)}.product-image{background:#0000004d;height:220px;overflow:hidden;position:relative;z-index:2}.product-image img{-ms-interpolation-mode:bicubic;-webkit-font-smoothing:subpixel-antialiased;-webkit-backface-visibility:visible;backface-visibility:visible;filter:none;-webkit-filter:none;height:100%;image-rendering:auto;object-fit:cover;opacity:1;transform:translateZ(0) scale(1);transition:filter .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1);width:100%;will-change:auto}.product-image-overlay{align-items:center;display:flex;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .4s cubic-bezier(.4,0,.2,1);width:100%;z-index:2}.product-card:hover .product-image img{filter:blur(8px) brightness(.7)!important;-webkit-filter:blur(8px) brightness(.7)!important;transform:scale(1.1)!important}.product-card:hover .product-image-overlay{opacity:1;pointer-events:auto}.product-image-overlay-btn{align-items:center;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:linear-gradient(135deg,#6366f14d,#8b5cf64d);border:2px solid #fff3;border-radius:12px;box-shadow:0 8px 32px #0006;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:700;gap:8px;letter-spacing:.5px;overflow:hidden;padding:12px 28px;position:relative;text-transform:uppercase}.product-image-overlay-btn:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%;z-index:1}.product-image-overlay-btn:hover:before{animation:shineOnce .6s ease-in-out}@keyframes shineOnce{0%{left:-100%}to{left:100%}}@keyframes shineRepeat{0%{left:-100%}50%{left:100%}to{left:100%}}.product-image-overlay-btn span{position:relative;z-index:2}.product-image-overlay-btn:after{content:"→";font-size:16px;font-weight:700;position:relative;z-index:2}.image-count-badge,.video-badge{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;border-radius:6px;color:#fff;font-size:11px;font-weight:600;padding:4px 8px;position:absolute;right:8px;top:8px}.video-badge{top:40px}.product-info{display:flex;flex:1 1;flex-direction:column;padding:24px;position:relative;z-index:2}.product-name{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#2563eb,#3b82f6 30%,#60a5fa 60%,#93c5fd);-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:600;line-height:1.3;margin:0 0 12px}.product-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#ffffff80;display:-webkit-box;flex:1 1;line-height:1.6;margin:0 0 20px;max-height:4.8em;overflow:hidden;text-overflow:ellipsis}.product-footer{display:flex;flex-direction:column;gap:12px}.product-price-stock{align-items:center;display:flex;justify-content:space-between}.product-price{color:#6366f1}.product-stock{border-radius:12px;font-size:12px;font-weight:600;padding:4px 10px}.product-stock.in-stock{background:#22c55e33;color:#22c55e}.product-stock.out-of-stock{background:#ef444433;color:#ef4444}.view-more-btn{align-items:center;background:#6366f11a;border:1px solid #6366f14d;border-radius:10px;color:#6366f1;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:14px;transition:all .3s ease;width:100%}.view-more-btn:hover{background:#6366f1;border-color:#6366f1;box-shadow:0 8px 20px #6366f14d;color:#fff;transform:translateY(-2px)}.view-more-btn:after{content:"→";font-size:16px;transition:transform .3s ease}.view-more-btn:hover:after{transform:translateX(4px)}.loading,.no-products{color:var(--text-secondary);font-size:18px;padding:60px 20px;text-align:center}@media (max-width:768px){.landing-header{left:0;padding:15px 20px;position:fixed;right:0;top:0;width:100%}.landing-content{padding-top:90px}.landing-header.scrolled{padding:10px 20px}.header-content{align-items:center;justify-content:space-between;padding:0;width:100%}.logo-main{flex-shrink:0;font-size:20px;padding-left:15px}.logo-image{height:28px;width:28px}.landing-header.scrolled .logo-main{font-size:18px}.logo-main:before{flex-shrink:0;height:24px;width:24px}.landing-header.scrolled .logo-main:before{height:20px;width:20px}.header-actions{align-items:center;display:flex;flex-shrink:0;gap:10px}.cart-button,.gmail-button,.login-button{font-size:12px;padding:8px 16px;white-space:nowrap}.landing-header.scrolled .cart-button,.landing-header.scrolled .gmail-button,.landing-header.scrolled .login-button{font-size:11px;padding:6px 14px}.gmail-button span{display:none}}@media (max-width:480px){.landing-header{left:0;padding:12px 15px;position:fixed;right:0;top:0;width:100%}.landing-content{padding-top:80px}.landing-header.scrolled{padding:8px 15px}.header-content{align-items:center;justify-content:space-between;padding:0;width:100%}.logo-main{flex-shrink:0;font-size:18px;padding-left:12px}.logo-image{height:24px;width:24px}.landing-header.scrolled .logo-main{font-size:16px}.logo-main:before{flex-shrink:0;height:20px;width:20px}.landing-header.scrolled .logo-main:before{height:18px;width:18px}.header-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.cart-button,.gmail-button,.login-button{font-size:11px;padding:6px 12px;white-space:nowrap}.landing-header.scrolled .cart-button,.landing-header.scrolled .gmail-button,.landing-header.scrolled .login-button{font-size:10px;padding:5px 10px}.gmail-button span{display:none}}@media (max-width:768px){.hero-title{font-size:32px}.hero-description{font-size:16px}.products-grid{gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.cart-sidebar{width:100%}.search-filter-section{padding:0 15px}.advanced-filters,.search-filter-section{box-sizing:border-box;overflow-x:hidden;width:100%}.advanced-filters{padding:15px}.filter-row{gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.filter-group,.filter-row{box-sizing:border-box;width:100%}.filter-group{min-width:0}.category-filter,.sort-filter,.stock-filter{box-sizing:border-box;font-size:13px;max-width:100%;padding:8px 30px 8px 12px;width:100%}.price-range{min-width:0}.price-input,.price-range{box-sizing:border-box;width:100%}.price-input{font-size:13px;max-width:100%;padding:8px 12px}.reset-filters-btn{font-size:13px;margin-top:10px;padding:8px 16px;width:100%}}@media (max-width:480px){.products-grid{grid-template-columns:1fr}.search-filter-section{flex-direction:column;padding:0 10px}.advanced-filters,.search-filter-section{box-sizing:border-box;overflow-x:hidden;width:100%}.advanced-filters{padding:15px}.filter-row{gap:15px;grid-template-columns:1fr}.filter-group,.filter-row{box-sizing:border-box;width:100%}.filter-group{min-width:0}.category-filter,.sort-filter,.stock-filter{box-sizing:border-box;max-width:100%;width:100%}.price-range{align-items:stretch;flex-direction:column;gap:10px;width:100%}.price-range span{display:none}.price-input{max-width:100%;width:100%}.reset-filters-btn{margin-top:10px;width:100%}.category-filter,.search-input{box-sizing:border-box;max-width:100%;width:100%}.coins-panel-sidebar{left:0;right:0;width:100%}}.product-modal-overlay{align-items:stretch;animation:fadeIn .3s ease;animation:gridMove 20s linear infinite;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;background-image:linear-gradient(#6366f11a 1px,#0000 0),linear-gradient(90deg,#6366f11a 1px,#0000 0);background-position:0 0;background-size:50px 50px;display:flex;height:100vh;justify-content:stretch;left:0;margin:0;overflow:hidden;padding:0;position:fixed;top:0;width:100vw;z-index:10001}.product-modal-overlay .sparkle-particle{position:absolute;z-index:0}.product-modal-overlay:before{animation:starryMove 25s linear infinite;background-image:radial-gradient(4px 4px at 20% 30%,#8b5cf6,#0000),radial-gradient(4px 4px at 60% 70%,#6366f1,#0000),radial-gradient(3px 3px at 50% 50%,#8b5cf6,#0000),radial-gradient(3px 3px at 80% 10%,#6366f1,#0000),radial-gradient(4px 4px at 90% 60%,#8b5cf6,#0000),radial-gradient(3px 3px at 33% 80%,#6366f1,#0000),radial-gradient(4px 4px at 10% 50%,#8b5cf6,#0000),radial-gradient(3px 3px at 70% 20%,#6366f1,#0000),radial-gradient(4px 4px at 40% 90%,#8b5cf6,#0000),radial-gradient(3px 3px at 15% 15%,#6366f1,#0000),radial-gradient(4px 4px at 85% 85%,#8b5cf6,#0000),radial-gradient(3px 3px at 55% 40%,#6366f1,#0000),radial-gradient(4px 4px at 25% 65%,#8b5cf6,#0000),radial-gradient(3px 3px at 75% 35%,#6366f1,#0000),radial-gradient(4px 4px at 95% 25%,#8b5cf6,#0000),radial-gradient(3px 3px at 5% 75%,#6366f1,#0000),radial-gradient(4px 4px at 45% 5%,#8b5cf6,#0000),radial-gradient(3px 3px at 65% 95%,#6366f1,#0000),radial-gradient(4px 4px at 30% 45%,#8b5cf6,#0000),radial-gradient(3px 3px at 12% 22%,#6366f1,#0000),radial-gradient(4px 4px at 88% 78%,#8b5cf6,#0000),radial-gradient(3px 3px at 52% 88%,#6366f1,#0000),radial-gradient(4px 4px at 38% 12%,#8b5cf6,#0000),radial-gradient(3px 3px at 72% 48%,#6366f1,#0000);background-position:0 0;background-size:200% 200%;content:"";height:100%;left:0;opacity:1;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}@keyframes starryMove{0%{background-position:0 0}to{background-position:100% 100%}}.product-modal-overlay:after{animation:twinkle 4s ease-in-out infinite;background-image:radial-gradient(3px 3px at 25% 35%,#8b5cf6,#0000),radial-gradient(2px 2px at 55% 75%,#6366f1,#0000),radial-gradient(3px 3px at 75% 25%,#8b5cf6,#0000),radial-gradient(2px 2px at 15% 85%,#6366f1,#0000),radial-gradient(3px 3px at 85% 55%,#8b5cf6,#0000),radial-gradient(2px 2px at 35% 15%,#6366f1,#0000),radial-gradient(3px 3px at 65% 95%,#8b5cf6,#0000),radial-gradient(2px 2px at 45% 45%,#6366f1,#0000),radial-gradient(2px 2px at 18% 62%,#8b5cf6,#0000),radial-gradient(3px 3px at 82% 38%,#6366f1,#0000);background-size:150% 150%;content:"";height:100%;left:0;opacity:1;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}@keyframes twinkle{0%,to{opacity:.7}50%{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.product-modal-content{align-items:center;animation:slideUp .3s ease;background:#0a0a0f;border:none;border-radius:0;box-shadow:none;display:flex;flex-direction:column;height:100vh;justify-content:center;margin:0;max-width:100vw;overflow:hidden;padding:0;position:relative;width:100vw;z-index:1}.product-modal-content:before{animation:gridMoveContent 15s linear infinite;background-image:linear-gradient(#8b5cf626 1px,#0000 0),linear-gradient(90deg,#8b5cf626 1px,#0000 0);background-position:0 0;background-size:40px 40px;content:"";height:100%;left:0;opacity:.6;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}@keyframes gridMoveContent{0%{background-position:0 0;opacity:.4}50%{opacity:.8}to{background-position:40px 40px;opacity:.4}}.product-modal-close{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;font-weight:300;height:40px;justify-content:center;line-height:1;position:fixed;right:20px;top:20px;transition:all .2s ease;width:40px;z-index:10003}.product-modal-close:hover{background:#fff3;border-color:#ffffff4d;transform:rotate(90deg)}.product-modal-body{grid-gap:30px;align-items:start;box-sizing:border-box;display:grid;gap:30px;grid-template-columns:1.2fr .8fr;max-width:1400px;padding:40px;width:100%}.product-modal-body,.product-modal-media{max-height:calc(100vh - 80px);overflow:hidden;position:relative;z-index:10}.product-modal-media{display:flex;flex-direction:column;gap:8px;height:100%}.product-carousel-container,.product-modal-main-media{position:relative;width:100%}.product-modal-main-media{-webkit-font-smoothing:none;-moz-osx-font-smoothing:unset;align-items:center;background:#1a1a1a;border:1px solid #ffffff1a;border-radius:4px;box-shadow:0 2px 8px #0000004d;display:flex;filter:none!important;-webkit-filter:none!important;flex:1 1;height:55vh;image-rendering:auto!important;-webkit-image-rendering:auto!important;justify-content:center;min-height:0;min-height:400px;overflow:hidden;transform:none;-webkit-transform:none;transition:all .3s ease}.product-modal-main-media.zoomed{cursor:zoom-out;overflow:visible}.product-modal-image{-ms-interpolation-mode:bicubic!important;-webkit-font-smoothing:none!important;-moz-osx-font-smoothing:unset!important;-webkit-backface-visibility:visible!important;backface-visibility:visible!important;filter:none!important;-webkit-filter:none!important;height:100%;image-rendering:auto!important;-webkit-image-rendering:auto!important;-moz-image-rendering:auto!important;-ms-image-rendering:auto!important;max-height:none!important;max-width:none!important;object-fit:contain;opacity:1!important;transform:none!important;-webkit-transform:none!important;-moz-transform:none!important;-o-transform:none!important;-ms-transform:none!important;transition:transform .3s ease;-webkit-user-select:none;user-select:none;width:100%;will-change:auto!important}.product-modal-image.zoom-active{image-rendering:auto!important;transform:scale(2)!important;-webkit-transform:scale(2)!important;-moz-transform:scale(2)!important;-o-transform:scale(2)!important;transition:transform .1s ease-out}.zoom-hint{animation:fadeInOut 3s ease-in-out infinite;background:#000000b3;border-radius:20px;bottom:15px;color:#fff;font-size:12px;left:50%;padding:8px 16px;pointer-events:none;position:absolute;transform:translateX(-50%)}@keyframes fadeInOut{0%,to{opacity:.7}50%{opacity:1}}.carousel-nav-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;border:2px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:28px;font-weight:700;height:50px;justify-content:center;opacity:.7;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:50px;z-index:10}.carousel-nav-btn:hover{background:#6366f1cc;border-color:var(--accent-primary);opacity:1;transform:translateY(-50%) scale(1.1)}.carousel-prev{left:15px}.carousel-next{right:15px}.carousel-indicators{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:15px}.carousel-indicator{background:#6366f14d;border:2px solid #0000;border-radius:50%;cursor:pointer;height:10px;padding:0;transition:all .3s ease;width:10px}.carousel-indicator:hover{background:#6366f180;transform:scale(1.2)}.carousel-indicator.active{background:var(--accent-primary);border-radius:5px;width:30px}.carousel-controls{align-items:center;display:flex;gap:15px;justify-content:center;margin-top:15px}.auto-slide-toggle{background:#6366f133;border:1px solid #6366f14d;border-radius:20px;color:var(--text-primary);cursor:pointer;font-size:12px;font-weight:600;padding:8px 16px;transition:all .3s ease}.auto-slide-toggle:hover{background:#6366f14d}.auto-slide-toggle.active{background:#6366f166;border-color:var(--accent-primary)}.slide-counter{background:#6366f11a;border-radius:20px;color:var(--text-secondary);font-size:12px;font-weight:600;padding:8px 16px}.product-modal-video{background:#000;object-fit:contain}.product-modal-video,.product-modal-youtube,.youtube-embed-wrapper{display:block;height:100%;left:0;position:absolute;top:0;width:100%}.product-modal-youtube{background:#000;border:none;border-radius:0}.youtube-fallback{display:none}.youtube-fallback p{color:var(--text-secondary);font-size:12px;margin:0}.youtube-fallback a{color:var(--accent-primary);font-weight:600;margin-left:5px;text-decoration:none}.youtube-fallback a:hover{text-decoration:underline}.product-modal-gallery{grid-gap:8px;border-top:1px solid #ffffff1a;display:grid;gap:8px;grid-template-columns:repeat(4,1fr);margin-top:12px;padding-top:12px}.gallery-thumbnail{aspect-ratio:1;background:#6366f11a;border:2px solid #0000;border-radius:8px;cursor:pointer;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.gallery-thumbnail:hover{border-color:#6366f180;box-shadow:0 8px 20px #6366f14d;transform:translateY(-4px)}.gallery-thumbnail.active{border-color:#6366f1;box-shadow:0 0 0 2px #6366f14d,0 4px 12px #6366f166}.gallery-thumbnail img{height:100%;image-rendering:auto;object-fit:cover;transition:transform .3s ease;width:100%}.gallery-thumbnail:hover img{transform:scale(1.1)}.gallery-thumbnail.video-thumbnail{align-items:center;background:#6366f133;border:2px solid #6366f14d;display:flex;justify-content:center;position:relative}.gallery-thumbnail.video-thumbnail:hover{background:#6366f14d;border-color:#6366f199}.gallery-video-thumbnail{align-items:center;background:linear-gradient(135deg,#6366f14d,#8b5cf64d);display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.gallery-video-thumbnail img{object-fit:cover;z-index:1}.gallery-video-thumbnail img,.video-play-overlay{height:100%;left:0;position:absolute;top:0;width:100%}.video-play-overlay{align-items:center;background:#0000004d;display:flex;justify-content:center;transition:background .3s ease;z-index:2}.gallery-thumbnail:hover .video-play-overlay{background:#0003}.video-play-icon{color:#ffffffe6;font-size:32px;position:relative;text-shadow:0 2px 10px #00000080;transition:transform .3s ease;z-index:3}.gallery-thumbnail:hover .video-play-icon{transform:scale(1.2)}.video-type-badge{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;border-radius:4px;color:#fff;font-size:9px;font-weight:700;letter-spacing:.5px;padding:3px 6px;position:absolute;right:6px;top:6px}.product-modal-thumbnails{display:flex;gap:10px;overflow-x:auto;padding:5px 0}.product-modal-thumbnails::-webkit-scrollbar{height:6px}.product-modal-thumbnails::-webkit-scrollbar-track{background:#6366f11a;border-radius:3px}.product-modal-thumbnails::-webkit-scrollbar-thumb{background:#6366f14d;border-radius:3px}.product-modal-thumbnails::-webkit-scrollbar-thumb:hover{background:#6366f180}.thumbnail{background:#6366f11a;border:2px solid #0000;border-radius:6px;cursor:pointer;height:60px;min-width:60px;overflow:hidden;position:relative;transition:all .3s ease;width:60px}.thumbnail:hover{border-color:#6366f180;transform:scale(1.05)}.thumbnail.active{border-color:var(--accent-primary);box-shadow:0 0 0 2px #6366f14d}.thumbnail img{-webkit-backface-visibility:hidden;backface-visibility:hidden;height:100%;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:auto;object-fit:cover;transform:translateZ(0);width:100%}.video-thumbnail{position:relative}.video-thumbnail-overlay{align-items:center;background:#00000080;color:#fff;display:flex;font-size:24px;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.product-modal-details{display:flex;flex-direction:column;gap:12px;height:100%;max-height:calc(100vh - 80px);overflow-x:hidden;overflow-y:auto;padding-right:8px;position:relative;z-index:10}.product-modal-details::-webkit-scrollbar{width:6px}.product-modal-details::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.product-modal-details::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.product-modal-details::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.product-modal-title{color:#fff;flex-shrink:0;font-size:24px;font-weight:600;line-height:1.4;margin:0 0 16px}.product-modal-meta{background:#1a1a1a;border:1px solid #ffffff1a;border-radius:4px;display:flex;flex-direction:column;flex-shrink:0;gap:12px;padding:16px}.product-modal-category,.product-modal-stock{align-items:center;display:flex;justify-content:space-between}.meta-label{color:#ffffffb3;font-size:14px;font-weight:500}.meta-value{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;color:#fff;font-size:14px;font-weight:600;padding:4px 12px}.meta-value.in-stock{background:#22c55e26;border-color:#22c55e4d;color:#4ade80}.meta-value.out-of-stock{background:#ef444426;border-color:#ef44444d;color:#f87171}.product-modal-description{background:#1a1a1a;border:1px solid #ffffff1a;border-radius:4px;flex-shrink:0;padding:16px}.product-modal-description h3{color:#fff;font-size:16px;font-weight:600;margin:0 0 12px}.product-modal-description p{word-wrap:break-word;color:#ffffffb3;font-size:14px;line-height:1.6;margin:0;max-height:200px;overflow-y:auto;padding-right:8px;white-space:pre-line}.product-modal-description p::-webkit-scrollbar{width:4px}.product-modal-description p::-webkit-scrollbar-track{background:#ffffff0d}.product-modal-description p::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.product-modal-price-section{background:#1a1a1a;border:1px solid #ffffff1a;border-radius:4px;flex-shrink:0;padding:16px}.product-modal-price{align-items:center;display:flex;justify-content:space-between}.price-label{color:#ffffffb3;font-size:14px;font-weight:500}.price-value{color:#fff;font-size:28px;font-weight:700}.product-modal-actions{display:flex;flex-direction:column;flex-shrink:0;gap:8px;margin-top:8px}.product-modal-buy-btn,.product-modal-buy-coins-btn,.product-modal-cart-btn,.product-modal-signin-btn{align-items:center;background:#fff;border:none;border-radius:4px;color:#1a1a1a;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:14px 20px;transition:all .2s ease;width:100%}.product-modal-buy-btn,.product-modal-buy-coins-btn,.product-modal-signin-btn{background:#fff;color:#1a1a1a}.product-modal-buy-btn:hover:not(:disabled),.product-modal-buy-coins-btn:hover:not(:disabled),.product-modal-cart-btn:hover:not(:disabled),.product-modal-signin-btn:hover:not(:disabled){background:#ffffffe6;box-shadow:0 4px 12px #fff3;transform:translateY(-1px)}.product-modal-buy-btn:disabled,.product-modal-buy-coins-btn:disabled,.product-modal-cart-btn:disabled,.product-modal-signin-btn:disabled{background:#fff3;color:#ffffff80;cursor:not-allowed;opacity:.5}.product-modal-days-section{flex-shrink:0;margin-bottom:20px}.product-modal-days-section label{color:#fff;display:block;font-size:14px;font-weight:600;margin-bottom:10px}.day-selection-buttons{display:flex;flex-wrap:wrap;gap:10px}.day-button{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;color:#ffffffe6;cursor:pointer;font-size:13px;font-weight:600;padding:10px 16px;transition:all .2s ease}.day-button:hover{background:#ffffff1a;border-color:#fff3}.day-button.selected{background:#fff;border-color:#fff;color:#1a1a1a}.day-button:disabled{background:#ffffff05;color:#fff6;cursor:not-allowed;opacity:.4}@media (max-width:768px){.product-modal-overlay{margin:0;padding:0}.product-modal-content{border-radius:0;height:100vh;margin:0;padding:0;width:100vw}.product-modal-body{gap:20px;grid-template-columns:1fr;max-height:calc(100vh - 40px);padding:50px 20px 20px}.product-modal-media{height:auto;max-height:50vh;min-height:300px}.product-modal-details{max-height:calc(50vh - 20px);overflow-y:auto}.product-modal-main-media{border-radius:4px;height:100%;min-height:300px}.product-modal-title{font-size:20px;margin-bottom:12px}.price-value{font-size:24px}.product-modal-description,.product-modal-meta,.product-modal-price-section{padding:14px}.product-modal-close{font-size:20px;height:36px;right:15px;top:15px;width:36px}.day-selection-buttons{gap:8px}.day-button{flex:1 1;font-size:12px;min-width:calc(50% - 4px);padding:8px 12px}.filter-row{grid-template-columns:1fr}.search-bar{flex-direction:column}.filter-toggle-btn{width:100%}}@media (max-width:480px){.product-modal-content{margin:0;max-width:100%}.product-modal-body{gap:16px;max-height:calc(100vh - 32px);padding:40px 16px 16px}.product-modal-media{max-height:45vh;min-height:250px}.product-modal-details{max-height:calc(55vh - 16px)}.product-modal-main-media{height:100%;min-height:250px}.product-modal-title{font-size:18px}.price-value{font-size:22px}.product-modal-description,.product-modal-meta,.product-modal-price-section{padding:12px}.product-modal-buy-btn,.product-modal-buy-coins-btn,.product-modal-cart-btn,.product-modal-signin-btn{font-size:14px;padding:12px 16px}.product-modal-close{font-size:18px;height:32px;right:12px;top:12px;width:32px}.day-selection-buttons{gap:6px}.day-button{flex:1 1;font-size:11px;min-width:calc(50% - 3px);padding:8px 10px}.product-modal-days-section label{font-size:13px;margin-bottom:8px}.login-modal-content{padding:20px 15px;width:95%}.login-modal-content h2{font-size:18px;margin-bottom:15px}.google-signin-btn-modal{font-size:12px;padding:10px 15px}.login-form input{font-size:13px;padding:10px 12px}.login-submit-btn{font-size:13px;padding:10px 15px}.product-modal-close{font-size:24px;height:40px;right:15px;top:15px;width:40px;z-index:10003}}.key-popup-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10001}.key-popup-content{animation:slideUp .3s ease;background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #6366f14d;border-radius:20px;box-shadow:0 20px 60px #000c;max-width:500px;padding:30px;position:relative;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.key-popup-close{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .3s ease;width:32px}.key-popup-close:hover{background:#ffffff1a;transform:rotate(90deg)}.key-popup-header{margin-bottom:25px;text-align:center}.key-popup-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:24px;margin:0 0 10px}.key-popup-header p{color:#ffffffb3;font-size:14px;margin:0}.key-popup-body{margin-bottom:25px}.key-popup-info{background:#6366f11a;border-radius:12px;margin-bottom:20px;padding:15px}.key-info-item{display:flex;justify-content:space-between;margin-bottom:10px}.key-info-item:last-child{margin-bottom:0}.key-info-label{color:#ffffffb3;font-size:13px;font-weight:600}.key-info-value{color:#fff;font-size:13px;font-weight:600}.key-display-section{margin-bottom:20px}.key-label{color:#fff;display:block;font-size:14px;font-weight:600;margin-bottom:10px}.key-value-container{display:flex;gap:10px}.key-input{background:#0000004d;border:2px solid #6366f180;border-radius:8px;flex:1 1;font-family:Courier New,monospace;letter-spacing:1px;padding:12px 15px;text-align:center}.key-copy-btn,.key-input{color:#fff;font-size:14px;font-weight:600}.key-copy-btn{background:#6366f14d;border:1px solid #6366f180;border-radius:8px;cursor:pointer;padding:12px 20px;transition:all .3s ease;white-space:nowrap}.key-copy-btn:hover{background:#6366f180;transform:translateY(-1px)}.key-popup-warning{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;padding:12px;text-align:center}.key-popup-warning p{color:#ef4444;font-size:12px;font-weight:600;margin:0}.key-popup-actions{display:flex;gap:10px}.key-close-btn,.key-save-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 20px;transition:all .3s ease}.key-save-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.key-save-btn:hover{box-shadow:0 4px 12px #6366f166;opacity:.9;transform:translateY(-1px)}.key-close-btn{background:#ffffff1a;border:1px solid #fff3;color:#fff}.key-close-btn:hover{background:#fff3}.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;width:100%}.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;padding:40px 20px}.payment-content{max-width:600px;width:100%}.payment-header{margin-bottom:30px;text-align:center}.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}.payment-header p{color:#ffffffb3;font-size:16px;margin:0}.payment-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0f14cc;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0000004d;margin-bottom:30px;padding:30px}.product-summary{background:#6366f11a;border:1px solid #6366f133;border-radius:12px;margin-bottom:25px;padding:20px;text-align:center}.product-summary h3{color:#fff;font-size:20px;margin:0 0 10px}.product-price{color:#60a5fa;font-size:28px;margin:0}.payment-form{display:flex;flex-direction:column;gap:20px}.form-group label{color:#ffffffe6}.form-group input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;font-size:15px;transition:all .3s ease}.form-group input:focus{background:#ffffff14;border-color:#6366f180}.form-group input:disabled{cursor:not-allowed;opacity:.6}.payment-actions{display:flex;gap:15px;margin-top:10px}.btn-cancel,.btn-pay{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:14px 24px;transition:all .3s ease}.btn-cancel{background:#ffffff1a;border:1px solid #fff3;color:#fffc}.btn-cancel:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d}.btn-pay{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.btn-pay:hover:not(:disabled){box-shadow:0 8px 25px #6366f166;transform:translateY(-2px)}.btn-cancel:disabled,.btn-pay:disabled{cursor:not-allowed;opacity:.5}.payment-info{background:#0f0f1499;border:1px solid #ffffff1a;border-radius:12px;padding:20px}.payment-info h3{color:#fff;font-size:18px;margin:0 0 15px}.payment-info ul{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.payment-info li{color:#ffffffb3;font-size:14px;padding-left:0}@media (max-width:768px){.payment-container{padding:20px 15px}.payment-card{padding:20px}.payment-header h1{font-size:24px}.payment-actions{flex-direction:column}}.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{flex:1 1;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:500px;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{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;display:flex;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-header{margin-bottom:20px}.status-expired{color:var(--accent-warning)}.btn-small{border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:600;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;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%)}@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}.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)}.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;cursor:pointer;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);display:flex;min-height:100vh}.management-main{flex:1 1;margin-left:260px;min-height:100vh}.management-content{margin:0 auto;max-width:1400px;padding:24px}.card{box-shadow:0 1px 3px #00000014;padding:28px}.card-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:16px}.table-header-actions{display:flex;gap:8px;justify-content:flex-end;margin-bottom:12px}.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:14px 16px;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:14px;padding:14px 16px}.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{border-radius:4px;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;padding:5px 12px;text-transform:uppercase}.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)}.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{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);font-size:13px}.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%}}.product-management{margin:0 auto;max-width:1400px;padding:30px}.product-management-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.header-left{gap:15px}.back-btn,.header-left{align-items:center;display:flex}.back-btn{background:#6366f11a;border:1px solid #6366f14d;border-radius:8px;color:var(--accent-primary);cursor:pointer;font-size:14px;font-weight:600;gap:5px;padding:10px 20px;transition:all .3s ease}.back-btn:hover{background:#6366f133;border-color:var(--accent-primary)}.product-management-header h1{color:var(--text-primary);font-size:32px;font-weight:700;margin:0}.add-product-btn{background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);border:none;border-radius:8px;color:var(--bg-primary);cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.add-product-btn:hover{box-shadow:0 4px 15px #6366f166;transform:translateY(-2px)}.access-denied{color:var(--text-secondary);padding:60px 20px;text-align:center}.access-denied h2{color:var(--text-primary);margin-bottom:10px}.loading{color:var(--text-secondary);font-size:18px;padding:60px 20px;text-align:center}.products-table-container{background:#6366f10d;border:1px solid #6366f133;border-radius:12px;overflow:hidden}.products-table{border-collapse:collapse;width:100%}.products-table thead{background:#6366f11a}.products-table th{border-bottom:1px solid #6366f133;color:var(--text-primary);font-weight:600;padding:15px;text-align:left}.products-table td{border-bottom:1px solid #6366f11a;color:var(--text-secondary);padding:15px}.products-table tbody tr:hover{background:#6366f10d}.product-thumb{object-fit:cover}.no-image,.product-thumb{border-radius:6px;height:60px;width:60px}.no-image{align-items:center;background:#6366f11a;color:var(--text-secondary);display:flex;font-size:10px;justify-content:center}.description-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stock-badge{border-radius:12px;font-size:12px;font-weight:600;padding:4px 12px}.stock-badge.in-stock{background:#22c55e33;color:#22c55e}.stock-badge.out-of-stock{background:#ef444433;color:#ef4444}.keys-badge{background:#6366f133;border-radius:12px;color:#6366f1;font-size:12px;font-weight:600;padding:4px 12px}.action-buttons{display:flex;flex-wrap:wrap;gap:8px}.add-keys-btn,.delete-btn,.edit-btn{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .3s ease}.edit-btn{background:#6366f133;color:var(--accent-primary)}.edit-btn:hover{background:#6366f14d}.delete-btn{background:#ef444433;color:#ef4444}.delete-btn:hover{background:#ef44444d}.add-keys-btn{background:#22c55e33;color:#22c55e}.add-keys-btn:hover{background:#22c55e4d}.view-details-btn{background:#8b5cf633;border:none;border-radius:6px;color:#8b5cf6;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .3s ease}.view-details-btn:hover{background:#8b5cf64d}.no-products{color:var(--text-secondary);padding:40px;text-align:center}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background:var(--bg-primary);border:1px solid #6366f133;border-radius:12px;box-shadow:0 10px 40px #00000080;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid #6366f133;display:flex;justify-content:space-between;padding:20px}.modal-header h2{color:var(--text-primary);font-size:24px;margin:0}.close-modal{align-items:center;background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:32px;height:36px;justify-content:center;padding:0;transition:all .3s ease;width:36px}.close-modal:hover{background:#6366f11a;color:var(--accent-primary)}.product-form{padding:20px}.form-group{margin-bottom:20px}.form-group label{margin-bottom:8px}.form-group input,.form-group textarea{background:#6366f11a;border:1px solid #6366f14d;border-radius:8px;padding:12px;width:100%}.form-group input:focus,.form-group textarea:focus{background:#6366f126}.form-group textarea{min-height:80px;resize:vertical}.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{background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;color:#ef4444;cursor:pointer;font-size:18px;font-weight:700;min-width:40px;padding:10px 15px;transition:all .3s ease}.remove-input-btn:hover{background:#ef444433}.add-input-btn{background:#6366f11a;border:1px solid #6366f14d;border-radius:6px;color:var(--accent-primary);cursor:pointer;font-size:14px;font-weight:600;margin-top:5px;padding:10px 15px;transition:all .3s ease;width:100%}.add-input-btn:hover{background:#6366f133}.form-actions{border-top:1px solid #6366f133;display:flex;gap:12px;justify-content:flex-end;margin-top:30px;padding-top:20px}.cancel-btn,.save-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.cancel-btn{background:#6366f11a;border:1px solid #6366f14d;color:var(--text-primary)}.cancel-btn:hover{background:#6366f133}.save-btn{background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);color:var(--bg-primary)}.save-btn:hover{box-shadow:0 4px 15px #6366f166;transform:translateY(-2px)}@media (max-width:768px){.product-management{padding:20px}.product-management-header{align-items:flex-start;flex-direction:column;gap:15px}.add-product-btn{width:100%}.products-table-container{overflow-x:auto}.products-table{min-width:800px}.form-row{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:var(--accent-primary);font-size:18px;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:#6366f11a;border:1px solid #6366f133;border-radius:8px;padding:15px;transition:all .3s ease}.keys-stat-card:hover{background:#6366f126;border-color:#6366f14d}.stat-card-header{margin-bottom:10px}.stat-days{color:var(--accent-primary);font-size:16px;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:#ffffffb3;font-size:12px}.stat-value{font-size:14px;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:var(--accent-primary);font-size:18px;margin-bottom:15px}.purchases-table-container{border:1px solid #6366f133;border-radius:8px;overflow-x:auto}.purchases-table{background:#6366f10d;border-collapse:collapse;width:100%}.purchases-table th{background:#6366f11a;border-bottom:1px solid #6366f133;color:var(--text-primary);font-size:12px;font-weight:600;padding:12px;text-align:left}.purchases-table td{border-bottom:1px solid #6366f11a;color:var(--text-secondary);font-size:12px;padding:10px 12px}.purchases-table tbody tr:hover{background:#6366f10d}.days-badge{background:#6366f133;color:#6366f1}.amount-badge,.days-badge{border-radius:4px;font-size:11px;font-weight:600;padding:4px 8px}.amount-badge{background:#22c55e33;color:#22c55e}.key-display{color:#fffc;display:inline-block;font-family:Courier New,monospace;font-size:11px;max-width:200px;word-break:break-all}.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}}.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}.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;display:flex;gap:8px}.loading-dots span{animation:bounce 1.4s ease-in-out infinite;background:var(--accent-primary);border-radius:50%;height:12px;width:12px}.loading-dots span:first-child{animation-delay:0s}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@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}}.mobile-info-container{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;margin:0 auto 0 12rem;max-width:1000px;padding:8px}.mobile-info-header{margin:6px 0 16px;text-align:center}.mobile-info-logo{align-items:center;background:linear-gradient(135deg,#1e3a8a,#0f172a);border:1px solid #1e40af;border-radius:12px;box-shadow:0 4px 12px #2563eb33;display:inline-flex;font-size:24px;font-weight:700;height:48px;justify-content:center;margin-bottom:6px;width:48px}.mobile-info-header h1{color:var(--text-primary);font-size:18px;font-weight:700;letter-spacing:-.02em;margin-bottom:2px}.mobile-info-tagline{color:var(--text-secondary);font-size:11px;font-weight:500}.mobile-info-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 2px 8px #00000026;margin:0 auto 10px;padding:12px 12px 10px;width:100%}.card-header-row{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:12px}.card-title-block{display:flex;flex-direction:column;gap:2px}.card-title{color:var(--text-primary);font-size:14px;font-weight:600}.card-sub{color:var(--text-secondary);font-size:11px}.status-pill{align-items:center;background:#22c55e26;border:1px solid #22c55e4d;border-radius:999px;color:#22c55e;display:inline-flex;font-size:11px;font-weight:500;gap:6px;padding:4px 9px;white-space:nowrap}.status-dot{background:#22c55e;border-radius:999px;display:inline-block;height:8px;width:8px}.search-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;margin-bottom:10px;padding:10px 10px 8px}.search-input-label{color:var(--text-secondary);display:flex;font-size:11px;justify-content:space-between;margin-bottom:4px}.search-input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-family:inherit;font-size:13px;font-weight:500;margin-bottom:6px;outline:none;padding:10px 12px;transition:all .16s ease;width:100%}.search-input::placeholder{color:var(--text-secondary);font-weight:400}.search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 1px #3b82f640}.btn-group{display:flex;gap:8px}.btn{border:1px solid #0000;border-radius:999px;flex:1 1;font-family:inherit;font-size:12px;gap:5px;justify-content:center;padding:9px 14px;transition:all .16s ease;white-space:nowrap}.btn-primary{background:#1a1a1a;border:1px solid var(--border-color);color:var(--text-primary);font-weight:500}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;box-shadow:0 4px 16px #2563eb66;color:#fff;transform:translateY(-1px)}.btn-primary:disabled{box-shadow:none;cursor:default;opacity:.75;transform:none}.btn-secondary{background:#1a1a1a;border:1px solid var(--border-color);color:var(--text-primary)}.btn-secondary:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;box-shadow:0 4px 16px #2563eb66;color:#fff;transform:translateY(-1px)}.tabs-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin:6px 0 8px}.tabs{background:#1a1a1a;border:1px solid var(--border-color);border-radius:999px;gap:4px;padding:2px}.tab,.tabs{display:inline-flex}.tab{align-items:center;background:#0000;border:none;border-radius:999px;color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:12px;font-weight:500;gap:6px;padding:7px 12px;transition:all .16s ease}.tab.active{background:#333;box-shadow:0 1px 2px #0003;color:var(--text-primary);font-weight:600}.view-toggle{background:#1a1a1a;border:1px solid var(--border-color);border-radius:999px;padding:2px}.view-btn,.view-toggle{display:inline-flex;gap:4px}.view-btn{align-items:center;background:#0000;border:none;border-radius:999px;color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:11px;font-weight:500;padding:7px 10px;transition:all .16s ease}.view-btn.active{background:#333;box-shadow:0 1px 2px #0003;color:var(--text-primary);font-weight:600}.status{align-items:center;border-radius:12px;display:flex;font-size:12px;font-weight:500;gap:8px;margin-bottom:8px;padding:9px 11px}.status.success{background:#22c55e1a;border:1px solid #22c55e4d;color:var(--text-primary)}.status.error{background:#ef44441a;border:1px solid #ef44444d;color:var(--text-primary)}.status:before{background:currentColor;border-radius:999px;content:"";height:8px;opacity:.9;width:8px}.meta-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:8px}.query-display{color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:2px}.count-display{color:var(--text-secondary);font-size:11px;margin-bottom:0}.pill{align-items:center;background:#3b82f626;border:1px solid #3b82f64d;border-radius:999px;color:#3b82f6;display:inline-flex;font-size:11px;font-weight:500;gap:6px;padding:4px 9px;white-space:nowrap}.output-box{-ms-overflow-style:none;background:var(--bg-secondary);border:none;border-radius:12px;font-size:12px;line-height:1.4;max-height:350px;min-height:180px;outline:none;overflow:auto;padding:10px;scrollbar-width:none}.output-box::-webkit-scrollbar{display:none}.record-card{background:#1a1a1a;border:1px solid var(--border-color);border-radius:10px;box-shadow:0 1px 1px #0000001a;margin-bottom:6px;padding:9px 10px 8px}.record-card h4{align-items:center;color:var(--text-primary);display:flex;font-size:12px;justify-content:space-between;margin-bottom:7px}.record-card h4 span{color:var(--text-secondary);font-size:10px;font-weight:500}.record-field{display:flex;font-size:11px;gap:12px;justify-content:space-between;padding:3px 0}.record-field .label{color:var(--text-secondary);font-weight:500;min-width:50px}.record-field .value{color:var(--text-primary);font-weight:500;text-align:right;word-break:break-all}.history-item{background:#1a1a1a;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 4px #0000001a;cursor:pointer;margin-bottom:8px;padding:10px 11px;transition:all .14s ease}.history-item:hover{background:#222;border-color:#444;box-shadow:0 4px 12px #00000026;transform:translateX(2px)}.history-number{color:var(--text-primary);font-size:13px;font-weight:600}.history-time,.timestamp{color:var(--text-secondary);font-size:10px}.timestamp{margin-top:8px;text-align:right}.mobile-info-footer{color:var(--text-secondary);font-size:10px;margin-top:12px;padding:6px 0;text-align:center}.json-view{color:var(--text-primary);font-family:SF Mono,Courier New,monospace;font-size:11px;line-height:1.5;white-space:pre-wrap;word-break:break-all}.action-btns{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end;margin-top:6px}.btn-icon{align-items:center;background:#1a1a1a;border:1px solid var(--border-color);border-radius:999px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:11px;font-weight:500;gap:4px;padding:5px 9px;transition:all .16s ease}.btn-icon:hover{background:#222;border-color:#666;transform:translateY(-1px)}.info-section-card{background:#0f0f0ff2;border:1px solid var(--border-color);border-radius:14px;box-shadow:0 2px 8px #00000026;font-size:12px;margin:0 auto 8px;padding:12px 14px 10px}.info-heading{align-items:center;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:8px}.info-heading,.info-tag{color:var(--text-primary)}.info-tag{background:#333;border:1px solid var(--border-color);border-radius:999px;font-size:10px;font-weight:500;padding:2px 7px}.info-section-card p{color:var(--text-secondary);font-size:12px;margin-bottom:6px}.info-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr;margin-top:8px}.info-block{background:#1a1a1a;border:1px dashed var(--border-color);border-radius:10px;padding:8px 9px}.info-block-title{color:var(--text-primary);font-size:12px;font-weight:600;margin-bottom:4px}.info-block ul{list-style:disc;padding-left:16px}.info-block li{color:var(--text-secondary);font-size:11px;margin-bottom:3px}@media (max-width:639px){.mobile-info-container{margin-left:0}}@media (min-width:640px){.mobile-info-container{padding:18px}.mobile-info-card{padding:18px 18px 16px}.mobile-info-header h1{font-size:24px}.search-input{font-size:15px;padding:12px 13px}.output-box{max-height:430px}.info-section-card{padding:18px 18px 16px}.info-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:900px){.mobile-info-container{margin-left:4rem;padding:28px}.mobile-info-header{margin-bottom:20px}.mobile-info-card{padding:20px 20px 16px}.mobile-info-header h1{font-size:26px}.search-section{padding:12px 12px 10px}.info-section-card{margin-top:6px}}.mix-bomber-container{display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:1400px;min-height:calc(100vh - 200px);padding:2rem}.mix-bomber-header{margin-bottom:24px;text-align:center;transform:translateX(4rem)}.mix-bomber-header h1{color:var(--text-primary);font-size:28px;font-weight:700;margin-bottom:8px}.mix-bomber-header p{color:var(--text-secondary);font-size:14px}.cards-row-three{grid-gap:1.5rem;grid-template-columns:1fr 1fr 1fr;margin-top:2rem;padding-left:12rem}.cards-row,.cards-row-three{display:grid;gap:1.5rem;margin-bottom:2rem}.cards-row{grid-gap:1.5rem;grid-template-columns:1fr 1fr}.bomber-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;padding:1.5rem}.cards-row .bomber-card,.cards-row-three .bomber-card{margin-bottom:0}.bomber-card h2{border-bottom:2px solid var(--primary-color);color:var(--text-primary);font-size:1.3rem;margin-bottom:1rem;padding-bottom:.5rem}.bomber-form{display:flex;flex-direction:column;gap:1rem}.form-row{grid-gap:1rem;align-items:start;gap:1rem}.form-group{align-items:flex-start;gap:.5rem}.form-group label{font-size:1rem;line-height:1.4}.form-input,.form-select{background:var(--bg-color);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:1rem;padding:.75rem;transition:all .3s ease}.form-input:focus,.form-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a;outline:none}.button-group{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.btn{align-items:center;border-radius:8px;display:inline-flex;font-size:1rem;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #667eea66}.btn-secondary{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.btn-secondary:hover:not(:disabled){box-shadow:0 4px 12px #f5576c66;transform:translateY(-2px)}.btn-info{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.btn-info:hover:not(:disabled){box-shadow:0 4px 12px #4facfe66;transform:translateY(-2px)}.btn-danger{background:linear-gradient(135deg,#fa709a,#fee140);color:#fff}.btn-danger:hover:not(:disabled){box-shadow:0 4px 12px #fa709a66;transform:translateY(-2px)}.btn-warning{background:linear-gradient(135deg,#ff9a9e,#fecfef);color:#fff}.btn-warning:hover:not(:disabled){box-shadow:0 4px 12px #ff9a9e66;transform:translateY(-2px)}.btn-small{background:var(--primary-color);color:#fff;font-size:.9rem;padding:.5rem 1rem}.btn-small:hover{opacity:.9}.quick-attack-grid{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.quick-btn{border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:1rem;text-align:center;transition:all .3s ease}.quick-btn:disabled{cursor:not-allowed;opacity:.5}.quick-btn:hover:not(:disabled){box-shadow:0 8px 16px #0003;transform:translateY(-4px)}.quick-call{background:linear-gradient(135deg,#667eea,#764ba2)}.quick-sms{background:linear-gradient(135deg,#f093fb,#f5576c)}.quick-whatsapp{background:linear-gradient(135deg,#4facfe,#00f2fe)}.quick-all{background:linear-gradient(135deg,#fa709a,#fee140)}.quick-infinite{animation:pulse-glow 2s ease-in-out infinite;background:linear-gradient(135deg,#30cfd0,#330867)}@keyframes pulse-glow{0%,to{box-shadow:0 4px 6px #0000001a,0 0 0 0 #30cfd0b3}50%{box-shadow:0 4px 6px #0000001a,0 0 0 10px #30cfd000}}.status-info{background:var(--bg-color);border-left:4px solid var(--primary-color);border-radius:8px;margin-bottom:1rem;padding:1rem}.status-info p{color:var(--text-primary);font-size:1.1rem;margin-bottom:1rem}.status-actions{display:flex;flex-wrap:wrap;gap:1rem}.apis-display,.stats-display,.status-display{background:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;margin-top:1.5rem;overflow-x:auto;padding:1rem}.apis-display pre,.stats-display pre,.status-display pre{word-wrap:break-word;color:var(--text-primary);font-size:.9rem;line-height:1.6;margin:0;white-space:pre-wrap}.apis-display h3,.stats-display h3,.status-display h3{color:var(--text-primary);margin-bottom:1rem}.url-display{align-items:center;background:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;display:flex;flex-wrap:wrap;gap:1rem;padding:1rem}.url-display code{background:#667eea1a;border-radius:6px;color:var(--text-primary);flex:1 1;font-size:.9rem;min-width:200px;padding:.75rem;word-break:break-all}@media (max-width:768px){.mix-bomber-container{padding:1rem}.mix-bomber-header h1{font-size:1.8rem}.cards-row-three{padding-left:0}.cards-row,.cards-row-three{gap:1.5rem;grid-template-columns:1fr}.bomber-card{padding:1.5rem}.form-row{gap:1rem}.form-row,.quick-attack-grid{grid-template-columns:1fr}.button-group{flex-direction:column}.btn{justify-content:center;width:100%}.status-actions,.url-display{flex-direction:column}.url-display code{width:100%}}@media (max-width:480px){.mix-bomber-header h1{font-size:1.5rem}.bomber-card,.quick-btn{padding:1rem}.quick-btn{font-size:.9rem}}.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}.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}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.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-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;font-size:14px;padding:12px 24px;transition:all .2s ease}.btn-primary{color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #6366f14d;transform:translateY(-2px)}.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}.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%}