@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;900&family=JetBrains+Mono:wght@400;600&display=swap");:root{--bg-primary:#060a13;--bg-secondary:#0c1322;--bg-tertiary:#111b2e;--bg-elevated:#1a2740;--bg-card:rgba(12,19,34,0.92);--border-primary:#1e3050;--border-accent:rgba(6,182,212,0.2);--text-primary:#e2e8f0;--text-secondary:#8899b4;--text-muted:#4a5a78;--accent-primary:#06b6d4;--accent-secondary:#0891b2;--accent-success:#10b981;--accent-danger:#ef4444;--accent-info:#3b82f6;--accent-cyan:#22d3ee;--whatsapp:#25D366;--gradient-1:#06b6d4;--gradient-2:#0891b2;--header-bg:rgba(6,10,19,0.95);--shadow:rgba(6,182,212,0.1);--glass-bg:rgba(6,182,212,0.03);--font-mono:"JetBrains Mono",monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Cairo,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden;max-width:100vw}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--accent-secondary);border-radius:10px}.graffiti-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background-color:var(--bg-primary);overflow:hidden}.graffiti-bg:before{background-image:radial-gradient(circle at 20% 60%,var(--border-accent) 0,transparent 40%),radial-gradient(circle at 80% 20%,var(--border-accent) 0,transparent 40%);animation:bgFloat 25s ease-in-out infinite}.graffiti-bg:after,.graffiti-bg:before{content:"";position:absolute;width:100%;height:100%}.graffiti-bg:after{background:repeating-linear-gradient(0deg,transparent,transparent 100px,rgba(6,182,212,.015) 0,rgba(6,182,212,.015) 101px),repeating-linear-gradient(90deg,transparent,transparent 100px,rgba(6,182,212,.015) 0,rgba(6,182,212,.015) 101px)}@keyframes bgFloat{0%,to{transform:translate(0) scale(1)}50%{transform:translate(1%,-1%) scale(1.005)}}.background-glows{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;overflow:hidden}.glow-1{top:-15%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,#06b6d4 0,transparent 70%);opacity:.06;animation:glowFloat 15s ease-in-out infinite}.glow-1,.glow-2{position:absolute;border-radius:50%;filter:blur(120px)}.glow-2{bottom:-15%;left:-10%;width:400px;height:400px;background:radial-gradient(circle,#0891b2 0,transparent 70%);opacity:.04;animation:glowFloat 20s ease-in-out infinite reverse}@keyframes glowFloat{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20px,-20px) scale(1.05)}}.graffiti-card{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-accent);border-radius:12px;padding:32px;width:100%;max-width:480px;box-shadow:0 4px 24px rgba(0,0,0,.4);text-align:center;position:relative;transition:all .25s ease}.graffiti-card:hover{border-color:rgba(6,182,212,.4)}.graffiti-container{display:flex;justify-content:center;align-items:center;min-height:100vh;position:relative;padding:40px 20px}.graffiti-wrapper{display:flex;flex-direction:column;gap:20px;width:100%;max-width:1200px;margin:0 auto}@media (min-width:768px){.graffiti-wrapper{flex-direction:row;align-items:stretch;height:80vh;min-height:600px}}.accordion-card{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:12px;display:flex;flex-direction:column;transition:all .25s ease;overflow:hidden;border:1px solid var(--border-primary)}.accordion-card.smm-card,.accordion-card.tiktok-card,.accordion-card:hover{border-color:var(--border-accent)}.accordion-header{padding:24px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(255,255,255,.05)}.accordion-body{padding:24px;flex:1;overflow-y:auto}.dropdown-item:hover{background:var(--bg-tertiary)}.graffiti-title{font-family:Cairo,sans-serif;font-size:1.6rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:12px}.graffiti-desc{color:var(--text-secondary);font-size:1.05rem;margin-bottom:30px;line-height:1.8}.graffiti-input-group{text-align:right;margin-bottom:24px}.graffiti-input-group label{display:block;margin-bottom:8px;color:var(--text-secondary);font-weight:600;font-size:.95rem}.graffiti-input{width:100%;padding:12px 14px;border-radius:8px;background:rgba(0,0,0,.3);border:1px solid var(--border-primary);color:var(--text-primary);font-size:.95rem;font-family:Cairo,sans-serif;transition:all .2s ease;outline:none}.graffiti-input:focus{border-color:var(--accent-primary)}.graffiti-price{background:rgba(0,0,0,.3);padding:16px;border-radius:8px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--border-accent)}.graffiti-price span{font-size:.95rem;color:var(--text-secondary)}.graffiti-price strong{font-size:1.4rem;color:var(--accent-primary);font-weight:700}.graffiti-btn{width:100%;padding:14px 20px;border-radius:8px;background:var(--accent-primary);color:#000;font-family:Cairo,sans-serif;font-weight:700;font-size:1rem;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.graffiti-btn:hover:not(:disabled){background:var(--accent-secondary)}.graffiti-btn:disabled{background:var(--bg-elevated);color:var(--text-muted);cursor:not-allowed}.graffiti-features{display:flex;justify-content:space-between;margin-top:30px;padding-top:20px;border-top:1px solid rgba(255,255,255,.06)}.feature{display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:.85rem;font-weight:600}@media (max-width:480px){.graffiti-card{padding:24px;border-width:1px}.graffiti-title{font-size:1.3rem}.graffiti-features{flex-direction:column;gap:12px;align-items:center}}.layout-container{display:flex;min-height:100vh;width:100%;max-width:100vw;position:relative;z-index:1;overflow-x:hidden}.sidebar{width:260px;background:var(--bg-secondary);border-left:1px solid var(--border-primary);display:flex;flex-direction:column;position:fixed;top:0;right:0;height:100vh;z-index:50;transition:transform .3s ease}.sidebar-top{padding:20px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.05)}.sidebar-logo{font-family:Cairo,sans-serif;font-size:1.2rem;font-weight:700;color:var(--accent-primary)}.close-btn{background:none;border:none;cursor:pointer;display:none}.sidebar-nav{display:flex;flex-direction:column;padding:12px 0;overflow-y:auto;flex:1}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 20px;background:none;border:none;border-right:2px solid transparent;color:var(--text-secondary);font-family:Cairo,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .15s ease;text-align:right;width:100%}.nav-item:hover{color:var(--text-primary)}.nav-item.active{color:var(--accent-primary);border-right-color:var(--accent-primary);background:rgba(6,182,212,.04)}.main-content{flex:1;margin-right:270px;padding:40px;display:flex;justify-content:center;align-items:flex-start;min-height:100vh;max-width:100vw}.content-wrapper{width:100%;max-width:800px}.mobile-header,.mobile-search-bar,.sidebar-overlay{display:none}.service-panel-modern{background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-primary);padding:24px;transition:border-color .2s ease}.service-panel-modern:hover{border-color:var(--border-accent)}@media (max-width:1024px){.desktop-header{display:none!important}.sidebar{transform:translateX(100%);width:280px}.sidebar.open{transform:translateX(0)}.close-btn{display:block}.main-content{margin-right:0;padding:86px 20px 20px}.mobile-header{display:flex;position:fixed;top:0;left:0;width:100%;height:66px;background:var(--header-bg);backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2);border-bottom:1px solid rgba(255,255,255,.06);z-index:40;align-items:center;justify-content:space-between;padding:0 16px}.mobile-logo{font-family:Cairo,sans-serif;font-size:1.1rem;font-weight:700;color:var(--accent-primary)}.menu-btn{background:none;border:none;cursor:pointer;padding:8px}.mobile-search-bar{display:block;margin-bottom:20px}.sidebar-overlay{display:block;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);z-index:45;opacity:0;pointer-events:none;transition:opacity .3s ease}.sidebar-overlay.open{opacity:1;pointer-events:auto}.service-panel-modern{padding:20px}}@media (max-width:768px){.main-content{padding:82px 12px 12px}.service-panel-modern{padding:16px;border-radius:16px}.accordion-body{padding:16px}.tiktok-inputs{flex-direction:column;gap:12px!important}.graffiti-price{flex-direction:column;align-items:flex-start;gap:8px;padding:14px}}.admin-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.admin-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.admin-manual-service-grid,.admin-tier-grid{display:grid;gap:12px;align-items:end;background:rgba(0,0,0,.2);padding:14px;border-radius:8px;border:1px solid var(--border-primary);margin-bottom:10px;transition:border-color .2s ease}.admin-manual-service-grid{grid-template-columns:1.2fr 1.5fr 1fr 1fr 1fr auto}.admin-tier-grid{grid-template-columns:1fr 1fr 1.2fr auto auto}.admin-manual-service-grid:hover,.admin-tier-grid:hover{border-color:var(--accent-primary)}@media (max-width:768px){.admin-grid-2,.admin-grid-3{grid-template-columns:1fr!important}.admin-manual-service-grid,.admin-tier-grid{grid-template-columns:1fr 1fr!important}}.premium-loader-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background:var(--bg-primary);gap:24px}.premium-loader-wrapper{position:relative;width:70px;height:70px}.premium-loader{width:70px;height:70px;border-radius:50%;border-left:3px solid transparent;border-right:3px solid transparent;border-top:3px solid transparent;border-top-color:var(--accent-primary);border-bottom:3px solid transparent;border-bottom-color:var(--accent-secondary);animation:spin 1s cubic-bezier(.5,0,.5,1) infinite;filter:drop-shadow(0 0 10px var(--shadow))}.premium-loader-inner{width:44px;height:44px;border-radius:50%;border-bottom:3px solid transparent;border-top:3px solid transparent;border-left:3px solid transparent;border-left-color:var(--accent-info);border-right:3px solid transparent;border-right-color:var(--accent-cyan);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:spin-reverse .7s linear infinite}.premium-loader-text{color:var(--accent-primary);font-size:20px;font-weight:700;letter-spacing:1px;animation:pulse 1.5s infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin-reverse{0%{transform:translate(-50%,-50%) rotate(1turn)}to{transform:translate(-50%,-50%) rotate(0deg)}}@keyframes pulse{0%{opacity:.6;transform:scale(.98)}50%{opacity:1;transform:scale(1.02)}to{opacity:.6;transform:scale(.98)}}.admin-dashboard-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;padding:24px;width:100%;transition:border-color .2s ease}.admin-dashboard-card:hover{border-color:var(--border-accent)}.admin-content-container{max-width:1000px;margin:32px auto;padding:20px;position:relative;z-index:10;width:100%}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:24px}.admin-stat-card{background:rgba(0,0,0,.3);border:1px solid var(--border-primary);border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:4px;transition:border-color .2s ease}.admin-stat-card:hover{border-color:var(--accent-primary)}.admin-stat-card .stat-label{font-size:11px;color:var(--text-muted);font-weight:600;letter-spacing:.5px}.admin-stat-card .stat-value{font-size:24px;font-weight:700;color:var(--accent-primary);font-family:var(--font-mono)}.admin-stat-card .stat-icon{opacity:.2}@media (max-width:1024px){.hide-mobile{display:none!important}}@media (max-width:768px){.admin-dashboard-card{padding:16px}.admin-content-container{margin:10px auto;padding:8px}}.gradient-text{background:linear-gradient(135deg,var(--gradient-1),var(--gradient-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.vip-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,var(--gradient-1),var(--gradient-2));color:#000;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:700;animation:vipGlow 2s ease-in-out infinite}@keyframes vipGlow{0%,to{box-shadow:0 0 10px var(--shadow)}50%{box-shadow:0 0 20px var(--shadow),0 0 40px var(--shadow)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeInUp .5s ease forwards}.fade-in-delay-1{animation-delay:.1s}.fade-in-delay-2{animation-delay:.2s}.hover-glow{transition:all .3s ease}.hover-glow:hover{box-shadow:0 0 20px var(--shadow),0 0 40px var(--shadow)}.premium-divider{height:1px;background:var(--border-primary);margin:16px 0;border:none}code{font-family:var(--font-mono);color:var(--accent-primary);font-size:.9em}.swal-z-max{z-index:99999!important}