@import url(https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700;800&display=swap);*,:after,:before{animation:none!important}:root{--secondary:#8b5cf6;--accent:#ec4899;--cyan:#06b6d4;--teal:#14b8a6;--orange:#f97316;--dark:#0a0a0f;--darker:#050507;--light:#f8fafc;--glass:#ffffff1a;--glass-border:#fff3;--gradient-dark:linear-gradient(135deg,#1a1a2e,#16213e);--gradient-primary:linear-gradient(135deg,#6366f1,#8b5cf6)}body{color:#f8fafc;color:var(--light);font-family:Sora,sans-serif;line-height:1.6;overflow-x:hidden}#root,body{background:linear-gradient(135deg,#0f0f1e,#1a1a2e)}#root{min-height:100vh}::-webkit-scrollbar-track{background:#0a0a0f;background:var(--dark)}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#6366f1,#ec4899);background:linear-gradient(135deg,var(--primary),var(--accent))}.fade-in{animation:fadeIn .5s ease-out}.container{padding:0 16px}.text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#ec4899);background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text}canvas,img,video{height:auto;max-width:100%}.page-wrapper{margin:0 auto;max-width:1200px;padding:16px;width:100%}.stack-md{display:flex;flex-direction:column;gap:16px}@media (max-width:768px){body{font-size:14px}h1{font-size:1.8rem}h2{font-size:1.4rem}h3{font-size:1.2rem}.container{padding:0 12px}}@media (max-width:480px){.container,.page-wrapper,[class*=Card],[class*=card]{max-width:100%}}.home-page{background:#0a0a0a;min-height:100vh;overflow-x:hidden}.cursor-glow{background:radial-gradient(circle,#667eea26 0,#0000 70%);border-radius:50%;height:300px;pointer-events:none;position:fixed;transform:translate(-50%,-50%);transition:opacity .3s ease;width:300px;z-index:9999}.hero{align-items:center;background:linear-gradient(135deg,#0a0a0a,#1a1a2e 50%,#0f0f1e);color:#fff;display:flex;flex-direction:row;min-height:100vh;overflow:hidden;padding:80px 20px;position:relative}.hero-background{height:100%;overflow:hidden;width:100%}.gradient-orb{filter:blur(100px)}.orb-2{bottom:-150px;height:600px;width:600px}.orb-3{height:400px;right:20%;width:400px}.particles{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.particle{background:#667eea99}.logo-wrapper{align-items:center;display:flex;gap:20px;justify-content:center;margin-bottom:30px;position:relative}.logo-ring{animation:rotate 10s linear infinite;border:3px solid #667eea4d;border-radius:50%;height:140px;position:absolute;width:140px}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.pkc-logo{border:4px solid #667eea80;border-radius:50%;box-shadow:0 0 60px #667eea99,0 20px 80px #000c;height:120px;position:relative;transition:all .5s ease;width:120px;z-index:2}.pkc-logo:hover{box-shadow:0 0 100px #667eeacc,0 30px 100px #000000e6;transform:scale(1.1)}.logo-badge{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50px;box-shadow:0 10px 30px #667eea80;display:flex;font-size:14px;font-weight:700;gap:8px;letter-spacing:1.5px;overflow:hidden;padding:12px 28px;position:relative;text-transform:uppercase}.logo-badge:before{animation:shimmer 3s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.badge-icon{animation:pulse 2s infinite}.brand-name{color:#fff;font-size:5rem;font-weight:900;margin:30px 0;text-shadow:0 0 80px #667eea80}.gradient-text{display:inline-block;position:relative}.hero-badge{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid #667eea4d;border-radius:50px;box-shadow:0 15px 40px #667eea33;font-weight:700;gap:12px;margin-bottom:40px;padding:15px 35px}.hero-badge i{color:gold;filter:drop-shadow(0 0 10px #ffd700);font-size:22px}.hero-title{font-size:4rem;margin:35px 0;text-shadow:0 10px 50px #00000080}.hero-description{color:#e0e0e0;font-size:1.4rem;line-height:1.9;margin:0 auto 50px;max-width:800px;opacity:.9}.cta-group{display:flex;flex-wrap:wrap;gap:25px;justify-content:center;margin-bottom:50px}@media (max-width:768px){.hero{align-items:flex-start;flex-direction:column;padding:80px 16px 40px}.brand-name{font-size:2.6rem;text-align:center}.hero-title{font-size:2.1rem;text-align:center}.hero-description{font-size:1rem;max-width:100%;text-align:center}.cta-group,.hero-badge,.logo-wrapper{align-items:center;flex-direction:column;text-align:center}.pkc-logo{height:90px;width:90px}}.btn{align-items:center;border-radius:50px;display:inline-flex;font-size:1.1rem;font-weight:700;gap:12px;letter-spacing:1px;overflow:hidden;padding:20px 45px;position:relative;text-decoration:none;text-transform:uppercase;transition:all .4s ease}.btn-shine{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);transition:left .6s ease}.btn:hover .btn-shine{left:100%}.btn-primary{box-shadow:0 20px 50px #667eea66}.btn-primary:hover{box-shadow:0 25px 70px #667eea99;transform:translateY(-5px)}.btn-secondary{background:#0000;border:3px solid #667eea99;box-shadow:0 20px 50px #0000004d}.btn-secondary:hover{background:#667eea33;border-color:#667eea;transform:translateY(-5px)}.trust-badges{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin-top:40px}.trust-item{align-items:center;background:#667eea1a;border:1px solid #667eea4d;border-radius:30px;display:flex;font-weight:600;gap:10px;padding:12px 25px}.trust-item i{color:#667eea;font-size:18px}.hero-stats{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:80px}.stat-card{background:#667eea14;border-radius:30px;padding:45px 30px;transition:all .5s ease}.stat-glow{background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);bottom:0;height:3px;left:0;position:absolute;transform:scaleX(0);transition:transform .5s ease;width:100%}.stat-card:hover .stat-glow{transform:scaleX(1)}.stat-card:hover{background:#667eea26;box-shadow:0 25px 70px #667eea66;transform:translateY(-15px)}.stat-icon{color:#667eea;margin-bottom:15px}.stat-number{background:linear-gradient(135deg,#667eea,#f093fb);font-size:3.5rem;font-weight:900;margin-bottom:12px}.stat-label{color:#e0e0e0;font-size:1.1rem;opacity:.9}.section-header{margin-bottom:80px;text-align:center}.section-label{background:#667eea26;border:2px solid #667eea4d;border-radius:30px;color:#667eea;display:inline-block;font-size:14px;font-weight:700;letter-spacing:2px;margin-bottom:20px;padding:10px 25px}.section-header h2{font-size:3.5rem;font-weight:800;margin-bottom:20px}.section-description{color:#b0b0b0;font-size:1.3rem;margin:0 auto;max-width:600px}.features{background:#0a0a0a;padding:120px 20px;position:relative}.features-grid{grid-gap:35px;gap:35px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.feature-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#1a1a2ecc,#0f0f1ecc);border:2px solid #667eea26;border-radius:30px;box-shadow:0 15px 50px #0009;overflow:hidden;padding:50px 35px;position:relative;text-align:center;transition:all .5s ease}.card-shine{background:radial-gradient(circle,#667eea26 0,#0000 70%);height:200%;left:-50%;opacity:0;position:absolute;top:-50%;transition:opacity .5s ease;width:200%}.feature-card:hover .card-shine{opacity:1}.feature-card:hover{border-color:#667eea80;box-shadow:0 30px 80px #667eea66;transform:translateY(-20px)}.feature-icon{border-radius:50%;color:#fff;font-size:2.5rem;height:100px;margin:0 auto 30px;position:relative;transition:all .5s ease;width:100px}.icon-glow{border-radius:50%;filter:blur(20px);height:100%;opacity:.6;position:absolute;width:100%}.feature-card:hover .feature-icon{transform:scale(1.15) rotate(1turn)}.lightning{box-shadow:0 15px 50px #f093fb80}.lightning,.lightning .icon-glow{background:linear-gradient(135deg,#f093fb,#f5576c)}.shield{box-shadow:0 15px 50px #4facfe80}.shield,.shield .icon-glow{background:linear-gradient(135deg,#4facfe,#00f2fe)}.support{box-shadow:0 15px 50px #43e97b80}.support,.support .icon-glow{background:linear-gradient(135deg,#43e97b,#38f9d7)}.secure{box-shadow:0 15px 50px #fa709a80}.secure,.secure .icon-glow{background:linear-gradient(135deg,#fa709a,#fee140)}.feature-card h3{color:#fff;font-size:1.8rem;font-weight:700;margin-bottom:18px}.feature-card p{color:#b0b0b0;font-size:1.1rem;line-height:1.7}.services-preview{background:linear-gradient(135deg,#1a1a2e,#0f0f1e);padding:120px 20px;position:relative}.services-grid{grid-gap:35px;display:grid;gap:35px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.service-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0a99;border:2px solid #667eea33;border-radius:30px;box-shadow:0 15px 50px #0009;padding:50px 40px;transition:all .5s ease}.service-bg{background:linear-gradient(90deg,#0000,#667eea1a,#0000);height:100%;left:-100%;position:absolute;top:0;transition:left .7s ease;width:100%}.service-card:hover .service-bg{left:100%}.service-number{color:#667eea;font-size:4rem;font-weight:900;opacity:.05;position:absolute;right:20px;top:20px}.service-card:hover{border-color:#667eea99;box-shadow:0 30px 80px #667eea80;transform:translateY(-20px)}.service-icon{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 15px 40px #667eea80;font-size:2.2rem;height:90px;margin-bottom:30px;transition:all .5s ease;width:90px}.service-card:hover .service-icon{box-shadow:0 20px 60px #667eeab3;transform:scale(1.2) rotate(1turn)}.service-card h3{color:#fff;font-size:1.9rem;font-weight:700;margin-bottom:18px}.service-card p{color:#b0b0b0;font-size:1.1rem;line-height:1.7;margin-bottom:30px}.service-link{align-items:center;color:#667eea;display:inline-flex;font-size:1.1rem;font-weight:700;gap:10px;transition:all .3s ease}.service-link:hover{color:#f093fb;transform:translateX(10px)}.testimonials{background:#0a0a0a;padding:120px 20px}.testimonials-grid{grid-gap:35px;display:grid;gap:35px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.testimonial-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#1a1a2e99,#0f0f1e99);border:2px solid #667eea33;border-radius:30px;padding:45px 35px;position:relative;transition:all .5s ease}.testimonial-card:hover{border-color:#667eea80;box-shadow:0 25px 70px #667eea4d;transform:translateY(-15px)}.quote-icon{color:#667eea;font-size:2.5rem;margin-bottom:20px;opacity:.3}.testimonial-text{color:#e0e0e0;font-size:1.15rem;line-height:1.8;margin-bottom:30px}.testimonial-author{align-items:center;display:flex;gap:15px;margin-bottom:20px}.author-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:1.3rem;font-weight:700;height:50px;justify-content:center;width:50px}.author-info h4{color:#fff;font-size:1.1rem;margin-bottom:5px}.author-info p{color:#b0b0b0;font-size:.95rem}.rating{display:flex;gap:5px}.rating i{color:gold;font-size:1.1rem}.cta-section{background:linear-gradient(135deg,#1a1a2e,#0f0f1e);color:#fff;overflow:hidden;padding:150px 20px;position:relative;text-align:center}.cta-background{height:100%;left:0;position:absolute;top:0;width:100%}.cta-orb{border-radius:50%;filter:blur(100px);opacity:.2;position:absolute}.cta-orb-1{background:linear-gradient(135deg,#667eea,#764ba2);height:500px;left:-100px;top:-100px;width:500px}.cta-orb-2{animation-delay:7s;background:linear-gradient(135deg,#f093fb,#f5576c);bottom:-150px;height:600px;right:-150px;width:600px}.cta-content{position:relative;z-index:1}.cta-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 20px 60px #667eea80;display:flex;font-size:2.5rem;height:100px;justify-content:center;margin:0 auto 30px;width:100px}.cta-content h2{font-size:3.5rem;font-weight:800;margin-bottom:25px;text-shadow:0 10px 50px #00000080}.cta-content>p{color:#e0e0e0;font-size:1.5rem;margin-bottom:50px;opacity:.9}.btn-large{box-shadow:0 25px 70px #667eea80;font-size:1.3rem;padding:25px 60px}.btn-large:hover{box-shadow:0 30px 90px #667eeab3;transform:translateY(-8px) scale(1.05)}.cta-features{display:flex;flex-wrap:wrap;gap:40px;justify-content:center;margin-top:50px}.cta-feature{align-items:center;display:flex;font-size:1.1rem;font-weight:600;gap:10px}.cta-feature i{color:#667eea;font-size:1.3rem}@media (max-width:768px){.brand-name{font-size:3rem}.hero-title{font-size:2.5rem}.hero-description{font-size:1.1rem}.hero-stats{grid-template-columns:repeat(2,1fr)}.cta-content h2,.section-header h2{font-size:2.5rem}.pkc-logo{height:100px;width:100px}.logo-ring{height:120px;width:120px}.cta-features{flex-direction:column;gap:20px}}@media (max-width:480px){.brand-name{font-size:2.5rem}.cta-content h2,.hero-title,.section-header h2{font-size:2rem}}.auth-page{align-items:center;background:linear-gradient(135deg,#0f0c29,#302b63 50%,#24243e);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.auth-background{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:0}.auth-shape{animation:float 20s ease-in-out infinite;border-radius:50%;filter:blur(80px);opacity:.2;position:absolute}.shape-1{animation-delay:0s;background:linear-gradient(135deg,#667eea,#764ba2);height:400px;left:-100px;top:-100px;width:400px}.shape-2{animation-delay:5s;background:linear-gradient(135deg,#f093fb,#f5576c);bottom:-150px;height:500px;right:-150px;width:500px}.shape-3{animation-delay:10s;background:linear-gradient(135deg,#4facfe,#00f2fe);height:350px;left:50%;top:50%;transform:translate(-50%,-50%);width:350px}.auth-container{display:flex;gap:40px;max-width:1200px;position:relative;width:100%;z-index:1}.auth-card{animation:slideInLeft .8s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e1e32f2;border:1px solid #ffffff1a;border-radius:25px;box-shadow:0 30px 80px #00000080;flex:1 1;max-width:450px;padding:40px 30px}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}.auth-logo{margin-bottom:20px;text-align:center}.auth-logo-img{animation:bounceIn 1s ease;border:3px solid #667eea;border-radius:50%;box-shadow:0 10px 30px #667eea80;height:70px;width:70px}@keyframes bounceIn{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.auth-header{margin-bottom:25px;text-align:center}.auth-header h1{color:#fff;font-size:1.6rem;font-weight:800;margin-bottom:8px}.auth-header p{color:#a0aec0;font-size:.9rem}.google-btn{align-items:center;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:10px;justify-content:center;margin-bottom:18px;padding:12px;transition:all .3s ease;width:100%}.google-btn:hover{background:#ffffff1a;border-color:#667eea;box-shadow:0 10px 25px #667eea4d;transform:translateY(-2px)}.google-btn i{color:#ea4335;font-size:1rem}.divider{align-items:center;color:#718096;display:flex;font-size:.8rem;margin:18px 0;text-align:center}.divider:after,.divider:before{border-bottom:1px solid #ffffff1a;content:"";flex:1 1}.divider span{font-weight:600;padding:0 15px}.auth-form{display:flex;flex-direction:column;gap:15px}.form-group{gap:6px}.form-group label{color:#e2e8f0;font-size:.8rem;gap:6px}.form-group label i{color:#667eea;font-size:.8rem}.form-group input{background:#1a1a2e!important;border:2px solid #fff3;border-radius:10px;color:#fff!important;font-size:.95rem;padding:12px 14px}.form-group input:-webkit-autofill,.form-group input:-webkit-autofill:focus,.form-group input:-webkit-autofill:hover{-webkit-text-fill-color:#fff!important;background-color:#1a1a2e!important;box-shadow:inset 0 0 0 1000px #1a1a2e!important}.form-group input:focus{background:#1a1a2e!important;box-shadow:0 0 0 4px #667eea33;color:#fff!important}.form-group input::placeholder{color:#718096}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{padding-right:50px;width:100%}.password-toggle{background:none;border:none;color:#a0aec0;cursor:pointer;padding:5px;position:absolute;right:15px;transition:color .3s ease}.password-toggle:hover{color:#667eea}.password-toggle i{font-size:1.1rem}.forgot-password-link{margin-top:-8px;text-align:right}.forgot-password-link a{align-items:center;color:#667eea;display:inline-flex;font-size:.8rem;font-weight:600;gap:4px;text-decoration:none;transition:all .3s ease}.forgot-password-link a:hover{color:#764ba2;transform:translateX(-3px)}.btn-submit{align-items:center;border-radius:10px;box-shadow:0 10px 30px #667eea4d;display:flex;font-size:.95rem;gap:8px;justify-content:center;margin-top:8px;padding:13px}.btn-submit:hover:not(:disabled){box-shadow:0 15px 40px #667eea80;transform:translateY(-3px)}.btn-submit i{font-size:.95rem}.auth-footer{border-top:1px solid #ffffff1a;margin-top:20px;padding-top:18px;text-align:center}.auth-footer p{color:#a0aec0;font-size:.85rem}.auth-footer a{color:#667eea;font-weight:600;text-decoration:none;transition:color .3s ease}.auth-footer a:hover{color:#764ba2;text-decoration:underline}.auth-features{animation:slideInRight .8s ease;color:#fff;display:flex;flex:1 1;flex-direction:column;gap:35px;justify-content:center;max-width:450px;padding:50px 40px}@keyframes slideInRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}.auth-features h2{font-size:2.2rem;font-weight:800;margin-bottom:10px}.feature-item{align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;gap:20px;padding:25px}.feature-item:hover{background:#ffffff1a;border-color:#667eea80;transform:translateX(10px)}.feature-item i{color:#667eea;font-size:2rem;min-width:40px}.feature-item h3{color:#fff;font-size:1.2rem;font-weight:700;margin-bottom:8px}.feature-item p{color:#cbd5e0;font-size:.95rem;line-height:1.5;opacity:.9}.helper-text{align-items:center;color:#a0aec0;display:flex;font-size:.85rem;gap:8px;line-height:1.5;margin-top:8px}.helper-text i{color:#667eea;font-size:.9rem}@media (max-width:1024px){.auth-features{display:none}.auth-container{justify-content:center}}@media (max-width:600px){.auth-card{border-radius:18px;max-width:95%;padding:30px 20px}.auth-header h1{font-size:1.4rem}.auth-logo-img{height:60px;width:60px}.auth-container{gap:20px}}.forgot-password-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh;padding:20px}.forgot-password-container{max-width:500px;width:100%}.forgot-password-card{animation:slideUp .6s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff80;border-radius:24px;box-shadow:0 20px 60px #0000004d;padding:50px 40px}.forgot-password-card.success-state{background:linear-gradient(135deg,#10b9811a,#0596690d);text-align:center}.success-icon{animation:scaleIn .6s ease;color:#10b981}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.forgot-password-card.success-state h2{color:#10b981;font-size:28px;margin-bottom:20px}.success-message{background:#f0fdf4;border-left:4px solid #10b981;border-radius:12px;margin-bottom:30px;padding:20px}.success-message p{color:#374151;font-size:15px;margin:8px 0}.success-message strong{color:#10b981;font-weight:600}.next-steps-box{background:#fff;border:2px solid #e5e7eb;border-radius:12px;margin-bottom:25px;padding:25px;text-align:left}.next-steps-box h3{color:#1f2937;font-size:16px;margin-bottom:15px}.next-steps-box ol{margin:0;padding-left:20px}.next-steps-box li{color:#4a5568;font-size:14px;line-height:1.6;margin:10px 0}.security-tip{background:#fef3c7;border-left:4px solid #f59e0b;border-radius:8px;color:#92400e;font-size:14px;margin-bottom:25px;padding:15px}.auto-redirect{color:#9ca3af;font-size:13px;margin-top:20px}.btn-back-to-login{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 15px #667eea66;color:#fff;display:inline-block;font-weight:600;margin-top:20px;padding:14px 32px;text-decoration:none;transition:all .3s ease}.btn-back-to-login:hover{box-shadow:0 6px 20px #667eea80;transform:translateY(-2px)}.forgot-password-header{margin-bottom:40px;text-align:center}.forgot-password-header h1{color:#1f2937;font-size:2rem;font-weight:700;margin:0 0 15px}.forgot-password-header p{color:#6b7280;font-size:1rem;line-height:1.5;margin:0}.forgot-password-form{margin-bottom:30px}.form-group label{color:#374151}.form-group input{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;box-sizing:border-box;font-family:inherit;font-size:1rem;padding:14px 18px;transition:all .3s ease;width:100%}.form-group input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.form-group input:disabled{cursor:not-allowed;opacity:.6}.token-display{background:#f0f4ff;border:2px solid #e5e7eb;border-radius:12px;margin-bottom:25px;padding:20px}.token-display label{color:#374151;display:block;font-size:.95rem;font-weight:600;margin-bottom:12px}.token-box{align-items:center;display:flex;gap:10px}.token-box code{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#667eea;flex:1 1;font-size:.85rem;font-weight:600;overflow-x:auto;padding:12px 15px;word-break:break-all}.btn-copy{background:#667eea;font-size:.9rem;padding:10px 15px}.btn-copy:hover{background:#5568d3;transform:translateY(-1px)}.btn-submit{box-shadow:0 4px 15px #667eea66;font-size:1rem;font-weight:600}.btn-submit:hover:not(:disabled){box-shadow:0 6px 20px #667eea80}.btn-submit:disabled{opacity:.6}.form-actions{gap:12px;margin-bottom:20px}.form-actions .btn-submit{flex:1 1}.btn-back{background:#f3f4f6;border:none;color:#6b7280;font-size:1rem;font-weight:600;min-width:100px;padding:14px}.btn-back:hover{background:#e5e7eb;color:#374151}.form-footer{margin-top:20px;text-align:center}.form-footer p{color:#6b7280;font-size:.95rem;margin:0}.form-footer a{color:#667eea;font-weight:600;text-decoration:none;transition:color .3s ease}.form-footer a:hover{color:#764ba2;text-decoration:underline}.info-box{background:#fef3c7;border-left:4px solid #f59e0b;margin-top:30px}.info-box h4{color:#92400e;font-size:1rem;font-weight:600;margin:0 0 12px}.info-box ol{color:#92400e;line-height:1.8;margin:0;padding-left:20px}.info-box li{font-size:.9rem;margin:8px 0}@media (max-width:600px){.forgot-password-card{padding:35px 20px}.forgot-password-header h1{font-size:1.6rem}.form-group input{font-size:16px;padding:12px 14px}.token-box{flex-direction:column}.btn-copy{width:100%}.form-actions{flex-direction:column}.btn-back,.form-actions .btn-submit{width:100%}.next-steps-box{text-align:center}.next-steps-box ol{text-align:left}.success-icon{font-size:60px}}:root{--primary:#8b5cf6;--primary-dark:#7c3aed;--primary-light:#a78bfa;--info:#06b6d4;--bg-primary:#0a0a0f;--bg-secondary:#13131a;--bg-tertiary:#1c1c24;--bg-elevated:#25252f;--text-primary:#fff;--text-secondary:#a1a1aa;--text-muted:#71717a;--border-color:#ffffff14;--border-hover:#8b5cf64d;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006;--shadow-lg:0 10px 15px -3px #00000080;--shadow-xl:0 20px 25px -5px #0009;--shadow-glow:0 0 30px #8b5cf64d;--radius-xl:20px;--radius-full:9999px;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:350ms cubic-bezier(0.4,0,0.2,1)}.services-page{background:#0a0a0f;background:var(--bg-primary);min-height:100vh;overflow-x:hidden;padding-bottom:100px;position:relative}.animated-bg{overflow:hidden}.gradient-orb{opacity:.15}.orb-1{background:radial-gradient(circle,#8b5cf6 0,#0000 70%);background:radial-gradient(circle,var(--primary) 0,#0000 70%)}.orb-2{animation-delay:-7s;background:radial-gradient(circle,#ec4899 0,#0000 70%);background:radial-gradient(circle,var(--secondary) 0,#0000 70%)}.orb-3{animation-delay:-14s;background:radial-gradient(circle,var(--info) 0,#0000 70%)}.hero-section{padding:80px 24px 60px}.hero-container{animation:fadeInUp .6s ease-out;margin:0 auto;max-width:900px}.hero-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#8b5cf61a;border:1px solid #8b5cf64d;border-radius:9999px;border-radius:var(--radius-full);color:#a78bfa;color:var(--primary-light);display:inline-flex;gap:8px;margin-bottom:24px;padding:8px 20px}.hero-badge i{animation:sparkle 2s ease-in-out infinite}.hero-title{color:var(--text-primary);font-size:clamp(2.5rem,6vw,4.5rem);letter-spacing:-.02em;line-height:1.1;margin-bottom:20px}.gradient-text{animation:gradientShift 5s ease infinite;background:linear-gradient(135deg,#8b5cf6,#ec4899 50%,#06b6d4);background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 50%,var(--info) 100%);background-size:200% 200%}.hero-description{color:#a1a1aa;color:var(--text-secondary);font-size:clamp(1rem,2vw,1.25rem);line-height:1.6;margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:700px}.hero-features{display:flex;flex-wrap:wrap;gap:32px;justify-content:center}.feature-item{color:#a1a1aa;color:var(--text-secondary);font-size:.95rem;font-weight:600;gap:12px}.feature-icon{align-items:center;background:linear-gradient(135deg,#8b5cf61a,#ec48991a);border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);color:#a78bfa;color:var(--primary-light);display:flex;font-size:1.25rem;height:48px;justify-content:center;width:48px}.main-container{margin:0 auto;max-width:1400px;padding:0 24px;position:relative;z-index:1}.controls-section{animation:fadeInUp .7s ease-out;margin-bottom:32px}.search-container{margin-bottom:20px}.search-icon{color:#71717a;color:var(--text-muted);font-size:1.125rem;left:20px;pointer-events:none}.search-input{background:#13131a;background:var(--bg-secondary);border:2px solid #ffffff14;border:2px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-family:inherit;height:56px;padding:0 56px;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.search-input:focus{background:#1c1c24;background:var(--bg-tertiary);border-color:#8b5cf6;border-color:var(--primary);box-shadow:0 0 0 4px #8b5cf61a}.clear-btn,.search-input::placeholder{color:#71717a;color:var(--text-muted)}.clear-btn{align-items:center;background:#ffffff0d;border:none;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:20px;top:50%;transform:translateY(-50%);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:32px}.clear-btn:hover{background:#ffffff1a;color:#fff;color:var(--text-primary);transform:translateY(-50%) rotate(90deg)}.controls-row{flex-wrap:wrap}.controls-row,.sort-container{align-items:center;display:flex;gap:12px}.sort-container{background:#13131a;background:var(--bg-secondary);border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);flex:1 1;min-width:200px;padding:12px 16px;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.sort-container:hover{background:#1c1c24;background:var(--bg-tertiary);border-color:#8b5cf64d;border-color:var(--border-hover)}.sort-container i{color:#a78bfa;color:var(--primary-light);font-size:1.125rem}.sort-select{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:.95rem;font-weight:600;outline:none}.sort-select option{color:#fff;color:var(--text-primary)}.sort-select option,.view-toggle{background:#13131a;background:var(--bg-secondary)}.view-toggle{border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);display:flex;gap:4px;padding:4px}.view-btn{align-items:center;background:#0000;border:none;border-radius:8px;border-radius:var(--radius-sm);color:#71717a;color:var(--text-muted);cursor:pointer;display:flex;font-size:1.125rem;height:44px;justify-content:center;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:44px}.view-btn:hover{background:#ffffff0d;color:#fff;color:var(--text-primary)}.view-btn.active{background:#8b5cf6;background:var(--primary);box-shadow:0 4px 6px -1px #0006;box-shadow:var(--shadow-md);color:#fff}.reset-btn{align-items:center;background:#13131a;background:var(--bg-secondary);border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);color:#a1a1aa;color:var(--text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:.95rem;font-weight:600;gap:8px;padding:12px 20px;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.reset-btn:hover{background:#1c1c24;background:var(--bg-tertiary);border-color:#8b5cf64d;border-color:var(--border-hover);color:#fff;color:var(--text-primary)}.reset-btn i{transition:transform .25s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-base)}.reset-btn:hover i{transform:rotate(-180deg)}.categories-section{animation:fadeInUp .8s ease-out;margin-bottom:40px}.categories-scroll{display:flex;gap:12px;overflow-x:auto;padding:4px 0 16px;scrollbar-color:#8b5cf6 #0000;scrollbar-color:var(--primary) #0000;scrollbar-width:thin}.categories-scroll::-webkit-scrollbar{height:6px}.categories-scroll::-webkit-scrollbar-track{background:#0000}.categories-scroll::-webkit-scrollbar-thumb{background:#8b5cf6;background:var(--primary);border-radius:3px}.category-pill{align-items:center;background:#13131a;background:var(--bg-secondary);border:2px solid #ffffff14;border:2px solid var(--border-color);border-radius:9999px;border-radius:var(--radius-full);color:#a1a1aa;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-family:inherit;font-size:.9rem;font-weight:600;gap:10px;padding:12px 20px;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);white-space:nowrap}.category-pill:hover{background:#1c1c24;background:var(--bg-tertiary);border-color:var(--pill-color);color:#fff;color:var(--text-primary);transform:translateY(-2px)}.category-pill.active{background:var(--pill-color);border-color:var(--pill-color);box-shadow:0 8px 20px rgba(var(--pill-color),.3);color:#fff}.category-pill i{font-size:1.125rem}.pill-badge{background:#fff3;border-radius:9999px;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;padding:2px 8px}.results-info{animation:fadeIn .4s ease-out;background:#13131a;background:var(--bg-secondary);border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);margin-bottom:24px;padding:16px 20px}.results-info p{color:#a1a1aa;color:var(--text-secondary);font-size:.95rem;margin:0}.results-info strong{color:#a78bfa;color:var(--primary-light);font-weight:700}.services-container{grid-gap:24px;animation:fadeInUp .9s ease-out;display:grid;gap:24px}.services-container.grid-view{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.services-container.list-view{grid-template-columns:1fr}.service-link{animation:cardFadeIn .5s ease-out backwards;animation-delay:var(--card-delay);color:inherit;display:block;text-decoration:none}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.service-card{background:#13131a;background:var(--bg-secondary);border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg);display:flex;flex-direction:column;height:100%;overflow:hidden;padding:24px;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.service-card:before{background:linear-gradient(90deg,#8b5cf6,#ec4899);background:linear-gradient(90deg,var(--primary) 0,var(--secondary) 100%);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .25s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-base)}.service-card:hover{background:#1c1c24;background:var(--bg-tertiary);border-color:#8b5cf6;border-color:var(--primary);box-shadow:0 0 30px #8b5cf64d;box-shadow:var(--shadow-glow);transform:translateY(-8px)}.service-card:hover:before{transform:scaleX(1)}.premium-crown{align-items:center;animation:crownFloat 3s ease-in-out infinite;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:50%;box-shadow:0 4px 12px #fbbf2466;color:#fff;display:flex;font-size:1.125rem;height:40px;justify-content:center;position:absolute;right:16px;top:16px;width:40px}@keyframes crownFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-5px) rotate(5deg)}}.card-header{gap:12px;margin-bottom:16px}.service-icon{background:linear-gradient(135deg,var(--icon-color),#0000);border:2px solid var(--icon-color);border-radius:12px;border-radius:var(--radius-md);color:var(--icon-color);flex-shrink:0;font-size:1.5rem;height:56px;overflow:hidden;position:relative;width:56px}.service-icon:before{background:var(--icon-color);content:"";inset:0;opacity:.1;position:absolute}.category-badge{border-radius:9999px;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;letter-spacing:.05em;padding:6px 12px;text-transform:uppercase;white-space:nowrap}.card-body{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.service-name{color:#fff;font-size:1.25rem;font-weight:700;line-height:1.3}.service-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#a1a1aa;display:-webkit-box;font-size:.9rem;line-height:1.6;margin:0;overflow:hidden}.service-meta{border-top:1px solid #ffffff14;border-top:1px solid var(--border-color);display:flex;gap:16px;margin-top:auto;padding-top:12px}.meta-item{color:#71717a;color:var(--text-muted);font-size:.85rem;gap:6px}.meta-item i{color:#a78bfa;color:var(--primary-light);font-size:.875rem}.card-footer{align-items:center;border-top:1px solid #ffffff14;border-top:1px solid var(--border-color);gap:16px;justify-content:space-between;padding-top:20px}.price-info{display:flex;flex-direction:column;gap:4px}.price-label{color:#71717a;color:var(--text-muted);font-size:.75rem;letter-spacing:.05em}.price-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,#ec4899);background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:800}.view-btn-card{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border:none;border-radius:12px;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;font-weight:600;gap:8px;padding:12px 20px;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);white-space:nowrap}.view-btn-card:hover{box-shadow:0 10px 15px -3px #00000080;box-shadow:var(--shadow-lg);transform:translateX(4px)}.view-btn-card i{transition:transform .25s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-base)}.view-btn-card:hover i{transform:translateX(4px)}.services-container.list-view .service-card{align-items:center;flex-direction:row;gap:24px}.services-container.list-view .card-header{align-items:flex-start;flex-direction:column;margin-bottom:0}.services-container.list-view .card-body{flex:1 1;margin-bottom:0}.services-container.list-view .card-footer{align-items:flex-end;border-top:none;flex-direction:column;padding-top:0}.empty-state{animation:fadeIn .5s ease-out;background:#13131a;background:var(--bg-secondary);border:2px dashed #ffffff14;border:2px dashed var(--border-color);border-radius:var(--radius-xl);margin:40px 0;padding:80px 24px}.empty-icon{animation:bounce 2s ease-in-out infinite;background:linear-gradient(135deg,#8b5cf61a,#ec48991a);color:#8b5cf6;color:var(--primary);font-size:3rem;height:120px;margin:0 auto 24px;width:120px}.empty-state h3{font-size:1.75rem;margin-bottom:12px}.empty-state p{color:#a1a1aa;font-size:1.05rem;line-height:1.6;margin-bottom:32px;margin-left:auto;margin-right:auto;max-width:500px}.btn-primary{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-radius:var(--radius-md);box-shadow:0 4px 6px -1px #0006;box-shadow:var(--shadow-md);display:inline-flex;font-family:inherit;gap:10px;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.btn-primary:hover{box-shadow:0 20px 25px -5px #0009;box-shadow:var(--shadow-xl)}.loading-screen{background:#0a0a0f;gap:32px}.loader-spinner{height:100px;width:100px}.spinner-ring{animation:spin 1.5s cubic-bezier(.5,0,.5,1) infinite}.spinner-ring:first-child{animation-delay:-.45s;border-top-color:#8b5cf6;border-top-color:var(--primary)}.spinner-ring:nth-child(2){animation-delay:-.3s;border-top-color:#ec4899;border-top-color:var(--secondary)}.spinner-ring:nth-child(3){animation-delay:-.15s;border-top-color:#06b6d4;border-top-color:var(--info)}.loading-text{animation:pulse 2s ease-in-out infinite;color:#a1a1aa;font-size:1.125rem;font-weight:600}@media (max-width:1024px){.services-container.grid-view{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.hero-section{padding:60px 20px 40px}.hero-features{gap:20px}.feature-icon{font-size:1.125rem;height:40px;width:40px}.feature-item{font-size:.875rem}.controls-row{flex-wrap:wrap}.sort-container{flex:1 1 100%}.services-container.grid-view{gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.services-container.list-view .service-card{align-items:stretch;flex-direction:column}.services-container.list-view .card-footer{align-items:stretch}.service-card{padding:20px}}@media (max-width:480px){.main-container{padding:0 16px}.hero-section{padding:40px 16px 30px}.hero-badge{font-size:.8rem;padding:6px 16px}.hero-features{flex-direction:column;gap:16px}.search-input{font-size:.95rem;height:50px}.controls-row{align-items:stretch;flex-direction:column}.reset-btn,.view-toggle{width:100%}.view-toggle{justify-content:center}.services-container.grid-view{gap:16px;grid-template-columns:1fr}.service-card{padding:16px}.service-icon{font-size:1.25rem;height:48px;width:48px}.service-name{font-size:1.125rem}.card-footer{align-items:stretch;flex-direction:column;gap:12px}.view-btn-card{justify-content:center;width:100%}.premium-crown{font-size:1rem;height:36px;width:36px}.empty-icon{font-size:2.5rem;height:100px;width:100px}.empty-state h3{font-size:1.5rem}.empty-state p{font-size:1rem}}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#13131a;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#8b5cf6,#ec4899);background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#7c3aed,#ec4899);background:linear-gradient(135deg,var(--primary-dark) 0,var(--secondary) 100%)}:root{--primary:#6366f1;--secondary:#ec4899;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--dark:#0f1419;--dark-light:#1a1f2e;--dark-lighter:#242d3d;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--border:#6366f126;--shadow:0 4px 6px -1px #0000004d;--shadow-lg:0 10px 15px -3px #0006;--shadow-xl:0 20px 25px -5px #00000080;--radius:14px;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}.service-detail-page{background:linear-gradient(135deg,#0f1419,#1a1f2e 50%,#141a27);background-attachment:fixed;min-height:100vh;padding-bottom:100px}.container{max-width:1400px;padding:0 24px}.detail-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#6366f11a,#ec48990d);border-bottom:1px solid #6366f126;border-bottom:1px solid var(--border);padding:20px 0;position:-webkit-sticky;position:sticky;top:0;z-index:50}.back-button{align-items:center;background:#1a1f2e;background:var(--dark-light);border:2px solid #6366f126;border:2px solid var(--border);border-radius:14px;border-radius:var(--radius);color:#cbd5e1;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:10px;padding:10px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.back-button:hover{background:#242d3d;background:var(--dark-lighter);border-color:#818cf8;border-color:var(--primary-light);color:#f1f5f9;color:var(--text-primary);transform:translateX(-2px)}.detail-grid{grid-gap:40px;align-items:start;gap:40px;grid-template-columns:1fr 400px;padding:40px 0}.detail-main{animation:fadeInUp .6s ease-out}.detail-sidebar{animation:fadeInUp .6s ease-out .1s both;position:-webkit-sticky;position:sticky;top:100px}.service-hero-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1a1f2e,#242d3d);background:linear-gradient(135deg,var(--dark-light) 0,var(--dark-lighter) 100%);border:1px solid #6366f126;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius);display:flex;gap:32px;margin-bottom:40px;padding:40px}.service-icon-container{flex-shrink:0;position:relative}.service-icon{animation:float 3s ease-in-out infinite;background:linear-gradient(135deg,#6366f1,#ec4899);background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);border-radius:24px;box-shadow:0 12px 30px #6366f14d;color:#fff;font-size:3.5rem;height:120px;width:120px}.premium-badge-large{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:20px;box-shadow:0 4px 16px #f59e0b4d;color:#1a1a1a;font-size:.85rem;font-weight:700;padding:8px 16px;position:absolute;right:-10px;top:-10px}.service-info{flex:1 1;flex-direction:column;justify-content:center}.service-header-top{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:12px}.service-name{color:#f1f5f9;color:var(--text-primary);font-size:2.2rem;font-weight:800;line-height:1.2}.service-category-tag{background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-radius:50px;color:#fff;font-size:.85rem;font-weight:700;padding:8px 16px;text-transform:capitalize}.service-desc{color:#cbd5e1;color:var(--text-secondary);font-size:1.05rem;line-height:1.7;margin:16px 0}.service-stats-row{display:flex;flex-wrap:wrap;gap:16px;margin-top:20px}.stat-badge{align-items:center;background:#6366f11a;border:1px solid #6366f126;border:1px solid var(--border);border-radius:50px;color:#818cf8;color:var(--primary-light);display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 16px}.stat-badge i{font-size:1.1rem}.tabs-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1f2e;background:var(--dark-light);border:1px solid #6366f126;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius);margin-bottom:40px;overflow:hidden}.tabs-nav{background:#6366f10d;border-bottom:2px solid #6366f126;border-bottom:2px solid var(--border);display:flex;gap:0;padding:0}.tab-button{align-items:center;background:none;border:none;color:#cbd5e1;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:600;gap:8px;justify-content:center;padding:16px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.tab-button:hover{background:#6366f11a;color:#f1f5f9;color:var(--text-primary)}.tab-button.active{color:#818cf8;color:var(--primary-light)}.tab-button.active:after{background:linear-gradient(90deg,#6366f1,#ec4899);background:linear-gradient(90deg,var(--primary) 0,var(--secondary) 100%);bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0}.tabs-content{padding:32px}.tab-pane{animation:fadeIn .3s ease-out}.benefits-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.benefit-card{background:linear-gradient(135deg,#6366f11a,#ec48990d);border:1px solid #6366f126;border:1px solid var(--border);border-radius:12px;padding:24px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.benefit-card:hover{border-color:#818cf8;border-color:var(--primary-light);box-shadow:0 12px 24px #6366f133;transform:translateY(-4px)}.benefit-icon{font-size:2.5rem;margin-bottom:12px}.benefit-card h4{color:#f1f5f9;color:var(--text-primary);font-size:1.05rem;font-weight:700;margin:0 0 8px}.benefit-card p{color:#94a3b8;color:var(--text-muted);font-size:.9rem;line-height:1.5;margin:0}.info-box{background:#6366f114;border-left:4px solid #6366f1;border-left:4px solid var(--primary);margin-bottom:32px;padding:24px}.info-box h3{color:#f1f5f9;color:var(--text-primary);font-size:1.2rem;margin:0 0 20px}.details-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));list-style:none;margin:0;padding:0}.detail-item dt{color:#94a3b8;color:var(--text-muted);font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-item dd{color:#f1f5f9;color:var(--text-primary);font-size:1.05rem;font-weight:600;margin:0}.capitalize{text-transform:capitalize}.faq-list h3,.features-list h3{color:#f1f5f9;color:var(--text-primary);font-size:1.2rem;font-weight:700;margin:0 0 24px}.features-list{display:flex;flex-direction:column;gap:16px}.feature-item{background:#10b98114;border-left:3px solid #10b981;border-left:3px solid var(--success);border-radius:8px;gap:14px;padding:14px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.feature-item:hover{background:#10b9811f;transform:translateX(4px)}.feature-check{align-items:center;background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--success) 0,#059669 100%);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:700;height:32px;justify-content:center;width:32px}.feature-item span{color:#f1f5f9;color:var(--text-primary);font-size:1rem;font-weight:500}.faq-list{display:flex;flex-direction:column;gap:16px}.faq-item{background:#6366f114;border:1px solid #6366f126;border:1px solid var(--border);border-radius:10px;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.faq-item:hover{background:#6366f11f;border-color:#818cf8;border-color:var(--primary-light)}.faq-question{align-items:center;color:#f1f5f9;color:var(--text-primary);display:flex;font-size:1rem;gap:10px;margin-bottom:10px}.faq-question i{color:#6366f1;color:var(--primary);font-size:1.2rem}.faq-answer{color:#cbd5e1;color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin:0;padding-left:32px}.order-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1a1f2e,#242d3d);background:linear-gradient(135deg,var(--dark-light) 0,var(--dark-lighter) 100%);border:1px solid #6366f126;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius);box-shadow:0 20px 40px #6366f126;display:flex;flex-direction:column;gap:24px;padding:28px}.provider-section{align-items:center;background:#6366f114;border:1px solid #6366f126;border:1px solid var(--border);border-radius:12px;display:flex;gap:16px;padding:16px}.provider-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#ec4899);background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);border-radius:50%;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.provider-avatar i{color:#fff;font-size:2rem}.provider-info{flex:1 1}.provider-label{color:#94a3b8;color:var(--text-muted);font-size:.75rem;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.provider-info h4{color:#f1f5f9;color:var(--text-primary);font-size:1.05rem;font-weight:700;margin:4px 0}.provider-rating{align-items:center;color:#818cf8;color:var(--primary-light);display:flex;font-size:.85rem;gap:6px;margin:4px 0 0}.provider-rating i{font-size:.9rem}.price-display-card{background:#6366f11a;border:2px dashed #6366f1;border:2px dashed var(--primary);border-radius:12px;padding:24px;text-align:center}.price-display-card .price-label{color:#94a3b8;color:var(--text-muted);display:block;font-size:.8rem;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.price-amount{align-items:baseline;display:flex;gap:4px;justify-content:center}.price-amount .currency{color:#818cf8;color:var(--primary-light);font-size:1.5rem;font-weight:700}.price-amount .amount{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#818cf8,#ec4899);background:linear-gradient(135deg,var(--primary-light) 0,var(--secondary) 100%);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800}.price-unit{color:#94a3b8;color:var(--text-muted);font-size:.85rem;font-weight:600}.highlights-section{background:#10b98114;border:1px solid #10b98133;border-radius:12px;padding:20px}.highlights-section h5{color:#f1f5f9;color:var(--text-primary);font-size:.9rem;font-weight:700;letter-spacing:.5px;margin:0 0 16px;text-transform:uppercase}.highlights-list{display:flex;flex-direction:column;gap:12px}.highlight-item{align-items:center;color:#10b981;color:var(--success);display:flex;font-size:.9rem;font-weight:600;gap:12px}.highlight-item i{flex-shrink:0;font-size:1rem}.highlight-item span{color:#cbd5e1;color:var(--text-secondary)}.btn-buy-now{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border:none;border-radius:10px;box-shadow:0 8px 20px #6366f14d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:10px;justify-content:center;padding:14px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.btn-buy-now:hover{box-shadow:0 12px 28px #6366f166;transform:translateY(-2px)}.btn-contact{align-items:center;background:#0000;border:2px solid #6366f1;border:2px solid var(--primary);border-radius:10px;color:#818cf8;color:var(--primary-light);cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:10px;justify-content:center;padding:14px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.btn-contact:hover{background:#6366f11a;border-color:#818cf8;border-color:var(--primary-light)}.info-footer{background:#f09e0b1a;border-left:3px solid #f59e0b;border-left:3px solid var(--warning);border-radius:8px;font-size:.85rem;padding:12px 16px}.info-footer p{align-items:center;color:#cbd5e1;color:var(--text-secondary);display:flex;font-weight:500;gap:8px;margin:0}.info-footer i{color:#f59e0b;color:var(--warning);font-size:.95rem}.loading-screen{background:linear-gradient(135deg,#0f1419,#1a1f2e 50%,#141a27);gap:24px}.loader-spinner{animation:spin 1.2s linear infinite;border-bottom:4px solid #242d3d;border-bottom:4px solid var(--dark-lighter);border-left:4px solid #242d3d;border-left:4px solid var(--dark-lighter);border-right:4px solid #ec4899;border-right:4px solid var(--secondary);border-top:4px solid #6366f1;border-top:4px solid var(--primary);height:72px;width:72px}.loading-screen p{color:#cbd5e1;font-weight:600}@media (max-width:1200px){.detail-grid{gap:28px;grid-template-columns:1fr 320px}.service-hero-section{gap:20px;padding:24px}.service-name{font-size:1.6rem}}@media (max-width:1024px){.detail-grid{gap:28px;grid-template-columns:1fr}.detail-sidebar{position:static;width:100%}.order-card{display:flex;flex-direction:column;gap:20px}.service-hero-section{padding:20px}.service-icon{font-size:2.8rem;height:100px;width:100px}.service-name{font-size:1.5rem}.tabs-nav{gap:0}.tab-button{font-size:.9rem;padding:14px 16px}.tabs-content{padding:24px}}@media (max-width:768px){.container{padding:0 14px}.detail-header{padding:14px 0}.back-button{font-size:.8rem;padding:8px 12px}.detail-grid{gap:20px;padding:20px 0}.service-hero-section{align-items:center;flex-direction:column;gap:16px;margin-bottom:28px;padding:16px;text-align:center}.service-icon-container{display:flex;justify-content:center}.service-icon{font-size:2.4rem;height:90px;width:90px}.service-info{width:100%}.service-name{font-size:1.35rem;margin-bottom:8px}.service-desc{font-size:.95rem;margin:12px 0}.service-stats-row{gap:10px;justify-content:center;margin-top:14px}.stat-badge{font-size:.8rem;padding:8px 12px}.tabs-nav{flex-direction:column}.tab-button{border-bottom:2px solid #6366f126!important;border-bottom:2px solid var(--border)!important;font-size:.85rem;justify-content:flex-start;padding:11px 14px}.tab-button.active:after{bottom:auto;height:100%;left:0;width:4px}.tabs-content{padding:16px}.benefits-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.benefit-card{padding:16px}.benefit-icon{font-size:2rem;margin-bottom:10px}.benefit-card h4{font-size:.95rem}.benefit-card p{font-size:.8rem}.order-card{flex-direction:column;padding:18px}.provider-section{flex-direction:row}.info-box{margin-bottom:24px;padding:16px}.info-box h3{font-size:1.1rem;margin-bottom:14px}.details-list{gap:14px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.detail-item dt{font-size:.75rem}.detail-item dd{font-size:.95rem}.faq-list h3,.features-list h3{font-size:1.05rem;margin-bottom:16px}.faq-list li,.features-list li{font-size:.9rem}}@media (max-width:480px){.container{padding:0 12px}.detail-header{padding:10px 0}.back-button{font-size:.75rem;padding:7px 10px}.detail-grid{gap:16px;padding:16px 0}.service-hero-section{gap:12px;margin-bottom:20px;padding:12px}.service-icon{font-size:2rem;height:75px;width:75px}.premium-badge-large{font-size:.7rem;padding:6px 10px}.service-name{font-size:1.2rem}.service-category-tag{font-size:.75rem;padding:6px 12px}.service-desc{font-size:.85rem;line-height:1.5;margin:8px 0}.service-header-top{gap:10px;margin-bottom:8px}.service-stats-row{gap:8px;margin-top:10px}.stat-badge{font-size:.75rem;padding:6px 10px}.stat-badge i{font-size:.9rem}.tabs-nav{gap:0}.tab-button{font-size:.75rem;padding:10px}.tab-button i{display:none}.tabs-content{padding:12px}.benefits-grid{gap:10px;grid-template-columns:1fr}.benefit-card{padding:12px}.benefit-icon{font-size:1.6rem;margin-bottom:8px}.benefit-card h4{font-size:.85rem;margin-bottom:4px}.benefit-card p{font-size:.75rem}.order-card{gap:12px;padding:14px}.price-amount{gap:2px}.amount{font-size:1.6rem}.provider-section{flex-direction:column;text-align:center}.highlights-list{gap:6px}.highlight-item{font-size:.8rem}.btn-buy-now,.btn-checkout,.btn-contact{font-size:.9rem;padding:10px 14px}.info-box{margin-bottom:16px;padding:12px}.info-box h3{font-size:.95rem;margin-bottom:10px}.details-list{gap:10px;grid-template-columns:1fr}.detail-item dt{font-size:.7rem}.detail-item dd{font-size:.85rem}.faq-list h3,.features-list h3{font-size:.95rem;margin-bottom:12px}.faq-list li,.features-list li{font-size:.8rem}}:root{--bg:#0f0f1e;--bg-soft:#1a1a2e;--bg-glow:#e0e0e62e;--glass:#6366f114;--glass-border:#6366f133;--glass-hover:#6366f11f;--text:#6c87a1d6;--muted:#ffffffbf;--accent1:#6366f1;--accent2:#06b6d4;--accent3:#22c55e;--radius:16px;--shadow:0 25px 60px #0006;--font:"Inter",system-ui}.checkout-page{background:linear-gradient(135deg,#0f0f1e,#1a1a2e 50%,#16213e);background-attachment:fixed;color:#6c87a1d6;color:var(--text);display:flex;font-family:Inter,system-ui;font-family:var(--font);justify-content:center;min-height:100vh;padding:120px 20px 80px}.checkout-page .container{max-width:1250px;width:100%}.checkout-grid{grid-gap:40px;gap:40px;grid-template-columns:1fr 420px}@media(max-width:900px){.checkout-grid{grid-template-columns:1fr}}.checkout-form,.glass-card,.order-summary{-webkit-backdrop-filter:blur(18px) saturate(180%);backdrop-filter:blur(18px) saturate(180%);background:linear-gradient(135deg,#6366f11a,#a855f714);border:1px solid #6366f133;border:1px solid var(--glass-border);border-radius:16px;border-radius:var(--radius);box-shadow:0 25px 60px #0006;box-shadow:var(--shadow);padding:30px;transition:.25s ease}.checkout-form:hover,.glass-card:hover,.order-summary:hover{background:linear-gradient(135deg,#6366f126,#a855f71f);border-color:#6366f14d;box-shadow:0 30px 70px #6366f14d;transform:translateY(-6px)}.order-summary h2{font-size:24px;font-weight:900;margin-bottom:18px}.summary-card h3{font-size:22px;font-weight:800;margin-bottom:12px}.service-info{gap:16px;margin-bottom:20px}.service-icon,.service-info{align-items:center;display:flex}.service-icon{background:linear-gradient(135deg,#6366f1,#06b6d4);background:linear-gradient(135deg,var(--accent1),var(--accent2));border-radius:18px;box-shadow:0 10px 25px #06b6d459;font-size:30px;height:68px;justify-content:center;width:68px}.price-breakdown{border-top:1px solid #ffffff26;margin-top:18px;padding-top:15px}.price-row{color:#ffffffbf;color:var(--muted);display:flex;font-size:16px;justify-content:space-between;margin:6px 0}.price-row.total{color:#6c87a1d6;color:var(--text);font-size:26px;font-weight:900;margin-top:10px}.delivery{color:#ffffffbf;color:var(--muted);display:flex;font-size:14px;gap:10px;margin-top:16px}.checkout-form h2{font-size:26px;font-weight:900;margin-bottom:22px}.form-group{margin-bottom:18px}.form-group label{color:#22c55e;margin-bottom:4px}.form-group input,.form-group textarea{background:#ffffff0f;border:1px solid #ffffff24;border-radius:14px;color:#6c87a1d6;color:var(--text);font-size:15px;outline:none;padding:16px;transition:.25s ease}.form-group input:focus,.form-group textarea:focus{background:#ffffff1f;border-color:#06b6d4;border-color:var(--accent2);box-shadow:0 0 0 4px #06b6d42e}textarea{resize:vertical}.btn-proceed-payment{background:linear-gradient(135deg,#6366f1,#06b6d4);background:linear-gradient(135deg,var(--accent1),var(--accent2));border:none;border-radius:16px;box-shadow:0 14px 35px #6366f159;color:#21878a;cursor:pointer;font-size:18px;font-weight:900;letter-spacing:.8px;margin-top:10px;padding:18px;text-transform:uppercase;transition:.25s ease;width:100%}.btn-proceed-payment:hover{box-shadow:0 20px 45px #6366f173;transform:translateY(-5px)}.btn-proceed-payment:disabled{cursor:not-allowed;opacity:.5}.btn-cancel{background:#ffffff0d;border:1px solid #ffffff2e;border-radius:14px;color:#6c87a1d6;color:var(--text);font-size:15px;margin-top:12px;padding:15px;transition:.25s;width:100%}.btn-cancel:hover{background:#ffffff1f;transform:translateY(-4px)}.coupon-section{background:#22c55e1f;border:1px solid #22c55e40;border-radius:12px;margin:18px 0;padding:14px}.coupon-input-group{display:flex;gap:8px}.coupon-input-group input{background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;color:#6c87a1d6;color:var(--text);flex:1 1;font-size:13px;outline:none;padding:10px 12px;transition:.2s}.coupon-input-group input:focus{background:#ffffff1f;border-color:#22c55e;border-color:var(--accent3)}.btn-apply-coupon{background:#22c55e;background:var(--accent3);border:none;border-radius:8px;color:#000;cursor:pointer;font-size:12px;font-weight:700;padding:10px 14px;transition:.2s;white-space:nowrap}.btn-apply-coupon:hover:not(:disabled){box-shadow:0 6px 16px #22c55e66;transform:translateY(-2px)}.btn-apply-coupon:disabled{cursor:not-allowed;opacity:.6}.coupon-applied{align-items:center;display:flex;gap:12px;justify-content:space-between}.coupon-badge{background:#22c55e;background:var(--accent3);border-radius:20px;color:#000;display:inline-block;font-size:12px;font-weight:700;padding:6px 12px}.btn-remove-coupon{background:#ffffff1f;border:1px solid #ffffff40;border-radius:6px;color:#6c87a1d6;color:var(--text);cursor:pointer;font-size:11px;padding:6px 10px;transition:.2s}.btn-remove-coupon:hover{background:#fff3}.price-row.discount{color:#22c55e;color:var(--accent3);font-weight:700}.price-row.final-total{border-top:1px solid #ffffff1a;color:#22c55e;color:var(--accent3);font-size:18px;font-weight:900;margin-top:12px;padding-top:12px}@media (max-width:900px){.checkout-page{padding:100px 16px 60px}.checkout-grid{gap:28px;grid-template-columns:1fr}.checkout-form,.glass-card,.order-summary{padding:24px}.order-summary h2{font-size:20px}.summary-card h3{font-size:18px}.service-icon{font-size:26px;height:56px;width:56px}.price-row.total{font-size:22px}.price-row{font-size:15px}}@media (max-width:600px){.checkout-page{padding:80px 12px 50px}.checkout-grid{gap:20px}.checkout-form,.glass-card,.order-summary{border-radius:12px;padding:16px}.order-summary h2{font-size:16px;margin-bottom:14px}.summary-card h3{font-size:15px;margin-bottom:10px}.service-info{gap:12px;margin-bottom:16px}.service-icon{font-size:20px;height:48px;width:48px}.price-breakdown{margin-top:12px;padding-top:12px}.price-row{font-size:14px;margin:4px 0}.price-row.total{font-size:18px;margin-top:8px}.delivery{font-size:12px;margin-top:12px}.checkout-form h2{font-size:16px;margin-bottom:14px}.form-group{margin-bottom:12px}.form-group label{font-size:.8rem;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{border-radius:8px;font-size:.9rem;padding:10px 12px}.form-group textarea{min-height:70px}.payment-methods{gap:10px;margin-bottom:16px}.payment-option{font-size:.85rem;padding:12px}.coupon-section{gap:8px}.coupon-input{font-size:.9rem;padding:10px 12px}.btn-coupon,.btn-payment{border-radius:8px;font-size:.9rem;padding:10px 16px}.coupon-badge{font-size:11px;padding:4px 10px}.btn-remove-coupon{font-size:10px;padding:4px 8px}.price-row.discount{font-size:14px}.price-row.final-total{font-size:16px;margin-top:10px;padding-top:10px}.err{font-size:12px}}@media (max-width:400px){.checkout-page{padding:70px 10px 40px}.container{padding:0 10px}.checkout-form,.glass-card,.order-summary{border-radius:10px;padding:12px}.order-summary h2{font-size:14px}.summary-card h3{font-size:13px}.service-icon{font-size:16px;height:40px;width:40px}.price-row{font-size:12px}.price-row.total{font-size:16px}.checkout-form h2{font-size:14px}.form-group label{font-size:.75rem}.form-group input,.form-group select,.form-group textarea{font-size:.85rem;padding:8px 10px}.payment-option{font-size:.8rem;padding:10px}.btn-coupon,.btn-payment{font-size:.85rem;padding:8px 12px}.err{font-size:11px}}:root{--bg-primary:#0a0e27;--bg-secondary:#141829;--bg-card:#1e2442;--bg-elevated:#252b4a;--accent-blue:#3b82f6;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-tertiary:#64748b;--border-color:#94a3b81a;--shadow-sm:0 2px 8px #0006;--shadow-md:0 4px 16px #00000080;--spacing-xs:0.5rem;--spacing-sm:0.75rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--radius-sm:8px;--radius-lg:16px}.dashboard-page{background:#0a0e27;background:var(--bg-primary);color:#f1f5f9;color:var(--text-primary);min-height:100vh;overflow-x:hidden;padding-bottom:80px;position:relative}.dashboard-background{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.bg-orb{filter:blur(80px);opacity:.12}.orb-1{background:#3b82f6;background:var(--accent-blue);height:300px;left:-100px;width:300px}.orb-2{background:#8b5cf6;background:var(--accent-purple);right:-150px;top:40%}.orb-3{background:#ec4899;background:var(--accent-pink);bottom:-100px}.container{max-width:100%}.loading-screen{background:#0a0e27;background:var(--bg-primary);color:#f1f5f9;color:var(--text-primary);gap:1.5rem;gap:var(--spacing-lg)}.loader-container{height:60px;width:60px}.loader-spinner{border:3px solid #94a3b81a;border-top-color:#3b82f6;border:3px solid var(--border-color);border-top-color:var(--accent-blue)}.loader-glow{animation:pulse 2s ease-in-out infinite;background:radial-gradient(circle,#3b82f6,#0000);background:radial-gradient(circle,var(--accent-blue),#0000);height:60px;opacity:.3;width:60px}.loading-screen p{color:#94a3b8;color:var(--text-secondary);font-size:.875rem}.welcome-header{background:linear-gradient(135deg,#1e2442,#252b4a);background:linear-gradient(135deg,var(--bg-card),var(--bg-elevated));border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--border-color);margin-bottom:1rem;margin-bottom:var(--spacing-md);padding:1.5rem 1rem;padding:var(--spacing-lg) var(--spacing-md)}.user-greeting{display:flex;flex-direction:column;gap:.5rem;gap:var(--spacing-xs)}.greeting-time{color:#3b82f6;color:var(--accent-blue);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.user-name{align-items:center;color:var(--text-primary);display:flex;font-size:1.5rem;font-weight:700;gap:.5rem;gap:var(--spacing-xs);margin:0}.wave{animation:wave 2s ease-in-out infinite;display:inline-block;font-size:1.5rem;transform-origin:70% 70%}@keyframes wave{0%,to{transform:rotate(0deg)}10%,30%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}}.stats-row{-webkit-overflow-scrolling:touch;display:flex;gap:.75rem;gap:var(--spacing-sm);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);overflow-x:auto;padding:0 1rem;padding:0 var(--spacing-md);scroll-snap-type:x mandatory;scrollbar-width:none}.stats-row::-webkit-scrollbar{display:none}.stat-card-compact{background:#1e2442;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);display:flex;flex:0 0 auto;flex-direction:column;gap:.75rem;gap:var(--spacing-sm);padding:1rem;padding:var(--spacing-md);scroll-snap-align:start;transition:all .3s ease;transition:all var(--transition);width:140px}.stat-card-compact:active{transform:scale(.97)}.stat-icon-compact{align-items:center;border-radius:8px;border-radius:var(--radius-sm);display:flex;font-size:1.25rem;height:40px;justify-content:center;width:40px}.stat-card-compact.total .stat-icon-compact{background:#3b82f626;color:#3b82f6;color:var(--accent-blue)}.stat-card-compact.processing .stat-icon-compact{background:#f59e0b26;color:#f59e0b;color:var(--accent-orange)}.stat-card-compact.completed .stat-icon-compact{background:#10b98126;color:#10b981;color:var(--accent-green)}.stat-info-compact{display:flex;flex-direction:column;gap:.125rem}.stat-label-compact{color:#94a3b8;color:var(--text-secondary);font-size:.75rem}.stat-value-compact{color:#f1f5f9;color:var(--text-primary);font-size:1.5rem;font-weight:700}.orders-section-compact{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);padding:0 1rem;padding:0 var(--spacing-md)}.section-title{justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--spacing-md)}.section-title h2{color:var(--text-primary);font-size:1.125rem;margin:0}.order-badge{background:#252b4a;background:var(--bg-elevated);border-radius:8px;border-radius:var(--radius-sm);color:#94a3b8;color:var(--text-secondary);font-size:.75rem;font-weight:600;padding:.25rem .625rem}.empty-orders,.order-badge{border:1px solid #94a3b81a;border:1px solid var(--border-color)}.empty-orders{background:#1e2442;background:var(--bg-card);border-radius:16px;border-radius:var(--radius-lg);padding:2rem 1rem;padding:var(--spacing-xl) var(--spacing-md);text-align:center}.empty-icon{align-items:center;background:#3b82f61a;border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 1rem;margin:0 auto var(--spacing-md);width:80px}.empty-icon i{color:#64748b;color:var(--text-tertiary);font-size:2.5rem}.empty-orders h3{color:#f1f5f9;color:var(--text-primary);font-size:1.125rem;margin:0 0 .5rem;margin:0 0 var(--spacing-xs) 0}.empty-orders p{color:#94a3b8;color:var(--text-secondary);font-size:.875rem;margin:0 0 1rem;margin:0 0 var(--spacing-md) 0}.btn-new-order{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));border:none;border-radius:12px;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;gap:var(--spacing-xs);padding:.75rem 1.5rem;transition:all .3s ease;transition:all var(--transition)}.btn-new-order:active{transform:scale(.97)}.orders-stack{flex-direction:column}.order-item,.orders-stack{display:flex;gap:.75rem;gap:var(--spacing-sm)}.order-item{align-items:center;background:#1e2442;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);cursor:pointer;justify-content:space-between;overflow:hidden;padding:1rem;padding:var(--spacing-md);position:relative;transition:all .3s ease;transition:all var(--transition)}.order-item:active{background:#252b4a;background:var(--bg-elevated);transform:scale(.98)}.order-item:before{background:linear-gradient(180deg,#3b82f6,#8b5cf6);background:linear-gradient(180deg,var(--accent-blue),var(--accent-purple));bottom:0;content:"";left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;transition:opacity var(--transition);width:3px}.order-item:active:before{opacity:1}.order-main{align-items:center;display:flex;flex:1 1;gap:1rem;gap:var(--spacing-md);justify-content:space-between}.order-left{flex:1 1;min-width:0}.order-service-name{color:#f1f5f9;color:var(--text-primary);font-size:.875rem;font-weight:600;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-meta{align-items:center;color:#64748b;color:var(--text-tertiary);display:flex;font-size:.75rem;gap:.5rem;gap:var(--spacing-xs)}.order-id-short{font-family:Courier New,monospace}.order-date{border-left:1px solid #94a3b81a;border-left:1px solid var(--border-color);padding-left:.5rem;padding-left:var(--spacing-xs)}.order-right{align-items:flex-end;display:flex;flex-direction:column;gap:.375rem}.order-amount{color:#f1f5f9;color:var(--text-primary);font-size:.9375rem;font-weight:700}.status-pill{align-items:center;border-radius:8px;border-radius:var(--radius-sm);display:inline-flex;font-size:.6875rem;font-weight:600;gap:.25rem;padding:.25rem .625rem;text-transform:capitalize}.status-processing{background:#f59e0b26;color:#f59e0b;color:var(--accent-orange)}.status-completed{background:#10b98126;color:#10b981;color:var(--accent-green)}.status-pending{background:#64748b26;color:#94a3b8;color:var(--text-secondary)}.status-cancelled{background:#ef444426;color:#ef4444}.order-arrow{color:#64748b;color:var(--text-tertiary);font-size:.875rem;transition:all .3s ease;transition:all var(--transition)}.order-item:active .order-arrow{color:#3b82f6;color:var(--accent-blue);transform:translateX(4px)}.referral-section-compact{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);padding:0 1rem;padding:0 var(--spacing-md)}.referral-content{background:linear-gradient(135deg,#1e2442,#252b4a);background:linear-gradient(135deg,var(--bg-card),var(--bg-elevated));border:1px solid #94a3b81a;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg);overflow:hidden;padding:1.5rem;padding:var(--spacing-lg);position:relative}.referral-content:before{background:linear-gradient(90deg,#8b5cf6,#ec4899);background:linear-gradient(90deg,var(--accent-purple),var(--accent-pink));content:"";height:3px;left:0;position:absolute;right:0;top:0}.referral-header-row{align-items:center;display:flex;gap:1rem;gap:var(--spacing-md);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.referral-icon-badge{align-items:center;background:linear-gradient(135deg,#8b5cf6,#ec4899);background:linear-gradient(135deg,var(--accent-purple),var(--accent-pink));border-radius:12px;border-radius:var(--radius-md);color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;height:50px;justify-content:center;width:50px}.referral-text{flex:1 1}.referral-text h3{color:#f1f5f9;color:var(--text-primary);font-size:1.125rem;font-weight:700;margin:0 0 .25rem}.referral-text p{color:#94a3b8;color:var(--text-secondary);font-size:.875rem;margin:0}.referral-code-display{margin-bottom:1rem;margin-bottom:var(--spacing-md)}.code-label{color:#94a3b8;color:var(--text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;margin-bottom:var(--spacing-xs);text-transform:uppercase}.code-box{align-items:center;background:#141829;background:var(--bg-secondary);border:1px solid #94a3b81a;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);display:flex;gap:.75rem;gap:var(--spacing-sm);justify-content:space-between;padding:1rem;padding:var(--spacing-md)}.code{color:#3b82f6;color:var(--accent-blue);font-family:Courier New,monospace;font-size:1.125rem;font-weight:700;letter-spacing:.1em}.btn-copy{align-items:center;background:#3b82f6;background:var(--accent-blue);border:none;border-radius:8px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;font-size:.75rem;font-weight:600;gap:.375rem;padding:.5rem 1rem;transition:all .3s ease;transition:all var(--transition);white-space:nowrap}.btn-copy:active{transform:scale(.95)}.btn-copy.copied{background:#10b981;background:var(--accent-green)}.btn-open-referral{align-items:center;background:linear-gradient(135deg,#8b5cf6,#ec4899);background:linear-gradient(135deg,var(--accent-purple),var(--accent-pink));border:none;border-radius:12px;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.75rem;gap:var(--spacing-sm);justify-content:center;padding:.875rem;transition:all .3s ease;transition:all var(--transition);width:100%}.btn-open-referral:active{transform:scale(.97)}.btn-open-referral i:last-child{transition:transform .3s ease;transition:transform var(--transition)}.btn-open-referral:active i:last-child{transform:translateX(4px)}.quick-actions-mobile{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e2442;background:var(--bg-card);background:#1e2442f2;border-top:1px solid #94a3b81a;border-top:1px solid var(--border-color);bottom:0;display:flex;gap:.75rem;gap:var(--spacing-sm);left:0;padding:1rem;padding:var(--spacing-md);position:fixed;right:0;z-index:100}.action-btn{border-radius:var(--radius-md);flex:1 1;flex-direction:column;font-size:.75rem;gap:.375rem;padding:.75rem;transition:all var(--transition)}.action-btn i{font-size:1.25rem}.action-btn.primary{background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple))}.action-btn.secondary{background:#252b4a;background:var(--bg-elevated);border:1px solid #94a3b81a;border:1px solid var(--border-color);color:#f1f5f9;color:var(--text-primary)}@media (min-width:640px){.dashboard-page{padding-bottom:0}.container{max-width:640px;padding:1rem;padding:var(--spacing-md)}.welcome-header{border-radius:16px;border-radius:var(--radius-lg);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.user-name{font-size:2rem}.stats-row{overflow-x:visible;padding:0}.stat-card-compact{flex:1 1;width:auto}.orders-section-compact,.referral-section-compact{padding:0}.quick-actions-mobile{background:#0000;border:none;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);padding:0;position:static}.action-btn{flex-direction:row;font-size:.875rem;justify-content:center;padding:.875rem 1.5rem}.action-btn i{font-size:1rem}}@media (min-width:1024px){.container{max-width:900px}.orders-stack{grid-gap:1rem;grid-gap:var(--spacing-md);display:grid;gap:1rem;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}}button:focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--accent-blue);outline-offset:2px}html{scroll-behavior:smooth}@media (min-width:1024px){::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#141829;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#252b4a;background:var(--bg-elevated);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#64748b;background:var(--text-tertiary)}}.reviews-page{background:#0a0e27;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;padding:60px 20px}.reviews-container{margin:0 auto;max-width:1400px}.reviews-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:24px;margin-bottom:60px;overflow:hidden;padding:60px 40px;position:relative}.reviews-header:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='a' width='40' height='40' patternUnits='userSpaceOnUse'%3E%3Cpath d='M40 0H0v40' fill='none' stroke='rgba(255,255,255,0.1)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.reviews-title{color:#fff;font-size:3.5rem;font-weight:800;letter-spacing:-1px;margin:0 0 16px;position:relative;z-index:1}.reviews-subtitle{color:#ffffffe6;font-size:1.25rem;margin:0 0 40px;position:relative;z-index:1}.reviews-stats{display:flex;flex-wrap:wrap;gap:60px;justify-content:center;position:relative;z-index:1}.stat-item{text-align:center}.stat-number{text-shadow:0 2px 10px #0003}.stat-label{color:#ffffffd9}.reviews-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));margin-bottom:60px}.review-card{background:#151b35;border:1px solid #8b5cf633;border-radius:16px;overflow:hidden;padding:28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.review-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease;width:100%}.review-card:hover{border-color:#8b5cf680;box-shadow:0 20px 40px #667eea4d;transform:translateY(-8px)}.review-card:hover:before{transform:scaleX(1)}.review-header{gap:16px;margin-bottom:16px}.review-avatar{border:3px solid #667eea;border-radius:50%;box-shadow:0 4px 12px #667eea4d;height:56px;object-fit:cover;width:56px}.review-info{flex:1 1}.review-author{color:#e2e8f0;display:flex;font-size:1.125rem;gap:8px;margin-bottom:4px}.review-author,.verified-badge{align-items:center;font-weight:700}.verified-badge{background:#10b981;border-radius:50%;color:#fff;display:inline-flex;font-size:12px;height:20px;justify-content:center;width:20px}.review-meta{align-items:center;font-size:.875rem;gap:12px}.review-service{color:#8b5cf6;font-weight:600}.review-date{color:#94a3b8}.review-rating{font-size:1.25rem;margin-bottom:14px}.star{margin-right:2px;text-shadow:0 2px 4px #fbbf244d}.review-text{color:#cbd5e1;font-size:.975rem;line-height:1.7;margin-bottom:16px}.review-footer{justify-content:flex-end}.helpful-btn{background:#8b5cf61a;border:1px solid #8b5cf64d;border-radius:8px;color:#a78bfa;cursor:pointer;font-size:.875rem;font-weight:600;padding:8px 16px;transition:all .3s ease}.helpful-btn:hover{background:#8b5cf633;border-color:#8b5cf680;transform:translateY(-2px)}.reviews-cta{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:2px solid #8b5cf633;border-radius:24px;padding:60px 40px;text-align:center}.reviews-cta h2{color:#e2e8f0;font-size:2.5rem;font-weight:800;letter-spacing:-.5px;margin:0 0 16px}.reviews-cta p{color:#94a3b8;font-size:1.125rem;margin:0 0 32px}.cta-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 8px 24px #667eea66;color:#fff;cursor:pointer;font-size:1.125rem;font-weight:700;letter-spacing:.5px;padding:16px 48px;text-transform:uppercase;transition:all .3s ease}.cta-button:hover{box-shadow:0 12px 32px #667eea99;transform:translateY(-4px)}.cta-button:active{transform:translateY(-2px)}.review-card{animation:fadeInUp .6s ease-out forwards;opacity:0}.review-card:first-child{animation-delay:.05s}.review-card:nth-child(2){animation-delay:.1s}.review-card:nth-child(3){animation-delay:.15s}.review-card:nth-child(4){animation-delay:.2s}.review-card:nth-child(5){animation-delay:.25s}.review-card:nth-child(6){animation-delay:.3s}.review-card:nth-child(7){animation-delay:.35s}.review-card:nth-child(8){animation-delay:.4s}@media (max-width:1200px){.reviews-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}}@media (max-width:768px){.reviews-page{padding:40px 15px}.reviews-header{margin-bottom:40px;padding:40px 24px}.reviews-title{font-size:2.25rem}.reviews-subtitle{font-size:1rem}.reviews-stats{gap:32px}.stat-number{font-size:2rem}.reviews-grid{gap:20px;grid-template-columns:1fr}.review-card{padding:24px}.reviews-cta{padding:40px 24px}.reviews-cta h2{font-size:1.75rem}.cta-button{font-size:1rem;padding:14px 36px}}@media (max-width:480px){.reviews-title{font-size:1.875rem}.reviews-stats{gap:24px}.stat-number{font-size:1.75rem}.review-header{gap:12px}.review-avatar{height:48px;width:48px}.review-author{font-size:1rem}.reviews-cta h2{font-size:1.5rem}}.reviews-page::-webkit-scrollbar{width:10px}.reviews-page::-webkit-scrollbar-track{background:#0a0e27}.reviews-page::-webkit-scrollbar-thumb{background:#667eea;border-radius:5px}.reviews-page::-webkit-scrollbar-thumb:hover{background:#764ba2}.terms-page{background:#0a0e27;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;padding:60px 20px}.terms-container{background:#151b35;border:1px solid #8b5cf61a;border-radius:24px;box-shadow:0 20px 60px #00000080;margin:0 auto;max-width:1200px;overflow:hidden}.terms-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;overflow:hidden;padding:50px 40px;position:relative;text-align:center}.terms-header:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='a' width='40' height='40' patternUnits='userSpaceOnUse'%3E%3Cpath d='M40 0H0v40' fill='none' stroke='rgba(255,255,255,0.1)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.terms-title{font-size:3rem;font-weight:800;letter-spacing:-1px;margin:0 0 16px;position:relative;z-index:1}.terms-subtitle{font-size:1.125rem;font-weight:400;margin:0 0 12px;opacity:.95;position:relative;z-index:1}.last-updated{font-size:.875rem;font-weight:300;margin:0;opacity:.85;position:relative;z-index:1}.terms-content{padding:50px 40px}.terms-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));margin-bottom:40px}.terms-section{background:#1e2749;border:1px solid #8b5cf633;border-radius:12px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.terms-section:before{background:linear-gradient(180deg,#667eea,#764ba2);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:4px}.terms-section:hover{border-color:#8b5cf680;box-shadow:0 12px 32px #667eea4d;transform:translateY(-4px)}.terms-section:hover:before{opacity:1}.section-header{margin-bottom:12px}.section-icon{flex-shrink:0;font-size:1.75rem}.terms-section h3{color:#e2e8f0;flex:1 1;font-size:1.125rem;font-weight:700;margin:0}.terms-section p{color:#94a3b8;font-size:.9rem;line-height:1.6;margin:0 0 12px}.terms-list{list-style:none;margin:0;padding:0}.terms-list li{color:#94a3b8;font-size:.85rem;line-height:1.5;margin-bottom:8px;padding-left:24px;position:relative}.terms-list li:before{color:#8b5cf6;content:"→";font-size:1rem;font-weight:700;left:0;position:absolute}.highlight-section{background:linear-gradient(135deg,#667eea26,#764ba226);border-color:#8b5cf666}.contact-info{background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:8px;margin-top:12px;padding:16px}.contact-info p{color:#cbd5e1;font-size:.875rem;margin:6px 0}.terms-footer{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;margin-top:20px;overflow:hidden;padding:32px;position:relative;text-align:center}.terms-footer:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='a' width='20' height='20' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='10' cy='10' r='1.5' fill='rgba(255,255,255,0.2)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;position:absolute;right:0;top:0}.terms-footer p{color:#fff;font-size:1rem;font-weight:500;line-height:1.7;margin:0;position:relative;z-index:1}.terms-page::-webkit-scrollbar{width:10px}.terms-page::-webkit-scrollbar-track{background:#0a0e27}.terms-page::-webkit-scrollbar-thumb{background:#667eea;border-radius:5px}.terms-page::-webkit-scrollbar-thumb:hover{background:#764ba2}@media (max-width:1024px){.terms-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:768px){.terms-page{padding:40px 15px}.terms-container{border-radius:16px}.terms-header{padding:40px 24px}.terms-title{font-size:2rem}.terms-subtitle{font-size:1rem}.terms-content{padding:30px 20px}.terms-grid{gap:16px;grid-template-columns:1fr}.terms-section{padding:20px}.section-icon{font-size:1.5rem}.terms-section h3{font-size:1rem}}@media (max-width:480px){.terms-title{font-size:1.75rem}.terms-section{padding:18px}.terms-footer{padding:24px 20px}.section-header{gap:10px}}.terms-section{animation:fadeIn .5s ease-out forwards}.terms-section:first-child{animation-delay:.05s}.terms-section:nth-child(2){animation-delay:.1s}.terms-section:nth-child(3){animation-delay:.15s}.terms-section:nth-child(4){animation-delay:.2s}.terms-section:nth-child(5){animation-delay:.25s}.terms-section:nth-child(6){animation-delay:.3s}.order-details-page{background:radial-gradient(circle at top left,#0f172a,#020617 75%);color:#f8fafc;display:flex;font-family:Inter,system-ui;justify-content:center;min-height:100vh;padding:120px 20px}.container{max-width:900px;width:100%}.order-header{margin-bottom:25px}.order-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#818cf8);-webkit-background-clip:text;font-size:2.6rem;font-weight:900;margin:0}.order-header p{font-size:14px;margin-top:5px;opacity:.7}.back-btn{background:#6366f12e;border:1px solid #6366f166;border-radius:12px;color:#c7d2fe;cursor:pointer;margin-top:12px;padding:8px 20px;transition:all .25s}.back-btn:hover{background:#6366f14d;transform:translateY(-2px)}.glass-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:20px;box-shadow:0 20px 50px #00000059;margin-top:25px;padding:25px}.status-badge{font-size:14px;margin-top:8px;padding:8px 20px}.status-pending{background:#eab30833;color:#facc15}.status-processing{background:#3b82f633;color:#60a5fa}.status-completed{background:#22c55e33;color:#4ade80}.status-timeline{display:flex;gap:40px;margin-top:20px;padding-top:10px}.step{opacity:.35;text-align:center;transition:.3s}.step span{display:block;font-size:26px;margin-bottom:6px}.step.active{opacity:1;transform:scale(1.1)}.summary-row{border-bottom:1px solid #ffffff14;display:flex;font-size:15px;justify-content:space-between;padding:10px 0}.summary-row span{color:#cbd5e1}.summary-row strong{color:#fff}.photos-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-top:15px}.photos-grid img{border:1px solid #ffffff1a;border-radius:12px;height:120px;object-fit:cover;width:100%}.order-loading{color:#e2e8f0;font-size:1.4rem;opacity:.7;padding-top:150px;text-align:center}@media (max-width:600px){.order-header h1{font-size:2.2rem}.status-timeline{gap:20px}}.job-assistant-hub-container{background:#0a0a0f;min-height:100vh;overflow:hidden;padding:2rem 1rem;position:relative}.job-assistant-hub-container:before{background:radial-gradient(circle at 20% 30%,#3b82f626 0,#0000 50%),radial-gradient(circle at 80% 70%,#10b98126 0,#0000 50%),radial-gradient(circle at 50% 50%,#7c3aed26 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.job-assistant-hub-container>*{position:relative;z-index:1}.hub-header{animation:fadeInDown .8s ease;margin-bottom:4rem;text-align:center}.header-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#10b981 50%,#7c3aed);-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;margin:0 0 1rem}.header-content p{color:#a0a0b0;font-size:clamp(1rem,2vw,1.25rem)}.hub-nav-cards{grid-gap:2rem;animation:fadeInUp .8s ease .2s both;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:0 auto 4rem;max-width:1200px}.nav-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#14141e99;border:1px solid #ffffff1a;border-radius:24px;cursor:pointer;overflow:hidden;padding:2.5rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.nav-card:before{background:linear-gradient(135deg,#3b82f61a,#10b9811a);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .4s}.nav-card:hover{box-shadow:0 20px 60px #3b82f64d;transform:translateY(-8px)}.nav-card:hover:before{opacity:1}.submit-card{border-color:#3b82f64d}.status-card{border-color:#10b9814d}.nav-card:hover.submit-card{border-color:#3b82f699}.nav-card:hover.status-card{border-color:#10b98199}.card-icon{display:block;font-size:4rem;margin-bottom:1.5rem}.nav-card h2{color:#fff;font-size:clamp(1.5rem,3vw,2rem);font-weight:700;margin:0 0 1rem}.card-description{color:#a0a0b0;font-size:1rem}.card-count,.card-description{margin-bottom:2rem}.count-label{background:#3b82f626;border:1px solid #3b82f64d;border-radius:30px;color:#3b82f6;display:inline-block;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem}.status-stats{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;display:flex;gap:2rem;justify-content:center;padding:1.5rem}.stat-item{flex-direction:column}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#10b981);-webkit-background-clip:text;background-clip:text}.stat-divider{background:#ffffff1a;height:50px;width:1px}.card-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#10b981);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:1.25rem 2rem;transition:all .3s;width:100%}.submit-card .card-btn{background:linear-gradient(135deg,#3b82f6,#2563eb)}.status-card .card-btn{background:linear-gradient(135deg,#10b981,#059669)}.card-btn:hover{box-shadow:0 8px 24px #3b82f666;transform:scale(1.02)}.info-section{animation:fadeInUp .8s ease .4s both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#14141e99;border:1px solid #ffffff1a;border-radius:24px;margin:0 auto;max-width:1200px;padding:2.5rem}.info-section h3{color:#fff;font-size:clamp(1.5rem,3vw,2rem);font-weight:700;margin:0 0 2rem;text-align:center}.info-grid{grid-gap:2rem;gap:2rem}.info-card{background:#ffffff0d;border:1px solid #ffffff1a;padding:2rem;position:relative;text-align:center;transition:all .3s}.info-card:hover{border-color:#3b82f64d;box-shadow:0 12px 40px #3b82f633}.step-number{background:linear-gradient(135deg,#3b82f6,#10b981);box-shadow:0 4px 12px #3b82f666}.info-card h4{color:#fff;font-size:1.25rem;font-weight:700;margin:1rem 0 .75rem}.info-card p{color:#a0a0b0;font-size:.875rem;line-height:1.6;margin:0}@media (max-width:768px){.job-assistant-hub-container{padding:1rem .5rem}.hub-header,.hub-nav-cards{margin-bottom:2rem}.hub-nav-cards{gap:1.5rem;grid-template-columns:1fr}.nav-card{padding:2rem 1.5rem}.status-stats{gap:1rem}.stat-number{font-size:2rem}.info-section{padding:2rem 1.5rem}.info-grid{gap:1.5rem;grid-template-columns:1fr}}@media (max-width:480px){.card-icon{font-size:3rem}.status-stats{flex-direction:column;gap:1.5rem}.stat-divider{height:1px;width:100%}}.job-assistant-container{background:#0a0a0f;min-height:100vh;overflow-x:hidden;padding:2rem 1rem;position:relative}.job-assistant-container:before{background:radial-gradient(circle at 25% 25%,#3b82f626 0,#0000 50%),radial-gradient(circle at 75% 75%,#10b98126 0,#0000 50%),radial-gradient(circle at 50% 50%,#7c3aed26 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.job-assistant-wrapper{margin:0 auto;max-width:900px;position:relative;z-index:1}.job-assistant-header{animation:fadeInDown .8s ease;margin-bottom:2rem;text-align:center}.job-assistant-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#10b981 50%,#7c3aed);-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,5vw,3rem);font-weight:800;margin:0 0 .75rem}.job-assistant-header p{color:#a0a0b0;font-size:clamp(1rem,2vw,1.25rem);margin:0}.disclaimer-box{animation:fadeInUp .8s ease .2s both;background:#ef44441a;border:2px solid #ef44444d;border-radius:20px;margin-bottom:2rem;padding:2rem}.disclaimer-box h3{color:#fca5a5;font-size:1.25rem;font-weight:700;margin:0 0 1rem}.disclaimer-box ul{list-style:none;margin:0;padding:0}.disclaimer-box li{color:#fca5a5;font-size:.875rem;line-height:1.6;margin-bottom:.75rem;padding-left:1.5rem;position:relative}.disclaimer-box li:before{content:"⚠️";left:0;position:absolute;top:0}.disclaimer-box strong{color:#fff;font-weight:600}.job-assistant-form{animation:fadeInUp .8s ease .3s both}.form-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#14141e99;border:1px solid #ffffff1a;border-radius:20px;margin-bottom:2rem;padding:2rem;transition:all .3s}.form-section:hover{border-color:#3b82f64d;box-shadow:0 12px 40px #3b82f626}.form-section legend{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#10b981);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:1.25rem;font-weight:700;padding:0 1rem}.form-group label{color:#a0a0b0;font-size:.875rem;letter-spacing:1px}.hint{color:#6b7280;font-size:.75rem;font-weight:400;letter-spacing:0;margin-left:.5rem;text-transform:none}.form-group input,.form-group select,.form-group textarea{background:#0000004d;border:2px solid #ffffff1a;padding:1rem 1.25rem;transition:all .3s}.form-group input::placeholder,.form-group textarea::placeholder{color:#6b7280}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.form-group textarea{min-height:100px}.form-group select option{background:#1a1a24;color:#fff}.form-row{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.file-upload{margin-bottom:0}.file-input-wrapper{position:relative}.file-input-wrapper input[type=file]{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.file-input-label{align-items:center;background:#0000004d;border:2px dashed #fff3;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:.75rem;justify-content:center;padding:3rem 2rem;text-align:center;transition:all .3s}.file-input-label:hover{background:#3b82f60d;border-color:#3b82f6}.file-input-label .icon{font-size:3rem}.file-input-label .text{color:#fff;font-size:1rem;font-weight:600}.file-input-label .hint{color:#6b7280;font-size:.875rem;margin:0}.form-actions{margin-top:2rem;text-align:center}.btn-submit{background:linear-gradient(135deg,#3b82f6,#10b981);border-radius:12px;box-shadow:0 8px 24px #3b82f64d;font-size:1.125rem;min-width:250px;padding:1.25rem 2.5rem;transition:all .3s}.btn-submit:hover:not(:disabled){box-shadow:0 12px 40px #3b82f680}.btn-submit:disabled{background:#6b72804d;box-shadow:none}.form-note{color:#6b7280;font-size:.875rem;line-height:1.6;margin-top:1.5rem;text-align:center}@media (max-width:768px){.job-assistant-container{padding:1rem .5rem}.form-section{padding:1.5rem}.form-row{grid-template-columns:1fr}.file-input-label{padding:2rem 1.5rem}.btn-submit{min-width:100%}}@media (max-width:480px){.disclaimer-box{padding:1.5rem}.form-group input,.form-group select,.form-group textarea{padding:.875rem 1rem}.file-input-label .icon{font-size:2.5rem}}.admin-job-assistant{background:linear-gradient(135deg,#0a0e27,#0f0f1e 50%,#1a1a2e);min-height:100vh;padding:30px}.admin-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;color:#fff;margin-bottom:30px;padding:30px}.admin-header h1{font-size:28px;font-weight:700;margin:0 0 10px}.admin-header p{font-size:16px;margin:0;opacity:.9}.statistics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:30px}.stat-card{border-radius:8px}.stat-card.pending{border-left-color:#f59e0b}.stat-card.shortlisted{border-left-color:#06b6d4}.stat-card.contacted{border-left-color:#667eea}.stat-card.rejected{border-left-color:#ef4444}.stat-number{color:#06b6d4;font-size:32px}.filter-tabs{flex-wrap:wrap;margin-bottom:30px}.filter-btn{background:linear-gradient(135deg,#667eea14,#a855f70d);border:2px solid #667eea4d;border-radius:6px;color:#a6b4d9;font-weight:500;padding:10px 20px}.filter-btn:hover{border-color:#667eea;color:#667eea}.applications-container{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#667eea14,#a855f70d);border:1px solid #667eea33;border-radius:8px;box-shadow:0 20px 60px #0000004d;overflow:hidden}.no-applications{color:#a6b4d9;font-size:16px;padding:60px 20px;text-align:center}.applications-table-wrapper{overflow-x:auto}.applications-table thead{background-color:linear-gradient(135deg,#667eea,#764ba2);border-bottom:none}.applications-table th{font-size:13px;font-weight:600;padding:15px}.applications-table tbody tr{border-bottom:1px solid #667eea1a;transition:all .2s ease}.applications-table tbody tr:hover{background-color:#667eea1a}.applications-table td{color:#e1e8f0;font-size:14px;padding:15px}.applications-table td.name{font-weight:600}.applications-table td.date{color:#a6b4d9;font-size:13px}.applications-table td.actions{display:flex;gap:8px}.status-pending{background-color:#f59e0b33;color:#f59e0b}.status-shortlisted{background-color:#06b6d433;color:#06b6d4}.status-contacted{background-color:#667eea33;color:#a6b4d9}.status-rejected{background-color:#ef444433;color:#f87171}.action-btn{background:none;border-radius:4px;color:#a6b4d9;font-size:16px;padding:6px 10px;transition:all .2s ease}.action-btn.view:hover,.action-btn:hover{background-color:#667eea33}.action-btn.view:hover{color:#06b6d4}.action-btn.download:hover{background-color:#06b6d433;color:#06b6d4}.action-btn.delete:hover{background-color:#ef444433;color:#f87171}.modal-overlay{background-color:#000000b3}.modal-content{border-radius:10px;max-width:700px}.modal-close{color:#a6b4d9;position:absolute;right:20px;top:20px;transition:color .2s ease;z-index:10}.modal-close:hover{color:#e1e8f0}.modal-header{border-radius:10px 10px 0 0;gap:20px;padding:30px}.modal-body{padding:30px}.modal-section{border-bottom:1px solid #667eea1a;margin-bottom:30px;padding-bottom:30px}.modal-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.modal-section h3{color:#e1e8f0;font-size:16px;font-weight:600;margin-bottom:15px}.info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-item{flex-direction:column}.info-item label{color:#8b94a8;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:5px;text-transform:uppercase}.info-item a,.info-item span{color:#a6b4d9;font-size:14px;word-break:break-word}.info-item a{color:#06b6d4;text-decoration:none;transition:color .2s ease}.info-item a:hover{color:#f59e0b;text-decoration:underline}.download-link{background-color:#667eea33;border-radius:6px;color:#06b6d4;display:inline-block;font-weight:500;padding:10px 15px;text-decoration:none;transition:all .2s ease}.download-link:hover{background-color:#667eea4d}.status-update-form{display:flex;flex-direction:column;gap:15px}.notes-input,.status-select{background:linear-gradient(135deg,#667eea14,#a855f70d);border:2px solid #667eea4d;border-radius:6px;color:#e1e8f0;font-family:inherit;font-size:14px;padding:10px 12px;transition:all .2s ease}.notes-input:focus,.status-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea33;outline:none}.notes-input{min-height:80px;resize:vertical}.button-group{display:flex;gap:10px}.btn-contacted,.btn-update{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px;transition:all .2s ease}.btn-update{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-update:hover:not(:disabled){box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.btn-update:disabled{cursor:not-allowed;opacity:.5}.btn-contacted{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff}.btn-contacted:hover{box-shadow:0 8px 20px #06b6d466;transform:translateY(-2px)}.loading-message{color:#a6b4d9;font-size:16px;padding:60px 20px;text-align:center}@media (max-width:768px){.admin-header,.admin-job-assistant{padding:20px}.admin-header h1{font-size:22px}.statistics-grid{gap:15px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.stat-number{font-size:24px}.applications-table td,.applications-table th{font-size:12px;padding:10px}.modal-content{max-width:95vw}.modal-header{padding:20px}.modal-header h2{font-size:18px}.modal-body{padding:20px}.info-grid{grid-template-columns:1fr}.button-group{flex-direction:column}}.job-status-container{background:#0a0a0f;min-height:100vh;overflow-x:hidden;padding:2rem 1rem;position:relative}.job-status-container:before{background:radial-gradient(circle at 30% 20%,#10b98126 0,#0000 50%),radial-gradient(circle at 70% 80%,#3b82f626 0,#0000 50%),radial-gradient(circle at 50% 50%,#7c3aed26 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.job-status-wrapper{margin:0 auto;max-width:900px;position:relative;z-index:1}.error-box,.loading{animation:fadeIn .5s;padding:4rem 2rem;text-align:center}.spinner{border:4px solid #3b82f633;border-top-color:#3b82f6;height:60px;margin:0 auto 1rem;width:60px}.error-box p,.loading p{color:#a0a0b0;font-size:1rem;margin:1rem 0}.error-box h2{color:#fff;font-size:2rem;margin:0 0 1rem}.btn-primary{border-radius:12px;padding:1rem 2rem;transition:all .3s}.status-header{animation:fadeInDown .8s ease;margin-bottom:3rem;text-align:center}.success-icon{align-items:center;animation:pulse 2s infinite;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;box-shadow:0 10px 40px #10b98166;display:flex;font-size:4rem;height:100px;justify-content:center;margin:0 auto 1.5rem;width:100px}.status-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#3b82f6);-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,5vw,3rem);font-weight:800;margin:0 0 .75rem}.status-header p{color:#a0a0b0;font-size:clamp(1rem,2vw,1.25rem);margin:0}.status-card{animation:fadeInUp .8s ease .2s both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#14141e99;border:1px solid #ffffff1a;border-radius:24px;margin-bottom:2rem;padding:2.5rem;text-align:center}.status-badge{border:2px solid;border-radius:30px;font-size:1.125rem;gap:.5rem;margin-bottom:1.5rem;padding:.75rem 2rem}.status-card h2,.status-icon{font-size:1.5rem}.status-card h2{color:#fff;font-weight:700;margin:0 0 1rem}.status-card p{font-size:1rem;line-height:1.6;margin:0}.details-card{animation:fadeInUp .8s ease .3s both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#14141e99;border:1px solid #ffffff1a;border-radius:24px;margin-bottom:2rem;padding:2.5rem}.details-card h2{color:#fff;font-size:1.75rem;font-weight:700;margin:0 0 2rem}.details-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.detail-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:1rem}.detail-item.full-width{grid-column:1/-1}.detail-item label{color:#6b7280;display:block;font-size:.75rem;letter-spacing:1px;margin-bottom:.5rem}.detail-item p{color:#fff;font-size:1rem;margin:0;word-break:break-word}.detail-item a{color:#3b82f6;text-decoration:none;transition:color .3s}.detail-item a:hover{color:#60a5fa;text-decoration:underline}.timeline-card{animation:fadeInUp .8s ease .4s both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#14141e99;border:1px solid #ffffff1a;border-radius:24px;margin-bottom:2rem;padding:2.5rem}.timeline-card h2{color:#fff;font-size:1.75rem;font-weight:700;margin:0 0 2rem}.timeline{padding-left:3rem}.timeline:before{background:#ffffff1a;bottom:0;left:20px;top:0;width:2px}.timeline-item{margin-bottom:2rem;opacity:.5;transition:opacity .3s}.timeline-item.completed{opacity:1}.timeline-item:last-child{margin-bottom:0}.timeline-dot{background:#ffffff1a;border:3px solid #fff3;height:40px;left:-2.875rem;position:absolute;top:0;transition:all .3s;width:40px}.timeline-item.completed .timeline-dot{background:linear-gradient(135deg,#10b981,#3b82f6);border-color:#10b981;box-shadow:0 4px 16px #10b98166}.timeline-content h3{color:#fff;font-size:1.125rem;font-weight:700;margin:0 0 .5rem}.timeline-content p{color:#a0a0b0;font-size:.875rem;margin:0}.info-box{animation:fadeInUp .8s ease .5s both;background:#3b82f61a;border:2px solid #3b82f64d;border-radius:20px;margin-bottom:2rem;padding:2rem}.info-box h3{color:#60a5fa;font-size:1.25rem;font-weight:700;margin:0 0 1rem}.info-box ul{list-style:none;margin:0;padding:0}.info-box li{color:#a0a0b0;font-size:.875rem;line-height:1.6;margin-bottom:.75rem;padding-left:1.5rem;position:relative}.info-box li:before{color:#3b82f6;content:"•";font-size:1.25rem;left:0;line-height:1;position:absolute;top:0}.info-box strong{color:#fff;font-weight:600}.action-buttons{animation:fadeInUp .8s ease .6s both;flex-wrap:wrap;gap:1rem;justify-content:center}.btn-primary,.btn-secondary{border-radius:12px;font-size:1rem;padding:1rem 2rem;white-space:nowrap}.btn-secondary{background:#ffffff1a;border:2px solid #fff3;color:#fff}.btn-secondary:hover{background:#ffffff26;border-color:#ffffff4d}.btn-primary{background:linear-gradient(135deg,#3b82f6,#10b981)}.btn-primary:hover{box-shadow:0 8px 24px #3b82f666;transform:scale(1.05)}@media (max-width:768px){.job-status-container{padding:1rem .5rem}.success-icon{font-size:3rem;height:80px;width:80px}.details-card,.info-box,.status-card,.timeline-card{padding:2rem 1.5rem}.details-grid{grid-template-columns:1fr}.timeline{padding-left:2.5rem}.timeline-dot{height:30px;left:-2.375rem;width:30px}.action-buttons{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}@media (max-width:480px){.status-badge{font-size:1rem;padding:.625rem 1.5rem}.info-box{padding:1.5rem}}#root,body,html{background:linear-gradient(135deg,#0a0e27,#1a1f35 50%,#0a0e27)!important;color:#fff}.my-job-applications-container{background:linear-gradient(135deg,#0a0e27,#1a1f35 50%,#0a0e27);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:40px 20px}.my-job-applications-wrapper{margin:0 auto;max-width:1300px}.loading{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:400px}.spinner{border:4px solid #60a5fa33;border-top-color:#60a5fa;height:50px;width:50px}.loading p{color:#cbd5e1;font-size:1.1rem;font-weight:500}.applications-header{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;margin-bottom:40px}.header-content h1{color:#fff;font-size:3.5rem;font-weight:900;margin-bottom:10px;text-shadow:0 4px 15px #0000004d}.header-content p{color:#cbd5e1;font-size:1.1rem;font-weight:500}.btn-new-application{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;box-shadow:0 5px 15px #3b82f64d;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:15px 30px;transition:all .3s ease;white-space:nowrap}.btn-new-application:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 10px 30px #3b82f680;transform:translateY(-3px)}.empty-state{background:#1e293bcc;border:1px solid #94a3b833;margin-bottom:30px}.empty-state h2{color:#fff;font-size:2rem;font-weight:700;margin-bottom:10px}.empty-state p{color:#cbd5e1;margin-bottom:30px}.btn-primary{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:10px;box-shadow:0 5px 15px #fbbf244d;color:#1f2937;display:inline-block;font-size:1rem;padding:15px 40px}.btn-primary:hover{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 10px 30px #fbbf2480;transform:translateY(-3px)}.applications-list{margin-bottom:30px}.stats-grid{margin-bottom:40px}.stat-card{background:linear-gradient(135deg,#1e293bcc,#1e293be6);border:1px solid #94a3b833;border-radius:15px;box-shadow:0 10px 30px #0003}.stat-card:hover{border-color:#60a5fa66;box-shadow:0 15px 40px #60a5fa26}.stat-icon{min-width:60px}.stat-info h3{font-size:1rem;letter-spacing:.5px;margin-bottom:8px;text-shadow:0 2px 8px #00000080;text-transform:uppercase}.table-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bcc;border:1px solid #94a3b833;border-radius:15px;box-shadow:0 20px 60px #0000004d;display:none;margin-bottom:30px}.table-container.show{display:block}.applications-table{border-collapse:collapse;width:100%}.applications-table thead{background:linear-gradient(135deg,#0f172acc,#0f172ae6);border-bottom:2px solid #60a5fa4d}.applications-table th{color:#fff;font-size:1rem;font-weight:700;letter-spacing:.5px;padding:20px;text-align:left;text-shadow:0 2px 8px #00000080;text-transform:uppercase}.applications-table tbody tr{border-bottom:1px solid #94a3b81a;transition:all .3s ease}.applications-table tbody tr:hover{background:#60a5fa1a}.applications-table td{color:#e2e8f0;font-weight:500;padding:18px 20px}.status-badge{border-radius:8px;box-shadow:0 4px 12px #0003;letter-spacing:.5px;padding:8px 16px}.truncate{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-view{background:linear-gradient(135deg,#06b6d4,#0891b2);border:none;border-radius:8px;box-shadow:0 4px 12px #06b6d44d;color:#fff;cursor:pointer;font-size:.9rem;font-weight:700;padding:10px 20px;transition:all .3s ease;white-space:nowrap}.btn-view:hover{background:linear-gradient(135deg,#0891b2,#086e91);box-shadow:0 6px 18px #06b6d480;transform:translateY(-2px)}.applications-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:30px}.application-card{background:linear-gradient(135deg,#1e293bf2,#0f172af2);border:2px solid #3b82f6;border-radius:15px;box-shadow:0 20px 60px #0006;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.application-card:hover{border-color:#60a5fa66;box-shadow:0 30px 80px #60a5fa26;transform:translateY(-8px)}.card-header{background:linear-gradient(135deg,#0f172af2,#0f172ae6);border-bottom:2px solid #3b82f6;gap:10px;padding:20px}.submitted-date{color:#fff;font-size:.95rem;font-weight:700;text-shadow:0 1px 4px #00000080;white-space:nowrap}.card-body{flex:1 1;padding:20px}.card-item{background:#0f172a99;border-left:3px solid #3b82f6;border-radius:8px;margin-bottom:18px;padding:12px}.card-item:last-child{margin-bottom:0}.card-item h4{color:#fbbf24;font-size:1.1rem;font-weight:900;letter-spacing:.8px;margin-bottom:8px;text-shadow:0 2px 6px #fbbf244d;text-transform:uppercase}.card-item p{color:#fff;font-size:1rem;font-weight:600;line-height:1.5}.card-footer{border-top:1px solid #94a3b81a;gap:10px;padding:20px}.card-footer .btn-view{flex:1 1}.info-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0e27!important;border:3px solid #6366f1!important;border-radius:15px;box-shadow:0 0 30px #6366f14d;padding:30px}.info-content h3{align-items:center;color:#fff;display:flex;font-size:1.6rem;font-weight:900;gap:10px;margin-bottom:25px;text-shadow:0 3px 10px #00000080}.info-content ul{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));list-style:none}.info-content li{color:#cbd5e1;font-size:.95rem;font-weight:500;line-height:1.6;padding-left:25px;position:relative}.info-content li:before{color:#10b981;content:"✓";font-size:1.4rem;font-weight:900;left:8px;position:absolute}@media (max-width:1024px){.applications-header{flex-direction:column}.btn-new-application{width:100%}.table-container{display:none}.applications-cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.my-job-applications-container{padding:20px 15px}.header-content h1{font-size:2.2rem}.header-content p{font-size:.95rem}.stats-grid{gap:15px;grid-template-columns:repeat(2,1fr);margin-bottom:25px}.stat-card{padding:15px}.stat-icon{font-size:2rem;min-width:50px}.stat-info h3{font-size:.8rem}.stat-value{font-size:1.5rem}.applications-cards,.info-content ul{grid-template-columns:1fr}.info-box{padding:20px}.info-content h3{font-size:1.2rem;margin-bottom:15px}}@media (max-width:480px){.my-job-applications-container{padding:15px 10px}.applications-header{margin-bottom:25px}.header-content h1{font-size:1.8rem}.header-content p{font-size:.85rem}.stats-grid{grid-template-columns:1fr}.stat-card{padding:12px}.card-body,.card-header{padding:15px}.card-item h4{font-size:.75rem}.card-item p{font-size:.85rem}.info-box{padding:15px}.info-content h3{font-size:1rem}.info-content li{font-size:.85rem;padding-left:20px}}.ebooks-page{background:#0a0a0f;min-height:100vh;overflow-x:hidden;padding-bottom:4rem;position:relative}.animated-bg{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.sphere-1{background:linear-gradient(135deg,#667eea,#764ba2);height:500px;right:-100px;top:-100px;width:500px}.sphere-2{animation-delay:7s;background:linear-gradient(135deg,#f093fb,#f5576c);bottom:-100px;height:400px;left:-100px;width:400px}.sphere-3{animation-delay:14s;background:linear-gradient(135deg,#4facfe,#00f2fe);height:350px;left:50%;top:40%;width:350px}.hero-section{margin:0 auto;max-width:1200px;padding:4rem 1rem 3rem;position:relative;text-align:center;z-index:1}.hero-content{animation:fadeInUp .8s ease}.hero-badge{background:#667eea26;border:1px solid #667eea4d;border-radius:30px;color:#667eea;display:inline-block;font-size:.875rem;font-weight:600;letter-spacing:.5px;margin-bottom:1.5rem;padding:.5rem 1.5rem}.hero-title{font-size:clamp(2.5rem,6vw,4rem);line-height:1.2;margin:0 0 1rem}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:#a0a0b0;font-size:clamp(1rem,2vw,1.25rem);line-height:1.6;margin:0 auto;max-width:600px}.filter-section{margin:0 auto 3rem;max-width:1400px;padding:0 1rem;position:relative;z-index:1}.search-container{animation:fadeInUp .8s ease .2s both;margin-bottom:2rem}.search-box{margin:0 auto;max-width:600px}.search-icon{color:#667eea}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.filter-controls{animation:fadeInUp .8s ease .3s both;display:flex;flex-direction:column;gap:2rem}.category-filter,.sort-filter{display:flex;flex-direction:column;gap:1rem}.filter-label{letter-spacing:1px;text-transform:uppercase}.category-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.category-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#14141e99;border:1px solid #ffffff1a;border-radius:12px;color:#a0a0b0;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s}.category-btn:hover{background:#667eea26;border-color:#667eea4d;color:#667eea}.category-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;box-shadow:0 4px 16px #667eea4d;color:#fff}.sort-select{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#14141e99;border:1px solid #ffffff1a;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;max-width:300px;padding:1rem 1.5rem;transition:all .3s}.sort-select:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.ebooks-container{margin:0 auto;max-width:1400px;padding:0 1rem;position:relative;z-index:1}.loading-state{color:#a0a0b0;padding:4rem 2rem;text-align:center}.loader-spinner{height:60px;margin:0 auto 1rem;width:60px}.empty-state{animation:fadeIn .5s;padding:4rem 2rem}.empty-illustration{font-size:5rem;margin-bottom:1rem;opacity:.5}.empty-state h3{margin:0 0 .5rem}.empty-state p{color:#a0a0b0}.ebooks-grid{grid-gap:2rem;animation:fadeIn .5s;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.ebook-card-link{text-decoration:none}.ebook-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#14141e99;border:1px solid #ffffff1a;border-radius:20px;transition:all .4s cubic-bezier(.4,0,.2,1)}.ebook-card:hover{border-color:#667eea80;box-shadow:0 20px 60px #667eea4d;transform:translateY(-8px)}.ebook-cover{background:linear-gradient(135deg,#667eea,#764ba2);height:300px;overflow:hidden;position:relative;width:100%}.ebook-cover img{height:100%;object-fit:cover;transition:transform .4s;width:100%}.ebook-card:hover .ebook-cover img{transform:scale(1.05)}.default-cover{background:linear-gradient(135deg,#667eea4d,#764ba24d)}.featured-badge{background:#ffd700f2;border-radius:20px;box-shadow:0 4px 12px #ffd70066;font-size:.75rem;font-weight:600;gap:.25rem;padding:.5rem 1rem;position:absolute;right:1rem;top:1rem}.card-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.ebook-card:hover .card-overlay{opacity:1}.view-btn{color:#fff;font-size:1rem;font-weight:600}.ebook-content{display:flex;flex:1 1;flex-direction:column;gap:1rem;padding:1.5rem}.ebook-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:1.25rem;line-height:1.4;overflow:hidden}.ebook-author{color:#667eea;font-size:.875rem}.rating-section{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.stars{display:flex;gap:.125rem}.star{color:#fbbf24;font-size:1rem}.star.empty{color:#374151}.star.half{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fbbf24 50%,#374151 0);-webkit-background-clip:text}.rating-value{color:#fff;font-size:.875rem;font-weight:600}.sales-count{color:#6b7280;font-size:.75rem}.ebook-meta{gap:.5rem}.category-badge{background:#667eea26;border:1px solid #667eea4d;color:#667eea}.language-badge{background:#4ade8026;border:1px solid #4ade804d;color:#4ade80}.ebook-info{display:flex;flex-wrap:wrap;gap:1rem}.info-item{gap:.375rem}.info-icon{font-size:1rem}.ebook-footer{border-top:1px solid #ffffff1a;justify-content:space-between;margin-top:auto;padding-top:1rem}.ebook-footer,.price-container{align-items:center;display:flex}.price{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;font-size:1.5rem;font-weight:800}.action-btn{border-radius:10px;color:#fff;font-size:.875rem;padding:.75rem 1.25rem;transition:all .3s}.ebook-card:hover .action-btn{box-shadow:0 8px 24px #667eea66;transform:scale(1.05)}.arrow{transition:transform .3s}.ebook-card:hover .arrow{transform:translateX(4px)}.stats-section{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:4rem auto 0;max-width:1400px;padding:0 1rem;position:relative;z-index:1}.stat-item{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#14141e99;border:1px solid #ffffff1a;border-radius:20px;gap:1.5rem;padding:2rem;transition:all .3s}.stat-item:hover{border-color:#667eea4d;box-shadow:0 12px 40px #667eea33;transform:translateY(-4px)}.stat-icon{font-size:3rem}.stat-content{display:flex;flex-direction:column}@media (max-width:768px){.hero-section{padding:3rem 1rem 2rem}.filter-section{margin-bottom:2rem}.category-buttons{gap:.5rem}.category-btn{font-size:.8125rem;padding:.625rem 1.25rem}.sort-select{max-width:100%}.ebooks-grid{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.stats-section{gap:1.5rem;grid-template-columns:1fr;margin-top:3rem}.stat-item{padding:1.5rem}.stat-icon{font-size:2.5rem}.stat-number{font-size:1.75rem}}@media (max-width:480px){.ebooks-grid{grid-template-columns:1fr}.ebook-cover{height:250px}.search-input{padding:1rem 1rem 1rem 3.5rem}.search-icon{font-size:1.125rem;left:1rem}}:root{--primary-color:#6366f1;--primary-light:#818cf8;--primary-dark:#4f46e5;--secondary-color:#8b5cf6;--accent-orange:#f59e0b;--bg-dark:#0a0a0f;--bg-medium:#1a1a2e;--bg-light:#2d2d4a;--text-white:#fff;--text-light:#f1f5f9;--text-muted:#cbd5e1;--text-subtle:#94a3b8;--border-light:#ffffff1a;--border-medium:#ffffff26}.ebook-detail-page{background:linear-gradient(135deg,#0a0a0f,#12122a 25%,#1a1a2e 50%,#12122a 75%,#0a0a0f);min-height:100vh;overflow-x:hidden;padding:30px 20px 60px;position:relative}.detail-bg-effects{bottom:0;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.bg-gradient-1{animation:floatGradient1 15s ease-in-out infinite;background:radial-gradient(circle,#6366f133 0,#0000 60%);height:700px;right:-200px;top:-200px;width:700px}.bg-gradient-1,.bg-gradient-2{filter:blur(80px);position:absolute}.bg-gradient-2{animation:floatGradient2 18s ease-in-out infinite;background:radial-gradient(circle,#10b98126 0,#0000 60%);bottom:-200px;height:600px;left:-200px;width:600px}.bg-gradient-3{animation:pulseGradient 10s ease-in-out infinite;background:radial-gradient(circle,#8b5cf61a 0,#0000 50%);filter:blur(100px);height:800px;left:50%;position:absolute;top:40%;transform:translate(-50%,-50%);width:800px}@keyframes floatGradient1{0%,to{transform:translate(0)}50%{transform:translate(-50px,50px)}}@keyframes floatGradient2{0%,to{transform:translate(0)}50%{transform:translate(50px,-50px)}}@keyframes pulseGradient{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}}.bg-pattern{background-image:radial-gradient(#ffffff08 1px,#0000 0),radial-gradient(#ffffff05 1px,#0000 0);background-position:0 0,20px 20px;background-size:40px 40px,80px 80px;bottom:0;left:0;position:absolute;right:0;top:0}.floating-particles{bottom:0;left:0;overflow:hidden;right:0;top:0}.floating-particles .particle{animation:floatParticle 20s linear infinite;background:#ffffff4d;border-radius:50%;height:4px;position:absolute;width:4px}.floating-particles .particle:first-child{animation-delay:0s;animation-duration:25s;left:10%}.floating-particles .particle:nth-child(2){animation-delay:3s;animation-duration:20s;left:30%}.floating-particles .particle:nth-child(3){animation-delay:6s;animation-duration:22s;left:50%}.floating-particles .particle:nth-child(4){animation-delay:9s;animation-duration:18s;left:70%}.floating-particles .particle:nth-child(5){animation-delay:12s;animation-duration:24s;left:90%}@keyframes floatParticle{0%{opacity:0;transform:translateY(100vh) rotate(0deg)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100vh) rotate(2turn)}}.detail-loading-container{align-items:center;background:linear-gradient(135deg,#0a0a0f,#1a1a2e 50%,#0f0f1a);display:flex;justify-content:center;min-height:100vh}.loading-content{text-align:center}.loading-book{height:100px;margin:0 auto 30px;perspective:600px;width:80px}.book-pages{position:relative;transform-style:preserve-3d}.book-pages,.page{height:100%;width:100%}.page{animation:flipPage 1.5s ease-in-out infinite;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:0 8px 8px 0;box-shadow:0 0 20px #6366f180;position:absolute;transform-origin:left center}.page:first-child{animation-delay:0s}.page:nth-child(2){animation-delay:.15s}.page:nth-child(3){animation-delay:.3s}@keyframes flipPage{0%,to{transform:rotateY(0deg)}50%{transform:rotateY(-30deg)}}.loading-text{color:#e2e8f0;font-size:1.2rem;margin-bottom:20px}.loading-bar{background:#ffffff1a;border-radius:4px;height:4px;margin:0 auto;overflow:hidden;width:200px}.loading-progress{animation:loadingMove 1.5s ease-in-out infinite;background:linear-gradient(90deg,#6366f1,#8b5cf6,#6366f1);background-size:200% 100%;border-radius:4px;height:100%;width:40%}@keyframes loadingMove{0%{background-position:0 0;transform:translateX(-100%)}to{background-position:100% 0;transform:translateX(350%)}}.detail-error-container{align-items:center;background:linear-gradient(135deg,#0a0a0f,#1a1a2e 50%,#0f0f1a);display:flex;justify-content:center;min-height:100vh;padding:20px}.error-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#282846cc,#1e1e37e6);border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 25px 50px #0000004d;max-width:400px;padding:60px 40px}.error-icon{filter:drop-shadow(0 0 20px rgba(255,255,255,.2));font-size:5rem}.error-content h2{color:#fff;font-size:1.8rem;font-weight:700;margin-bottom:15px}.error-content p{color:#cbd5e1;font-size:1rem;line-height:1.6}.error-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;box-shadow:0 4px 20px #6366f14d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 32px;transition:all .3s ease}.error-btn:hover{box-shadow:0 10px 30px #6366f166;transform:translateY(-3px)}.btn-back-modern{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#2d2d4bcc,#23233ce6);border:1px solid #ffffff1f;border-radius:14px;box-shadow:0 4px 15px #0003;color:#f1f5f9;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:12px;margin-bottom:35px;padding:14px 28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:10}.btn-back-modern:hover{background:linear-gradient(145deg,#6366f14d,#8b5cf633);border-color:#6366f166;box-shadow:0 8px 25px #6366f133;transform:translateX(-8px)}.back-icon{font-size:1.3rem;transition:transform .3s ease}.btn-back-modern:hover .back-icon{transform:translateX(-4px)}.back-text{letter-spacing:.3px}.detail-main-container{grid-gap:60px;display:grid;gap:60px;grid-template-columns:400px 1fr;margin:0 auto;max-width:1300px;position:relative;z-index:1}.detail-left-section{height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:30px}.cover-wrapper{display:flex;flex-direction:column;gap:28px}.cover-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#2d2d50e6,#1e1e37f2);border:1px solid #ffffff1a;border-radius:28px;box-shadow:0 25px 50px #0000004d,inset 0 0 0 1px #ffffff0d;overflow:hidden;padding:28px;position:relative}.cover-glow{animation:rotateGlow 15s linear infinite;background:conic-gradient(from 0deg,#0000,#6366f126,#0000,#8b5cf626,#0000,#6366f126,#0000);height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.cover-border-glow{background:linear-gradient(135deg,#6366f14d,#0000,#8b5cf64d);border-radius:30px;bottom:-2px;left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .3s ease;z-index:-1}.cover-card:hover .cover-border-glow{opacity:1}@keyframes rotateGlow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.cover-image-container{aspect-ratio:3/4;background:linear-gradient(135deg,#141428cc,#1e1e3ccc);border-radius:20px;box-shadow:0 15px 40px #0006;overflow:hidden;position:relative}.cover-image{height:100%;object-fit:cover;opacity:0;transition:opacity .6s ease,transform .5s ease;width:100%}.cover-image.loaded{opacity:1}.cover-card:hover .cover-image.loaded{transform:scale(1.03)}.cover-skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#ffffff08,#ffffff14 50%,#ffffff08);background-size:200% 100%;bottom:0;left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.default-cover-modern{align-items:center;aspect-ratio:3/4;background:linear-gradient(135deg,#1e1e3a,#2d2d5a,#1e1e3a);border:1px solid #ffffff1a;border-radius:20px;display:flex;flex-direction:column;gap:20px;justify-content:center;overflow:hidden;position:relative}.default-cover-modern:before{background:radial-gradient(circle at center,#6366f11a,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.default-icon{filter:drop-shadow(0 0 20px rgba(255,255,255,.2));font-size:5rem}.default-text{color:#cbd5e1;font-size:1.1rem;font-weight:500;line-height:1.5;padding:0 25px;text-align:center}.badge{position:absolute;z-index:10}.featured-badge{align-items:center;animation:badgeGradient 3s ease-in-out infinite;background:linear-gradient(135deg,#fbbf24,#f59e0b,#fbbf24);background-size:200% 200%;border:2px solid #ffffff4d;border-radius:30px;box-shadow:0 6px 25px #fbbf2480,0 0 50px #f59e0b4d,inset 0 1px 0 #fff6;color:#000;display:flex;font-size:.85rem;font-weight:800;gap:8px;left:45px;letter-spacing:1px;overflow:hidden;padding:12px 22px;position:relative;text-transform:uppercase;top:45px}.badge-icon{filter:drop-shadow(0 0 8px rgba(255,255,255,.5));font-size:1.1rem}.badge-shine{animation:badgeShine 3s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes badgeGradient{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes badgeShine{0%{left:-100%}50%,to{left:100%}}.discount-badge{align-items:center;animation:discountGradient 3s ease-in-out infinite;background:linear-gradient(135deg,#ff1744,#ff5252,#ff1744,#ff5252);background-size:300% 300%;border:3px solid #fff6;border-radius:18px;box-shadow:0 8px 35px #ff174499,0 0 80px #ff174466,0 0 120px #ff525233,inset 0 1px 0 #ffffff4d;display:flex;flex-direction:column;gap:4px;justify-content:center;min-width:85px;overflow:hidden;padding:18px 20px;position:relative;right:45px;top:45px}@keyframes discountGradient{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.discount-badge .sparkle{animation:sparkle 2s ease-in-out infinite;background:#fff;border-radius:50%;box-shadow:0 0 10px #fff,0 0 20px #fff;height:8px;position:absolute;width:8px}.discount-badge .sparkle:first-child{animation-delay:0s;right:12px;top:8px}.discount-badge .sparkle:nth-child(2){animation-delay:.7s;bottom:10px;left:10px}.discount-badge .sparkle:nth-child(3){animation-delay:1.4s;left:8px;top:50%}@keyframes sparkle{0%,to{opacity:0;transform:scale(0) rotate(0deg)}50%{opacity:1;transform:scale(1) rotate(180deg)}}.discount-shine{animation:discountShineMove 2s infinite;background:linear-gradient(90deg,#0000,#ffffff80,#0000);height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes discountShineMove{0%{left:-100%}50%,to{left:100%}}.discount-value{font-size:2rem;letter-spacing:-1px;line-height:1;text-shadow:0 0 20px #ffffffe6,0 0 40px #ffffff80,0 2px 4px #0006}.discount-label,.discount-value{font-weight:900;position:relative;z-index:2}.discount-label{font-size:.85rem;letter-spacing:3px;text-shadow:0 0 15px #fffc,0 1px 2px #0000004d}.price-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#2d2d50e6,#1e1e37f2);border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 20px 40px #00000040;overflow:hidden;padding:30px;position:relative}.price-card-glow{background:radial-gradient(ellipse at top,#6366f126,#0000);height:150px;left:0;pointer-events:none;position:absolute;right:0;top:0}.price-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px;position:relative;z-index:1}.price-label{color:#cbd5e1;font-size:1rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.savings-badge{align-items:center;background:linear-gradient(135deg,#10b98140,#06b6d433);border:1px solid #10b9814d;border-radius:25px;box-shadow:0 4px 15px #10b98133;color:#34d399;display:flex;font-size:.85rem;font-weight:700;gap:6px;padding:8px 16px}.savings-icon{font-size:1rem}.price-display{align-items:center;display:flex;gap:18px;margin-bottom:25px;position:relative;z-index:1}.original-price{color:#94a3b8;font-size:1.5rem;font-weight:500}.current-price{-webkit-text-fill-color:#0000;animation:priceGradient 3s ease-in-out infinite;background:linear-gradient(135deg,#34d399,#06b6d4,#34d399);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;filter:drop-shadow(0 0 20px rgba(52,211,153,.3));font-size:3rem;font-weight:900;letter-spacing:-2px}@keyframes priceGradient{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.btn-purchase{align-items:center;animation:purchaseGradient 3s ease-in-out infinite;background:linear-gradient(135deg,#6366f1,#8b5cf6,#6366f1);background-size:200% 200%;border:none;border-radius:16px;box-shadow:0 8px 30px #6366f166,inset 0 0 0 1px #ffffff1a;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;font-weight:800;gap:14px;justify-content:center;letter-spacing:1px;overflow:hidden;padding:20px 35px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}@keyframes purchaseGradient{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.btn-purchase:hover{box-shadow:0 15px 50px #6366f180,0 0 80px #8b5cf64d;transform:translateY(-4px) scale(1.02)}.btn-purchase:active{transform:translateY(-2px) scale(1.01)}.btn-shine{animation:btnShineMove 3s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000)}@keyframes btnShineMove{0%{left:-100%}50%,to{left:100%}}.purchase-icon{filter:drop-shadow(0 0 10px rgba(255,255,255,.3));font-size:1.5rem}.purchase-text{position:relative;z-index:1}.btn-owned{align-items:center;background:linear-gradient(135deg,#10b98133,#06b6d426);border:2px solid #10b98166;border-radius:16px;box-shadow:0 4px 20px #10b98126;color:#34d399;cursor:not-allowed;display:flex;font-size:1.2rem;font-weight:800;gap:14px;justify-content:center;letter-spacing:1px;padding:20px 35px;text-transform:uppercase;width:100%}.owned-icon{font-size:1.5rem}.guarantee-section{border-top:1px solid #ffffff14;display:flex;gap:25px;justify-content:center;margin-top:20px;padding-top:20px}.guarantee-item{align-items:center;color:#94a3b8;display:flex;font-size:.9rem;font-weight:500;gap:8px}.guarantee-icon{font-size:1.1rem}.detail-right-section{display:flex;flex-direction:column;gap:35px}.title-section{border-bottom:1px solid #ffffff1a;padding-bottom:30px;position:relative}.title-section:after{background:linear-gradient(90deg,#6366f1,#8b5cf6,#0000);border-radius:2px;bottom:-1px;content:"";height:3px;left:0;position:absolute;width:120px}.title-badge{background:linear-gradient(135deg,#6366f133,#8b5cf626);border:1px solid #6366f14d;border-radius:25px;color:#a5b4fc;display:inline-block;font-size:.85rem;font-weight:700;letter-spacing:.5px;margin-bottom:18px;padding:8px 18px}.ebook-title{color:#fff;font-size:2.8rem;font-weight:900;letter-spacing:-1px;line-height:1.25;margin-bottom:18px;text-shadow:0 0 40px #ffffff1a}.ebook-author{color:#e2e8f0;font-size:1.3rem;gap:10px}.author-prefix{color:#94a3b8;font-weight:400}.author-name{color:#c4b5fd;font-size:1.35rem;font-weight:700;position:relative;text-shadow:0 0 20px #c4b5fd4d}.author-name:after{background:linear-gradient(90deg,#c4b5fd,#0000);border-radius:1px;bottom:-3px;content:"";height:2px;left:0;position:absolute;width:100%}.meta-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(2,1fr)}.meta-card{align-items:center;background:linear-gradient(145deg,#323255cc,#282846e6);border:1px solid #ffffff1f;border-radius:20px;display:flex;gap:18px;overflow:hidden;padding:24px 22px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.meta-card:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.meta-card:hover{background:linear-gradient(145deg,#6366f133,#8b5cf626);border-color:#a5b4fc59;box-shadow:0 20px 45px #0000004d,0 0 40px #6366f126;transform:translateY(-5px) scale(1.02)}.meta-icon-wrapper{align-items:center;background:linear-gradient(135deg,#6366f126,#8b5cf61a);border:1px solid #6366f133;border-radius:15px;display:flex;flex-shrink:0;height:55px;justify-content:center;width:55px}.meta-icon{filter:drop-shadow(0 0 12px rgba(255,255,255,.2));font-size:2rem}.meta-info{display:flex;flex:1 1;flex-direction:column;gap:6px}.meta-label{color:#a1a1aa;font-size:.8rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase}.meta-value{color:#fff;font-size:1.15rem;font-weight:700;letter-spacing:-.3px}.description-card,.features-card,.share-card{background:linear-gradient(145deg,#2d2d50b3,#232341cc);border:1px solid #ffffff14;border-radius:24px;overflow:hidden;padding:35px;position:relative}.description-card:before,.features-card:before,.share-card:before{background:linear-gradient(90deg,#0000,#ffffff26,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.section-header{gap:15px}.section-icon-wrapper{align-items:center;background:linear-gradient(135deg,#6366f133,#8b5cf626);border:1px solid #6366f140;border-radius:14px;display:flex;height:50px;justify-content:center;width:50px}.section-icon{font-size:1.6rem}.section-title{font-size:1.5rem;letter-spacing:-.5px}.description-text{color:#cbd5e1;font-size:1.1rem;letter-spacing:.2px;line-height:1.9}.features-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.feature-item{align-items:center;background:#ffffff0a;border:1px solid #0000;border-radius:16px;display:flex;gap:16px;padding:18px;transition:all .3s ease}.feature-item:hover{background:#6366f11f;border-color:#6366f133;transform:translateX(8px)}.feature-icon-wrapper{align-items:center;background:linear-gradient(135deg,#6366f133,#8b5cf626);border:1px solid #6366f133;border-radius:14px;display:flex;flex-shrink:0;height:50px;justify-content:center;width:50px}.feature-icon{font-size:1.4rem}.feature-text{color:#f1f5f9;font-size:1rem;font-weight:600;letter-spacing:.2px}.share-buttons{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,1fr)}.share-btn{border-radius:18px;flex-direction:column;font-weight:700;gap:10px;overflow:hidden;padding:22px 14px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.share-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.share-btn:hover:before{left:100%}.share-btn:hover{transform:translateY(-5px) scale(1.03)}.share-icon{filter:drop-shadow(0 0 10px rgba(255,255,255,.2));font-size:1.8rem}.share-label{font-size:.8rem;letter-spacing:1px;text-transform:uppercase}.share-btn.facebook{background:linear-gradient(135deg,#1877f2,#0a5dc2);box-shadow:0 4px 20px #1877f24d;color:#fff}.share-btn.facebook:hover{box-shadow:0 12px 35px #1877f280}.share-btn.twitter{background:linear-gradient(135deg,#1da1f2,#0a7bc2);box-shadow:0 4px 20px #1da1f24d;color:#fff}.share-btn.twitter:hover{box-shadow:0 12px 35px #1da1f280}.share-btn.whatsapp{background:linear-gradient(135deg,#25d366,#128c3e);box-shadow:0 4px 20px #25d3664d;color:#fff}.share-btn.whatsapp:hover{box-shadow:0 12px 35px #25d36680}.share-btn.copy{background:linear-gradient(135deg,#64748b4d,#4755694d);border:1px solid #ffffff26;box-shadow:0 4px 20px #0003;color:#f1f5f9}.share-btn.copy:hover{background:linear-gradient(135deg,#6366f166,#8b5cf64d);border-color:#6366f166;box-shadow:0 12px 35px #6366f14d}@media (max-width:1100px){.detail-main-container{gap:45px;grid-template-columns:350px 1fr}.ebook-title{font-size:2.4rem}}@media (max-width:950px){.detail-main-container{gap:40px;grid-template-columns:1fr}.detail-left-section{margin:0 auto;max-width:450px;position:relative;top:0}.ebook-title{font-size:2.2rem}.meta-grid{grid-template-columns:repeat(2,1fr)}.features-grid{grid-template-columns:1fr}}@media (max-width:650px){.ebook-detail-page{padding:20px 15px 50px}.btn-back-modern{font-size:.9rem;padding:12px 20px}.cover-card{border-radius:22px;padding:20px}.featured-badge{font-size:.8rem;left:35px;padding:10px 18px;top:35px}.discount-badge{min-width:75px;padding:14px 16px;right:35px;top:35px}.discount-value{font-size:1.6rem}.meta-grid{gap:14px;grid-template-columns:1fr 1fr}.meta-card{padding:18px 16px}.meta-icon-wrapper{height:48px;width:48px}.meta-value{font-size:1rem}.share-buttons{gap:12px;grid-template-columns:repeat(2,1fr)}.ebook-title{font-size:1.9rem}.current-price{font-size:2.5rem}.section-title{font-size:1.3rem}.description-card,.features-card,.share-card{padding:28px 22px}}@media (max-width:480px){.meta-grid{grid-template-columns:1fr}.price-display{align-items:flex-start;flex-direction:column;gap:8px}.original-price{font-size:1.2rem}.current-price{font-size:2.2rem}.guarantee-section{align-items:center;flex-direction:column;gap:12px}.btn-owned,.btn-purchase{font-size:1.1rem;padding:18px 28px}.ebook-title{font-size:1.6rem}.author-name{font-size:1.15rem}.feature-item{padding:14px}.feature-icon-wrapper{height:42px;width:42px}.feature-text{font-size:.9rem}}@media (max-width:380px){.cover-card{padding:15px}.discount-badge,.featured-badge{top:25px}.featured-badge{left:25px;padding:8px 14px}.discount-badge{padding:12px 14px;right:25px}.share-buttons{grid-template-columns:1fr}.share-btn{flex-direction:row;justify-content:center;padding:16px 20px}}:root{--bg-input:#252d3f;--accent-red:#ef4444;--border-focus:#4f7cff66;--radius-lg:20px;--transition:0.3s ease}.checkout-loading-screen{align-items:center;background:#0a0e1a;background:var(--bg-primary);display:flex;flex-direction:column;gap:24px;justify-content:center;min-height:100vh}.loading-spinner-checkout{height:120px;position:relative;width:120px}.spinner-ring{animation:spin 1.5s cubic-bezier(.68,-.55,.265,1.55) infinite;border:4px solid #0000;border-radius:50%;border-top:4px solid var(--accent-blue);height:100%;position:absolute;width:100%}.spinner-ring:nth-child(2){animation-delay:.3s;animation-duration:2s;border-top-color:#8b5cf6;border-top-color:var(--accent-purple)}.loading-emoji{animation:pulse 2s ease-in-out infinite;font-size:48px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.loading-message{color:#a5b2c9;color:var(--text-secondary);font-size:18px;font-weight:500}.checkout-page-wrapper{background:#0a0e1a;background:var(--bg-primary);min-height:100vh;overflow-x:hidden;position:relative}.checkout-background{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.gradient-sphere{animation:floatSphere 25s ease-in-out infinite;border-radius:50%;filter:blur(100px);opacity:.25;position:absolute}.sphere-1{animation-delay:0s;background:radial-gradient(circle,#4f7cff 0,#0000 70%);height:600px;right:-15%;top:-15%;width:600px}.sphere-2{animation-delay:8s;background:radial-gradient(circle,#8b5cf6 0,#0000 70%);bottom:-15%;height:500px;left:-10%;width:500px}@keyframes floatSphere{0%,to{transform:translate(0) scale(1)}33%{transform:translate(50px,-50px) scale(1.1)}66%{transform:translate(-50px,50px) scale(.9)}}.floating-shapes{height:100%;position:absolute;width:100%}.shape{animation:shapeFloat linear infinite;background:#4f7cff80;border-radius:50%;height:6px;position:absolute;width:6px}@keyframes shapeFloat{0%{opacity:0;transform:translateY(100vh) rotate(0deg)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100px) rotate(1turn)}}.checkout-container-main{margin:0 auto;max-width:1400px;padding:40px 24px;position:relative;z-index:1}.back-to-browse{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e253599;border:1px solid #4f7cff26;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-md);color:#a5b2c9;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:15px;font-weight:500;gap:8px;margin-bottom:32px;padding:12px 20px;transition:all .3s ease;transition:all var(--transition)}.back-to-browse:hover{background:#1e2535cc;border-color:#4f7cff66;border-color:var(--border-focus);color:#e8edf4;color:var(--text-primary);transform:translateX(-4px)}.back-arrow{font-size:18px;transition:transform .3s ease;transition:transform var(--transition)}.back-to-browse:hover .back-arrow{transform:translateX(-4px)}.checkout-grid{grid-gap:32px;animation:fadeIn .6s ease;display:grid;gap:32px;grid-template-columns:1fr 1.2fr}.checkout-section{background:#1e2535;background:var(--bg-card);border:1px solid #4f7cff26;border:1px solid var(--border-color);border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 4px 16px #0006;box-shadow:var(--shadow-md);padding:32px}.section-header{gap:12px;margin-bottom:28px}.section-icon{filter:drop-shadow(0 4px 8px rgba(79,124,255,.4));font-size:32px}.section-title{color:#e8edf4;color:var(--text-primary);font-weight:700;margin:0}.summary-card{display:flex;flex-direction:column;gap:28px}.ebook-preview{background:#252d3f80;border:1px solid #4f7cff26;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-md);display:flex;gap:20px;padding:20px}.preview-image{border-radius:12px;border-radius:var(--radius-sm);box-shadow:0 4px 16px #0006;box-shadow:var(--shadow-md);flex-shrink:0;height:160px;overflow:hidden;position:relative;width:120px}.preview-image img{height:100%;object-fit:cover;width:100%}.preview-placeholder{align-items:center;background:linear-gradient(135deg,#4f7cff33,#8b5cf633);display:flex;height:100%;justify-content:center;width:100%}.placeholder-icon{font-size:48px}.image-overlay{position:absolute;right:8px;top:8px}.digital-badge{background:#4f7cffe6;border-radius:12px;color:#fff;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.preview-details{display:flex;flex:1 1;flex-direction:column;gap:8px}.ebook-title{font-size:20px;font-weight:700}.ebook-author{align-items:center;display:flex;font-size:15px;gap:6px}.author-icon{font-size:14px}.ebook-meta{gap:8px;margin-top:8px}.meta-badge{background:#4f7cff26;border:1px solid #4f7cff4d;color:#4f7cff;color:var(--accent-blue)}.meta-badge,.meta-info{border-radius:12px;font-size:12px;padding:4px 10px}.meta-info{background:#6b7a9426;color:#6b7a94;color:var(--text-muted);font-weight:500}.price-breakdown-wrapper{background:#252d3f4d;border:1px solid #4f7cff26;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-md);padding:24px}.breakdown-header{align-items:center;display:flex;gap:10px;margin-bottom:20px}.breakdown-icon{font-size:20px}.breakdown-header h4{color:#e8edf4;color:var(--text-primary);font-size:16px;font-weight:600;margin:0}.breakdown-list{display:flex;flex-direction:column;gap:14px}.breakdown-item{align-items:center;display:flex;font-size:15px;justify-content:space-between}.item-label{color:#a5b2c9;color:var(--text-secondary);font-weight:500}.item-value{color:#e8edf4;color:var(--text-primary);font-weight:600}.breakdown-divider{background:linear-gradient(90deg,#0000,#4f7cff26,#0000);background:linear-gradient(90deg,#0000,var(--border-color),#0000);height:1px;margin:8px 0}.total-item{font-size:18px;padding-top:8px}.total-value{color:#4f7cff;color:var(--accent-blue);font-size:24px;font-weight:700}.security-badges{display:flex;flex-wrap:wrap;gap:10px}.security-badge{align-items:center;background:#10b9811a;border:1px solid #10b9814d;border-radius:12px;border-radius:var(--radius-sm);color:#10b981;color:var(--accent-green);display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px}.badge-icon{font-size:16px}.razorpay-powered{align-items:center;background:#4f7cff0d;border:1px solid #4f7cff1a;border-radius:12px;border-radius:var(--radius-sm);display:flex;font-size:14px;gap:8px;justify-content:center;padding:16px}.powered-text{color:#6b7a94;color:var(--text-muted)}.razorpay-logo{color:#4f7cff;color:var(--accent-blue);font-size:15px;font-weight:700}.alert-banner{align-items:center;animation:slideDown .3s ease;border-radius:16px;border-radius:var(--radius-md);display:flex;gap:12px;margin-bottom:24px;padding:16px}.error-banner{background:#ef44441a;border:1px solid #ef44444d}.alert-icon{font-size:20px}.alert-message{color:#e8edf4;color:var(--text-primary);flex:1 1;font-size:14px;font-weight:500}.alert-close{align-items:center;background:none;border:none;color:#6b7a94;color:var(--text-muted);cursor:pointer;display:flex;font-size:20px;height:24px;justify-content:center;padding:0;transition:color .3s ease;transition:color var(--transition);width:24px}.alert-close:hover{color:#e8edf4;color:var(--text-primary)}.payment-form{gap:28px}.form-block,.payment-form{display:flex;flex-direction:column}.form-block{gap:20px}.block-header{align-items:center;border-bottom:1px solid #4f7cff26;border-bottom:1px solid var(--border-color);display:flex;gap:10px;padding-bottom:12px}.block-icon{font-size:24px}.block-title{color:#e8edf4;color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.form-field,.form-grid{display:flex;flex-direction:column}.form-field{gap:8px}.field-label{align-items:center;color:#e8edf4;color:var(--text-primary);display:flex;font-size:14px;font-weight:600;gap:4px}.required-star{color:#ef4444;color:var(--accent-red);font-size:14px}.optional-tag{color:#6b7a94;color:var(--text-muted);font-size:12px;font-weight:400}.input-wrapper{align-items:center;display:flex}.input-icon{font-size:18px;left:16px;pointer-events:none;z-index:2}.form-input{background:#252d3f;background:var(--bg-input);border:1px solid #4f7cff26;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-md);color:#e8edf4;color:var(--text-primary);font-size:15px;font-weight:500;outline:none;padding:14px 16px 14px 48px;transition:all .3s ease;transition:all var(--transition);width:100%}.form-input::placeholder{color:#6b7a94;color:var(--text-muted);font-weight:400}.form-input:focus{background:#252d3fcc;border-color:#4f7cff66;border-color:var(--border-focus);box-shadow:0 0 0 3px #4f7cff1a}.field-hint{color:#6b7a94;color:var(--text-muted);font-size:12px;margin:0;padding-left:4px}.payment-methods-grid{display:flex;flex-direction:column;gap:12px}.payment-method-option{cursor:pointer;position:relative}.payment-method-option input[type=radio]{opacity:0;position:absolute}.option-content{align-items:center;background:#252d3f;background:var(--bg-input);border:2px solid #4f7cff26;border:2px solid var(--border-color);border-radius:16px;border-radius:var(--radius-md);display:flex;gap:16px;padding:16px;transition:all .3s ease;transition:all var(--transition)}.payment-method-option input[type=radio]:checked+.option-content,.payment-method-option.active .option-content{background:#4f7cff1a;border-color:#4f7cff;border-color:var(--accent-blue)}.option-icon{font-size:28px}.option-text{display:flex;flex:1 1;flex-direction:column;gap:4px}.option-title{color:#e8edf4;color:var(--text-primary);font-size:15px;font-weight:600}.option-subtitle{color:#6b7a94;color:var(--text-muted);font-size:13px}.option-checkmark{color:#4f7cff;color:var(--accent-blue);font-size:20px;opacity:0;transition:opacity .3s ease;transition:opacity var(--transition)}.payment-method-option input[type=radio]:checked~.option-content .option-checkmark,.payment-method-option.active .option-checkmark{opacity:1}.payment-info-box{background:#4f7cff0d;border:1px solid #4f7cff33;border-radius:16px;border-radius:var(--radius-md);display:flex;gap:12px;margin-top:8px;padding:16px}.info-icon{font-size:20px}.info-text{font-size:13px;line-height:1.6}.checkbox-field{align-items:flex-start;cursor:pointer;display:flex;gap:12px;position:relative}.checkbox-field input[type=checkbox]{opacity:0;position:absolute}.checkbox-custom{background:#252d3f;background:var(--bg-input);border:2px solid #4f7cff26;border:2px solid var(--border-color);border-radius:6px;flex-shrink:0;height:20px;position:relative;transition:all .3s ease;transition:all var(--transition);width:20px}.checkbox-field input[type=checkbox]:checked+.checkbox-custom{background:#4f7cff;background:var(--accent-blue);border-color:#4f7cff;border-color:var(--accent-blue)}.checkbox-field input[type=checkbox]:checked+.checkbox-custom:after{color:#fff;content:"✓";font-size:14px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.checkbox-label{color:#a5b2c9;color:var(--text-secondary);font-size:14px;line-height:1.5}.checkbox-label a{color:#4f7cff;color:var(--accent-blue);font-weight:500;text-decoration:none;transition:color .3s ease;transition:color var(--transition)}.checkbox-label a:hover{color:#8b5cf6;color:var(--accent-purple);text-decoration:underline}.submit-payment-btn{align-items:center;background:linear-gradient(135deg,#4f7cff,#8b5cf6);background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));border:none;border-radius:16px;border-radius:var(--radius-md);box-shadow:0 4px 16px #4f7cff4d;color:#fff;cursor:pointer;display:flex;font-size:17px;font-weight:700;gap:12px;justify-content:center;overflow:hidden;padding:18px 32px;position:relative;transition:all .3s ease;transition:all var(--transition);width:100%}.submit-payment-btn:hover:not(:disabled){box-shadow:0 8px 24px #4f7cff80;transform:translateY(-2px)}.submit-payment-btn:active:not(:disabled){transform:translateY(0)}.submit-payment-btn:disabled{cursor:not-allowed;opacity:.6}.btn-icon{font-size:20px}.btn-arrow{transition:transform .3s ease;transition:transform var(--transition)}.submit-payment-btn:hover .btn-arrow{transform:translateX(4px)}.btn-shine{background:linear-gradient(90deg,#0000,#fff3,#0000);height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.submit-payment-btn:hover .btn-shine{left:100%}.btn-spinner{animation:spin .8s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.alternative-actions{display:flex;justify-content:center}.secondary-btn{align-items:center;background:#0000;border:1px solid #4f7cff26;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-md);color:#a5b2c9;color:var(--text-secondary);cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;padding:12px 24px;transition:all .3s ease;transition:all var(--transition)}.secondary-btn:hover{background:#4f7cff0d;border-color:#4f7cff66;border-color:var(--border-focus);color:#e8edf4;color:var(--text-primary)}.support-box{background:#4f7cff0d;border:1px solid #4f7cff26;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-md);display:flex;gap:16px;margin-top:24px;padding:20px}.support-icon{flex-shrink:0;font-size:36px}.support-content{display:flex;flex-direction:column;gap:6px}.support-title{color:#e8edf4;color:var(--text-primary);font-size:16px;font-weight:600;margin:0}.support-text{color:#a5b2c9;color:var(--text-secondary);font-size:14px;margin:0}.support-link{color:#4f7cff;color:var(--accent-blue);font-size:14px;font-weight:500;text-decoration:none;transition:color .3s ease;transition:color var(--transition)}.support-link:hover{color:#8b5cf6;color:var(--accent-purple);text-decoration:underline}@media (max-width:1200px){.checkout-grid{grid-template-columns:1fr}.order-summary-section{order:2}.checkout-form-section{order:1}}@media (max-width:768px){.checkout-container-main{padding:24px 16px}.checkout-section{padding:24px}.section-title{font-size:24px}.ebook-preview{align-items:center;flex-direction:column;text-align:center}.preview-image{height:186px;width:140px}.ebook-title{font-size:18px}.form-input{font-size:16px}.submit-payment-btn{font-size:16px;padding:16px 24px}}@media (max-width:480px){.section-icon{font-size:28px}.section-title{font-size:20px}.back-to-browse{font-size:14px;padding:10px 16px}.checkout-section{padding:20px}}.payment-success-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.success-container{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:600px;padding:40px 30px;text-align:center;width:100%}.success-icon{animation:bounce 1s ease-in-out infinite;font-size:80px;margin-bottom:20px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.payment-success-page h1{color:#333;font-size:32px;margin:0 0 10px}.subtitle{color:#999;font-size:16px;margin:0 0 30px}.order-details-card{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;margin:30px 0;padding:25px}.detail-row{border-bottom:1px solid #ddd;font-size:14px;padding:12px 0}.detail-row:last-child{border-bottom:none}.label{color:#666;font-weight:600}.value{color:#333;text-align:right}.status-badge{background:#d4edda;border-radius:4px;color:#155724;padding:4px 8px}.info-box{background:#e7f3ff;border-left:4px solid #2196f3;margin:25px 0;padding:20px}.info-box .info-icon{font-size:32px;margin-bottom:10px}.info-box p{color:#1565c0;font-size:14px;line-height:1.5;margin:0}.info-box strong{font-weight:700}.key-info{display:flex;flex-direction:column;gap:15px;margin:30px 0;text-align:left}.info-item{background:#f8f9fa;border-radius:6px;padding:15px}.info-icon-small{flex-shrink:0;font-size:28px}.info-title{color:#333;font-size:14px;font-weight:600;margin:0 0 3px}.info-desc{color:#999;font-size:13px;margin:0}.action-buttons{flex-direction:column;gap:12px;margin:30px 0}.btn-primary,.btn-secondary{border:none;border-radius:6px;cursor:pointer;font-size:15px;font-weight:600;padding:12px 20px;transition:all .3s}.btn-primary:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-secondary{background:#fff;border:2px solid #667eea;color:#667eea}.btn-secondary:hover{background:#f0f4ff}.support-box{border-top:1px solid #eee;margin-top:20px;padding-top:20px}.support-box p{color:#666;font-size:13px;margin:0}.support-box a{color:#667eea;font-weight:600;text-decoration:none}.support-box a:hover{text-decoration:underline}@media (max-width:600px){.success-container{padding:30px 20px}.payment-success-page h1{font-size:24px}.success-icon{font-size:60px;margin-bottom:15px}.order-details-card{padding:15px}.detail-row{align-items:flex-start;flex-direction:column;gap:5px;padding:10px 0}.value{text-align:left}.action-buttons{gap:10px}.btn-primary,.btn-secondary{font-size:14px;padding:10px 15px}}.my-ebooks-container{background:#0a0e1a;background:var(--bg-primary);color:#e8edf4;color:var(--text-primary);min-height:100vh;padding-bottom:40px;padding-top:80px}.my-ebooks-header{background:linear-gradient(135deg,#4f7cff,#8b5cf6);background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));color:#fff;padding:50px 24px;text-align:center}.my-ebooks-header h1{font-size:40px;font-weight:600;margin:0 0 10px}.my-ebooks-header p{font-size:16px;margin:0;opacity:.9}.ebooks-controls{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin:30px auto;max-width:1200px;padding:0 24px}.search-box{min-width:200px}.search-box input{background:#1e2535;background:var(--bg-card);border:1px solid #4f7cff33;border-radius:10px;color:#e8edf4;color:var(--text-primary);padding:10px 14px}.search-box input:focus{border-color:#4f7cff;border-color:var(--accent-blue);outline:none}.search-box input::placeholder{color:#a5b2c9;color:var(--text-secondary)}.filter-options{display:flex;flex-wrap:wrap;gap:8px}.filter-btn{background:#1e2535;background:var(--bg-card);border:1px solid #4f7cff33;border-radius:10px;color:#a5b2c9;color:var(--text-secondary);font-size:13px;padding:10px 16px}.filter-btn:hover{background:#4f7cff1a}.filter-btn.active,.filter-btn:hover{border-color:#4f7cff;border-color:var(--accent-blue)}.filter-btn.active{background:linear-gradient(135deg,#4f7cff,#8b5cf6);background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));color:#fff}.spinner{font-size:40px}.btn-explore{background:linear-gradient(135deg,#4f7cff,#8b5cf6);background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-top:12px;padding:10px 20px}.btn-explore:hover{opacity:.9}.ebooks-list{display:flex;flex-direction:column;gap:16px;margin:30px auto;max-width:1200px;padding:0 24px}.ebook-list-item{grid-gap:16px;animation:slideInUp .3s ease forwards;background:#1e2535;background:var(--bg-card);border:1px solid #4f7cff1a;border-radius:10px;display:grid;gap:16px;grid-template-columns:140px 1fr;grid-template-rows:auto auto;overflow:hidden;padding:16px}.ebook-list-item:hover{background:#4f7cff0d;border-color:#4f7cff4d}.item-cover{align-items:center;background:linear-gradient(135deg,#4f7cff1a,#8b5cf61a);border-radius:8px;display:flex;flex-shrink:0;grid-column:1;grid-row:1/3;height:180px;justify-content:center;overflow:hidden;position:relative;width:140px}.item-cover img{height:100%;object-fit:cover;width:100%}.default-cover{font-size:40px;opacity:.5}.item-content{grid-gap:12px;display:grid;gap:12px;grid-column:2;grid-template-columns:1fr auto;grid-template-rows:auto auto}.item-main{display:flex;flex-direction:column;gap:8px;grid-column:1;grid-row:1/3}.item-title{color:#e8edf4;color:var(--text-primary);font-size:16px;font-weight:600;margin:0}.item-author{color:#a5b2c9;color:var(--text-secondary);font-size:13px;margin:0}.item-meta{display:flex;flex-wrap:wrap;gap:8px}.meta-badge{background:#8b5cf61a;color:#8b5cf6;color:var(--accent-purple)}.meta-badge,.meta-text{border-radius:4px;font-size:11px;padding:3px 8px}.meta-text{background:#4f7cff0d}.item-description,.meta-text{color:#a5b2c9;color:var(--text-secondary)}.item-description{font-size:12px;line-height:1.3}.item-purchase-info{border-top:1px solid #4f7cff1a;display:flex;gap:20px;padding:8px 0}.info-row{flex-direction:column;gap:2px}.info-row .label{color:#a5b2c9;color:var(--text-secondary);font-size:10px;font-weight:500;text-transform:uppercase}.info-row .value{color:#e8edf4;color:var(--text-primary);font-size:12px;font-weight:600}.item-actions{display:flex;flex-direction:column;gap:8px;grid-column:2;grid-row:1/3;justify-content:flex-start}.btn-download,.btn-view-detail{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;padding:8px 12px;white-space:nowrap}.btn-download{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--accent-green),#059669);color:#fff}.btn-download:hover{box-shadow:0 4px 12px #10b9814d;opacity:.9;transform:translateY(-2px)}.btn-view-detail{background:#4f7cff1a;color:#4f7cff;color:var(--accent-blue)}.btn-view-detail:hover{background:#4f7cff33;transform:translateY(-2px)}.my-ebooks-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin:50px auto;max-width:1200px;padding:0 24px}.stat-card{background:#1e2535;background:var(--bg-card);border:1px solid #4f7cff1a;gap:12px}.stat-card:hover{background:#4f7cff0d;border-color:#4f7cff4d}.stat-icon{font-size:32px;opacity:.7}.stat-card>div{display:flex;flex-direction:column;gap:2px}.stat-label{color:#a5b2c9;color:var(--text-secondary);font-size:11px}.stat-value{color:#4f7cff;color:var(--accent-blue);font-size:20px;font-weight:600;margin:0}@media (max-width:768px){.my-ebooks-header{padding:35px 20px}.my-ebooks-header h1{font-size:28px}.ebooks-controls{flex-direction:column;gap:10px}.search-box input{width:100%}.ebook-list-item{gap:12px;grid-template-columns:120px 1fr;grid-template-rows:auto auto;padding:12px}.item-cover{grid-row:1/3;height:160px;width:120px}.item-content{grid-template-columns:1fr auto}.item-actions{flex-direction:column;width:auto}.btn-download,.btn-view-detail{flex:none;width:auto}.item-purchase-info{flex-wrap:wrap;gap:12px}.my-ebooks-stats{grid-template-columns:1fr}}@media (max-width:480px){.my-ebooks-header h1{font-size:24px}.ebooks-controls,.ebooks-list{padding:0 12px}.ebooks-list{gap:12px}.ebook-list-item{gap:12px;padding:12px}.item-cover{height:160px}.item-title{font-size:14px}.item-author{font-size:12px}.info-row{gap:1px}.stat-card{padding:16px}.stat-value{font-size:18px}}.ebook-list-item:first-child{animation-delay:.05s}.ebook-list-item:nth-child(2){animation-delay:.1s}.ebook-list-item:nth-child(3){animation-delay:.15s}.ebook-list-item:nth-child(4){animation-delay:.2s}.ebook-list-item:nth-child(n+5){animation-delay:.25s}:root{--bg-tertiary:#1a1f2e;--bg-hover:#252d3f;--text-muted:#6b7a94;--accent-pink:#ec4899;--accent-cyan:#06b6d4;--gradient-primary:linear-gradient(135deg,#4f7cff,#8b5cf6);--gradient-secondary:linear-gradient(135deg,#06b6d4,#8b5cf6);--gradient-accent:linear-gradient(135deg,#ec4899,#8b5cf6);--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow:0 0 20px #4f7cff4d;--radius-sm:12px;--radius-md:16px;--radius-lg:24px;--transition-fast:0.2s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease}.ebook-hub-wrapper{background:#0a0e1a!important;min-height:100vh;overflow-x:hidden;position:relative}.hub-background{pointer-events:none}.gradient-orb{animation:float 20s ease-in-out infinite;border-radius:50%;filter:blur(80px);opacity:.3;position:absolute}.orb-1{background:radial-gradient(circle,#4f7cff 0,#0000 70%);left:-10%;top:-10%}.orb-2{animation-delay:5s;background:radial-gradient(circle,#8b5cf6 0,#0000 70%);right:-10%}.orb-3{animation-delay:10s;background:radial-gradient(circle,#06b6d4 0,#0000 70%);bottom:-10%;height:450px;left:30%;width:450px}.floating-particles{height:100%;position:absolute;width:100%}.particle{animation:particle-float linear infinite;background:#4f7cff99}@keyframes particle-float{0%{opacity:0;transform:translateY(100vh) scale(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100px) scale(1)}}.ebook-hub-container{background:#0a0e1a!important;margin:0 auto;max-width:1400px;padding:60px 24px;position:relative;z-index:1}.hub-main-header{animation:fadeInDown .8s ease;margin-bottom:80px;text-align:center}.header-content-wrapper{align-items:center;display:flex;flex-direction:column;gap:20px}.header-icon-circle{align-items:center;animation:iconPulse 3s ease-in-out infinite;background:linear-gradient(135deg,#4f7cff1a,#8b5cf61a);border:2px solid #4f7cff4d;border-radius:50%;display:flex;height:120px;justify-content:center;margin-bottom:10px;position:relative;width:120px}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.header-main-icon{filter:drop-shadow(0 4px 12px rgba(79,124,255,.5));font-size:56px}.icon-pulse{animation:pulse 2s ease-out infinite;border:2px solid #4f7cff;border:2px solid var(--accent-blue);border-radius:50%;height:100%;position:absolute;width:100%}.hub-main-title{font-size:56px;font-weight:800;letter-spacing:-1px;margin:0}.title-gradient{-webkit-text-fill-color:#0000;animation:gradientShift 5s ease infinite;background:linear-gradient(135deg,#4f7cff,#8b5cf6 50%,#ec4899);-webkit-background-clip:text;background-clip:text;background-size:200% 200%}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.hub-main-subtitle{color:#a5b2c9;color:var(--text-secondary);font-size:20px;font-weight:400;line-height:1.6;max-width:600px}.header-decorative-line{align-items:center;display:flex;gap:12px;margin-top:10px}.line-dot{animation:dotPulse 2s ease-in-out infinite;background:#4f7cff;background:var(--accent-blue);border-radius:50%;height:6px;width:6px}.line-segment{background:linear-gradient(90deg,#0000,#4f7cff,#0000);background:linear-gradient(90deg,#0000,var(--accent-blue),#0000);height:2px;width:60px}@keyframes dotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.hub-loading{align-items:center;display:flex;flex-direction:column;gap:24px;padding:80px 20px}.loading-spinner-hub{height:100px;position:relative;width:100px}.spinner-circle{animation:spin 1s linear infinite;border:3px solid #4f7cff1a;border-radius:50%;border-top:3px solid var(--accent-blue);height:100%;position:absolute;width:100%}.loading-icon{font-size:40px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.loading-text{font-size:18px;font-weight:500}.hub-cards-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));margin-bottom:60px}.hub-nav-card{animation:fadeInUp .6s ease;background:#1e2535!important;border:1px solid #4f7cff1a;border-radius:24px;border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;min-height:500px;overflow:hidden;position:relative;transition:transform .3s ease;transition:transform var(--transition-normal)}.hub-nav-card:hover{transform:translateY(-8px)}.hub-nav-card:hover .card-glow-effect{opacity:1}.card-glow-effect{height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .3s ease;transition:opacity var(--transition-normal);width:100%}.browse-card .card-glow-effect,.card-glow-effect{background:radial-gradient(circle at 50% 0,#4f7cff26,#0000 70%)}.library-card .card-glow-effect{background:radial-gradient(circle at 50% 0,#8b5cf626,#0000 70%)}.card-inner{background:#1e2535!important;display:flex;flex-direction:column;gap:28px;height:100%;padding:40px}.card-header-section{align-items:flex-start;display:flex;justify-content:space-between}.card-icon-wrapper{align-items:center;display:flex;height:80px;justify-content:center;position:relative;width:80px}.card-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));font-size:40px;z-index:2}.icon-bg-circle{background:linear-gradient(135deg,#4f7cff1a,#8b5cf61a);border:2px solid #4f7cff33;border-radius:50%;height:100%;position:absolute;transition:transform .3s ease;transition:transform var(--transition-normal);width:100%}.hub-nav-card:hover .icon-bg-circle{transform:scale(1.1) rotate(10deg)}.card-badge{background:linear-gradient(135deg,#4f7cff33,#4f7cff1a);border:1px solid #4f7cff4d;border-radius:20px;color:#4f7cff;color:var(--accent-blue);font-size:12px;font-weight:600;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase}.library-badge{background:linear-gradient(135deg,#8b5cf633,#8b5cf61a);border-color:#8b5cf64d;color:#8b5cf6;color:var(--accent-purple)}.card-content-section{display:flex;flex:1 1;flex-direction:column;gap:16px}.card-title{color:#e8edf4;color:var(--text-primary);font-size:32px;letter-spacing:-.5px;margin:0}.card-description{color:#a5b2c9;color:var(--text-secondary);flex-grow:1;font-size:16px;line-height:1.6}.card-stats-display{display:flex;justify-content:center;margin:20px 0}.stat-circle{height:140px;position:relative;width:140px}.stat-progress{height:100%;transform:rotate(-90deg);width:100%}.stat-bg{fill:none;stroke:#4f7cff1a;stroke-width:8}.stat-fill{fill:none;stroke:url(#gradient);stroke-width:8;stroke-linecap:round;stroke-dasharray:283;transition:stroke-dashoffset 1s ease}.browse-card .stat-fill{stroke:#4f7cff;stroke:var(--accent-blue)}.library-card .stat-fill{stroke:#8b5cf6;stroke:var(--accent-purple)}.stat-content{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.stat-number{color:#e8edf4;color:var(--text-primary);display:block;font-size:40px;line-height:1}.stat-label{color:#6b7a94;color:var(--text-muted);display:block;margin-top:4px}.card-features{display:flex;flex-wrap:wrap;gap:8px}.feature-tag{background:#4f7cff1a;border:1px solid #4f7cff33;border-radius:16px;color:#a5b2c9;color:var(--text-secondary);font-size:13px;font-weight:500;padding:6px 12px}.card-footer-section{margin-top:auto}.card-action-btn{align-items:center;background:linear-gradient(135deg,#4f7cff,#8b5cf6);background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));border:none;border-radius:16px;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;justify-content:center;overflow:hidden;padding:16px 24px;position:relative;transition:transform .2s ease,box-shadow .2s ease;transition:transform var(--transition-fast),box-shadow var(--transition-fast);width:100%}.library-card .card-action-btn{background:linear-gradient(135deg,#8b5cf6,#ec4899);background:linear-gradient(135deg,var(--accent-purple),var(--accent-pink))}.card-action-btn:hover{box-shadow:0 8px 24px #4f7cff66;transform:scale(1.02)}.btn-arrow,.btn-text{position:relative;z-index:2}.btn-arrow{font-size:20px;transition:transform .2s ease;transition:transform var(--transition-fast)}.card-action-btn:hover .btn-arrow{transform:translateX(4px)}.btn-shimmer{background:linear-gradient(90deg,#0000,#fff3,#0000);height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.card-action-btn:hover .btn-shimmer{left:100%}.hub-info-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:60px}.info-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e253580;border:1px solid #4f7cff1a;border-radius:16px;border-radius:var(--radius-md);display:flex;gap:16px;padding:24px;transition:transform .2s ease,border-color .2s ease;transition:transform var(--transition-fast),border-color var(--transition-fast)}.info-card:hover{border-color:#4f7cff4d;transform:translateY(-4px)}.info-icon{filter:drop-shadow(0 2px 8px rgba(79,124,255,.3));font-size:32px}.info-text{color:#a5b2c9;color:var(--text-secondary);font-size:15px;line-height:1.5;margin:0}@media (max-width:1024px){.hub-cards-grid{grid-template-columns:1fr}}@media (max-width:768px){.ebook-hub-container{padding:40px 20px}.hub-main-title{font-size:40px}.hub-main-subtitle{font-size:16px}.header-icon-circle{height:90px;width:90px}.header-main-icon{font-size:42px}.card-inner{padding:28px}.card-title{font-size:26px}.stat-circle{height:120px;width:120px}.stat-number{font-size:32px}}@media (max-width:480px){.hub-main-title{font-size:32px}.hub-main-subtitle{font-size:14px}.card-inner{gap:20px;padding:24px}.card-title{font-size:22px}.card-description{font-size:14px}.hub-info-section{grid-template-columns:1fr}}:root{--bg-primary:#0a0e1a;--bg-secondary:#131824;--bg-card:#1e2535;--text-primary:#e8edf4;--text-secondary:#a5b2c9;--accent-blue:#4f7cff;--accent-purple:#8b5cf6;--accent-green:#10b981;--radius:12px;--radius-md:12px;--transition:all 0.3s ease;--shadow:0 8px 24px #4f7cff33;--border-color:#4f7cff26;--border-hover:#4f7cff4d;--text-muted:#a5b2c9}.browse-ebooks-page,.ebook-hub-container{background:#0a0e1a;background:var(--bg-primary);color:#e8edf4;color:var(--text-primary);min-height:100vh;padding-bottom:40px;padding-top:80px}.browse-header,.header-content,.hub-header{background:linear-gradient(135deg,#4f7cff,#8b5cf6);background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));color:#fff;padding:50px 24px;text-align:center}.browse-header h1,.header-content h1,.hub-header h1{font-size:40px;font-weight:600;margin:0 0 10px}.browse-header p,.header-content p,.hub-header p{font-size:16px;margin:0;opacity:.9}.controls-section,.hub-controls{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin:30px auto;max-width:1200px;padding:0 24px}.search-bar input,.search-input{background:#1e2535;background:var(--bg-card);border:1px solid #4f7cff26;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);color:#e8edf4;color:var(--text-primary);flex:1 1;font-size:14px;min-width:200px;padding:10px 14px;transition:all .3s ease;transition:var(--transition)}.search-bar input:focus,.search-input:focus{border-color:#4f7cff;border-color:var(--accent-blue);box-shadow:0 0 0 3px #4f7cff1a;outline:none}.search-bar input::placeholder,.search-input::placeholder{color:#a5b2c9;color:var(--text-muted)}.category-filter,.category-select,.filter-bar{background:#1e2535;background:var(--bg-card);border:1px solid #4f7cff26;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);color:#e8edf4;color:var(--text-primary);cursor:pointer;font-size:14px;padding:10px 14px;transition:all .3s ease;transition:var(--transition)}.category-filter:focus,.category-select:focus{border-color:#4f7cff;border-color:var(--accent-blue);box-shadow:0 0 0 3px #4f7cff1a;outline:none}.category-select:hover{border-color:#4f7cff4d;border-color:var(--border-hover)}.btn-back{background:#0000;border:1px solid #4f7cff26;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);color:#e8edf4;color:var(--text-primary);cursor:pointer;font-size:14px;padding:10px 16px;transition:all .3s ease;transition:var(--transition)}.btn-back:hover{background:#4f7cff1a;border-color:#4f7cff;border-color:var(--accent-blue)}.tab-content{margin:30px auto;max-width:1200px;padding:0 24px}.browse-tab{width:100%}.ebook-grid,.ebooks-container{margin:30px auto;max-width:1200px;padding:0 24px}.ebook-grid,.ebooks-container.grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.ebooks-container.list{display:flex;flex-direction:column;gap:12px}.ebook-card{background:#1e2535;background:var(--bg-card);border:1px solid #4f7cff26;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 4px 12px #0000004d;cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .3s ease;transition:var(--transition)}.ebooks-container.list .ebook-card{flex-direction:row;height:auto}.ebook-card:hover{background:#4f7cff0d;border-color:#4f7cff4d;border-color:var(--border-hover);box-shadow:0 8px 24px #4f7cff33;box-shadow:var(--shadow);transform:translateY(-4px)}.card-cover,.ebook-cover{align-items:center;background:linear-gradient(135deg,#4f7cff1a,#8b5cf61a);display:flex;height:240px;justify-content:center;overflow:hidden;position:relative;width:100%}.ebooks-container.list .card-cover{flex-shrink:0;height:200px;width:150px}.card-cover img,.ebook-cover img{height:100%;object-fit:cover;transition:all .3s ease;transition:var(--transition);width:100%}.ebook-card:hover .card-cover img{transform:scale(1.05)}.discount-badge{background:#10b981;background:var(--accent-green);box-shadow:0 2px 8px #10b9814d;font-size:12px;padding:6px 12px;position:absolute;right:10px;top:10px;z-index:10}.card-content,.ebook-info{display:flex;flex:1 1;flex-direction:column;gap:8px;padding:16px}.ebooks-container.list .card-content{flex:1 1}.ebook-title{color:#e8edf4;color:var(--text-primary);font-size:15px;font-weight:600;line-height:1.3;margin:0}.ebook-author{color:#a5b2c9;color:var(--text-secondary);font-size:13px;font-weight:500;margin:0}.marketing-stats{display:flex;flex-wrap:wrap;gap:4px;margin:8px 0}.stat-badge{background:#4f7cff26;border-radius:4px;color:#4f7cff;color:var(--accent-blue);font-size:11px;font-weight:500;padding:3px 8px}.ebook-meta{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.category-badge{background:#8b5cf626;color:#8b5cf6;color:var(--accent-purple)}.category-badge,.pages-badge{border-radius:4px;font-size:11px;font-weight:500;padding:3px 8px}.pages-badge{background:#4f7cff0d}.ebook-description,.pages-badge{color:#a5b2c9;color:var(--text-secondary)}.ebook-description{flex:1 1;font-size:12px;line-height:1.4;margin:8px 0}.card-footer,.ebook-footer{align-items:center;border-top:1px solid #4f7cff26;border-top:1px solid var(--border-color);display:flex;gap:8px;justify-content:space-between;margin-top:auto;padding:12px 0 0}.price-row,.price-section{align-items:center;display:flex;gap:6px}.original-price{color:#a5b2c9;color:var(--text-secondary);font-size:12px;opacity:.7;text-decoration:line-through}.discounted-price,.price{color:#4f7cff;color:var(--accent-blue);font-size:16px;font-weight:600}.btn-action,.btn-buy{background:linear-gradient(135deg,#4f7cff,#8b5cf6);background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:8px 12px;transition:all .3s ease;transition:var(--transition);white-space:nowrap}.btn-action:hover,.btn-buy:hover{opacity:.9;transform:scale(1.02)}.loading-state{gap:16px;min-height:300px}.spinner{animation:spin 1s linear infinite;border:3px solid #4f7cff26;border-top-color:#4f7cff;border:3px solid var(--border-color);border-top-color:var(--accent-blue);height:40px;width:40px}.loading-text{color:#a5b2c9;color:var(--text-secondary);font-size:16px}.empty-state{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:300px}.empty-icon{font-size:56px}.empty-state h3{color:#e8edf4;color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.empty-state p{color:#a5b2c9;color:var(--text-secondary)}@media (max-width:768px){.browse-header,.header-content,.hub-header{padding:35px 20px}.browse-header h1,.header-content h1,.hub-header h1{font-size:28px}.controls-section,.hub-controls{flex-direction:column;gap:10px}.btn-back,.category-filter,.category-select,.search-bar input,.search-input{width:100%}.ebook-grid,.ebooks-container.grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.ebook-title{font-size:13px}}@media (max-width:480px){.browse-header h1,.header-content h1,.hub-header h1{font-size:24px}.ebook-grid,.ebooks-container.grid{gap:12px;grid-template-columns:repeat(2,1fr);padding:0 12px}.card-content,.ebook-info{padding:12px}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ebook-card{animation:slideInUp .3s ease forwards}.ebook-card:first-child{animation-delay:.05s}.ebook-card:nth-child(2){animation-delay:.1s}.ebook-card:nth-child(3){animation-delay:.15s}.ebook-card:nth-child(4){animation-delay:.2s}.ebook-card:nth-child(5){animation-delay:.25s}.ebook-card:nth-child(6){animation-delay:.3s}.ebook-card:nth-child(n+7){animation-delay:.35s}.my-library-wrapper{background:#0a0a0f;min-height:100vh;overflow:hidden;padding:2rem 1rem;position:relative}.library-background{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.library-background .gradient-orb{animation:float 20s ease-in-out infinite;border-radius:50%;filter:blur(80px);opacity:.3;position:absolute}.library-background .orb-1{background:linear-gradient(135deg,#4facfe,#00f2fe);height:400px;right:-10%;top:-10%;width:400px}.library-background .orb-2{animation-delay:7s;background:linear-gradient(135deg,#43e97b,#38f9d7);bottom:-15%;height:500px;left:-15%;width:500px}.library-background .orb-3{animation-delay:14s;background:linear-gradient(135deg,#667eea,#764ba2);height:350px;left:50%;top:50%;transform:translate(-50%,-50%);width:350px}.my-library-container{margin:0 auto;max-width:1400px;position:relative;z-index:1}.library-header{animation:fadeInDown .8s ease;margin-bottom:3rem;text-align:center}.header-content{flex-direction:column;gap:1rem}.header-icon{animation:pulse 2s infinite;background:linear-gradient(135deg,#4facfe,#00f2fe);border-radius:50%;box-shadow:0 10px 40px #4facfe66}.library-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4facfe,#00f2fe 50%,#43e97b);-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;margin:0}.library-subtitle{color:#a0a0b0;font-size:clamp(1rem,2vw,1.25rem);margin:0;max-width:600px}.library-controls{grid-gap:1rem;animation:fadeInUp .8s ease .2s both;display:grid;gap:1rem;grid-template-columns:1fr auto;margin-bottom:2rem}.search-box{position:relative}.search-icon{color:#4facfe;font-size:1.25rem;left:1.5rem;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.search-input{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#14141e99;border:2px solid #ffffff1a;border-radius:16px;color:#fff;font-size:1rem;padding:1.25rem 1.5rem 1.25rem 4rem;transition:all .3s;width:100%}.search-input::placeholder{color:#6b7280}.search-input:focus{border-color:#4facfe;box-shadow:0 0 0 4px #4facfe1a;outline:none}.filter-box{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#14141e99;border:2px solid #ffffff1a;border-radius:16px;display:flex;gap:1rem;padding:0 1rem;white-space:nowrap}.filter-label{color:#a0a0b0;font-size:.875rem;font-weight:600}.filter-select{background:#0000;border:none;color:#fff;font-size:1rem;min-width:150px;outline:none;padding:1rem}.filter-select option{background:#1a1a24;color:#fff}.library-stats{grid-gap:1.5rem;animation:fadeInUp .8s ease .3s both;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:3rem}.stat-card{gap:1.5rem;transition:all .3s}.stat-card:hover{border-color:#4facfe4d;box-shadow:0 12px 40px #4facfe33}.stat-icon{font-size:2.5rem}.stat-info{display:flex;flex-direction:column}.stat-number{color:#fff;font-size:2rem;font-weight:800}.stat-label{color:#a0a0b0;font-size:.875rem;letter-spacing:1px}.library-loading{padding:4rem 2rem;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #4facfe33;border-radius:50%;border-top-color:#4facfe;height:60px;margin:0 auto 1rem;width:60px}.loading-text{color:#a0a0b0;font-size:1rem}.empty-library{animation:fadeIn .5s;padding:4rem 2rem;text-align:center}.empty-icon{font-size:5rem;margin-bottom:1rem}.empty-library h3{color:#fff;font-size:1.5rem;margin:0 0 .5rem}.empty-library p{color:#a0a0b0;margin-bottom:2rem}.browse-btn{background:linear-gradient(135deg,#4facfe,#00f2fe);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s}.browse-btn:hover{box-shadow:0 8px 24px #4facfe66;transform:scale(1.05)}.library-grid{grid-gap:2rem;animation:fadeIn .5s;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.library-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#14141e99;border:1px solid #ffffff1a;border-radius:20px;display:flex;flex-direction:column;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.library-card:hover{border-color:#4facfe80;box-shadow:0 20px 60px #4facfe4d;transform:translateY(-8px)}.book-cover{background:linear-gradient(135deg,#4facfe,#00f2fe);height:300px;overflow:hidden;position:relative;width:100%}.book-cover img{height:100%;object-fit:cover;transition:transform .4s;width:100%}.library-card:hover .book-cover img{transform:scale(1.05)}.default-cover{align-items:center;background:linear-gradient(135deg,#4facfe4d,#00f2fe4d);display:flex;height:100%;justify-content:center;width:100%}.cover-icon{font-size:5rem;opacity:.6}.cover-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.library-card:hover .cover-overlay{opacity:1}.download-overlay-btn{align-items:center;background:linear-gradient(135deg,#4facfe,#00f2fe);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:1rem;font-weight:600;gap:.5rem;padding:1rem 2rem;transition:all .3s}.download-overlay-btn:hover{box-shadow:0 8px 24px #4facfe80;transform:scale(1.05)}.download-overlay-btn span:first-child{font-size:2rem}.book-info{display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.book-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff;display:-webkit-box;font-size:1.25rem;font-weight:700;line-height:1.4;margin:0;overflow:hidden}.book-author{color:#4facfe;font-size:.875rem;margin:0}.book-meta{display:flex;flex-wrap:wrap;gap:.5rem}.meta-badge{background:#4facfe26;border:1px solid #4facfe4d;border-radius:8px;color:#4facfe;font-size:.75rem;font-weight:500;padding:.375rem .75rem}.book-details{display:flex;flex-wrap:wrap;gap:1rem}.detail-item{align-items:center;color:#a0a0b0;font-size:.875rem;gap:.375rem}.detail-icon,.download-btn{font-size:1rem}.download-btn{align-items:center;background:linear-gradient(135deg,#4facfe,#00f2fe);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;justify-content:center;margin-top:auto;padding:1rem;transition:all .3s;width:100%}.download-btn:hover{box-shadow:0 8px 24px #4facfe66;transform:scale(1.02)}.btn-icon{font-size:1.25rem}@media (max-width:768px){.my-library-wrapper{padding:1rem .5rem}.library-header{margin-bottom:2rem}.header-icon{font-size:2rem;height:60px;width:60px}.library-controls{grid-template-columns:1fr}.filter-box{justify-content:space-between}.library-stats{gap:1rem;grid-template-columns:1fr}.stat-card{padding:1.25rem}.library-grid{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:480px){.library-grid{grid-template-columns:1fr}.book-cover{height:250px}.search-input{padding:1rem 1rem 1rem 3.5rem}.search-icon{font-size:1.125rem;left:1rem}.filter-select{min-width:120px}}.admin-ebooks-container{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px}.admin-ebooks-header{align-items:center;background:#0000;border-radius:0;box-shadow:none;display:flex;justify-content:space-between;margin-bottom:20px;padding:0}.admin-ebooks-header h1{color:#fff;font-size:28px;margin:0}.alert{align-items:center;border-radius:8px;display:flex;font-weight:500;justify-content:space-between;margin-bottom:20px;padding:15px 20px}.alert-success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.alert-error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.alert button{background:none;border:none;color:inherit;cursor:pointer;font-size:20px}.ebook-form-card{background:#fff;border-radius:10px;box-shadow:0 4px 15px #00000026;margin-bottom:20px;padding:25px}.ebook-form-card h2{color:#333;margin-bottom:20px;margin-top:0}.form-group label{color:#555;font-weight:500}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{box-shadow:0 0 0 3px #667eea1a}.form-row{grid-gap:20px;gap:20px;grid-template-columns:1fr 1fr}@media (max-width:768px){.form-row{grid-template-columns:1fr}}.form-actions{gap:10px}.form-actions button{border:none;cursor:pointer}.btn-primary,.form-actions button{border-radius:4px;font-weight:500;padding:10px 20px;transition:all .3s ease}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #667eea66}.btn-secondary{background:#f0f0f0;color:#333}.btn-secondary:hover{background:#e0e0e0}.ebook-controls{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;display:flex;gap:15px;margin-bottom:20px;padding:15px}.search-box{flex:1 1}.search-box input{width:100%}.filter-select,.search-box input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px 15px}.filter-select{background:#fff;cursor:pointer}.ebook-list{background:#fff;border-radius:10px;box-shadow:0 4px 15px #00000026;margin-bottom:20px;overflow:hidden}.ebook-table{border-collapse:collapse;width:100%}.ebook-table thead{background:#f8f9fa;border-bottom:2px solid #ddd}.ebook-table th{color:#555;font-weight:600;padding:15px;text-align:left}.ebook-table td{border-bottom:1px solid #eee;padding:15px}.ebook-table tbody tr:hover{background:#f8f9fa}.ebook-title{align-items:center;display:flex;gap:10px}.mini-cover{border-radius:3px;height:50px;object-fit:cover;width:40px}.price{color:#667eea;font-weight:600}.badge{background:#e0e7ff;border-radius:3px;font-weight:500;padding:4px 8px}.btn-icon{background:none;border:none;cursor:pointer;font-size:18px;padding:5px;transition:transform .2s}.btn-icon:hover{transform:scale(1.2)}.btn-icon.delete:hover{color:#dc3545}.loading{color:#999}.ebook-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.stat-card{background:#fff;border-radius:10px;box-shadow:0 4px 15px #00000026;padding:18px}.stat-card h4{color:#666;font-size:14px;margin:0 0 10px}.stat-card p{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:700;margin:0}@media (max-width:768px){.admin-ebooks-container{padding:15px}.admin-ebooks-header{align-items:flex-start;gap:15px}.admin-ebooks-header,.ebook-controls{flex-direction:column}.ebook-table{font-size:12px}.ebook-table td,.ebook-table th{padding:10px}.mini-cover{height:40px;width:30px}}.checkbox-group{align-items:center;margin:15px 0}.checkbox-group label{align-items:center;cursor:pointer;display:flex;gap:10px;margin:0}.checkbox-group input[type=checkbox]{accent-color:#667eea;cursor:pointer;height:20px;width:20px}.discount-display{align-items:center;background:#f0f0f0;border-radius:4px;display:flex;justify-content:center;min-height:40px;padding:12px}.discount-badge{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d;color:#fff;font-size:16px;font-weight:600}.discount-badge,.discount-badge-empty{border-radius:20px;display:inline-block;padding:8px 16px}.discount-badge-empty{background:#e5e7eb;color:#6b7280;font-size:14px;font-weight:500}.checkbox-group span{color:#333;font-weight:500}.referral-container{background:#0a0a0f;min-height:100vh;overflow-x:hidden;padding:2rem 0;position:relative}.referral-container:before{background:radial-gradient(circle at 30% 40%,#7c3aed26 0,#0000 50%),radial-gradient(circle at 70% 70%,#ec489926 0,#0000 50%),radial-gradient(circle at 50% 10%,#3b82f626 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.container{padding:0 1rem}.ref-title{-webkit-text-fill-color:#0000;align-items:center;animation:fadeInDown .8s ease;background:linear-gradient(135deg,#7c3aed,#ec4899 50%,#3b82f6);-webkit-background-clip:text;background-clip:text;display:flex;font-size:clamp(2rem,5vw,3rem);font-weight:800;gap:.75rem;justify-content:center;margin:0 0 3rem;text-align:center}.glass{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#14141e99;border:1px solid #ffffff1a;border-radius:24px;margin-bottom:2rem;padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1)}.glass:hover{border-color:#7c3aed4d;box-shadow:0 20px 60px #7c3aed33;transform:translateY(-4px)}.glass h2{align-items:center;color:#fff;display:flex;font-size:clamp(1.5rem,3vw,2rem);font-weight:700;gap:.75rem;margin:0 0 1.5rem}.ref-card{animation:fadeInUp .8s ease .2s both}.section-label{color:#a0a0b0;display:block;font-size:.875rem;font-weight:600;letter-spacing:1px;margin-bottom:.75rem;text-transform:uppercase}.code-section{margin-bottom:2rem}.code-box{background:#0000004d;border:2px solid #7c3aed4d;border-radius:16px;color:#7c3aed;font-family:Courier New,monospace;font-size:1.5rem;font-weight:700;letter-spacing:2px;padding:1.5rem;text-align:center}.earnings-section{margin-bottom:2rem}.earn-box{align-items:center;background:linear-gradient(135deg,#7c3aed26,#ec489926);border:2px solid #7c3aed4d;border-radius:16px;color:#fff;display:flex;font-size:2.5rem;font-weight:800;gap:.5rem;justify-content:center;padding:1.5rem}.link-section{margin-bottom:2rem}.link-input-group{display:flex;gap:1rem}.ref-link{background:#0000004d;border:2px solid #ffffff1a;border-radius:12px;color:#fff;flex:1 1;font-family:Courier New,monospace;font-size:.875rem;padding:1.25rem 1.5rem;transition:all .3s}.ref-link:focus{border-color:#7c3aed;box-shadow:0 0 0 4px #7c3aed1a;outline:none}.copy-btn{align-items:center;background:linear-gradient(135deg,#7c3aed,#ec4899);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:1.25rem 2rem;transition:all .3s;white-space:nowrap}.copy-btn:hover{box-shadow:0 8px 24px #7c3aed66;transform:scale(1.05)}.share-buttons{display:flex;flex-wrap:wrap;gap:1rem}.share-btn{align-items:center;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;min-width:150px;padding:1rem 1.5rem;transition:all .3s}.share-btn:hover{box-shadow:0 12px 40px #0000004d;transform:translateY(-2px)}.whatsapp{background:linear-gradient(135deg,#25d366,#128c7e)}.telegram{background:linear-gradient(135deg,#08c,#005f8c)}.twitter{background:linear-gradient(135deg,#1da1f2,#0d8bd9)}.withdrawal-card{animation:fadeInUp .8s ease .3s both}.withdrawal-info{background:#3b82f61a;border:1px solid #3b82f633;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.info-item{align-items:center;color:#a0a0b0;font-size:.875rem;gap:.75rem;margin-bottom:.75rem}.info-item:last-child{margin-bottom:0}.upi-input-section{margin-bottom:2rem}.input-wrapper{position:relative}.input-icon{color:#7c3aed;left:1.5rem;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.upi-input{background:#0000004d;border:2px solid #ffffff1a;border-radius:12px;color:#fff;font-size:1rem;padding:1.25rem 1.5rem 1.25rem 3.5rem;transition:all .3s;width:100%}.upi-input::placeholder{color:#6b7280}.upi-input:focus{border-color:#7c3aed;box-shadow:0 0 0 4px #7c3aed1a;outline:none}.withdraw-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;padding:1.25rem 2rem;transition:all .3s;width:100%}.withdraw-btn:hover:not(:disabled){box-shadow:0 12px 40px #10b98166;transform:scale(1.02)}.withdraw-btn:disabled{background:#6b72804d;cursor:not-allowed}.note{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:12px;color:#fca5a5;display:flex;font-size:.875rem;gap:.75rem;margin-top:1rem;padding:1rem}.how-it-works{animation:fadeInUp .8s ease .4s both}.steps-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1.5rem}.step-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:2rem;position:relative;text-align:center;transition:all .3s}.step-card:hover{border-color:#7c3aed4d;box-shadow:0 12px 40px #7c3aed33;transform:translateY(-4px)}.step-number{align-items:center;background:linear-gradient(135deg,#7c3aed,#ec4899);border-radius:50%;box-shadow:0 4px 12px #7c3aed66;color:#fff;display:flex;font-size:1.25rem;font-weight:800;height:40px;justify-content:center;left:50%;position:absolute;top:-15px;transform:translateX(-50%);width:40px}.step-icon{font-size:3rem;margin:1rem 0}.step-card h3{color:#fff;font-size:1.25rem;font-weight:700;margin:0 0 .75rem}.step-card p{color:#a0a0b0;font-size:.875rem;line-height:1.6;margin:0}.stats-section{animation:fadeInUp .8s ease .5s both}.stats-grid-ref{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1.5rem}.stat-box{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;display:flex;gap:1.5rem;padding:1.5rem;transition:all .3s}.stat-box:hover{border-color:#7c3aed4d;box-shadow:0 12px 40px #7c3aed33;transform:translateY(-4px)}.stat-icon-ref{align-items:center;background:linear-gradient(135deg,#7c3aed,#ec4899);border-radius:50%;display:flex;flex-shrink:0;font-size:1.75rem;height:60px;justify-content:center;width:60px}.stat-icon-ref.success{background:linear-gradient(135deg,#10b981,#059669)}.stat-icon-ref.pending{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-icon-ref.earnings{background:linear-gradient(135deg,#3b82f6,#2563eb)}.stat-content-ref{display:flex;flex-direction:column}.stat-value-ref{color:#fff;font-size:2rem;font-weight:800}.stat-label-ref{color:#a0a0b0;font-size:.875rem;letter-spacing:1px;text-transform:uppercase}@media (max-width:768px){.referral-container{padding:1rem 0}.glass{padding:1.5rem}.link-input-group,.share-buttons{flex-direction:column}.share-btn{min-width:100%}.stats-grid-ref,.steps-grid{grid-template-columns:1fr}.stat-box{padding:1.25rem}.stat-icon-ref{font-size:1.5rem;height:50px;width:50px}.stat-value-ref{font-size:1.75rem}}@media (max-width:480px){.code-box{font-size:1.25rem}.earn-box{font-size:2rem}.ref-link{font-size:.75rem}}.admin-hub-container{background:linear-gradient(135deg,#0f0f1e,#1a1a2e 50%,#16213e);background-attachment:fixed;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1400px;min-height:100vh;padding:30px 20px}.admin-hub-header{align-items:center;animation:slideDown .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#6366f126,#a855f71a);border:1px solid #6366f133;border-radius:16px;color:#fff;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:40px;padding:30px 20px}.admin-hub-header .header-content{flex:1 1;min-width:300px;text-align:left}.admin-hub-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#ec4899);-webkit-background-clip:text;font-size:2.8em;font-weight:800;margin:0 0 10px}.admin-hub-header p{color:#fffc;font-size:1.1em;font-weight:300;letter-spacing:.5px;margin:0;opacity:.9}.switch-hub-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease;white-space:nowrap}.switch-hub-btn:hover{box-shadow:0 6px 20px #667eea99;transform:translateY(-2px)}.switch-hub-btn:active{transform:translateY(0)}.admin-hub-stats{grid-gap:20px;animation:slideUp .6s ease-out .1s both;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:40px}.stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 25px #0000004d;padding:22px}.stat-card:hover{background:linear-gradient(135deg,#6366f12e,#a855f71f);border-color:#6366f166;box-shadow:0 12px 40px #6366f14d}.stat-icon{font-size:2.8em;line-height:1}.stat-info h3{color:#fff;font-size:1.1em;font-weight:700;margin:0}.stat-info p{color:#ffffffb3;font-size:.9em;margin:6px 0 0}.admin-hub-grid{grid-gap:22px;animation:slideUp .6s ease-out .2s both;display:grid;gap:22px;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));margin-bottom:40px}.admin-option-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#6366f11a,#a855f714);border:1px solid #6366f133;border-left:4px solid var(--accent-color);border-radius:12px;box-shadow:0 8px 25px #0000004d;color:inherit;display:flex;flex-direction:column;min-height:240px;overflow:hidden;padding:28px;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.admin-option-card:before{background:linear-gradient(135deg,var(--accent-color),#0000);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .4s ease;z-index:0}.admin-option-card:hover{background:linear-gradient(135deg,#6366f126,#a855f71f);border-color:var(--accent-color);border-left-width:6px;box-shadow:0 16px 45px #0006;transform:translateY(-8px) scale(1.02)}.admin-option-card:hover:before{opacity:.08}.card-icon{font-size:3.2em;line-height:1;margin-bottom:15px;position:relative;z-index:1}.admin-option-card h3{color:#fff;font-size:1.4em;font-weight:700;margin:0 0 10px;position:relative;z-index:1}.admin-option-card p{color:#ffffffbf;flex-grow:1;font-size:.9em;line-height:1.6;margin:0;position:relative;z-index:1}.card-footer{border-top:1px solid #6366f133;display:flex;justify-content:flex-end;margin-top:18px;padding-top:15px;position:relative;z-index:1}.arrow{color:var(--accent-color);font-size:1.5em;font-weight:700;transition:transform .3s ease}.admin-option-card:hover .arrow{transform:translateX(5px)}.admin-hub-footer{animation:slideUp .6s ease-out .3s both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#6366f11f,#a855f714);border:1px solid #6366f133;border-radius:12px;box-shadow:0 8px 25px #0000004d;padding:35px}.quick-links h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#ec4899);-webkit-background-clip:text;color:#fff;font-size:1.4em;font-weight:700;margin:0 0 22px}.quick-links-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.quick-link{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:2px solid #0000;border-radius:10px;box-shadow:0 6px 20px #6366f14d;color:#fff;font-weight:600;padding:14px 22px;text-align:center;text-decoration:none;transition:all .3s ease}.quick-link:hover{background:linear-gradient(135deg,#7c8dff,#a78bfa);border-color:#ffffff4d;box-shadow:0 10px 30px #6366f180;transform:translateY(-4px)}@media (max-width:1024px){.admin-hub-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.admin-hub-header h1{font-size:2.2em}}@media (max-width:768px){.admin-hub-container{padding:20px 10px}.admin-hub-header{flex-direction:column;margin-bottom:30px;text-align:center}.admin-hub-header .header-content{text-align:center}.admin-hub-header h1{font-size:1.8em}.admin-hub-header p{font-size:1em}.switch-hub-btn{width:100%}.admin-hub-stats{gap:15px;grid-template-columns:1fr;margin-bottom:30px}.stat-card{padding:20px}.admin-hub-grid{gap:15px;grid-template-columns:1fr}.admin-option-card{min-height:auto;padding:20px}.card-icon{font-size:2.5em;margin-bottom:10px}.admin-option-card h3{font-size:1.2em}.admin-option-card p{font-size:.85em}.quick-links-grid{grid-template-columns:repeat(2,1fr)}.admin-hub-footer{padding:25px}}@media (max-width:480px){.admin-hub-header{flex-direction:column}.admin-hub-header h1{font-size:1.5em}.admin-hub-header p{font-size:.9em}.switch-hub-btn{font-size:.9rem;padding:10px 16px;width:100%}.quick-links-grid{grid-template-columns:1fr}.admin-option-card:hover{transform:translateY(-5px) scale(1.01)}}@media (prefers-reduced-motion:reduce){.admin-hub-container,.admin-hub-footer,.admin-hub-grid,.admin-hub-header,.admin-hub-stats,.admin-option-card,.quick-link,.stat-card{animation:none!important;transition:none!important}}@media (prefers-color-scheme:dark){.admin-option-card{background:#2a2a3e;color:#e0e0e0}.admin-option-card h3{color:#fff}.admin-option-card p{color:#b0b0b0}.card-footer{border-top-color:#404050}.stat-card{background:#2a2a3e;color:#e0e0e0}.stat-info h3{color:#fff}.stat-info p{color:#b0b0b0}.admin-hub-footer{background:#2a2a3ef2}.quick-links h3{color:#fff}}.admin-withdrawals{background:#0f172a;color:#e2e8f0;margin:0 auto;max-width:1400px;min-height:100vh;padding:30px}.page-header{margin-bottom:30px}.header-content{background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:16px;box-shadow:0 10px 30px #4f46e566;padding:35px 40px}.page-title{color:#fff;font-size:32px;font-weight:700;margin-bottom:8px}.page-subtitle{color:#ffffffd9;font-size:15px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.stat-card{background:#1e293b;border:1px solid #334155;padding:25px;transition:.3s ease}.stat-card:hover{box-shadow:0 8px 20px #00000073}.stat-icon{border-radius:12px;font-size:28px}.stat-icon.blue{background:linear-gradient(135deg,#6366f1,#4338ca)}.stat-icon.orange{background:linear-gradient(135deg,#f59e0b,#b45309)}.stat-icon.green{background:linear-gradient(135deg,#10b981,#047857)}.stat-icon.purple{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.stat-value{color:#f8fafc;font-size:28px}.stat-label{color:#cbd5e1;font-size:13px}.table-controls{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.filter-tabs{background:#1e293b;border:1px solid #334155;border-radius:10px;display:flex;gap:10px;padding:6px}.filter-tab{background:#0000;border:none;border-radius:8px;color:#cbd5e1;cursor:pointer;font-size:14px;padding:10px 20px;transition:.2s}.filter-tab:hover{background:#334155;color:#fff}.filter-tab.active{background:linear-gradient(135deg,#6366f1,#4338ca);color:#fff}.refresh-btn{background:#1e293b;border:2px solid #6366f1;color:#6366f1;padding:10px 24px;transition:.3s}.refresh-btn:hover:not(:disabled){background:#6366f1;color:#fff;transform:translateY(-2px)}.refresh-btn:disabled{cursor:not-allowed;opacity:.5}.table-container{background:#1e293b;border:1px solid #334155;overflow:hidden}.withdrawals-table{border-collapse:collapse;width:100%}.withdrawals-table thead{background:#0f172a;border-bottom:2px solid #334155}.withdrawals-table th{color:#cbd5e1;font-size:13px;padding:18px 20px;text-transform:uppercase}.withdrawals-table tbody tr{border-bottom:1px solid #334155;transition:.2s}.withdrawals-table tbody tr:hover{background:#273549}.withdrawals-table td{color:#e2e8f0;font-size:14px;padding:20px}.user-cell{gap:12px}.user-avatar,.user-cell{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#6366f1,#4338ca);border-radius:10px;color:#fff;height:40px;justify-content:center;width:40px}.user-name{color:#f1f5f9}.user-email{color:#94a3b8}.amount-cell{color:#34d399;font-size:18px;font-weight:700}.upi-cell{background:#0f172a;border-radius:6px;color:#94a3b8;display:inline-flex;gap:8px;padding:8px 12px}.date-cell{color:#cbd5e1}.status-badge{display:inline-flex;font-size:13px;gap:6px;padding:6px 14px}.badge-pending{background:#78350f;border:1px solid #f59e0b;color:#fcd34d}.badge-approved{background:#064e3b;border:1px solid #10b981;color:#6ee7b7}.badge-paid{background:#4c1d95;border:1px solid #8b5cf6;color:#c4b5fd}.badge-rejected{background:#7f1d1d;border:1px solid #ef4444;color:#fca5a5}.action-buttons{display:flex;gap:8px}.action-buttons button{border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:.2s}.btn-approve{background:linear-gradient(135deg,#10b981,#047857)}.btn-reject{background:linear-gradient(135deg,#ef4444,#b91c1c)}.processed-label{color:#cbd5e1;font-size:13px}.empty-state{padding:80px 20px}.empty-icon{font-size:64px;opacity:.5}.empty-state h3{color:#f1f5f9;font-size:20px}.empty-state p{color:#94a3b8;font-size:14px}@media (max-width:768px){.stats-grid{grid-template-columns:1fr}.admin-withdrawals{padding:20px}.withdrawals-table{min-width:900px}.action-buttons{flex-direction:column}.action-buttons button{width:100%}}.admin-dashboard{background:linear-gradient(135deg,#0f0f1e,#1a1a2e 50%,#16213e);background-attachment:fixed;color:#e2e8f0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;overflow-x:hidden;padding:20px}.dashboard-container{margin:0 auto;max-width:1400px;padding:2rem 0}.loading-screen{color:#e2e8f0}.loader-spinner{margin-bottom:1rem}.dashboard-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#6366f11f,#a855f714);border:1px solid #6366f133;border-radius:16px;box-shadow:0 10px 25px #0000004d;margin-bottom:2rem;padding:2rem}.header-text h1{font-size:2.2rem}.header-text p{color:#ffffffb3;font-size:1rem}.header-actions{display:flex;flex-wrap:wrap;gap:1rem}.action-btn{border-radius:12px;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none}.action-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.action-btn.primary:hover{box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.action-btn.secondary{background:#475569cc;border:1px solid #475569;color:#e2e8f0}.action-btn.secondary:hover{background:#475569;border-color:#64748b}.action-btn.outlined{background:#0000;border:1px solid #475569;color:#94a3b8}.action-btn.outlined:hover{background:#4755694d;border-color:#64748b;color:#e2e8f0}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem}.stat-card{background:linear-gradient(135deg,#1e293b,#334155);border:1px solid #475569;border-radius:16px;gap:1rem;padding:1.5rem}.stat-card:before{background:linear-gradient(90deg,#0000,currentColor 50%,#0000);opacity:.6}.stat-card:hover{border-color:#64748b;box-shadow:0 12px 30px #0006;transform:translateY(-4px)}.stat-icon{border-radius:16px;height:60px;width:60px}.stat-content{flex:1 1}.stat-label{color:#94a3b8;margin-bottom:.25rem}.stat-value{color:#f1f5f9;margin-bottom:.25rem}.stat-trend{align-items:center;display:flex;font-size:.85rem;gap:.25rem}.stat-trend.positive{color:#10b981}.orders-section{background:linear-gradient(135deg,#1e293b,#334155);border:1px solid #475569;border-radius:20px;box-shadow:0 10px 25px #0000004d;padding:2rem}.section-header{flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.section-header h2{align-items:center;color:#f1f5f9;display:flex;font-size:1.8rem;font-weight:700;gap:.5rem}.section-subtitle{color:#94a3b8;font-size:.95rem;margin-top:.25rem}.refresh-btn{background:#475569cc;border:1px solid #475569;border-radius:10px;color:#e2e8f0;font-weight:600;gap:.5rem;padding:.75rem 1.25rem}.refresh-btn:hover{background:#475569;transform:rotate(180deg)}.table-container{border:1px solid #475569;border-radius:12px;overflow-x:auto}.orders-table{background:#0f172acc}.orders-table th{background:#1e293be6;border-bottom:2px solid #475569;color:#f1f5f9;font-size:.9rem;padding:1rem}.orders-table td{border-bottom:1px solid #374151;color:#e2e8f0;font-size:.95rem;padding:1rem}.orders-table tbody tr{transition:all .2s ease}.orders-table tbody tr:hover{background:#1e293b80}.order-id{background:#667eea33;border-radius:6px;font-family:JetBrains Mono,monospace;font-size:.8rem;padding:.25rem .5rem}.customer-cell{align-items:center;display:flex;gap:.75rem}.customer-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;display:flex;font-size:.9rem;font-weight:700;height:36px;justify-content:center;width:36px}.amount{font-size:1rem;font-weight:700}.payment-badge,.status-badge{border-radius:8px;font-size:.8rem;font-weight:600;padding:.4rem .8rem;text-transform:capitalize}.payment-badge.paid{background:#10b98133;color:#10b981}.payment-badge.pending{background:#f59e0b33;color:#f59e0b}.payment-badge.failed{background:#ef444433;color:#ef4444}.date-cell{color:#94a3b8;font-size:.9rem}.status-select{background:#1e293bcc;border:1px solid #475569;border-radius:8px;color:#e2e8f0;cursor:pointer;font-size:.85rem;padding:.5rem;transition:all .2s ease}.status-select:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea33;outline:none}.status-select:disabled{cursor:not-allowed;opacity:.5}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:2rem}.modal-content{animation:modalSlideUp .3s ease-out;background:linear-gradient(135deg,#1e293b,#334155);border:1px solid #475569;border-radius:20px;box-shadow:0 20px 40px #00000080}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid #475569;padding:1.5rem 2rem}.modal-header h2{align-items:center;color:#f1f5f9;display:flex;font-size:1.5rem;gap:.5rem}.modal-close{border-radius:8px;color:#94a3b8;font-size:1.2rem;padding:.5rem}.modal-close:hover{background:#ef44441a;color:#ef4444}.update-form{padding:2rem}.form-group{margin-bottom:1.5rem}.form-group label{margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{border-radius:10px;padding:.75rem;transition:all .2s ease}.modal-footer{gap:1rem;padding-top:1rem}.btn-cancel,.btn-submit{align-items:center;border-radius:10px;display:flex;gap:.5rem;justify-content:center;padding:.75rem 1.5rem}.btn-cancel{background:#0000;border:1px solid #475569;color:#94a3b8}.btn-cancel:hover{background:#4755694d;color:#e2e8f0}.btn-submit:hover:not(:disabled){box-shadow:0 6px 16px #667eea66;transform:translateY(-1px)}@media (max-width:768px){.dashboard-container{padding:1rem}.header-content{align-items:stretch;flex-direction:column}.header-actions{justify-content:center}.stats-grid{grid-template-columns:1fr}.section-header{align-items:stretch;flex-direction:column;text-align:center}.table-container{overflow-x:scroll}.orders-table{min-width:800px}.modal-overlay{padding:1rem}.update-form{padding:1.5rem}}@media (max-width:480px){.header-text h1{font-size:2rem}.action-btn{font-size:.9rem;padding:.6rem 1rem}.stat-value{font-size:1.5rem}.orders-table td,.orders-table th{font-size:.85rem;padding:.75rem}}*{margin:0;padding:0}.admin-updates-page{background:linear-gradient(135deg,#0f0f23,#1a1a2e);color:#e2e8f0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh}.updates-container{margin:0 auto;max-width:1200px;padding:2rem}.page-header{background:linear-gradient(135deg,#1a202c,#2d3748);border:1px solid #334155;border-radius:20px;box-shadow:0 10px 25px #0000004d;margin-bottom:2rem;padding:2rem}.header-content{flex-wrap:wrap;gap:1.5rem;justify-content:space-between}.header-text h1{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;display:flex;font-weight:700;gap:.75rem;margin-bottom:.5rem}.header-text p{color:#94a3b8;font-weight:400}.back-link{align-items:center;background:#475569cc;border:1px solid #475569;border-radius:12px;color:#e2e8f0;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.back-link:hover{background:#475569;border-color:#64748b;transform:translateX(-2px)}.create-section{background:linear-gradient(135deg,#1e293b,#334155);border:1px solid #475569;border-radius:20px;box-shadow:0 10px 25px #0000004d;padding:2rem}.create-section,.section-title{margin-bottom:2rem}.section-title h2{align-items:center;color:#f1f5f9;display:flex;font-size:1.8rem;font-weight:700;gap:.5rem}.create-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:2fr 1fr}.form-group{gap:.5rem}.form-group label{align-items:center;color:#f1f5f9;display:flex;gap:.5rem}.form-group input,.form-group select,.form-group textarea{background:#0f172acc;border:1px solid #475569;border-radius:12px;color:#e2e8f0;font-size:.95rem;padding:.875rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#0f172a;box-shadow:0 0 0 3px #667eea26}.form-group input::placeholder,.form-group textarea::placeholder{color:#64748b}.form-group textarea{line-height:1.6;min-height:120px}.form-group select,.submit-btn{cursor:pointer}.submit-btn{align-items:center;align-self:flex-start;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;min-width:200px;padding:1rem 2rem;transition:all .3s ease}.submit-btn:hover:not(:disabled){box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.updates-list-section{background:linear-gradient(135deg,#1e293b,#334155);border:1px solid #475569;border-radius:20px;box-shadow:0 10px 25px #0000004d;padding:2rem}.count-badge{background:#667eea33;border-radius:20px;color:#a5b4fc;font-size:.85rem;font-weight:600;margin-left:.75rem;padding:.25rem .75rem}.loading-container{align-items:center;color:#94a3b8;display:flex;flex-direction:column;justify-content:center;padding:3rem}.loader{animation:spin 1s linear infinite;border:3px solid #2d3748;border-radius:50%;border-top-color:#667eea;height:40px;margin-bottom:1rem;width:40px}.empty-state{color:#94a3b8;padding:3rem 2rem}.empty-state i{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-state h3{color:#cbd5e1;margin-bottom:.5rem}.empty-state p{font-size:1rem}.updates-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.update-card{background:linear-gradient(135deg,#0f172a,#1e293b);border:1px solid #334155;border-left:4px solid;border-radius:16px;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.update-card:before{background:radial-gradient(circle,currentColor 0,#0000 70%);border-radius:50%;content:"";height:100px;opacity:.05;position:absolute;right:0;top:0;transform:translate(30px,-30px);width:100px}.update-card:hover{border-color:currentColor;box-shadow:0 12px 30px #0006;transform:translateY(-4px)}.update-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.update-type-badge{align-items:center;border-radius:20px;display:flex;font-size:.8rem;font-weight:600;gap:.4rem;padding:.4rem .8rem;text-transform:capitalize}.delete-btn{background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;font-size:1rem;padding:.5rem;transition:all .2s ease}.delete-btn:hover{background:#ef44441a;color:#ef4444}.update-title{color:#f1f5f9;font-size:1.25rem;font-weight:700;line-height:1.4;margin-bottom:.75rem}.update-message{color:#cbd5e1;font-size:.95rem;line-height:1.6;margin-bottom:1.5rem}.update-footer{border-top:1px solid #334155;padding-top:1rem}.update-meta{align-items:center;color:#64748b;display:flex;font-size:.85rem;gap:.5rem}.update-meta i{opacity:.7}@media (max-width:768px){.updates-container{padding:1rem}.header-content{align-items:stretch;flex-direction:column}.header-text h1{font-size:2rem}.form-row,.updates-grid{grid-template-columns:1fr}.create-section,.updates-list-section{padding:1.5rem}}@media (max-width:480px){.updates-container{padding:.75rem}.create-section,.page-header,.updates-list-section{border-radius:16px;padding:1.25rem}.header-text h1{font-size:1.75rem}.section-title h2{font-size:1.5rem}.form-group input,.form-group select,.form-group textarea{font-size:.9rem;padding:.75rem}.submit-btn{font-size:.95rem;padding:.875rem 1.5rem}.update-card{padding:1.25rem}.update-title{font-size:1.1rem}.update-message{font-size:.9rem}}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:#64748b}.submit-btn .fa-spinner{animation:spin 1s linear infinite}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.back-link:focus,.delete-btn:focus,.submit-btn:focus{outline:2px solid #667eea;outline-offset:2px}.update-message::-webkit-scrollbar{width:6px}.update-message::-webkit-scrollbar-track{background:#47556933;border-radius:3px}.update-message::-webkit-scrollbar-thumb{background:#667eea66;border-radius:3px}.update-message::-webkit-scrollbar-thumb:hover{background:#667eea99}.admin-users-page{padding:24px}.page-header h1{margin:0 0 6px}.users-table{border-collapse:collapse;width:100%}.users-table td,.users-table th{border-bottom:1px solid #0000000f;padding:8px 10px;text-align:left}.users-table .suspended{opacity:.6}.btn{border:none;border-radius:4px;cursor:pointer;padding:6px 10px}.btn.warn{background:#f59e0b;color:#fff}.btn.primary{background:#10b981;color:#fff}.btn.danger{background:#ef4444;color:#fff}.loading-screen{padding:24px}.admin-logs-page{background:linear-gradient(135deg,#0f0f1e,#1a1a2e 50%,#16213e);background-attachment:fixed;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:30px 20px}.page-header{animation:slideDown .5s ease-out;margin-bottom:40px}.page-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#ec4899);-webkit-background-clip:text;background-clip:text;font-size:2.8rem;font-weight:800;margin:0 0 10px}.page-header p{color:#fff9;font-size:1.1rem;margin:0}.logs-filters{grid-gap:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#6366f11f,#a855f714);border:1px solid #6366f133;border-radius:16px;box-shadow:0 8px 32px #0003;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:30px;padding:20px}.filter-group{gap:6px}.filter-group label{font-size:.9rem}.filter-input,.filter-select{font-size:.95rem}.filter-button{align-self:flex-end;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fffffff2;cursor:pointer;font-weight:600;justify-self:end;padding:10px 24px;transition:all .3s ease}.filter-button:hover{box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.logs-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-label{margin-bottom:8px}.stat-value{font-size:2rem}.logs-container{animation:slideUp .5s ease-out;background:linear-gradient(135deg,#6366f11f,#a855f714);border:1px solid #6366f133;border-radius:16px;box-shadow:0 8px 32px #0003;overflow:hidden}.logs-table-wrapper{overflow-x:auto}.logs-table{border-collapse:collapse;width:100%}.logs-table thead{background:linear-gradient(135deg,#667eea,#764ba2);position:-webkit-sticky;position:sticky;top:0;z-index:10}.logs-table th{color:#fffffff2;font-size:.9rem;font-weight:700;letter-spacing:.5px;padding:16px 14px;text-align:left;text-transform:uppercase}.logs-table tbody tr{border-bottom:1px solid #6366f133;transition:all .3s ease}.logs-table tbody tr:hover{background:#6366f126}.logs-table tbody tr:last-child{border-bottom:none}.logs-table td{color:#ffffffd9;font-size:.95rem;padding:14px}.log-timestamp{color:#a5b4fc;font-family:Courier New,monospace;font-size:.9rem;font-weight:600}.log-actor{color:#ffffffe6;gap:8px}.actor-avatar,.log-actor{align-items:center;display:flex}.actor-avatar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fffffff2;font-size:.9rem;font-weight:700;height:32px;justify-content:center;width:32px}.action-badge{border-radius:20px;display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.3px;padding:4px 10px;text-transform:uppercase}.action-create{background:#10b98133;border:1px solid #10b9814d;color:#10b981}.action-update{background:#3b82f633;border:1px solid #3b82f64d;color:#3b82f6}.action-delete{background:#ef444433;border:1px solid #ef44444d;color:#ef4444}.action-view{background:#a855f733;border:1px solid #a855f74d;color:#a855f7}.resource-type{background:#6366f14d;border-radius:6px;color:#a5b4fc;display:inline-block;font-weight:600;padding:4px 8px}.log-details,.resource-type{font-family:Courier New,monospace;font-size:.85rem}.log-details{color:#ffffffb3;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.log-details:hover{color:#ffffffe6;cursor:help}.status-badge{padding:3px 8px}.status-success{background:#10b98133;border:1px solid #10b9814d;color:#10b981}.status-failed{background:#ef444433;border:1px solid #ef44444d;color:#ef4444}.logs-empty{color:#ffffff80;padding:80px 20px;text-align:center}.logs-empty-icon{font-size:3rem;margin-bottom:20px}.logs-empty p{font-size:1.2rem;margin:0}.logs-pagination{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:30px;padding:20px}.pagination-btn{background:#6366f133;border:1px solid #6366f14d;border-radius:6px;color:#ffffffe6;padding:8px 14px}.pagination-btn:hover:not(:disabled){background:#6366f166;border-color:#6366f1}.pagination-info{color:#ffffffb3;font-weight:600}.loading-screen{color:#fff9;min-height:400px}@media (max-width:1024px){.logs-filters{grid-template-columns:repeat(2,1fr)}.page-header h1{font-size:2rem}}@media (max-width:768px){.admin-logs-page{padding:20px 15px}.logs-filters{grid-template-columns:1fr}.filter-button{width:100%}.logs-stats{grid-template-columns:1fr 1fr}.logs-table{font-size:.9rem}.logs-table td,.logs-table th{padding:12px 8px}.page-header h1{font-size:1.8rem}}@media (max-width:480px){.admin-logs-page{padding:15px 10px}.page-header h1{font-size:1.5rem}.logs-stats{grid-template-columns:1fr}.logs-table{font-size:.8rem}.logs-table td,.logs-table th{padding:8px 6px}.log-details{max-width:150px}.actor-avatar{font-size:.8rem;height:28px;width:28px}}.admin-activity-monitor{background:linear-gradient(135deg,#0a0e27,#0f0f1e 50%,#1a1a2e);color:#e1e8f0;min-height:100vh;padding:2.5rem}.admin-activity-monitor.loading{align-items:center;color:#a6b4d9;display:flex;font-size:1.2rem;justify-content:center}.monitor-header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#667eea26,#a855f71a);border:1px solid #667eea33;border-radius:18px;box-shadow:0 10px 40px #0003;color:#e1e8f0;margin-bottom:3rem;overflow:hidden;padding:3rem;position:relative}.monitor-header:before{background:radial-gradient(circle,#667eea1a 0,#0000 70%);border-radius:50%;content:"";height:500px;pointer-events:none;position:absolute;right:-10%;top:-50%;width:500px}.monitor-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2 30%,#06b6d4);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;letter-spacing:-.3px;margin:0 0 .75rem;position:relative}.monitor-header p{color:#a6b4d9;font-size:1.05rem;margin:0;opacity:.95;position:relative}.search-section{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#667eea14,#a855f70d);border:1px solid #667eea33;border-radius:16px;box-shadow:0 10px 40px #0003;margin-bottom:3rem;padding:2.5rem}.search-form{grid-gap:2rem;align-items:flex-end;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-group label{font-weight:700;letter-spacing:.5px;margin-bottom:.75rem;opacity:.9;text-transform:uppercase}.form-group input,.form-group select{background:#0f0f1e80;border:1.5px solid #667eea40;border-radius:10px;color:#e1e8f0;font-family:inherit;font-size:.95rem;padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-group input::placeholder{color:#8b94a8}.form-group input:focus,.form-group select:focus{background:#0f0f1ecc;border-color:#667eea;box-shadow:0 0 0 5px #667eea26;transform:translateY(-2px)}.form-actions{gap:1rem}.btn-reset,.btn-search{border:none;border-radius:10px;cursor:pointer;font-size:.95rem;font-weight:700;letter-spacing:.3px;padding:1rem 1.5rem;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-search{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 6px 20px #667eea4d;color:#fff;flex:1 1}.btn-search:hover{box-shadow:0 10px 30px #667eea66;transform:translateY(-3px)}.btn-search:active{transform:translateY(-1px)}.btn-reset{background:linear-gradient(135deg,#667eea26,#a855f71a);border:1px solid #667eea4d;color:#a6b4d9}.btn-reset:hover{background:linear-gradient(135deg,#667eea40,#a855f726);border-color:#667eea80;color:#e1e8f0}.activity-stats{grid-gap:2rem;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:3rem}.stat-card{border-radius:14px;overflow:hidden;position:relative}.stat-card:before{background:linear-gradient(90deg,#667eea,#764ba2 50%,#06b6d4);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.stat-card:hover:before{transform:scaleX(1)}.stat-card:hover{border-color:#667eea66;box-shadow:0 16px 48px #667eea33}.stat-label{color:#8b94a8;font-weight:700;letter-spacing:.3px;margin-bottom:1rem}.stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.5rem}.activity-list{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#667eea14,#a855f70d);border:1px solid #667eea33;border-radius:16px;box-shadow:0 10px 40px #0003;padding:3rem}.empty-state{color:#8b94a8;padding:5rem 2rem}.empty-state p{color:#a6b4d9;font-size:1.4rem;margin:0 0 .75rem}.empty-state small{font-size:.95rem}.activities-timeline{padding:1.5rem 0 0;position:relative}.activities-timeline:before{background:linear-gradient(180deg,#667eea4d,#0000);bottom:0;content:"";left:35px;position:absolute;top:0;width:2px}.activity-item{background:linear-gradient(135deg,#667eea0d,#a855f708);border-left:4px solid #667eea4d;gap:2rem;margin-bottom:1.5rem;overflow:hidden;padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1)}.activity-item:before{background:linear-gradient(90deg,#667eea33,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.activity-item:hover{background:linear-gradient(135deg,#667eea1a,#a855f714);border-left-color:#667eea99;box-shadow:0 8px 24px #667eea26;transform:translateX(8px)}.activity-icon{align-items:center;background:linear-gradient(135deg,#667eea26,#a855f71a);border-radius:12px;display:flex;flex-shrink:0;font-size:2.5rem;justify-content:center;min-width:70px}.activity-header{align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.activity-title{color:#e1e8f0;font-size:1.05rem;font-weight:700;letter-spacing:-.2px}.activity-time{color:#8b94a8;font-size:.85rem;font-weight:500}.activity-user{margin-bottom:1rem}.activity-user strong{color:#e1e8f0;font-weight:700}.user-email{color:#667eea;display:block;font-size:.9rem;font-weight:500;margin-top:.3rem}.activity-description{background:#0f0f1e66;border-left:3px solid #667eea66;color:#a6b4d9;font-size:.95rem}.activity-description,.activity-details{border-radius:8px;margin-bottom:1rem;padding:1rem}.activity-details{background:#0f0f1e80;border:1px solid #667eea26;font-size:.9rem}.detail-item{border-bottom:1px solid #667eea1a;justify-content:space-between;padding:.5rem 0}.detail-item:last-child{border-bottom:none}.detail-key{color:#a6b4d9;font-weight:700}.detail-value{color:#8b94a8;text-align:right;word-break:break-word}.activity-badge{align-items:center;display:flex;gap:.5rem}.badge-type{background:linear-gradient(135deg,#667eea33,#a855f726);border:1px solid #667eea40;border-radius:20px;color:#a6b4d9;display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.3px;padding:.6rem 1rem;text-transform:uppercase}@media (max-width:1024px){.admin-activity-monitor{padding:2rem}.monitor-header{padding:2.5rem}.monitor-header h1{font-size:2rem}.activity-stats{gap:1.5rem;grid-template-columns:repeat(2,1fr)}.search-form{gap:1.5rem}}@media (max-width:768px){.admin-activity-monitor{padding:1.5rem}.monitor-header{margin-bottom:2rem;padding:2rem}.monitor-header h1{font-size:1.8rem}.search-section{margin-bottom:2rem;padding:1.5rem}.search-form{gap:1rem;grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions button{width:100%}.activity-stats{gap:1.5rem;grid-template-columns:1fr}.stat-card{padding:1.5rem}.stat-value{font-size:2rem}.activity-list{padding:1.5rem}.activities-timeline:before{left:20px}.activity-item{gap:1rem;padding:1.5rem}.activity-icon{font-size:2rem;min-width:50px}.activity-header{align-items:flex-start;flex-direction:column}.activity-title{font-size:.95rem}}@media (max-width:480px){.admin-activity-monitor{padding:1rem}.monitor-header{padding:1.5rem}.monitor-header h1{font-size:1.5rem}.search-section,.stat-card{padding:1rem}.stat-value{font-size:1.7rem}.activity-item,.activity-list{padding:1rem}.activity-icon{font-size:1.5rem;min-width:40px}.detail-item{flex-direction:column;gap:.5rem}.detail-value{text-align:left}}.payment-requests-container{background:linear-gradient(135deg,#0a0e27,#0f0f1e 50%,#1a1a2e);margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.payment-requests-container h1{color:#e1e8f0;font-size:28px;font-weight:800;margin-bottom:30px}.filters{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#667eea14,#a855f70d);border:1px solid #667eea33;border-radius:8px;box-shadow:0 20px 60px #0000004d;display:flex;gap:20px;margin-bottom:30px;padding:20px}.filter-group label{color:#8b94a8;margin-bottom:6px}.filter-group select{min-width:200px;padding:10px}.error-banner{background:linear-gradient(135deg,#ef444426,#ef44441a);border-left:4px solid #ef4444;border-radius:8px;color:#f87171;margin-bottom:20px;padding:15px}.empty-state,.loading-state{background:linear-gradient(135deg,#667eea14,#a855f70d);border:1px solid #667eea33;border-radius:8px;box-shadow:0 20px 60px #0000004d;color:#8b94a8;font-size:16px;padding:60px;text-align:center}.requests-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:30px}.request-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#667eea14,#a855f70d);border:1px solid #667eea33;border-radius:8px;box-shadow:0 20px 60px #0000004d;overflow:hidden;transition:all .3s ease}.request-card:hover{border-color:#667eea66;box-shadow:0 30px 80px #0006;transform:translateY(-4px)}.card-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:space-between;padding:15px}.type-badge{color:#fff;font-size:16px;font-weight:600}.status-badge{font-size:12px}.badge-completed{background:#06b6d433;color:#06b6d4}.card-content{padding:20px}.info-row{align-items:flex-start;border-bottom:1px solid #667eea1a;display:flex;font-size:13px;justify-content:space-between;padding:10px 0}.info-row:last-of-type{border-bottom:none}.info-row span:first-child{color:#a6b4d9;font-weight:600}.info-row .amount{color:#06b6d4;font-size:16px;font-weight:600}.reason-text{font-size:12px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-actions{grid-gap:10px;background:linear-gradient(135deg,#667eea14,#a855f70d);border-top:1px solid #667eea1a;display:grid;gap:10px;grid-template-columns:1fr 1fr;padding:15px}.btn-action-small{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;padding:10px;transition:all .3s ease}.btn-approve:hover{box-shadow:0 4px 12px #06b6d44d}.btn-reject:hover{box-shadow:0 4px 12px #ef44444d}.action-modal{animation:modalSlideIn .3s ease;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#0f0f1efa,#1a1a2efa);border:1px solid #667eea33;border-radius:12px;box-shadow:0 20px 60px #00000080;left:50%;max-width:500px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:2000}@keyframes modalSlideIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.modal-header{color:#fff}.modal-header h2{font-size:18px}.btn-close{background:none;border:none;color:#fff;cursor:pointer;font-size:24px;opacity:.8;transition:opacity .3s ease}.btn-close:hover{opacity:1}.modal-body{max-height:60vh;overflow-y:auto}.request-details{background:linear-gradient(135deg,#667eea1a,#a855f714);border:1px solid #667eea33;border-radius:6px;margin-bottom:20px;padding:15px}.detail-row{align-items:center;display:flex;font-size:13px;justify-content:space-between;padding:8px 0}.detail-row .label{color:#a6b4d9;font-weight:600}.detail-row .amount{color:#06b6d4;font-size:16px;font-weight:600}.form-group label{font-size:13px}.form-group textarea{font-size:13px;padding:12px}.modal-footer{gap:12px}.btn-cancel{background:linear-gradient(135deg,#667eea26,#a855f71a);border:2px solid #667eea4d;border-radius:6px;color:#a6b4d9;cursor:pointer;flex:1 1;font-weight:600;padding:12px;transition:all .3s ease}.btn-cancel:hover{background:linear-gradient(135deg,#667eea40,#a855f726);border-color:#667eea;color:#e1e8f0}.btn-action{border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-weight:600;padding:12px;transition:all .3s ease}.btn-action:disabled{cursor:not-allowed;opacity:.7}.pagination{gap:20px}.btn-pagination{background:linear-gradient(135deg,#667eea26,#a855f71a);border:2px solid #667eea;border-radius:6px;color:#a6b4d9;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.btn-pagination:hover:not(:disabled){background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}.btn-pagination:disabled{cursor:not-allowed;opacity:.5}.pagination span{color:#a6b4d9;font-weight:600}@media (max-width:768px){.filters{flex-direction:column}.filter-group select{min-width:100%}.requests-grid{grid-template-columns:1fr}.action-modal{width:95%}.card-actions{grid-template-columns:1fr}}.admin-refund-container{background:linear-gradient(135deg,#0a0e27,#0f0f1e 50%,#1a1a2e);min-height:100vh;padding:30px}.refund-header{margin-bottom:30px;text-align:center}.refund-header h1{color:#e1e8f0;font-size:32px;font-weight:700;margin-bottom:10px}.refund-header .subtitle{color:#a6b4d9;font-size:16px}.filters-section{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#667eea14,#a855f70d);border:1px solid #667eea33;box-shadow:0 20px 60px #0000004d;display:flex;flex-wrap:wrap}.filter-group{align-items:center;gap:10px}.filter-group label{color:#a6b4d9}.filter-group select{background:linear-gradient(135deg,#667eea14,#a855f70d);border:2px solid #667eea4d;border-radius:6px;color:#e1e8f0;font-size:14px;padding:8px 12px;transition:all .3s ease}.filter-group select:hover{background:linear-gradient(135deg,#667eea1f,#a855f714);border-color:#667eea}.filter-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea33;outline:none}.stats-grid{grid-gap:15px;gap:15px;margin-bottom:30px}.stat-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#667eea14,#a855f70d);border:1px solid #667eea33;box-shadow:0 20px 60px #0000004d}.stat-number{color:#667eea;font-size:28px;margin-bottom:8px}.stat-label{color:#a6b4d9;font-weight:500}.refunds-list{grid-gap:20px;display:grid;gap:20px}.refund-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#667eea14,#a855f70d);border:1px solid #667eea33;border-radius:12px;box-shadow:0 20px 60px #0000004d;padding:20px;transition:all .3s ease}.refund-card:hover{border-color:#667eea66;box-shadow:0 30px 80px #0006;transform:translateY(-4px)}.refund-header-row{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:15px}.refund-amount{text-align:left}.amount-value{color:#f59e0b;font-size:24px;font-weight:700;margin-bottom:5px}.amount-label{color:#8b94a8;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.refund-details{display:flex;flex:1 1;flex-wrap:wrap;gap:20px;min-width:250px}.detail-item{gap:4px}.detail-item .label{color:#8b94a8;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-item .value{color:#e1e8f0;font-weight:500}.detail-item .value.mono{background:#667eea1a;border-radius:4px;font-family:Courier New,monospace;font-size:12px;padding:4px 8px}.badge{align-self:flex-start;font-size:13px;white-space:nowrap}.badge-pending{background:#f59e0b33;color:#f59e0b}.badge-approved{background:#06b6d433;color:#06b6d4}.badge-rejected{background:#ef444433;color:#f87171}.refund-reason{background:#667eea1a;border:1px solid #667eea33;border-radius:8px;margin-bottom:15px;padding:15px}.refund-reason p{color:#a6b4d9;margin:0}.refund-reason strong{color:#e1e8f0}.reason-text{color:#8b94a8;font-style:italic;line-height:1.5;margin-top:8px}.refund-actions{border-top:1px solid #667eea1a;display:flex;gap:10px;padding-top:15px}.btn-approve,.btn-reject,.btn-secondary{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px 16px;transition:all .3s ease}.btn-approve{background:linear-gradient(135deg,#06b6d4,#0891b2)}.btn-approve:hover:not(:disabled){box-shadow:0 4px 12px #06b6d44d;transform:translateY(-2px)}.btn-reject{background:linear-gradient(135deg,#ef4444,#dc2626)}.btn-reject:hover:not(:disabled){box-shadow:0 4px 12px #ef44444d;transform:translateY(-2px)}.btn-secondary{background:linear-gradient(135deg,#667eea26,#a855f71a);border:2px solid #667eea4d;color:#a6b4d9}.btn-secondary:hover:not(:disabled){background:linear-gradient(135deg,#667eea40,#a855f726);border-color:#667eea;color:#e1e8f0}.btn-approve:disabled,.btn-reject:disabled,.btn-secondary:disabled{cursor:not-allowed;opacity:.5}.refund-notes{background:#f59e0b26;border-left:3px solid #f59e0b;border-radius:8px;margin-top:15px;padding:15px}.refund-notes p{color:#f59e0b;font-size:14px;margin:0}.refund-notes strong{color:#fcd34d}.empty-state{background:linear-gradient(135deg,#667eea14,#a855f70d);border:1px solid #667eea33;box-shadow:0 20px 60px #0000004d;padding:60px 30px}.empty-state p{color:#8b94a8;font-size:16px}.modal-overlay{background:#000000b3}.modal-content{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#0f0f1efa,#1a1a2efa);border:1px solid #667eea33;box-shadow:0 20px 60px #00000080}.modal-header{border-bottom:1px solid #667eea1a;border-radius:12px 12px 0 0;padding:20px}.modal-header h2{color:#fff;font-size:20px;font-weight:700}.modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;opacity:.8;padding:0;transition:all .2s ease;width:30px}.modal-close:hover{opacity:1}.modal-body{padding:20px}.refund-summary{background:#667eea1a;border:1px solid #667eea33;border-radius:8px;margin-bottom:20px;padding:15px}.refund-summary p{color:#a6b4d9;font-size:14px;margin:8px 0}.refund-summary strong{color:#e1e8f0}.refund-summary .amount{color:#06b6d4;font-size:18px;font-weight:700}.form-group label{color:#e1e8f0}.form-group textarea{background:linear-gradient(135deg,#667eea14,#a855f70d);border:2px solid #667eea4d;border-radius:6px;box-sizing:border-box;color:#e1e8f0;font-family:inherit;font-size:14px;padding:10px;resize:vertical;transition:all .3s ease;width:100%}.form-group textarea::placeholder{color:#8b94a8}.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea33;outline:none}.modal-footer{background:linear-gradient(135deg,#667eea14,#a855f70d);border-radius:0 0 12px 12px;border-top:1px solid #667eea1a;padding:20px}.modal-footer button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}@media (max-width:768px){.admin-refund-container{padding:15px}.refund-header h1{font-size:24px}.filters-section{flex-direction:column;gap:10px}.filter-group{width:100%}.stats-grid{grid-template-columns:repeat(2,1fr)}.refund-details,.refund-header-row{flex-direction:column}.refund-details{gap:10px}.refund-actions{flex-direction:column}.modal-overlay{padding:10px}.modal-content{max-width:100%}}.client-payment-container{margin:20px auto;max-width:600px;padding:20px}.payment-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 8px 24px #00000026;color:#fff;padding:30px}.payment-card h2{font-size:24px;margin-bottom:25px;margin-top:0;text-align:center}.payment-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:8px;margin-bottom:25px;padding:20px}.info-box{align-items:center;border-bottom:1px solid #fff3;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:12px}.info-box:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.info-box .label{font-size:14px;font-weight:600}.info-box .amount{color:gold;font-size:28px;font-weight:700}.info-box .value{background:#ffffff40;border-radius:4px;font-family:monospace;font-size:16px;font-weight:600;padding:6px 12px}.payment-flow-info{background:#ffffff1a;border-left:4px solid gold;border-radius:4px;margin-bottom:25px;padding:15px}.payment-flow-info h4{color:gold;font-size:14px;margin-bottom:10px;margin-top:0}.payment-flow-info ul{font-size:13px;line-height:1.8;margin:0;padding-left:20px}.payment-flow-info li{margin-bottom:6px}.form-group input,.form-group select{background:#fffffff2;border:none;border-radius:6px;box-sizing:border-box;color:#333;font-size:14px;padding:12px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus{background:#fff;box-shadow:0 0 0 3px #ffd7004d;outline:none}.form-group small{color:#fffc}.error-message{background:#ff6b6b}.error-message,.success-message{animation:slideIn .3s ease;color:#fff;font-size:14px}.success-message{background:#51cf66}.btn-submit{background:#fff;border:none;border-radius:6px;color:#667eea;cursor:pointer;font-size:16px;font-weight:700;margin-bottom:15px;padding:14px;transition:all .3s ease;width:100%}.btn-submit:hover:not(:disabled){background:#f0f0f0;box-shadow:0 8px 16px #0003;transform:translateY(-2px)}.btn-submit:disabled{cursor:not-allowed;opacity:.7}.security-note{background:#ffffff1a;border-left:3px solid gold;border-radius:6px;font-size:12px;line-height:1.6;padding:12px}.security-note strong{color:gold;display:block;margin-bottom:4px}.payment-status{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 8px 24px #00000026;color:#fff;margin:20px auto;max-width:600px;padding:30px;text-align:center}.payment-status.paid{background:linear-gradient(135deg,#51cf66,#37b24d)}.payment-status h3{font-size:24px;margin:10px 0}.payment-status p{font-size:14px;margin:8px 0;opacity:.95}.status-text{background:#fff3;border-radius:4px;font-size:13px;font-weight:600;margin-top:15px;padding:10px}@media (max-width:600px){.payment-card{padding:20px}.payment-card h2{font-size:20px}.info-box .amount{font-size:24px}.btn-submit{font-size:14px;padding:12px}}.client-release-container{margin:20px auto;max-width:700px;padding:20px}.release-card{background:#fff;border-radius:12px;box-shadow:0 8px 24px #0000001a;padding:30px}.release-card h2{color:#333;font-size:24px;margin-bottom:25px;margin-top:0}.breakdown-box{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:8px;margin-bottom:25px;padding:20px}.breakdown-box h3{color:#333;font-size:16px;margin:0 0 15px}.breakdown-row{align-items:center;border-bottom:1px solid #0000001a;display:flex;font-size:14px;justify-content:space-between;padding:10px 0}.breakdown-row:last-child{border-bottom:none}.breakdown-row strong{font-size:16px;font-weight:600}.info-section{background:#fffbea;border-left:4px solid #ffc107;border-radius:4px;margin-bottom:25px;padding:15px}.info-section h4{color:#ff9800;font-size:14px;margin:0 0 12px}.info-section ul{font-size:13px;line-height:1.8;margin:0;padding-left:20px}.info-section li{color:#555;margin-bottom:6px}.form-group label{font-size:14px}.form-group input,.form-group textarea{border:2px solid #e0e0e0;border-radius:6px;box-sizing:border-box;font-family:inherit;font-size:14px;padding:12px;resize:vertical;transition:all .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group small{color:#999;display:block;font-size:12px;margin-top:6px}.error-message{background:#ffebee;border-left:3px solid #c62828;color:#c62828}.error-message,.success-message{border-radius:6px;font-size:13px;margin-bottom:15px;padding:12px}.success-message{background:#e8f5e9;border-left:3px solid #2e7d32;color:#2e7d32}.button-group{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr auto;margin-bottom:20px}.btn-refund,.btn-release{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;transition:all .3s ease}.btn-release{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;flex:1 1}.btn-release:hover:not(:disabled){box-shadow:0 8px 16px #667eea4d;transform:translateY(-2px)}.btn-release:disabled{cursor:not-allowed;opacity:.7}.btn-refund{background:#f5f5f5;border:2px solid #ffebee;color:#d32f2f}.btn-refund:hover:not(:disabled){background:#ffebee;border-color:#d32f2f}.timeline-info{border-top:2px solid #f0f0f0;margin-top:30px;padding-top:20px}.timeline-info h4{color:#333;font-size:14px;margin:0 0 15px}.timeline{display:flex;justify-content:space-between;position:relative}.timeline:before{background:linear-gradient(90deg,#667eea,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:15px;z-index:0}.timeline-item{align-items:center;display:flex;flex:1 1;flex-direction:column;position:relative;z-index:1}.timeline-item span:first-child{align-items:center;background:#f0f0f0;border:2px solid #ddd;border-radius:50%;color:#999;display:flex;font-size:12px;font-weight:700;height:32px;justify-content:center;margin-bottom:8px;transition:all .3s ease;width:32px}.timeline-item.active span:first-child{background:#667eea;border-color:#667eea;color:#fff}.timeline-item span:last-child{color:#666;font-size:12px;font-weight:500;text-align:center}.refund-confirmation-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideUp .3s ease;background:#fff;border-radius:12px;max-width:500px;width:90%}.modal-content h3{color:#ff9800;font-size:20px;margin-bottom:12px;margin-top:0}.modal-content>p{color:#666;font-size:14px;margin:8px 0}.modal-content .form-group{margin:20px 0}.modal-content textarea{min-height:100px;resize:vertical}.modal-buttons{display:flex;gap:12px;margin-top:20px}.btn-cancel,.btn-confirm-refund{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px;transition:all .3s ease}.btn-cancel{background:#f0f0f0}.btn-cancel:hover{background:#e0e0e0}.btn-confirm-refund{background:#ff9800;color:#fff}.btn-confirm-refund:hover:not(:disabled){background:#f57c00;transform:translateY(-2px)}.btn-confirm-refund:disabled{cursor:not-allowed;opacity:.7}.funds-status{background:#fff;border-radius:12px;box-shadow:0 8px 24px #0000001a;margin:20px auto;max-width:700px;padding:40px;text-align:center}.funds-status.not-paid{background:#fffbea;border-left:4px solid #ffc107}.funds-status.released{background:#e8f5e9;border-left:4px solid #51cf66}.status-icon{font-size:48px;margin-bottom:15px}.funds-status h3{color:#333;font-size:20px;margin:10px 0}.funds-status p{color:#666;font-size:14px;margin:8px 0}.sub-text{color:#999;font-size:13px;font-style:italic}@media (max-width:600px){.release-card{padding:20px}.button-group{grid-template-columns:1fr}.timeline{font-size:12px}.timeline-item span:first-child{font-size:11px;height:28px;width:28px}.modal-content{padding:20px}}.analytics-container{background:linear-gradient(135deg,#667eea,#764ba2);margin:0 auto;max-width:1400px;min-height:100vh;padding:30px 20px}.analytics-container h1{color:#fff;font-size:2.5rem;margin-bottom:30px;text-shadow:2px 2px 4px #0000004d}.chart-status{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:25px}.status-indicator{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #ffffff4d;border-radius:8px;color:#fff;font-size:.9rem;font-weight:500;padding:12px 16px;transition:all .3s ease}.status-indicator.active{background:#4caf504d;border-color:#4caf50b3}.status-indicator.inactive{background:#f4433633;border-color:#f4433699}.kpi-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.kpi-card{background:#fff;border-radius:12px;box-shadow:0 8px 16px #0000001a;padding:25px;transition:transform .3s ease}.kpi-card:hover{box-shadow:0 12px 24px #00000026;transform:translateY(-5px)}.kpi-card h3{color:#555;font-size:.95rem;letter-spacing:1px;margin-bottom:10px;text-transform:uppercase}.kpi-value{color:#667eea;font-size:2rem;font-weight:700;margin:10px 0}.kpi-label{color:#999;font-size:.85rem}.analytics-controls{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:30px;padding:20px}.control-group{align-items:center;display:flex;gap:10px}.control-group label{color:#333;font-weight:600}.control-group select{border:2px solid #ddd;border-radius:8px;cursor:pointer;font-size:1rem;padding:8px 15px;transition:border-color .3s ease}.control-group select:focus{border-color:#667eea;outline:none}.btn-export{border-radius:8px;margin-left:auto;padding:10px 25px;transition:transform .2s ease}.btn-export:hover{transform:scale(1.05)}.charts-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));margin-bottom:30px}.chart-card{background:#fff;border-radius:12px;box-shadow:0 8px 16px #0000001a;padding:25px}.chart-card h2{color:#333;font-size:1.3rem;margin-bottom:20px}.stats-section{background:#fff;border-radius:12px;box-shadow:0 8px 16px #0000001a;padding:25px}.stats-section h2{color:#333;font-size:1.3rem;margin-bottom:20px}.stat-box{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-left:4px solid #667eea;border-radius:10px;padding:20px;text-align:center}.stat-box strong{color:#555;display:block;font-size:.9rem;margin-bottom:10px;text-transform:uppercase}.stat-box p{color:#667eea;font-size:2rem;font-weight:700;margin:0}@media (max-width:768px){.charts-grid{grid-template-columns:1fr}.analytics-controls{align-items:flex-start;flex-direction:column}.btn-export{margin-left:0;width:100%}.analytics-container h1{font-size:2rem}}.loading-state{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:400px}.loader-spinner{border:4px solid #ffffff4d;border-top-color:#fff;height:40px;margin-bottom:20px;width:40px}.no-data{color:#999;font-style:italic;padding:40px 20px;text-align:center}.coupon-management{background:linear-gradient(135deg,#667eea,#764ba2);margin:0 auto;max-width:1200px;min-height:100vh;padding:30px 20px}.coupon-management h1{color:#fff;font-size:2.5rem;margin-bottom:30px;text-shadow:2px 2px 4px #0000004d}.coupon-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:30px}.filter-group select{font-size:1rem;padding:12px 15px}.btn-create,.filter-group select{background:#fff;border:none;border-radius:8px;box-shadow:0 4px 12px #0000001a;cursor:pointer}.btn-create{color:#667eea;font-weight:600;margin-left:auto;padding:12px 25px;transition:transform .2s ease}.btn-create:hover{transform:scale(1.05)}.coupon-form{background:#fff;border-radius:12px;box-shadow:0 8px 16px #0000001a;margin-bottom:30px;padding:30px}.coupon-form h2{color:#333;font-size:1.5rem;margin-bottom:25px}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:25px}.form-group.full-width{grid-column:1/-1}.form-group input,.form-group select,.form-group textarea{border:2px solid #ddd;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea}.btn-cancel,.btn-submit{transition:transform .2s ease}.btn-submit:hover{transform:scale(1.05)}.btn-cancel{background:#e0e0e0;color:#333}.btn-cancel:hover{background:#d0d0d0}.coupons-list{background:#fff;border-radius:12px;box-shadow:0 8px 16px #0000001a;overflow-x:auto;padding:25px}.coupons-table{border-collapse:collapse;width:100%}.coupons-table thead{background:#f5f5f5}.coupons-table th{border-bottom:2px solid #ddd;color:#333;font-weight:600;padding:15px;text-align:left}.coupons-table td{border-bottom:1px solid #eee;color:#555;padding:15px}.coupons-table tr:hover{background:#f9f9f9}.status-active{background:#d4edda;border-radius:20px;color:#155724}.status-expired{background:#f8d7da;border-radius:20px;color:#721c24;font-size:.85rem;font-weight:600;padding:6px 12px}.btn-delete{background:#e74c3c;border:none;color:#fff;padding:8px 15px;transition:background .2s ease}.btn-delete:hover{background:#c0392b}.empty-state{font-size:1.1rem;padding:40px}@media (max-width:768px){.coupon-header{align-items:stretch;flex-direction:column}.btn-create{margin-left:0;width:100%}.form-grid{grid-template-columns:1fr}.coupons-table{font-size:.9rem}.coupons-table td,.coupons-table th{padding:10px}}.review-moderation{background:linear-gradient(135deg,#0f0f1e,#1a1a2e 50%,#16213e);background-attachment:fixed;margin:0 auto;max-width:1200px;min-height:100vh;padding:30px 20px}.review-moderation h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#ec4899);-webkit-background-clip:text;color:#fff;font-size:2.5rem;margin-bottom:30px}.review-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#6366f11f,#a855f714);border:1px solid #6366f133;border-radius:16px;box-shadow:0 8px 25px #0000004d;padding:25px}.reviews-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.review-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#6366f11a,#a855f714);border:1px solid #6366f133;border-radius:12px;color:#fff;cursor:pointer;padding:20px;transition:all .3s ease}.review-card:hover{background:linear-gradient(135deg,#6366f126,#a855f71f);border-color:#6366f180;box-shadow:0 12px 40px #6366f14d;transform:translateY(-5px)}.review-header{align-items:center;margin-bottom:10px}.review-header strong{color:#fff}.rating{font-size:1.2rem}.review-title{color:#fff;font-weight:600;margin:10px 0}.review-comment{font-size:.95rem;line-height:1.5;margin:10px 0}.review-meta{border-top:1px solid #6366f133;color:#fff9;display:flex;font-size:.85rem;justify-content:space-between;margin-top:15px;padding-top:15px}.review-detail-modal{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#6366f11f,#a855f714);border-radius:16px;color:#fff;max-height:80vh;max-width:600px;padding:30px;position:relative}.close-btn{background:none;color:#fff9;font-size:2rem;position:absolute;right:20px;top:20px}.close-btn:hover{color:#fff}.detail-header{align-items:flex-start;border-bottom:1px solid #6366f133;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.detail-header h2{color:#fff;flex:1 1}.rating-display{font-size:1.5rem}.detail-body{margin-bottom:25px}.detail-body p{color:#fffc;margin:10px 0}.review-text{background:#6366f126;border-left:3px solid #6366f1;border-radius:8px;margin:20px 0;padding:15px}.review-text strong{color:#fff;display:block;margin-bottom:10px}.review-text p{color:#fffc;line-height:1.6}.admin-response-section{background:#6366f126;border-left:4px solid #6366f1;border-radius:8px;margin:20px 0;padding:15px}.admin-response-section h3{color:#fff;margin-bottom:10px}.admin-response-section textarea{background:#6366f11a;border:1px solid #6366f14d;border-radius:8px;color:#fff;font-family:inherit;font-size:1rem;padding:12px;resize:vertical;width:100%}.admin-response-section textarea::placeholder{color:#fff6}.admin-response-section textarea:focus{border-color:#6366f1;box-shadow:0 0 12px #6366f14d;outline:none}.btn-respond{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:10px;padding:10px 20px;transition:all .2s ease}.btn-respond:hover{box-shadow:0 6px 20px #6366f166;transform:translateY(-2px)}.detail-actions{border-top:1px solid #6366f133;display:flex;gap:15px;justify-content:flex-end;padding-top:20px}.btn-approve,.btn-reject{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 25px;transition:all .2s ease}.btn-approve{background:#10b981;color:#fff}.btn-approve:hover{box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.btn-reject{background:#ef4444;color:#fff}.btn-reject:hover{box-shadow:0 6px 20px #ef444466;transform:translateY(-2px)}.empty-state{color:#fff9;color:#999;font-size:1.2rem}@media (max-width:768px){.review-moderation h1{font-size:1.8rem}.reviews-list{grid-template-columns:1fr}.modal-content{padding:20px}.detail-header{flex-direction:column;gap:15px}}.admin-role-management{background:linear-gradient(135deg,#0f0f1e,#1a1a2e 50%,#16213e);background-attachment:fixed;margin:0 auto;max-width:1200px;min-height:100vh;padding:30px 20px}.admin-role-management h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#ec4899);-webkit-background-clip:text;color:#fff;font-size:2.5rem;margin-bottom:30px}.management-tabs{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#6366f11f,#a855f714);border:1px solid #6366f133;border-radius:16px;box-shadow:0 8px 25px #0000004d;margin-bottom:30px;overflow:hidden}.tab-buttons{border-bottom:2px solid #6366f133;display:flex}.tab-btn{color:#fff9;margin-bottom:-2px;padding:15px 20px}.tab-btn.active{background:#6366f11a;border-bottom-color:#6366f1;color:#6366f1}.tab-content{color:#fff;padding:25px}.tab-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}.tab-header h2{color:#fff;font-size:1.5rem;margin:0}.btn-assign,.btn-create{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 25px;transition:all .3s ease}.btn-assign:hover,.btn-create:hover{box-shadow:0 6px 20px #6366f166;transform:translateY(-2px)}.assign-role-form,.role-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#6366f11a,#a855f70d);border:1px solid #6366f133;border-radius:12px;margin-bottom:25px;padding:20px}.form-group{margin-bottom:20px}.form-group label{color:#ffffffe6;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{background:#6366f11a;border:1px solid #6366f14d;border-radius:8px;color:#fff;font-family:inherit;font-size:1rem;padding:12px;transition:all .3s ease;width:100%}.form-group input::placeholder,.form-group select::placeholder,.form-group textarea::placeholder{color:#fff6}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#6366f1;box-shadow:0 0 12px #6366f14d;outline:none}.modules-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.checkbox-item{align-items:center;background:#6366f11a;border:1px solid #6366f14d;border-radius:8px;color:#fff;cursor:pointer;display:flex;gap:10px;padding:12px;transition:all .3s ease}.checkbox-item:hover{background:#6366f126;border-color:#6366f199}.checkbox-item input{accent-color:#6366f1;cursor:pointer;margin:0;width:auto}.form-row{grid-gap:15px;align-items:flex-end;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-row .btn-submit{margin-top:8px}.form-actions{justify-content:flex-end}.btn-cancel,.btn-submit{font-size:1rem;padding:12px 30px;transition:all .2s ease}.btn-submit:hover{box-shadow:0 6px 20px #6366f166}.btn-cancel{background:#ffffff1a;color:#fffc}.btn-cancel:hover{background:#ffffff26;border-color:#6366f180}.admins-table,.roles-table{border-collapse:collapse;color:#fff;width:100%}.admins-table thead,.roles-table thead{background:#6366f126}.admins-table th,.roles-table th{border-bottom:1px solid #6366f14d;color:#fff;font-weight:600;padding:15px;text-align:left}.admins-table td,.roles-table td{border-bottom:1px solid #6366f11a;color:#fffc;padding:15px}.admins-table tr:hover,.roles-table tr:hover{background:#6366f11a}.modules-list{display:flex;flex-wrap:wrap;gap:8px}.module-badge{background:#6366f133;border:1px solid #6366f166;border-radius:6px;padding:4px 10px}.module-badge,.role-badge{color:#fff;font-size:.85rem;font-weight:600}.role-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:6px;display:inline-block;padding:6px 12px}.role-badge.gray{background:#fff3;color:#fffc}.status-active{background:#10b98133;color:#10b981}.status-active,.status-inactive{border-radius:6px;display:inline-block;font-size:.85rem;font-weight:600;padding:6px 12px}.status-inactive{background:#ef444433;color:#ef4444}.admin-users-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#6366f11f,#a855f714);border:1px solid #6366f133;border-radius:16px;box-shadow:0 8px 25px #0000004d;padding:25px}.section-header{align-items:center;border-bottom:1px solid #6366f133;display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.section-header h2{color:#fff;margin:0}@media (max-width:768px){.admin-role-management h1{font-size:2rem}.modules-grid{grid-template-columns:repeat(2,1fr)}.form-row{grid-template-columns:1fr}.admins-table,.roles-table{font-size:.9rem}.admins-table td,.admins-table th,.roles-table td,.roles-table th{padding:10px}}.referral-dashboard{background:#0a0a0f;min-height:100vh;overflow-x:hidden;padding:2rem 1rem;position:relative}.referral-dashboard:before{background:radial-gradient(circle at 20% 50%,#ff478526 0,#0000 50%),radial-gradient(circle at 80% 80%,#7c3aed26 0,#0000 50%),radial-gradient(circle at 40% 20%,#3b82f626 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.referral-dashboard>*{position:relative;z-index:1}.referral-dashboard h1{-webkit-text-fill-color:#0000;animation:fadeInDown .8s ease;background:linear-gradient(135deg,#ff4785,#7c3aed 50%,#3b82f6);-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,5vw,3rem);font-weight:800;margin:0 0 3rem;text-align:center}.referral-dashboard h2{color:#fff;font-size:clamp(1.5rem,3vw,2rem);font-weight:700;margin:0 0 1.5rem}.referral-dashboard h3{color:#fff;font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:600;margin:0 0 1rem}.stats-grid{grid-gap:1.5rem;animation:fadeInUp .8s ease .2s both;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto 3rem;max-width:1400px}.stat-card{background:#14141e99;border:1px solid #ffffff1a;padding:2rem;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.stat-card:hover{border-color:#ff478580;box-shadow:0 20px 60px #ff47854d;transform:translateY(-8px)}.stat-card h3{color:#a0a0b0;font-size:.875rem;letter-spacing:1px;margin-bottom:1rem;text-transform:uppercase}.big-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff4785,#7c3aed);-webkit-background-clip:text;background-clip:text;display:block;font-size:clamp(2rem,4vw,3rem);font-weight:800;margin-bottom:.5rem}.rank-label{color:#6b7280;font-size:.875rem}.commission-breakdown{animation:fadeInUp .8s ease .3s both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#14141e99;border:1px solid #ffffff1a;border-radius:24px;margin:0 auto 3rem;max-width:1400px;padding:2rem}.breakdown-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1.5rem}.breakdown-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:1.5rem;text-align:center;transition:all .3s}.breakdown-card:hover{border-color:#ff47854d;box-shadow:0 12px 40px #ff478533;transform:translateY(-4px)}.breakdown-card span{color:#a0a0b0;display:block;font-size:.875rem;margin-bottom:.75rem}.breakdown-card p{color:#fff;font-size:2rem;font-weight:800;margin:0 0 .5rem}.breakdown-card small{color:#6b7280;font-size:.75rem}.marketing-section{animation:fadeInUp .8s ease .4s both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#14141e99;border:1px solid #ffffff1a;border-radius:24px;margin:0 auto 3rem;max-width:1400px;padding:2rem}.marketing-materials{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:1.5rem 0}.material-box{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:1.5rem}.material-box h3{color:#a0a0b0;font-size:1rem;margin-bottom:1rem}.code-display{align-items:center;background:#0000004d;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:1rem;padding:1rem}.code-display code{color:#4ade80;flex:1 1;font-family:Courier New,monospace;font-size:1rem;word-break:break-all}.code-display button{background:linear-gradient(135deg,#ff4785,#7c3aed);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s;white-space:nowrap}.code-display button:hover{box-shadow:0 8px 24px #ff478566;transform:scale(1.05)}.social-texts{margin-top:2rem}.template-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1.5rem}.template-box{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.template-box strong{color:#ff4785;font-size:.875rem;letter-spacing:1px;text-transform:uppercase}.template-box p{color:#a0a0b0;flex:1 1;font-size:.875rem;line-height:1.6;margin:0}.template-box button{background:linear-gradient(135deg,#3b82f6,#7c3aed);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s}.template-box button:hover{box-shadow:0 8px 24px #3b82f666;transform:scale(1.05)}.achievements-section{animation:fadeInUp .8s ease .5s both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#14141e99;border:1px solid #ffffff1a;border-radius:24px;margin:0 auto 3rem;max-width:1400px;padding:2rem}.badges-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:1.5rem}.badge{align-items:center;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:16px;display:flex;flex-direction:column;gap:.75rem;padding:1.5rem;transition:all .3s}.badge:hover{border-color:#ffd70080;box-shadow:0 12px 40px #ffd7004d;transform:translateY(-4px)}.badge-icon{font-size:3rem}.badge-name{color:#fff;font-size:.875rem;font-weight:600;text-align:center}.badge-bronze{border-color:#cd7f3280}.badge-silver{border-color:#c0c0c080}.badge-gold{border-color:#ffd70080}.badge-platinum{border-color:#e5e4e280}.leaderboard-section{animation:fadeInUp .8s ease .6s both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#14141e99;border:1px solid #ffffff1a;border-radius:24px;margin:0 auto 3rem;max-width:1400px;padding:2rem}.leaderboard-table{border-collapse:initial;border-spacing:0 .5rem;margin-top:1.5rem;width:100%}.leaderboard-table thead tr{background:#ffffff0d}.leaderboard-table th{border-bottom:1px solid #ffffff1a;border-top:1px solid #ffffff1a;color:#a0a0b0;font-size:.875rem;font-weight:600;letter-spacing:1px;padding:1rem;text-align:left;text-transform:uppercase}.leaderboard-table th:first-child{border-bottom-left-radius:12px;border-left:1px solid #ffffff1a;border-top-left-radius:12px}.leaderboard-table th:last-child{border-bottom-right-radius:12px;border-right:1px solid #ffffff1a;border-top-right-radius:12px}.leaderboard-table tbody tr{background:#ffffff08;transition:all .3s}.leaderboard-table tbody tr:hover{background:#ffffff14;transform:scale(1.01)}.leaderboard-table tbody tr.current-user{background:#ff478526;border:1px solid #ff47854d}.leaderboard-table td{border-bottom:1px solid #ffffff0d;border-top:1px solid #ffffff0d;color:#fff;font-size:.875rem;padding:1rem}.leaderboard-table td:first-child{border-bottom-left-radius:12px;border-left:1px solid #ffffff0d;border-top-left-radius:12px;font-size:1.25rem}.leaderboard-table td:last-child{border-bottom-right-radius:12px;border-right:1px solid #ffffff0d;border-top-right-radius:12px;color:#4ade80;font-weight:600}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.referral-dashboard{padding:1rem .5rem}.stats-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-card{padding:1.5rem 1rem}.achievements-section,.commission-breakdown,.leaderboard-section,.marketing-section{padding:1.5rem}.breakdown-cards,.marketing-materials,.template-grid{grid-template-columns:1fr}.badges-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.leaderboard-table{font-size:.75rem}.leaderboard-table td,.leaderboard-table th{padding:.75rem .5rem}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.code-display{align-items:stretch;flex-direction:column}.code-display button{width:100%}.leaderboard-table{display:block;overflow-x:auto;white-space:nowrap}}:root{--bg0:#06070b;--bg1:#0b0f1c;--card:#ffffff0f;--card2:#ffffff14;--stroke:#ffffff1a;--stroke2:#ffffff29;--text:#f6f7fb;--muted:#aab2c5;--a:#7c3aed;--b:#06b6d4;--c:#22c55e;--d:#f43f5e;--shadow:0 30px 80px #0000008c;--shadow2:0 14px 40px #00000073;--r16:16px;--r20:20px;--r24:24px;--r28:28px}*{box-sizing:border-box}body,html{height:100%}body{background:#06070b;background:var(--bg0)}.sp-page{color:#f6f7fb;color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif;min-height:100vh;overflow-x:hidden;padding-bottom:32px;position:relative}.sp-bg{background:radial-gradient(1200px 800px at 20% 10%,#7c3aed38,#0000 60%),radial-gradient(900px 700px at 85% 25%,#06b6d42e,#0000 55%),radial-gradient(1100px 900px at 65% 85%,#22c55e24,#0000 60%),linear-gradient(180deg,#05060a,#070a12 40%,#06070b);inset:0;pointer-events:none;position:fixed;z-index:0}.sp-grid{background-image:linear-gradient(#ffffff0f 1px,#0000 0),linear-gradient(90deg,#ffffff0f 1px,#0000 0);background-size:56px 56px;inset:-2px;-webkit-mask-image:radial-gradient(circle at 35% 10%,#000 35%,#0000 70%);mask-image:radial-gradient(circle at 35% 10%,#000 35%,#0000 70%);opacity:.25}.sp-grid,.sp-orb{position:absolute}.sp-orb{animation:spFloat 18s ease-in-out infinite;border-radius:50%;filter:blur(90px);height:520px;opacity:.22;width:520px}.sp-orbA{background:conic-gradient(from 180deg,#7c3aede6,#06b6d4e6,#f43f5eb3,#7c3aede6);left:-180px;top:-160px}.sp-orbB{animation-delay:-6s;background:conic-gradient(from 90deg,#06b6d4e6,#22c55eb3,#7c3aedb3);right:-220px;top:160px}.sp-orbC{animation-delay:-12s;background:conic-gradient(from 0deg,#22c55ee6,#06b6d4cc,#7c3aed99);bottom:-260px;left:30%}@keyframes spFloat{0%,to{transform:translateZ(0) scale(1)}33%{transform:translate3d(40px,-30px,0) scale(1.05)}66%{transform:translate3d(-30px,30px,0) scale(.98)}}.sp-noise{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23a)' opacity='.55' d='M0 0h120v120H0z'/%3E%3C/svg%3E");inset:0;mix-blend-mode:overlay;opacity:.12;position:absolute}.sp-shell{margin:0 auto;max-width:1160px;padding:18px 16px;position:relative;z-index:1}.sp-topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#070a12c7;border-bottom:1px solid #ffffff14;gap:12px;justify-content:space-between;padding:14px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:50}.sp-topbar,.sp-topbarTitle{align-items:center;display:flex}.sp-topbarTitle{flex:1 1;flex-direction:column;gap:6px}.sp-pill{align-items:center;background:linear-gradient(135deg,#7c3aed40,#06b6d42e);border:1px solid #ffffff1a;border-radius:999px;box-shadow:0 12px 30px #0000004d;display:inline-flex;font-weight:800;gap:8px;letter-spacing:.2px;padding:8px 12px}.sp-pill i{color:#ffffffe6}.sp-subtitle{color:#aab2c5;color:var(--muted);font-size:.86rem;text-align:center}.sp-topbarActions{align-items:center;display:flex;gap:10px}.sp-iconBtn{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:14px;color:#f6f7fb;color:var(--text);cursor:pointer;display:grid;height:44px;place-items:center;transition:transform .18s ease,background .18s ease,border-color .18s ease;width:44px}.sp-iconBtn:hover{background:#ffffff17;border-color:#ffffff2e;transform:translateY(-1px)}.sp-loading{grid-gap:12px;color:#aab2c5;color:var(--muted);display:grid;gap:12px;min-height:70vh;place-items:center;text-align:center}.sp-loader{display:flex;gap:10px}.sp-loader span{animation:spBounce 1.1s ease-in-out infinite;background:linear-gradient(135deg,#7c3aed,#06b6d4);background:linear-gradient(135deg,var(--a),var(--b));border-radius:50%;box-shadow:0 12px 30px #00000059;height:10px;width:10px}.sp-loader span:nth-child(2){animation-delay:.12s;background:linear-gradient(135deg,#06b6d4,#22c55e);background:linear-gradient(135deg,var(--b),var(--c))}.sp-loader span:nth-child(3){animation-delay:.24s;background:linear-gradient(135deg,#22c55e,#f43f5e);background:linear-gradient(135deg,var(--c),var(--d))}@keyframes spBounce{0%,to{opacity:.55;transform:translateY(0)}50%{opacity:1;transform:translateY(-12px)}}.sp-hero{padding-top:8px}.sp-heroGlass{grid-gap:16px;background:radial-gradient(900px 400px at 20% 10%,#7c3aed33,#0000 60%),radial-gradient(900px 400px at 90% 50%,#06b6d429,#0000 55%),linear-gradient(180deg,#ffffff14,#ffffff0a);border:1px solid #ffffff1f;border-radius:28px;border-radius:var(--r28);box-shadow:0 30px 80px #0000008c;box-shadow:var(--shadow);display:grid;gap:16px;grid-template-columns:1fr;overflow:hidden;padding:18px;position:relative}.sp-heroLeft{align-items:center;display:flex;gap:16px}.sp-avatar{flex:0 0 auto;height:84px;position:relative;width:84px}.sp-avatarRing{animation:spSpin 3.2s linear infinite;background:conic-gradient(from 180deg,#7c3aedf2,#06b6d4f2,#22c55ed9,#f43f5ed9,#7c3aedf2);border-radius:50%;filter:blur(.2px);inset:-7px;opacity:.95;position:absolute}@keyframes spSpin{to{transform:rotate(1turn)}}.sp-avatarCore{background:radial-gradient(circle at 30% 30%,#ffffff29,#ffffff0f),linear-gradient(135deg,#0a0c12e6,#0a0c12b3);border:1px solid #ffffff24;border-radius:50%;box-shadow:0 18px 40px #00000073;font-size:1.6rem;font-weight:900;inset:0;place-items:center}.sp-avatarCore,.sp-verified{display:grid;position:absolute}.sp-verified{background:linear-gradient(135deg,#22c55e,#06b6d4e6);border:2px solid #070a12e6;border-radius:12px;bottom:-6px;box-shadow:0 14px 30px #22c55e40;color:#08110d;height:30px;place-items:center;right:-6px;width:30px}.sp-heroText{min-width:0}.sp-name{font-size:1.35rem;letter-spacing:.2px;line-height:1.15;margin:0 0 8px}.sp-metaRow{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.sp-chip{align-items:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px;color:#ffffffe6;display:inline-flex;font-size:.9rem;gap:8px;max-width:100%;padding:10px 12px}.sp-chip i{color:#ffffffd9}.sp-chipSoft{background:#ffffff0a;color:#aab2c5;color:var(--muted)}.sp-ctaRow{display:flex;flex-wrap:wrap;gap:10px}.sp-heroRight{background:#ffffff0a;border:1px solid #ffffff14;border-radius:24px;border-radius:var(--r24);overflow:hidden;padding:14px;position:relative}.sp-sheen{animation:spSheen 6s ease-in-out infinite;background:linear-gradient(120deg,#0000 40%,#ffffff1a 50%,#0000 60%);inset:-40%;opacity:.7;position:absolute;transform:rotate(12deg)}@keyframes spSheen{0%,to{transform:translateX(-20%) rotate(12deg)}50%{transform:translateX(20%) rotate(12deg)}}.sp-metrics{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr;position:relative;z-index:1}.sp-metricCard{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:18px;box-shadow:0 14px 40px #00000073;box-shadow:var(--shadow2);display:flex;gap:12px;padding:14px 12px}.sp-metricIcon{border-radius:16px;box-shadow:0 16px 36px #00000059;color:#fff;display:grid;height:44px;place-items:center;width:44px}.sp-iA{background:linear-gradient(135deg,#7c3aed,#06b6d4e6)}.sp-iB{background:linear-gradient(135deg,#f43f5e,#7c3aede6)}.sp-iC{background:linear-gradient(135deg,#22c55e,#06b6d4e6)}.sp-metricValue{font-size:1.1rem;font-weight:900;letter-spacing:.2px}.sp-metricLabel{color:#aab2c5;color:var(--muted);font-size:.82rem;font-weight:700;margin-top:2px}.sp-tabs{display:flex;gap:10px;margin-top:16px;overflow-x:auto;padding:10px 2px 4px;scrollbar-width:none}.sp-tabs::-webkit-scrollbar{display:none}.sp-tab{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;color:#ffffffe0;cursor:pointer;display:flex;flex:0 0 auto;font-weight:800;gap:10px;padding:12px 14px;position:relative;transition:transform .16s ease,background .16s ease,border-color .16s ease}.sp-tab:hover{background:#ffffff14;border-color:#ffffff29;transform:translateY(-1px)}.sp-tab.is-active{background:linear-gradient(135deg,#7c3aed8c,#06b6d459);border-color:#ffffff2e;box-shadow:0 18px 44px #7c3aed2e}.sp-tabBadge{background:#ffffff29;border-radius:999px;display:grid;font-size:.75rem;height:22px;margin-left:4px;min-width:22px;padding:0 7px;place-items:center}.sp-content{margin-top:14px}.sp-grid2{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr}.sp-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;border-radius:var(--r24);box-shadow:0 14px 40px #00000073;box-shadow:var(--shadow2);overflow:hidden;padding:16px;position:relative}.sp-card:before{background:linear-gradient(90deg,#7c3aed,#06b6d4,#22c55e,#f43f5e);content:"";height:3px;left:0;opacity:.55;position:absolute;right:0;top:0}.sp-cardHead{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.sp-cardHead h3{align-items:center;display:flex;font-size:1.05rem;gap:10px;letter-spacing:.2px;margin:0}.sp-cardHead h3 i{color:#ffffffe6}.sp-headRow{align-items:center;flex-direction:row;justify-content:space-between}.sp-headActions{align-items:center;display:flex;gap:10px}.sp-countPill{align-items:center;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;display:inline-flex;font-weight:900;height:28px;justify-content:center;min-width:32px;padding:0 10px}.sp-muted{font-size:.92rem;line-height:1.5;margin:0}.sp-muted,.sp-mutedSmall{color:#aab2c5;color:var(--muted)}.sp-mutedSmall{font-size:.85rem}.sp-kv{grid-gap:10px;display:grid;gap:10px}.sp-kv2{margin-top:4px}.sp-kvRow{align-items:flex-start;background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;display:flex;gap:12px;justify-content:space-between;padding:12px}.sp-k{color:#aab2c5;color:var(--muted);font-size:.85rem}.sp-k,.sp-v{font-weight:800}.sp-v{color:#ffffffeb;text-align:right;word-break:break-word}.sp-divider{background:#ffffff1a;height:1px;margin:14px 0}.sp-actionsRow{display:flex;flex-wrap:wrap;gap:10px}.sp-bars{gap:12px}.sp-barItem,.sp-bars{display:flex;flex-direction:column}.sp-barItem{gap:8px}.sp-barTop{align-items:center;color:#ffffffeb;display:flex;justify-content:space-between}.sp-barTop span{color:#aab2c5;color:var(--muted);font-weight:800}.sp-barTop b{font-weight:900}.sp-barTrack{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px;height:12px;overflow:hidden}.sp-barFill{border-radius:999px;height:100%;transition:width .7s ease}.sp-fillA{background:linear-gradient(90deg,#7c3aed,#06b6d4)}.sp-fillB{background:linear-gradient(90deg,#f43f5e,#7c3aed)}.sp-fillC{background:linear-gradient(90deg,#22c55e,#06b6d4)}.sp-btn{align-items:center;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:16px;color:#fffffff2;cursor:pointer;display:inline-flex;font-weight:900;gap:10px;justify-content:center;padding:12px 14px;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease}.sp-btn:hover{background:#ffffff17;border-color:#ffffff2e;transform:translateY(-1px)}.sp-btnPrimary{background:linear-gradient(135deg,#7c3aed,#06b6d4eb);border-color:#ffffff29;box-shadow:0 18px 44px #06b6d41a,0 18px 44px #7c3aed2e}.sp-btnPrimary:hover{box-shadow:0 24px 60px #06b6d41f,0 24px 60px #7c3aed38}.sp-btnGhost{background:#ffffff0d}.sp-btnDanger{background:linear-gradient(135deg,#f43f5e,#ef4444eb);border-color:#ffffff24;box-shadow:0 20px 55px #f43f5e2e}.sp-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.sp-badge{align-items:center;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;display:inline-flex;font-size:.85rem;font-weight:900;gap:8px;padding:8px 10px}.sp-badgeGood{background:#22c55e1a;border-color:#22c55e3d;color:#e9fff4f2}.sp-badgeSoft{font-size:.82rem;text-transform:capitalize}.sp-badge-approved,.sp-badge-completed{background:#22c55e1a;border-color:#22c55e3d}.sp-badge-pending,.sp-badge-processing{background:#fbbf241a;border-color:#fbbf2438}.sp-badge-cancelled{background:#f43f5e1a;border-color:#f43f5e38}.sp-list{display:flex;flex-direction:column;gap:12px}.sp-item{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:18px;padding:14px;transition:transform .16s ease,background .16s ease,border-color .16s ease}.sp-item:hover{background:#ffffff0f;border-color:#ffffff29;transform:translateY(-2px)}.sp-itemTop{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.sp-itemTitle h4{font-size:1rem;letter-spacing:.2px;margin:0}.sp-itemSubtitle{color:#ffffffeb;font-weight:900;margin-top:8px}.sp-itemText{color:#ffffffc7;line-height:1.6;margin:8px 0 0}.sp-itemMeta{color:#aab2c5;color:var(--muted);display:flex;flex-wrap:wrap;font-size:.85rem;font-weight:800;gap:10px;margin-top:10px}.sp-itemMeta i{color:#ffffffbf}.sp-itemMeta2{color:#aab2c5;color:var(--muted);flex-wrap:wrap;font-size:.85rem;font-weight:800;gap:10px}.sp-itemMeta2,.sp-stars{display:flex;margin-top:6px}.sp-stars{color:#ffffff40;gap:4px}.sp-stars .is-on{color:#fbbf24}.sp-linkBtn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:14px;color:#ffffffeb;display:inline-flex;font-weight:900;gap:10px;margin-top:12px;padding:10px 12px;text-decoration:none;transition:transform .16s ease,background .16s ease,border-color .16s ease}.sp-linkBtn:hover{background:#ffffff14;border-color:#ffffff2e;transform:translateY(-1px)}.sp-form{gap:12px}.sp-field,.sp-form{display:flex;flex-direction:column}.sp-field{gap:8px}.sp-field label{align-items:center;color:#ffffffe6;display:flex;font-size:.92rem;font-weight:900;gap:10px}.sp-field input{background:#00000040;border:1px solid #ffffff1f;border-radius:16px;color:#ffffffeb;outline:none;padding:13px 14px;transition:box-shadow .16s ease,border-color .16s ease,background .16s ease;width:100%}.sp-field input::placeholder{color:#aab2c5a6}.sp-field input:focus{background:#0000002e;border-color:#06b6d459;box-shadow:0 0 0 4px #06b6d424}.sp-formActions{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}.sp-empty{grid-gap:10px;display:grid;gap:10px;min-height:70vh;place-items:center;text-align:center}.sp-emptyIcon{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:24px;box-shadow:0 14px 40px #00000073;box-shadow:var(--shadow2);display:grid;font-size:2rem;height:84px;place-items:center;width:84px}.sp-empty p{color:#aab2c5;color:var(--muted)}.sp-emptySmall{padding:22px 10px;text-align:center}.sp-emptySmallIcon{background:linear-gradient(135deg,#7c3aed59,#06b6d438);border:1px solid #ffffff1f;border-radius:22px;box-shadow:0 14px 40px #00000073;box-shadow:var(--shadow2);display:grid;font-size:1.7rem;height:74px;margin:0 auto 10px;place-items:center;width:74px}.sp-cardDanger{border-color:#f43f5e38}.sp-dangerNote{align-items:flex-start;background:#f43f5e14;border:1px solid #f43f5e2e;border-radius:18px;display:flex;gap:12px;margin-bottom:12px;padding:12px}.sp-dangerNote i{color:#f43f5ef2;margin-top:2px}.sp-modalBackdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000bf;display:grid;inset:0;padding:16px;place-items:center;position:fixed;z-index:9999}.sp-modal{background:radial-gradient(900px 400px at 20% 0,#f43f5e2e,#0000 60%),linear-gradient(180deg,#ffffff14,#ffffff0a);border:1px solid #ffffff24;border-radius:26px;box-shadow:0 30px 80px #0000008c;box-shadow:var(--shadow);padding:18px;width:min(520px,100%)}.sp-modalIcon{background:linear-gradient(135deg,#f43f5e,#7c3aede6);border-radius:22px;box-shadow:0 22px 60px #f43f5e2e;display:grid;font-size:1.7rem;height:72px;margin:0 auto 10px;place-items:center;width:72px}.sp-modal h3{font-size:1.25rem;margin:6px 0;text-align:center}.sp-modal .sp-muted{margin-bottom:10px;text-align:center}.sp-modalActions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:12px}@media (min-width:768px){.sp-shell{padding:22px 20px}.sp-topbarTitle{align-items:flex-start}.sp-subtitle{text-align:left}.sp-heroGlass{gap:18px;grid-template-columns:1.35fr .95fr;padding:20px}.sp-avatar{height:96px;width:96px}.sp-avatarCore{font-size:1.9rem}.sp-name{font-size:1.7rem}.sp-metrics{grid-template-columns:1fr}.sp-grid2{gap:16px;grid-template-columns:1fr 1fr}.sp-tabs{display:grid;grid-template-columns:repeat(4,1fr);overflow:visible}.sp-tab{justify-content:center}}@media (min-width:1024px){.sp-heroGlass{padding:22px}.sp-card{padding:18px}.sp-metricValue{font-size:1.2rem}}.data-export-page{background:linear-gradient(135deg,#667eea,#764ba2);margin-top:60px;min-height:100vh;padding:40px 20px}.export-container{background:#fff;border-radius:15px;box-shadow:0 10px 40px #0000001a;margin:0 auto;max-width:800px;padding:40px}.export-container h1{color:#333;font-size:2.5em;margin-bottom:10px}.subtitle{color:#666;font-size:1.1em}.export-tabs{border-bottom:2px solid #eee;display:flex;gap:10px;margin-bottom:30px}.tab-btn{background:none;border:none;border-bottom:3px solid #0000;color:#999;font-size:1em;font-weight:500}.tab-btn:hover{color:#667eea}.tab-btn.active{border-bottom-color:#667eea;color:#667eea}.export-form{gap:25px}.export-form,.form-group{display:flex;flex-direction:column}.form-group{gap:10px}.form-group label{color:#333;font-size:1.05em}.checkbox-group,.format-options{display:flex;flex-direction:column;gap:12px}.checkbox-option,.radio-option{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:10px;transition:background .3s ease}.checkbox-option:hover,.radio-option:hover{background:#f5f5f5}.checkbox-option input[type=checkbox],.radio-option input[type=radio]{accent-color:#667eea;cursor:pointer;height:18px;width:18px}.checkbox-option span,.radio-option span{color:#333;font-size:1em}.form-control{border:2px solid #ddd;border-radius:8px;font-size:1em;padding:12px;transition:border .3s ease}.form-control:focus{border-color:#667eea;outline:none}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;cursor:pointer;font-size:1.05em;font-weight:600;margin-top:10px;padding:14px 28px;transition:transform .2s ease,box-shadow .2s ease}.btn-primary:hover:not(:disabled){box-shadow:0 8px 20px #667eea4d;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-small{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9em;font-weight:500;padding:8px 16px;transition:background .3s ease}.btn-small:hover{background:#764ba2}.btn-link{background:none;border:none;color:#667eea;cursor:pointer;font-size:1em;padding:0;text-decoration:underline}.btn-link:hover{color:#764ba2}.info-box{background:#f0f4ff;border-left:4px solid #667eea;border-radius:8px;margin-top:15px;padding:15px}.info-box p{color:#555;font-size:.95em;margin:5px 0}.info-box p:first-child{margin-top:0}.info-box p:last-child{margin-bottom:0}.export-history-table{overflow-x:auto}.export-history-table table{border-collapse:collapse;margin-top:10px;width:100%}.export-history-table thead{background:#f5f5f5}.export-history-table th{border-bottom:2px solid #ddd;color:#333;font-weight:600;padding:12px;text-align:left}.export-history-table td{border-bottom:1px solid #eee;color:#666;padding:12px}.export-history-table tbody tr:hover{background:#f9f9f9}.badge{background:#e8e8ff;color:#667eea}.badge,.status-badge{font-size:.85em;padding:6px 12px}.status-badge.pending{background:#fff4e6;color:#ff9800}.status-badge.completed{background:#e8f5e9;color:#4caf50}.status-badge.failed{background:#ffebee;color:#f44336}.empty-state p{color:#999;margin-bottom:20px}.loading{color:#667eea;font-weight:500;padding:40px}.export-section{animation:fadeIn .3s ease}@media (max-width:768px){.export-container{padding:20px}.export-container h1{font-size:1.8em}.export-tabs{flex-wrap:wrap}.tab-btn{padding:10px 15px}.export-history-table,.tab-btn{font-size:.9em}.export-history-table td,.export-history-table th{padding:8px}}.user-level-page-redesign{padding-bottom:60px}.level-page-loading,.user-level-page-redesign{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.level-page-loading{align-items:center;display:flex;justify-content:center}.loader-container{text-align:center}.loader-ring{animation:spin 1s linear infinite;border:8px solid #fff3;border-radius:50%;border-top-color:#fff;display:inline-block;height:80px;width:80px}.loader-ring:nth-child(2){animation-duration:1.5s;height:60px;margin:10px;position:absolute;width:60px}.loader-ring:nth-child(3){animation-duration:2s;height:40px;margin:20px;position:absolute;width:40px}.loader-text{color:#fff;display:block;font-size:18px;font-weight:600;margin-top:20px}.level-page-error{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh}.error-content{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;padding:40px;text-align:center}.error-icon{display:block;font-size:64px;margin-bottom:20px}.error-content h2{color:#1f2937;margin:0 0 10px}.error-content p{color:#6b7280;margin-bottom:30px}.retry-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 30px;transition:transform .2s}.retry-btn:hover{transform:translateY(-2px)}.level-hero{overflow:hidden;padding:80px 20px 100px;position:relative}.hero-background{bottom:0;left:0;position:absolute;right:0;top:0}.hero-gradient{background:radial-gradient(circle at 30% 50%,#667eea4d 0,#0000 50%),radial-gradient(circle at 70% 50%,#764ba24d 0,#0000 50%)}.hero-gradient,.hero-particles{height:100%;position:absolute;width:100%}.hero-particles{overflow:hidden}.particle{animation:float 3s ease-in-out infinite;background:#fff9;border-radius:50%;height:4px;position:absolute;width:4px}.hero-content{position:relative;text-align:center;z-index:2}.level-badge-hero{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff26;border:2px solid #ffffff4d;border-radius:100px;box-shadow:0 8px 32px #0000001a;display:inline-flex;gap:20px;margin-bottom:30px;padding:20px 40px;position:relative}.badge-glow{animation:pulse 2s infinite;background:var(--level-color);border-radius:100px;filter:blur(30px);height:120%;left:50%;opacity:.3;position:absolute;top:50%;transform:translate(-50%,-50%);width:120%}.level-icon-hero{font-size:60px;position:relative;z-index:1}.badge-text{align-items:flex-start;display:flex;flex-direction:column;position:relative;z-index:1}.badge-label{font-size:14px;font-weight:600;letter-spacing:2px;opacity:.9}.badge-number{font-size:36px;font-weight:800}.hero-title{color:#fff;font-size:48px;font-weight:800;margin:0 0 15px;text-shadow:0 4px 20px #0003}.hero-subtitle{color:#ffffffe6;font-size:20px;font-weight:500;margin:0}.level-content-wrapper{margin:-50px auto 0;max-width:1200px;padding:0 20px;position:relative;z-index:3}.progress-card-modern{background:#fff;border-radius:24px;box-shadow:0 20px 60px #00000026;margin-bottom:30px;padding:40px}.progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.progress-header h3{color:#1f2937;font-size:24px;margin:0 0 5px}.progress-header p{color:#6b7280;font-size:14px;margin:0}.progress-percentage{height:100px;position:relative;width:100px}.circular-chart{display:block;max-height:100%;max-width:100%}.circle-bg{stroke:#f3f4f6}.circle,.circle-bg{fill:none;stroke-width:3.8}.circle{stroke-linecap:round;stroke:url(#gradient);animation:progress 1s ease-out forwards}.percentage{fill:#1f2937;text-anchor:middle;font-size:.5em;font-weight:700}@keyframes progress{0%{stroke-dasharray:0 100}}.progress-bar-modern{background:#f3f4f6;height:16px;margin-bottom:25px}.progress-bar-modern,.progress-fill-modern{border-radius:100px;overflow:hidden;position:relative}.progress-fill-modern{background:linear-gradient(90deg,#667eea,#764ba2);height:100%;transition:width 1s ease-out}.progress-shine{animation:shine 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shine{to{left:200%}}.xp-details{align-items:center;display:flex;justify-content:space-around;margin-bottom:20px}.xp-current,.xp-needed{text-align:center}.xp-label{color:#6b7280;display:block;font-size:14px;margin-bottom:5px}.xp-value{color:#1f2937;display:block;font-size:28px;font-weight:800}.xp-divider{background:#e5e7eb;height:40px;width:2px}.xp-remaining{background:linear-gradient(135deg,#667eea20,#764ba220);border-radius:12px;color:#764ba2;font-weight:600;padding:15px 20px;text-align:center}.remaining-icon{margin-right:8px}.benefits-section-modern{margin-bottom:30px}.section-title{align-items:center;color:#fff;display:flex;font-size:28px;font-weight:800;gap:12px;margin:0 0 25px}.title-icon{font-size:32px}.benefits-grid-modern{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.benefit-card-modern{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;overflow:hidden;padding:30px;position:relative;transition:transform .3s,box-shadow .3s}.benefit-card-modern:before{background:linear-gradient(90deg,var(--card-color-1),var(--card-color-2));content:"";height:4px;left:0;position:absolute;right:0;top:0}.benefit-card-modern.discount{--card-color-1:#10b981;--card-color-2:#34d399}.benefit-card-modern.multiplier{--card-color-1:#f59e0b;--card-color-2:#fbbf24}.benefit-card-modern.support{--card-color-1:#3b82f6;--card-color-2:#60a5fa}.benefit-card-modern.exclusive{--card-color-1:#8b5cf6;--card-color-2:#a78bfa}.benefit-card-modern:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-5px)}.benefit-icon-wrapper{align-items:center;background:linear-gradient(135deg,var(--card-color-1),var(--card-color-2));border-radius:15px;display:flex;height:60px;justify-content:center;margin-bottom:20px;width:60px}.benefit-icon-modern{font-size:32px}.benefit-content h4{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 10px}.benefit-value-large{color:#1f2937;display:block;font-size:36px;font-weight:800;margin-bottom:5px}.benefit-desc{color:#6b7280;font-size:14px;margin:0}.benefit-badge{background:linear-gradient(135deg,var(--card-color-1),var(--card-color-2));border-radius:20px;color:#fff;font-size:12px;font-weight:600;padding:5px 12px;position:absolute;right:15px;top:15px}.next-level-card{background:#fff;border:3px solid #fbbf24;border-radius:24px;box-shadow:0 20px 60px #00000026;margin-bottom:30px;overflow:hidden;padding:35px;position:relative}.next-level-card:before{background:radial-gradient(circle,#fbbf241a 0,#0000 70%);content:"";height:200%;position:absolute;right:-50%;top:-50%;width:200%}.next-level-header{align-items:center;display:flex;gap:20px;margin-bottom:25px;position:relative;z-index:1}.next-level-icon{font-size:50px}.next-level-header h3{color:#1f2937;font-size:24px;margin:0 0 5px}.next-level-header p{color:#6b7280;margin:0}.next-level-benefits{grid-gap:15px;display:grid;gap:15px;position:relative;z-index:1}.next-benefit-item{align-items:center;background:#f9fafb;border-radius:12px;display:flex;gap:15px;padding:20px}.next-benefit-icon{font-size:32px}.next-benefit-text{flex:1 1}.next-benefit-label{color:#6b7280;display:block;font-size:14px;margin-bottom:5px}.next-benefit-upgrade{align-items:center;color:#1f2937;display:flex;font-size:20px;font-weight:700;gap:8px}.upgrade-arrow{color:#10b981;font-size:24px}.levels-roadmap-section{margin-bottom:30px}.levels-roadmap{background:#fff;border-radius:24px;box-shadow:0 20px 60px #00000026;padding:40px}.roadmap-item{align-items:center;background:#f9fafb;border-radius:16px;display:flex;margin-bottom:20px;padding:25px;position:relative;transition:all .3s}.roadmap-item.achieved{background:linear-gradient(135deg,#667eea1a,#764ba21a)}.roadmap-item.current{background:linear-gradient(135deg,var(--level-color),var(--level-color));box-shadow:0 10px 30px #0003;color:#fff;transform:scale(1.02)}.current-level-pulse{animation:pulse-border 2s infinite;border:2px solid var(--level-color);border-radius:16px;bottom:0;left:0;position:absolute;right:0;top:0}@keyframes pulse-border{0%,to{opacity:1;transform:scale(1)}50%{opacity:0;transform:scale(1.05)}}.roadmap-item.locked{opacity:.5}.roadmap-connector{height:20px;left:45px;position:absolute;top:100%;width:4px}.connector-line{background:#e5e7eb;height:100%;width:100%}.connector-line.completed{background:linear-gradient(180deg,#667eea,#764ba2)}.roadmap-content{align-items:center;display:flex;gap:20px;width:100%}.roadmap-icon-wrapper{align-items:center;background:#fff;border-radius:16px;box-shadow:0 4px 15px #0000001a;display:flex;height:70px;justify-content:center;position:relative;width:70px}.roadmap-item.current .roadmap-icon-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3}.roadmap-icon{font-size:36px}.achievement-check{align-items:center;background:#10b981;border:3px solid #fff;border-radius:50%;bottom:-5px;color:#fff;display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;position:absolute;right:-5px;width:24px}.roadmap-info{flex:1 1}.roadmap-info h4{font-size:20px;font-weight:700;margin:0 0 10px}.roadmap-item.current h4{color:#fff}.roadmap-stats{display:flex;gap:15px;margin-bottom:5px}.roadmap-stat{color:#6b7280;font-size:14px;font-weight:600}.roadmap-item.current .roadmap-stat{color:#ffffffe6}.roadmap-xp{color:#9ca3af;font-size:13px}.roadmap-item.current .roadmap-xp{color:#fffc}.xp-guide-modern{margin-bottom:30px}.xp-methods-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.xp-method-card{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;padding:30px;text-align:center;transition:transform .3s}.xp-method-card:hover{transform:translateY(-5px)}.method-icon-bg{align-items:center;border-radius:20px;display:flex;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.method-icon-bg.purchase{background:linear-gradient(135deg,#10b981,#34d399)}.method-icon-bg.review{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.method-icon-bg.referral{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.method-icon-bg.bonus{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.method-icon{font-size:40px}.xp-method-card h4{color:#1f2937;font-size:18px;margin:0 0 10px}.method-value{color:#667eea;font-size:24px;font-weight:800;margin:0 0 10px}.method-desc{color:#6b7280;font-size:14px;margin:0}.achievements-modern{margin-bottom:30px}.achievements-grid-modern{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.achievement-card{background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001a;overflow:hidden;padding:25px;position:relative;text-align:center;transition:transform .3s}.achievement-card:hover{transform:translateY(-5px)}.achievement-glow{background:radial-gradient(circle,#fbbf2433 0,#0000 70%);height:200%;left:-50%;position:absolute;top:-50%;width:200%}.achievement-icon-modern{display:block;font-size:48px;margin-bottom:15px;position:relative;z-index:1}.achievement-card h4{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 10px;position:relative;z-index:1}.achievement-date{color:#6b7280;font-size:12px;position:relative;z-index:1}.no-achievements-card{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;padding:60px 40px;text-align:center}.no-achievements-icon{display:block;font-size:80px;margin-bottom:20px;opacity:.5}.no-achievements-card h3{color:#1f2937;margin:0 0 10px}.no-achievements-card p{color:#6b7280;margin:0}@media (max-width:768px){.hero-title{font-size:32px}.hero-subtitle{font-size:16px}.level-badge-hero{gap:15px;padding:15px 30px}.level-icon-hero{font-size:40px}.badge-number{font-size:28px}.levels-roadmap,.next-level-card,.progress-card-modern{padding:25px}.progress-header{align-items:flex-start;flex-direction:column;gap:20px}.benefits-grid-modern,.xp-methods-grid{grid-template-columns:1fr}.achievements-grid-modern{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.activity-feed-page{background:linear-gradient(135deg,#0f0f1e,#1a1a2e 50%,#16213e);background-attachment:fixed;margin-top:60px;min-height:100vh;padding:40px 20px}.feed-container{margin:0 auto;max-width:700px}.feed-container h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#ec4899);-webkit-background-clip:text;color:#fff;font-size:2.3em;margin-bottom:10px}.subtitle{color:#fffc;font-size:1rem;margin-bottom:30px}.feed-tabs{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#6366f11a,#a855f70d);border:1px solid #6366f133;border-radius:12px;display:flex;gap:10px;margin-bottom:30px;padding:10px}.tab-btn{background:#6366f11a;border:1px solid #0000;border-radius:8px;color:#ffffffb3;cursor:pointer;flex:1 1;font-size:.95em;font-weight:600;padding:12px 20px;transition:all .3s ease}.tab-btn:hover{background:#6366f126;color:#fff}.tab-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#fff3;color:#fff;transform:scale(1.05)}.activities-list{gap:15px}.activity-item{animation:slideIn .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#6366f11a,#a855f70d);border:1px solid #6366f133;border-radius:12px;box-shadow:0 4px 15px #0000004d;color:#fff;padding:20px;transition:all .3s ease}.activity-item:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.activity-header{gap:15px}.activity-user-info{display:flex;flex:1 1;gap:12px}.activity-emoji{flex-shrink:0;font-size:2em}.activity-text h3{color:#333;font-size:1.1em;margin:0 0 5px}.activity-text p{color:#666;font-size:.95em;margin:0}.activity-time{color:#999;font-size:.85em;white-space:nowrap}.activity-engagement{border-top:1px solid #eee;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px;padding-top:15px}.engagement-btn{background:#f0f0f0;border:none;border-radius:20px;color:#333;cursor:pointer;font-size:.9em;font-weight:500;padding:8px 14px;transition:all .3s ease}.engagement-btn:hover{transform:scale(1.05)}.like-btn:hover{background:#fce4ec;color:#e91e63}.comment-btn:hover{background:#e3f2fd;color:#2196f3}.follow-btn:hover{background:#f3e5f5;color:#9c27b0}.comments-preview{background:#f9f9f9;border-radius:8px;margin-top:10px;padding:12px}.comment-item{border-bottom:1px solid #eee;margin-bottom:10px;padding-bottom:10px}.comment-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.comment-item strong{color:#667eea}.comment-item p{color:#666;font-size:.9em;margin:5px 0 0}.more-comments{color:#999;font-size:.85em;font-style:italic;margin:5px 0 0}.pagination{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;display:flex;gap:15px;justify-content:center;margin-top:30px;padding:20px}.pagination-btn{background:#fff;border:none;border-radius:8px;color:#667eea;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.pagination-btn:hover:not(:disabled){box-shadow:0 5px 15px #0000001a;transform:translateY(-2px)}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.page-info{color:#fff;font-size:1em;font-weight:600}.loading{color:#fff;font-size:1.2em;padding:60px 20px;text-align:center}.empty-state{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px}.empty-state p{color:#fff;font-size:1.1em;margin:10px 0}.empty-state p:first-child{font-size:1.3em;font-weight:600}@media (max-width:768px){.activity-feed-page{padding:20px 10px}.feed-container h1{font-size:2em}.feed-tabs{flex-direction:column}.tab-btn{padding:10px}.activity-header{flex-direction:column}.activity-time{align-self:flex-start}.activity-engagement{gap:8px}.engagement-btn{font-size:.85em;padding:6px 12px}}@media (max-width:480px){.feed-tabs{gap:5px}.tab-btn{font-size:.8em;padding:8px 12px}.activity-item{padding:15px}.activity-emoji{font-size:1.5em}.activity-text h3{font-size:1em}.activity-text p{font-size:.9em}.engagement-btn{font-size:.8em;padding:6px 10px}.pagination{flex-direction:column;gap:10px}.pagination-btn{width:100%}}.messaging-page{background:linear-gradient(135deg,#0f0f1e,#1a1a2e 50%,#16213e);background-attachment:fixed;margin-top:60px;min-height:100vh;padding:60px 20px 20px}.messaging-container{background:linear-gradient(135deg,#6366f114,#a855f70d);border:1px solid #6366f133;border-radius:16px;box-shadow:0 10px 40px #0006;display:flex;gap:20px;height:calc(100vh - 140px);margin:0 auto;max-width:1200px;overflow:hidden}.conversations-sidebar{background:linear-gradient(135deg,#6366f11a,#a855f70d);border-right:1px solid #6366f133;color:#fff;display:flex;flex-direction:column;width:300px}.sidebar-header{align-items:center;border-bottom:1px solid #6366f133;display:flex;justify-content:space-between;padding:20px}.sidebar-header h2{color:#fff;font-size:1.2em;margin:0}.unread-badge{align-items:center;background:linear-gradient(135deg,#ec4899,#f97316);border-radius:50%;color:#fff;display:inline-block;display:flex;font-size:.9em;font-weight:700;height:28px;justify-content:center;width:28px}.new-conversation-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin:10px;padding:12px 20px;transition:all .3s ease}.new-conversation-btn:hover{background:linear-gradient(135deg,#7c8dff,#8b5cf6);box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.new-conversation-form{border-bottom:2px solid #6366f14d;display:flex;flex-direction:column;gap:10px;padding:15px}.form-input{border:1px solid #ddd;border-radius:6px;font-size:.95em;padding:10px;transition:border .3s ease}.form-input:focus{border-color:#667eea;outline:none}.checkbox-label{color:#333;font-size:.95em;gap:8px}.checkbox-label input{accent-color:#667eea;cursor:pointer}.form-submit{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px;transition:background .3s ease}.form-submit:hover{background:#764ba2}.form-cancel{background:#f0f0f0;border:none;border-radius:6px;color:#333;cursor:pointer;padding:8px;transition:background .3s ease}.form-cancel:hover{background:#e0e0e0}.conversations-list{padding:0}.empty-message{color:#999;margin:0;padding:40px 20px;text-align:center}.conversation-item{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:12px 15px;transition:all .2s ease}.conversation-item:hover{background:#f0f0f0}.conversation-item.active{background:#e8e8ff;border-left:4px solid #667eea}.conversation-item.closed{opacity:.6}.conversation-info{flex:1 1;min-width:0}.conversation-info h4{color:#333;font-size:.95em;font-weight:600;margin:0 0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.last-message{color:#999;font-size:.85em;margin:0;white-space:nowrap}.conversation-meta{align-items:center;display:flex;gap:8px;margin-left:10px}.status-dot{border-radius:50%;height:10px;width:10px}.unread-count{background:#f44336;border-radius:12px;color:#fff;font-size:.75em;font-weight:700;padding:2px 8px}.chat-area{background:#fff;display:flex;flex:1 1;flex-direction:column}.no-selection{flex:1 1}.no-selection-content{color:#999;text-align:center}.no-selection-content .emoji{display:block;font-size:3em;margin-bottom:10px}.no-selection-content h2{color:#333;margin-bottom:10px}.chat-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:20px}.chat-header h3{color:#333;font-size:1.1em;margin:0 0 8px}.status-badge{border-radius:12px;font-size:.8em}.status-badge.open{background:#4caf50}.status-badge.in-progress{background:#ff9800}.status-badge.resolved{background:#2196f3}.status-badge.closed{background:#999}.close-btn{background:#f44336;border-radius:6px;color:#fff;font-weight:600;padding:8px 12px}.close-btn:hover{background:#d32f2f;transform:scale(1.05)}.messages-container{background:#fff;display:flex;flex:1 1;flex-direction:column;gap:15px;overflow-y:auto;padding:20px}.empty-messages,.loading{align-items:center;color:#999;display:flex;flex:1 1;justify-content:center;text-align:center}.loading{font-size:1.1em}.message{animation:messageSlideIn .3s ease;margin-bottom:10px}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user{justify-content:flex-end}.message-content{border-radius:12px;display:flex;flex-direction:column;gap:5px;max-width:70%;padding:12px 16px}.message.user .message-content{background:#667eea;border-bottom-right-radius:4px;color:#fff}.message.admin .message-content{background:#e3f2fd;border-bottom-left-radius:4px;color:#333}.message-text{word-wrap:break-word;font-size:.95em;line-height:1.4;margin:0}.message-time{opacity:.8}.message.user .message-time{text-align:right}.message-form{background:#f8f9fa;border-top:1px solid #eee;display:flex;gap:10px;padding:15px 20px}.message-input{border:1px solid #ddd;border-radius:8px;flex:1 1;font-size:.95em;padding:12px;transition:border .3s ease}.message-input:focus{border-color:#667eea;outline:none}.send-btn{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.send-btn:hover:not(:disabled){background:#764ba2;transform:translateY(-2px)}.send-btn:disabled{cursor:not-allowed;opacity:.5}.closed-message{background:#f5f5f5;color:#999;font-weight:500;padding:15px 20px;text-align:center}.conversations-list::-webkit-scrollbar,.messages-container::-webkit-scrollbar{width:6px}.conversations-list::-webkit-scrollbar-track,.messages-container::-webkit-scrollbar-track{background:#f1f1f1}.conversations-list::-webkit-scrollbar-thumb,.messages-container::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.conversations-list::-webkit-scrollbar-thumb:hover,.messages-container::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width:768px){.messaging-container{flex-direction:column;gap:0;height:auto}.conversations-sidebar{border-bottom:1px solid #eee;border-right:none;max-height:300px;width:100%}.chat-area{flex:1 1}.message-content{max-width:100%}}@media (max-width:480px){.messaging-page{padding:50px 0 0}.messaging-container{border-radius:0}.conversations-sidebar{max-height:250px}.sidebar-header h2{font-size:1.1em}.chat-header{padding:12px}.chat-header h3{font-size:.95em}.message-content{font-size:.9em;max-width:90%;padding:10px 12px}.message-form{gap:8px;padding:10px}.message-input,.send-btn{font-size:.9em;padding:10px}}.admin-messaging-container{background:linear-gradient(135deg,#0f0f1e,#1a1a2e 50%,#16213e);background-attachment:fixed;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1800px;min-height:100vh;padding:30px 15px}.messaging-header{background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid #667eea33;border-radius:16px;box-shadow:0 12px 40px #667eea4d;color:#fffffff2;margin-bottom:30px;padding:30px}.messaging-header h1{font-size:2.5em;font-weight:700;margin:0;text-shadow:0 2px 8px #0003}.messaging-header p{font-size:1.1em;margin:10px 0 0;opacity:.95}.messaging-filters{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#6366f11f,#a855f714);border:1px solid #6366f133;border-radius:16px;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:30px;padding:20px}.btn-refresh,.filter-select{background:#6366f11f;border:1px solid #6366f166;border-radius:8px;color:#ffffffe6;cursor:pointer;font-size:.95em;font-weight:500;padding:10px 15px;transition:all .3s ease}.filter-select:focus{background:#6366f133;border-color:#6366f1;box-shadow:0 0 10px #6366f166;outline:none}.filter-select option{background:#1a1a2e;border:1px solid #6366f14d;color:#ffffffe6}.btn-refresh{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fffffff2;padding:10px 20px}.btn-refresh:hover{box-shadow:0 8px 20px #667eea4d;transform:translateY(-2px)}.messaging-split{grid-gap:20px;display:grid;gap:20px;grid-template-columns:400px 1fr;height:calc(100vh - 350px);min-height:600px}.conversations-panel,.messages-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#6366f11f,#a855f714);border:1px solid #6366f133;border-radius:16px;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;overflow:hidden}.conversations-panel h2,.messages-panel h2{background:linear-gradient(135deg,#6366f126,#a855f71a);border-bottom:1px solid #6366f133;color:#fffffff2;font-size:1.3em;font-weight:700;margin:0;padding:20px}.conversations-list{flex:1 1;overflow-y:auto;padding:15px}.conversation-item{background:#6366f114;border:1px solid #6366f133;border-radius:12px;color:#ffffffe6;cursor:pointer;margin:10px 0;min-height:100px;padding:16px;transition:all .3s ease}.conversation-item:hover{background:#6366f126;border-color:#6366f180;transform:translateX(5px)}.conversation-item.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#764ba2;box-shadow:0 8px 20px #667eea4d;color:#fffffff2}.conv-header{align-items:flex-start;display:flex;gap:8px;justify-content:space-between;margin-bottom:10px}.conv-header h4{flex:1 1;font-size:.95em;font-weight:600;line-height:1.3;margin:0}.status-badge{background:#6366f133;border:1px solid #6366f14d;border-radius:16px;color:#6366f1;font-size:.7em;padding:3px 10px}.conversation-item.active .status-badge{background:#fff3;border-color:#ffffff4d;color:#fffffff2}.status-open{background:#10b98133;border-color:#10b9814d;color:#10b981}.status-in-progress{background:#f59e0b33;border-color:#f59e0b4d;color:#f59e0b}.status-resolved{background:#3b82f633;border-color:#3b82f64d;color:#3b82f6}.status-closed{background:#6b728033;border-color:#6b72804d;color:#9ca3af}.conv-meta{display:flex;font-size:.8em;gap:8px;justify-content:space-between;margin-bottom:8px;opacity:.8}.conv-meta p{color:#ffffffb3;margin:0}.category{background:#6366f14d;border-radius:4px;font-weight:600;padding:2px 8px}.last-message{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff9;display:-webkit-box;font-size:.8em;font-style:italic;line-height:1.4;margin:8px 0;max-height:2.4em;overflow:hidden;text-overflow:ellipsis}.conversation-item.active .last-message{color:#fffc}.conv-time{color:#ffffff80;font-size:.75em;margin-top:6px}.conversation-item.active .conv-time{color:#ffffffb3}.no-conversations{color:#ffffff80;font-size:1.1em;padding:40px 20px;text-align:center}.selected-conv-header{align-items:center;background:linear-gradient(135deg,#6366f126,#a855f71a);border-bottom:1px solid #6366f133;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;padding:20px}.selected-conv-header h3{color:#fffffff2;font-size:1.2em;font-weight:700;margin:0 0 5px}.selected-conv-header p{color:#ffffffb3;font-size:.9em;margin:0}.conv-controls{display:flex;flex-wrap:wrap;gap:10px}.priority-control,.status-control{background:#6366f11f;border:1px solid #6366f14d;border-radius:8px;color:#ffffffe6;cursor:pointer;font-size:.85em;font-weight:500;padding:8px 12px;transition:all .3s ease}.priority-control:hover,.status-control:hover{background:#6366f140;border-color:#6366f1}.priority-control option,.status-control option{background:#1a1a2e;border:1px solid #6366f14d;color:#ffffffe6}.messages-display{background:linear-gradient(180deg,#0f0f1e66,#1a1a2e66);flex:1 1;gap:15px;min-height:400px;overflow-y:auto;padding:25px 30px}.message,.messages-display{display:flex;flex-direction:column}.message{word-wrap:break-word;animation:slideIn .3s ease;border-radius:12px;box-shadow:0 4px 12px #00000026;max-width:75%;padding:16px 18px}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.user-message{align-self:flex-start;background:linear-gradient(135deg,#6366f133,#a855f726);border:1px solid #6366f14d;color:#fffffff2}.admin-message{align-self:flex-end;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 8px 20px #667eea33;color:#fffffff2}.message-sender{color:#fffc;font-size:.8em;font-weight:700;margin-bottom:6px;opacity:.9}.admin-badge{background:#fff3;border:1px solid #ffffff4d;border-radius:12px;display:inline-block;font-weight:600;padding:3px 10px}.message-content{color:#fffffff2;font-size:.95em;line-height:1.6;margin-bottom:8px}.message-time{color:#fff9;font-size:.75em;opacity:.7}.no-messages{color:#fff6;font-size:1.1em}.no-messages,.no-selection{align-items:center;display:flex;height:100%;justify-content:center}.no-selection p{color:#ffffff80;font-size:1.1em;text-align:center}.reply-form{background:linear-gradient(135deg,#6366f11a,#a855f714);border-top:1px solid #6366f133;padding:15px}.reply-input-group{align-items:flex-end;display:flex;gap:10px}.reply-textarea{background:#6366f11a;border:1px solid #6366f14d;border-radius:10px;color:#fffffff2;flex:1 1;font-family:inherit;font-size:.95em;padding:12px;resize:none;transition:all .3s ease}.reply-textarea::placeholder{color:#fff6}.reply-textarea:focus{background:#6366f12e;border-color:#6366f1;box-shadow:0 0 10px #6366f14d;outline:none}.btn-send-reply{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fffffff2;cursor:pointer;font-size:.9em;font-weight:700;padding:12px 24px;transition:all .3s ease;white-space:nowrap}.btn-send-reply:hover:not(:disabled){box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.btn-send-reply:disabled{cursor:not-allowed;opacity:.5}@media (max-width:1400px){.messaging-split{grid-template-columns:360px 1fr}}@media (max-width:1024px){.messaging-split{grid-template-columns:320px 1fr;height:calc(100vh - 300px)}.conversation-item{min-height:auto;padding:14px}}@media (max-width:768px){.messaging-split{grid-template-columns:1fr;height:auto}.conversations-panel{max-height:250px}.message{max-width:90%}.messaging-filters{align-items:stretch;flex-direction:column}.btn-refresh,.filter-select{width:100%}.conv-controls{flex-direction:column;gap:8px;width:100%}.priority-control,.status-control{width:100%}.selected-conv-header{align-items:flex-start;flex-direction:column}}.conversations-list::-webkit-scrollbar,.messages-display::-webkit-scrollbar{width:8px}.conversations-list::-webkit-scrollbar-track,.messages-display::-webkit-scrollbar-track{background:#6366f11a;border-radius:10px}.conversations-list::-webkit-scrollbar-thumb,.messages-display::-webkit-scrollbar-thumb{background:#6366f14d;border-radius:10px}.conversations-list::-webkit-scrollbar-thumb:hover,.messages-display::-webkit-scrollbar-thumb:hover{background:#6366f180}.admin-order-management{animation:fadeIn .3s ease-in;background:linear-gradient(135deg,#0f0f1e,#1a1a2e 50%,#16213e);background-attachment:fixed;min-height:100vh;padding:30px 20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.order-header{align-items:center;animation:slideDown .4s ease-out;background:linear-gradient(135deg,#6366f11f,#a855f714);border:1px solid #6366f133;border-radius:15px;box-shadow:0 8px 32px #0003;display:flex;justify-content:space-between;margin-bottom:30px;padding:30px}.header-content h1{align-items:center;color:#fffffff2;display:flex;font-size:28px;gap:12px;margin:0 0 8px}.header-content h1 i{color:#667eea}.header-content p{color:#fff9;font-size:14px;margin:0}.refresh-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fffffff2;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 20px;transition:all .3s ease}.refresh-btn:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.filters-section{grid-gap:20px;background:linear-gradient(135deg,#6366f11f,#a855f714);border:1px solid #6366f133;border-radius:12px;box-shadow:0 8px 32px #0003;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px;padding:20px}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{color:#fffc;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.filter-input,.filter-select{background:#6366f11a!important;border:1px solid #6366f14d;border-radius:8px;color:#ffffffe6!important;font-size:14px;padding:10px 12px;transition:all .3s ease}.filter-input:-webkit-autofill,.filter-select:-webkit-autofill{-webkit-text-fill-color:#ffffffe6!important;-webkit-box-shadow:inset 0 0 0 1000px #6366f11a!important}.filter-input::placeholder,.filter-select::placeholder{color:#ffffff80!important;opacity:1!important}.filter-input:-webkit-input-placeholder,.filter-input::-webkit-input-placeholder,.filter-select:-webkit-input-placeholder,.filter-select::-webkit-input-placeholder{color:#ffffff80!important}.filter-input:-moz-placeholder,.filter-input::-moz-placeholder,.filter-select:-moz-placeholder,.filter-select::-moz-placeholder{color:#ffffff80!important}.filter-select option{background:#1a1a2e!important;color:#ffffffe6!important}.filter-select option:checked{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fffffff2!important}.filter-input:hover,.filter-select:hover{border-color:#6366f1}.filter-input:focus,.filter-select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #667eea33;outline:none}.order-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:30px}.stat-card{background:linear-gradient(135deg,#6366f11f,#a855f714);border:1px solid #6366f133;border-left:4px solid #667eea;box-shadow:0 8px 32px #0003;flex-direction:column;gap:8px}.stat-card:hover{box-shadow:0 12px 40px #667eea4d;transform:translateY(-5px)}.stat-label{font-size:12px;letter-spacing:.5px;text-transform:uppercase}.stat-value{color:#fffffff2;font-size:24px}.orders-container{animation:slideUp .4s ease-out;background:linear-gradient(135deg,#6366f11f,#a855f714);border:1px solid #6366f133;border-radius:12px;box-shadow:0 8px 32px #0003;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.table-wrapper{overflow-x:auto}.orders-table{border-collapse:collapse;width:100%}.orders-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fffffff2}.orders-table th{font-size:13px;font-weight:600;letter-spacing:.5px;padding:16px 12px;text-align:left;text-transform:uppercase}.orders-table td{border-bottom:1px solid #6366f133;color:#ffffffd9;font-size:14px;padding:14px 12px}.orders-table tbody tr{transition:all .3s ease}.orders-table tbody tr:hover{background-color:#6366f11a}.order-id{color:#a5b4fc;font-family:Courier New,monospace;font-weight:600}.customer-name{font-weight:500}.customer-name small{color:#ffffff80;display:block;font-size:12px;margin-top:2px}.service-name{color:#ffffffb3}.amount{color:#10b981}.amount,.badge{font-weight:600}.badge{border-radius:20px;color:#ffffffd9;display:inline-block;font-size:12px;letter-spacing:.3px;padding:4px 12px;text-transform:uppercase}.badge.payment,.badge.status{padding:6px 14px}.date{color:#ffffff80;font-size:13px}.actions{gap:8px}.action-btn,.actions{display:flex;justify-content:center}.action-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fffffff2;cursor:pointer;font-size:14px;height:36px;transition:all .3s ease;width:36px}.action-btn:hover{box-shadow:0 4px 12px #667eea66;transform:scale(1.1)}.action-btn:active{transform:scale(.95)}.no-orders{color:#ffffff80;padding:60px 20px;text-align:center}.no-orders i{color:#fff3;font-size:48px;margin-bottom:16px}.no-orders p{font-size:16px;margin:0}.modal-overlay{align-items:center;animation:fadeIn .2s ease-in;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideUp .3s ease-out;background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #6366f133;border-radius:15px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #6366f133;color:#fffffff2;display:flex;justify-content:space-between;padding:25px}.modal-header h2{font-size:22px;margin:0}.close-btn{align-items:center;background:#fff3;border:none;border-radius:8px;color:#fffffff2;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;transition:all .3s ease;width:36px}.close-btn:hover{background:#ffffff4d}.modal-body{padding:25px}.detail-section{margin-bottom:25px}.detail-section h3{border-bottom:1px solid #6366f133;color:#fffffff2;font-size:16px;font-weight:600;margin:0 0 15px;padding-bottom:10px}.detail-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.detail-item{display:flex;flex-direction:column;gap:6px}.detail-item.full{grid-column:1/-1}.detail-item label{color:#fff9;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-item value{color:#ffffffe6;font-size:14px;font-weight:500}.status-buttons{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.status-btn{background:#6366f11a;border:1px solid #6366f14d;border-radius:8px;color:#fffc;cursor:pointer;font-weight:600;padding:10px 16px;text-transform:capitalize;transition:all .3s ease}.status-btn:hover:not(:disabled){border-color:#6366f1;box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.status-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#764ba2;color:#fffffff2}.status-btn:disabled{cursor:not-allowed;opacity:.6}.notes-box{background:#6366f11a;border-left:4px solid #667eea;border-radius:6px;color:#ffffffd9;font-size:14px;line-height:1.5;padding:12px}.modal-footer{border-top:1px solid #6366f133;display:flex;gap:10px;justify-content:flex-end;padding:20px 25px}.close-modal-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fffffff2;cursor:pointer;font-weight:600;padding:10px 24px;transition:all .3s ease}.close-modal-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.admin-order-management.loading{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:400px}@media (max-width:768px){.order-header{flex-direction:column;gap:15px;text-align:center}.filters-section{grid-template-columns:1fr}.order-stats{grid-template-columns:1fr 1fr}.detail-grid{grid-template-columns:1fr}.orders-table{font-size:12px}.orders-table td,.orders-table th{padding:10px 8px}.modal-content{max-width:95%}.status-buttons{grid-template-columns:1fr 1fr}}@media (max-width:480px){.admin-order-management{padding:15px 10px}.order-header{padding:20px}.order-header h1{font-size:22px}.filters-section,.modal-body,.modal-footer{padding:15px}}.user-hub-redesign{background:#0f172a;min-height:100vh;overflow-x:hidden;position:relative}.hub-background{height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:0}.hub-gradient-orb{animation:float-orb 20s ease-in-out infinite;border-radius:50%;filter:blur(80px);opacity:.4;position:absolute}.orb-1{animation-delay:0s;left:-250px;top:-250px}.orb-2{right:-200px;top:50%}.orb-3{bottom:-300px;height:600px;width:600px}@keyframes float-orb{0%,to{transform:translate(0) scale(1)}33%{transform:translate(50px,-50px) scale(1.1)}66%{transform:translate(-50px,50px) scale(.9)}}.hub-loading-screen{align-items:center;background:#0f172a;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.hub-loader{display:flex;gap:10px;margin-bottom:20px}.hub-loader-circle{animation:loader-bounce 1.4s ease-in-out infinite both;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;height:15px;width:15px}.hub-loader-circle:first-child{animation-delay:-.32s}.hub-loader-circle:nth-child(2){animation-delay:-.16s}@keyframes loader-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.hub-loading-text{color:#fff;font-size:18px;font-weight:600}.hub-hero{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:60px 20px 40px;position:relative;z-index:1}.hub-hero-content{flex:1 1}.hub-hero-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:50px;display:inline-flex;margin-bottom:20px;padding:8px 20px;position:relative}.badge-pulse{animation:pulse-dot 2s infinite;background:#10b981;border-radius:50%;height:8px;margin-right:10px;width:8px}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.badge-text{color:#fff;font-size:14px;font-weight:600}.hub-hero-title{color:#fff;font-size:48px;font-weight:800;line-height:1.2;margin:0 0 15px}.highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}.hub-hero-subtitle{color:#ffffffb3;font-size:18px;margin:0}.hub-switch-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;border-radius:50px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;padding:14px 28px;transition:all .3s}.hub-switch-btn:hover{background:#fff3;transform:translateY(-2px)}.switch-icon{font-size:20px}.hub-content{margin:0 auto;max-width:1400px;padding:0 20px 60px;position:relative;z-index:1}.hub-stats-section{margin-bottom:40px}.stats-grid{grid-gap:20px;gap:20px}.stat-card-modern{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;display:flex;gap:20px;overflow:hidden;padding:25px;position:relative;transition:all .3s}.stat-card-modern:before{background:var(--stat-gradient);content:"";height:3px;left:0;position:absolute;right:0;top:0}.stat-card-modern.total{--stat-gradient:linear-gradient(90deg,#667eea,#764ba2)}.stat-card-modern.completed{--stat-gradient:linear-gradient(90deg,#10b981,#34d399)}.stat-card-modern.pending{--stat-gradient:linear-gradient(90deg,#f59e0b,#fbbf24)}.stat-card-modern.level{--stat-gradient:linear-gradient(90deg,#ec4899,#f43f5e)}.stat-card-modern:hover{background:#ffffff14;transform:translateY(-5px)}.stat-icon-wrapper{align-items:center;background:#ffffff1a;border-radius:15px;display:flex;height:60px;justify-content:center;width:60px}.stat-icon{font-size:30px}.stat-details{display:flex;flex:1 1;flex-direction:column}.stat-value{font-size:32px;font-weight:800;line-height:1}.stat-label{font-size:14px}.stat-trend{background:#ffffff1a;border-radius:20px;color:#fffc;font-size:12px;font-weight:600;padding:5px 12px;position:absolute;right:15px;top:15px}.stat-trend.up{background:#10b98133;color:#10b981}.stat-trend.premium{background:#fbbf2433;color:#fbbf24}.quick-actions-bar{display:flex;gap:15px;margin-bottom:40px;overflow-x:auto;padding-bottom:10px}.quick-action-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50px;color:#fff;display:flex;font-weight:600;gap:10px;padding:12px 24px;text-decoration:none;transition:all .3s;white-space:nowrap}.quick-action-btn:hover{background:#ffffff1a;transform:translateY(-2px)}.qa-icon{font-size:20px}.hub-options-container{margin-bottom:40px}.section-heading{align-items:center;color:#fff;display:flex;font-size:32px;font-weight:800;gap:12px;margin:0 0 30px}.heading-icon{font-size:36px}.hub-options-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.hub-option-card-modern{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;display:block;overflow:hidden;padding:30px;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.hub-option-card-modern:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-8px)}.card-background{bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .4s}.hub-option-card-modern:hover .card-background{opacity:.1}.card-gradient-overlay{background:var(--card-gradient);height:100%;width:100%}.new-badge{position:absolute;right:15px;top:15px;z-index:2}.new-badge span{background:linear-gradient(135deg,#10b981,#34d399);border-radius:20px;color:#fff;display:block;font-size:11px;font-weight:700;letter-spacing:1px;padding:5px 12px}.card-content{position:relative;z-index:1}.card-icon-modern{align-items:center;border-radius:18px;display:flex;font-size:36px;height:70px;justify-content:center;margin-bottom:20px;transition:transform .4s;width:70px}.hub-option-card-modern:hover .card-icon-modern{transform:scale(1.1) rotate(-5deg)}.card-text{margin-bottom:20px}.card-title{color:#fff;font-size:20px;font-weight:700;margin:0 0 10px}.card-description{color:#fff9;font-size:14px;line-height:1.5;margin:0}.card-arrow{align-items:center;background:#ffffff1a;border-radius:50%;display:flex;height:40px;justify-content:center;transition:all .4s;width:40px}.card-arrow svg{color:#fff;height:20px;transition:transform .4s;width:20px}.hub-option-card-modern:hover .card-arrow{background:#fff3}.hub-option-card-modern:hover .card-arrow svg{transform:translateX(5px)}.card-hover-effect{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);border-radius:50%;height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .6s;width:0}.hub-option-card-modern:hover .card-hover-effect{height:400px;width:400px}.hub-info-banner{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea33,#764ba233);border:1px solid #fff3;border-radius:20px;display:flex;gap:25px;padding:30px}.banner-icon{font-size:48px}.banner-content{flex:1 1}.banner-content h3{color:#fff;font-size:20px;font-weight:700;margin:0 0 8px}.banner-content p{color:#ffffffb3;font-size:14px;margin:0}.banner-btn{background:#fff;border:none;border-radius:50px;color:#667eea;cursor:pointer;font-weight:700;padding:12px 24px;transition:all .3s}.banner-btn:hover{box-shadow:0 10px 25px #0003;transform:translateY(-2px)}@media (max-width:1024px){.hub-hero{align-items:flex-start;flex-direction:column;gap:20px}.hub-hero-title{font-size:36px}.hub-options-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.hub-hero-title{font-size:32px}.hub-hero-subtitle{font-size:16px}.hub-options-grid,.stats-grid{grid-template-columns:1fr}.section-heading{font-size:24px}.hub-info-banner{flex-direction:column;text-align:center}}@media (max-width:480px){.hub-hero{padding:40px 15px 30px}.hub-content{padding:0 15px 40px}.hub-hero-title{font-size:28px}.quick-actions-bar{gap:10px}.quick-action-btn{font-size:14px;padding:10px 18px}}.user-level-hub{background:linear-gradient(135deg,#0f0f1e,#1a1a2e 50%,#16213e);background-attachment:fixed;min-height:100vh;padding:40px 20px}.user-level-hub .container{margin:0 auto;max-width:1000px}.level-header{margin-bottom:40px;text-align:center}.level-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#ec4899);background-clip:text;-webkit-background-clip:text;font-size:2.5rem;margin:0 0 10px}.level-header p{color:#ffffffb3;font-size:1.1rem}.level-main{grid-gap:30px;display:grid;gap:30px}.level-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#6366f11f,#a855f714);border:1px solid #6366f133;border-radius:20px;box-shadow:0 8px 32px #0000001a;padding:40px}.level-display{margin-bottom:30px;text-align:center}.level-badge{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 10px 40px #6366f166;color:#fff;display:flex;font-size:4rem;font-weight:700;height:150px;justify-content:center;margin:0 auto 20px;width:150px}.level-display h2{color:#fff;font-size:2.2rem;margin:0 0 10px}.level-subtitle{color:#fff9;margin:0}.progress-section{border-bottom:1px solid #6366f133;border-top:1px solid #6366f133;margin:30px 0;padding:20px 0}.progress-info{color:#fffc;font-weight:600;margin-bottom:15px}.progress-bar-container{background:#6366f133;border-radius:10px;height:12px;margin-bottom:10px;overflow:hidden}.progress-bar{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:10px;height:100%;transition:width .5s ease}.progress-percentage{color:#6366f1;font-weight:700;text-align:right}.benefits-section{margin-top:30px}.benefits-section h3{color:#fff;margin:0 0 20px}.benefits-list{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));list-style:none;margin:0;padding:0}.benefits-list li{background:#6366f11a;border-left:3px solid #6366f1;border-radius:8px;color:#ffffffe6;padding:12px 15px;transition:all .3s ease}.benefits-list li:hover{background:#6366f126;transform:translateX(5px)}.level-tiers{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#6366f11f,#a855f714);border:1px solid #6366f133;border-radius:20px;padding:40px}.level-tiers h3{color:#fff;margin:0 0 30px;text-align:center}.tiers-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.tier-card{background:linear-gradient(135deg,#6366f126,#a855f71a);border:2px solid #6366f14d;border-radius:12px;padding:20px;text-align:center;transition:all .3s ease}.tier-card.active{background:linear-gradient(135deg,#6366f140,#a855f733);border-color:#6366f1;box-shadow:0 8px 25px #6366f14d}.tier-number{color:#6366f1;font-size:1.5rem;font-weight:700;margin-bottom:10px}.tier-perks{color:#fffc;font-size:.85rem}.tier-perks p{margin:5px 0}.orders-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#6366f11f,#a855f714);border:1px solid #6366f133;border-radius:20px;padding:40px}.orders-info h3{color:#fff;margin:0 0 30px}.activity-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat{background:#6366f126;border:1px solid #6366f14d;border-radius:12px;padding:25px;text-align:center}.stat-number{color:#6366f1;font-size:2.5rem;font-weight:700;margin-bottom:10px}.stat-label{color:#ffffffb3;font-size:.95rem}@media (max-width:768px){.user-level-hub{padding:25px 15px}.level-header h1{font-size:1.8rem}.level-card,.level-tiers,.orders-info{padding:25px}.level-badge{font-size:3rem;height:120px;width:120px}.benefits-list{grid-template-columns:1fr}}@media (max-width:480px){.level-display h2,.level-header h1{font-size:1.5rem}.level-badge{font-size:2.5rem;height:100px;width:100px}.tiers-grid{grid-template-columns:repeat(2,1fr)}.activity-stats{grid-template-columns:1fr}}.activity-feed-hub{background:#0a0a0a;min-height:100vh;overflow:hidden;padding:40px 20px;position:relative}.feed-background{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.bg-orb{animation:float 20s ease-in-out infinite;border-radius:50%;filter:blur(100px);opacity:.15;position:absolute}.orb-1{background:linear-gradient(135deg,#667eea,#764ba2);height:500px;right:-100px;top:-100px;width:500px}.orb-2{animation-delay:7s;background:linear-gradient(135deg,#f093fb,#f5576c);bottom:100px;height:400px;left:-100px;width:400px}.orb-3{animation-delay:14s;background:linear-gradient(135deg,#4facfe,#00f2fe);height:350px;left:50%;top:50%;width:350px}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-30px,30px) scale(.9)}}.container{margin:0 auto;max-width:1200px;position:relative;z-index:1}.loading-screen{gap:30px}.loader-container,.loader-spinner{height:80px;position:relative;width:80px}.loader-spinner{border:4px solid #667eea33;border-top-color:#667eea;z-index:2}.loader-glow{background:radial-gradient(circle,#667eea4d 0,#0000 70%);border-radius:50%;filter:blur(20px);height:80px;left:0;position:absolute;top:0;width:80px}.loading-screen p{color:#a0aec0;font-size:1.2rem}.feed-header{margin-bottom:50px}.back-btn{background:#667eea1a;border:2px solid #667eea4d;border-radius:50px;color:#667eea;font-weight:700;gap:10px;padding:12px 24px}.back-btn:hover{background:#667eea33;border-color:#667eea;transform:translateX(-5px)}.header-content{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#1a1a2e99,#0f0f1e99);border:2px solid #667eea33;border-radius:25px;display:flex;gap:25px;overflow:hidden;padding:40px;position:relative}.header-content:before{animation:pulse 4s ease-in-out infinite;background:radial-gradient(circle,#667eea1a 0,#0000 70%);content:"";height:100%;position:absolute;right:-50%;top:-50%;width:100%}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.header-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 15px 40px #667eea80;color:#fff;display:flex;font-size:2.5rem;height:80px;justify-content:center;width:80px}.header-icon,.header-text{position:relative;z-index:1}.header-text h1{color:#fff;font-size:2.5rem;font-weight:800;margin-bottom:10px}.header-text p{color:#b0b0b0;font-size:1.1rem}.filter-section{margin-bottom:40px}.filter-buttons{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.filter-btn{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#1a1a2e99,#0f0f1e99);border:2px solid #667eea33;border-radius:15px;color:#fff;cursor:pointer;display:flex;font-weight:700;gap:12px;justify-content:space-between;padding:20px 25px;transition:all .3s ease}.filter-btn i{color:#667eea;font-size:1.2rem}.filter-btn span{flex:1 1;text-align:left}.filter-btn .count{background:#667eea33;border-radius:20px;color:#667eea;font-size:.9rem;font-weight:800;padding:6px 14px}.filter-btn:hover{border-color:#667eea80;box-shadow:0 15px 40px #667eea4d;transform:translateY(-5px)}.filter-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;box-shadow:0 15px 40px #667eea80}.filter-btn.active .count,.filter-btn.active i{background:#fff3;color:#fff}.activities-container{margin-bottom:50px}.empty-state{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#1a1a2e99,#0f0f1e99);border:2px solid #667eea33;border-radius:25px;padding:80px 40px}.empty-illustration{height:120px;margin:0 auto 30px;position:relative;width:120px}.empty-bg{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;filter:blur(30px);height:100%;left:0;opacity:.2;position:absolute;top:0;width:100%}.empty-illustration i{color:#667eea;font-size:4rem;line-height:120px;position:relative;z-index:1}.empty-state h3{font-size:1.8rem;font-weight:700;margin-bottom:15px}.empty-state p{color:#b0b0b0;font-size:1.1rem}.activities-list{display:flex;flex-direction:column;gap:30px}.activity-item{display:flex;gap:30px;position:relative}.activity-timeline{align-items:center;display:flex;flex-direction:column;flex-shrink:0}.timeline-dot{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:1.5rem;height:60px;justify-content:center;position:relative;width:60px;z-index:2}.timeline-line{background:linear-gradient(180deg,#667eea80,#0000);flex:1 1;margin-top:10px;min-height:40px;width:3px}.activity-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#1a1a2e99,#0f0f1e99);border:2px solid #667eea33;border-radius:20px;flex:1 1;overflow:hidden;padding:30px;position:relative;transition:all .3s ease}.activity-content:before{background:linear-gradient(90deg,#0000,#667eea1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.activity-content:hover:before{left:100%}.activity-content:hover{border-color:#667eea80;box-shadow:0 20px 50px #667eea4d;transform:translateY(-5px)}.activity-header{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;margin-bottom:15px}.activity-header h3{color:#fff;font-size:1.4rem;font-weight:700}.status-badge{align-items:center;display:flex;font-size:.85rem;font-weight:700;gap:8px;padding:8px 18px;text-transform:uppercase;white-space:nowrap}.activity-description{color:#b0b0b0;font-size:1.05rem;line-height:1.6;margin-bottom:20px}.activity-meta{display:flex;flex-wrap:wrap;gap:25px}.meta-item{align-items:center;background:#667eea1a;border-radius:12px;color:#e0e0e0;display:flex;font-weight:600;gap:8px;padding:10px 18px}.meta-item i{color:#667eea;font-size:1rem}.stats-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.stat-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#1a1a2e99,#0f0f1e99);border:2px solid #667eea33;border-radius:20px;gap:20px;padding:30px}.stat-card:hover{border-color:#667eea80;box-shadow:0 20px 50px #667eea4d;transform:translateY(-10px)}.stat-icon{align-items:center;border-radius:15px;box-shadow:0 10px 30px #0000004d;color:#fff;display:flex;height:70px;justify-content:center;width:70px}.stat-info{flex:1 1}.stat-value{font-size:2.2rem;font-weight:900;margin-bottom:5px}.stat-label{color:#b0b0b0;font-size:1rem;font-weight:600}@media (max-width:768px){.header-content{align-items:flex-start;flex-direction:column;padding:30px 25px}.header-text h1{font-size:2rem}.filter-buttons{grid-template-columns:1fr}.activity-item{gap:20px}.timeline-dot{font-size:1.2rem;height:50px;width:50px}.activity-header{align-items:flex-start;flex-direction:column}.stats-grid{grid-template-columns:1fr}}.my-reviews-hub{background:linear-gradient(135deg,#0f0f1e,#1a1a2e 50%,#16213e);background-attachment:fixed;min-height:100vh;padding:40px 20px}.my-reviews-hub .container{margin:0 auto;max-width:1000px}.reviews-header{margin-bottom:40px;text-align:center}.reviews-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#ec4899);background-clip:text;-webkit-background-clip:text;font-size:2.5rem;margin:0 0 10px}.reviews-header p{color:#ffffffb3;font-size:1.1rem}.reviews-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:40px}.stat-card{align-items:center;background:linear-gradient(135deg,#6366f126,#a855f71a);border:1px solid #6366f14d;border-radius:12px;display:flex;gap:15px;padding:20px;transition:all .3s ease}.stat-card:hover{background:linear-gradient(135deg,#6366f140,#a855f726);border-color:#6366f1}.stat-icon{font-size:2rem}.stat-label{font-size:.9rem}.stat-value{color:#fff;font-size:1.8rem}.btn-new-review{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;display:block;font-size:1rem;font-weight:600;margin:30px auto;padding:15px 40px;transition:all .3s ease}.btn-new-review:hover{box-shadow:0 12px 30px #6366f166;transform:translateY(-2px)}.review-form-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#6366f11f,#a855f714);border:1px solid #6366f133;border-radius:20px;margin-bottom:40px;padding:40px}.review-form-card h2{color:#fff;font-size:1.5rem;margin:0 0 30px}.form-group{margin-bottom:25px}.form-group label{color:#fffc;display:block;font-size:.95rem;font-weight:600;margin-bottom:10px}.form-input,.form-textarea{background:#6366f11a;border:1px solid #6366f14d;border-radius:8px;box-sizing:border-box;color:#fff;font-family:inherit;padding:12px;transition:all .3s ease;width:100%}.form-input:focus,.form-textarea:focus{background:#6366f126;border-color:#6366f1;box-shadow:0 0 10px #6366f133;outline:none}.form-input::placeholder,.form-textarea::placeholder{color:#fff6}.rating-selector{display:flex;gap:15px}.star{background:none;border:none;cursor:pointer;font-size:2.5rem;opacity:.3;padding:0;transition:all .3s ease}.star.active,.star:hover{opacity:1;transform:scale(1.1)}.form-actions{display:flex;gap:15px;margin-top:30px}.btn-cancel,.btn-submit{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:600;padding:12px;transition:all .3s ease}.btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-submit:hover{box-shadow:0 8px 20px #6366f14d;transform:translateY(-2px)}.btn-cancel{background:linear-gradient(135deg,#6366f126,#a855f71a);border:1px solid #6366f14d;color:#6366f1}.btn-cancel:hover{background:linear-gradient(135deg,#6366f140,#a855f726);border-color:#6366f199}.reviews-list{margin-bottom:40px}.empty-state{background:linear-gradient(135deg,#6366f11f,#a855f714);border:1px solid #6366f133;border-radius:20px;padding:60px 20px;text-align:center}.empty-icon{font-size:4rem;margin-bottom:20px}.empty-state h3{color:#fff;font-size:1.5rem;margin:0 0 10px}.empty-state p{color:#fff9;margin:0}.reviews-container{display:flex;flex-direction:column;gap:20px}.review-item{background:linear-gradient(135deg,#6366f11f,#a855f714);border:1px solid #6366f133;border-radius:12px;padding:25px;transition:all .3s ease}.review-item:hover{background:linear-gradient(135deg,#6366f126,#a855f71a);border-color:#6366f166}.review-header{align-items:flex-start;display:flex;gap:15px;justify-content:space-between;margin-bottom:15px}.review-header h3{color:#fff;font-size:1.1rem;margin:0 0 5px}.service-name{color:#ffffff80;font-size:.85rem;margin:0}.review-meta{flex-shrink:0}.status-badge{border-radius:20px;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;padding:4px 12px;text-transform:capitalize}.review-rating{display:flex;gap:5px;margin-bottom:15px}.review-rating .star{font-size:1.2rem;opacity:1;padding:0}.review-comment{color:#fffc;line-height:1.6;margin:15px 0}.review-footer{align-items:center;border-top:1px solid #6366f133;display:flex;justify-content:space-between;padding-top:15px}.review-date{color:#ffffff80;font-size:.85rem}.btn-delete{background:#ef444433;border:1px solid #ef444480;border-radius:6px;color:#ef4444;cursor:pointer;font-size:.85rem;font-weight:600;padding:6px 12px;transition:all .3s ease}.btn-delete:hover{background:#ef44444d;border-color:#ef4444b3}.guidelines-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#6366f11f,#a855f714);border:1px solid #6366f133;border-radius:20px;padding:40px}.guidelines-card h2{color:#fff;font-size:1.5rem;margin:0 0 25px}.guidelines-card ul{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));list-style:none;margin:0;padding:0}.guidelines-card li{background:#6366f11a;border-left:3px solid #6366f1;border-radius:8px;color:#fffc;padding:12px}@media (max-width:768px){.my-reviews-hub{padding:25px 15px}.reviews-header h1{font-size:1.8rem}.guidelines-card,.review-form-card{padding:25px}.review-header{flex-direction:column}.rating-selector{gap:10px}.star{font-size:2rem}.reviews-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.reviews-header h1{font-size:1.5rem}.guidelines-card,.review-form-card{padding:20px}.guidelines-card h2,.review-form-card h2{font-size:1.2rem}.form-actions{flex-direction:column}.btn-cancel,.btn-submit{width:100%}.guidelines-card ul,.reviews-stats{grid-template-columns:1fr}.review-footer{align-items:flex-start;flex-direction:column;gap:10px}}.loading-screen{align-items:center;background:linear-gradient(135deg,#0f0f1e,#1a1a2e 50%,#16213e);color:#fff;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:100vh}.loader-spinner{animation:spin 1s linear infinite;border:4px solid #6366f133;border-radius:50%;border-top-color:#6366f1;height:50px;width:50px}.data-export-hub{background:linear-gradient(135deg,#0f0f1e,#1a1a2e 50%,#16213e);background-attachment:fixed;min-height:100vh;padding:40px 20px}.data-export-hub .container{margin:0 auto;max-width:1000px}.back-btn{align-items:center;background:linear-gradient(135deg,#6366f126,#a855f71a);border:1px solid #6366f14d;border-radius:8px;color:#6366f1;display:inline-flex;font-weight:600;gap:8px;margin-bottom:30px;padding:10px 20px;text-decoration:none;transition:all .3s ease}.back-btn:hover{background:linear-gradient(135deg,#6366f140,#a855f726);border-color:#6366f199}.export-header{margin-bottom:40px;text-align:center}.export-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#ec4899);background-clip:text;-webkit-background-clip:text;font-size:2.5rem;margin:0 0 10px}.export-header p{color:#ffffffb3;font-size:1.1rem}.export-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-bottom:30px}.export-card,.info-card,.stats-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#6366f11f,#a855f714);border:1px solid #6366f133;border-radius:20px;padding:40px}.export-card h2,.info-card h2,.stats-card h2{color:#fff;font-size:1.5rem;margin:0 0 30px}.option-group{margin-bottom:30px}.option-group label{color:#fffc;display:block;font-size:.95rem;font-weight:600;margin-bottom:12px}.format-selector{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.format-btn{background:linear-gradient(135deg,#6366f126,#a855f71a);border:2px solid #6366f14d;border-radius:12px;color:#fffc;cursor:pointer;font-size:.95rem;font-weight:600;padding:15px;transition:all .3s ease}.format-btn:hover{background:linear-gradient(135deg,#6366f140,#a855f726);border-color:#6366f199}.format-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#6366f1;box-shadow:0 8px 20px #6366f14d;color:#fff}.checkbox-group{display:flex;flex-direction:column;gap:12px}.checkbox-label{align-items:center;background:#6366f11a;border:1px solid #6366f133;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:12px;transition:all .3s ease}.checkbox-label:hover{background:#6366f126;border-color:#6366f166}.checkbox-label input[type=checkbox]{accent-color:#6366f1;cursor:pointer;height:18px;width:18px}.checkbox-label span{color:#fffc;font-weight:500}.btn-export{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;justify-content:center;margin-bottom:15px;padding:15px;transition:all .3s ease;width:100%}.btn-export:hover:not(:disabled){box-shadow:0 12px 30px #6366f166;transform:translateY(-2px)}.btn-export:disabled{cursor:not-allowed;opacity:.8}.spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.export-info{background:#6366f11a;border-left:3px solid #6366f1;border-radius:8px;color:#fff9;font-size:.85rem;margin:0;padding:12px}.stats-list{display:flex;flex-direction:column;gap:15px}.stat-item{align-items:flex-start;background:#6366f11a;border:1px solid #6366f133;border-radius:12px;display:flex;gap:15px;padding:15px;transition:all .3s ease}.stat-item:hover{background:#6366f126;border-color:#6366f166}.stat-icon{flex-shrink:0;font-size:1.5rem}.stat-label{color:#fff9;font-size:.85rem;margin:0}.stat-value{color:#6366f1;font-size:1.3rem;font-weight:700;margin:5px 0 0}.info-card{grid-column:1/-1}.info-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-item{background:#6366f11a;border:1px solid #6366f133;border-radius:12px;display:flex;gap:15px;padding:20px;transition:all .3s ease}.info-item:hover{background:#6366f126;border-color:#6366f166;transform:translateY(-2px)}.info-icon{flex-shrink:0;font-size:2rem}.info-item h4{color:#fff;font-size:1rem;margin:0 0 8px}.info-item p{color:#ffffffb3;font-size:.9rem;line-height:1.5;margin:0}@media (max-width:768px){.data-export-hub{padding:25px 15px}.export-header h1{font-size:1.8rem}.export-grid{grid-template-columns:1fr}.export-card,.info-card,.stats-card{padding:25px}.format-selector{grid-template-columns:repeat(2,1fr)}.info-content{grid-template-columns:1fr}}@media (max-width:480px){.export-header h1{font-size:1.5rem}.export-card,.info-card,.stats-card{padding:20px}.export-card h2,.info-card h2,.stats-card h2{font-size:1.2rem;margin-bottom:20px}.format-selector{grid-template-columns:1fr}.format-btn,.stat-item{padding:12px}.info-item{padding:15px}.info-icon{font-size:1.5rem}.info-item h4{font-size:.9rem}.info-item p{font-size:.8rem}}.upgraded-navbar{animation:fadeSlide .5s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#0f0f1ef2,#1a1a2ef2);border-bottom:1px solid #6366f14d;box-shadow:0 8px 32px #0006;padding:14px 0;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:999}@keyframes fadeSlide{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.nav-inner{align-items:center;display:flex;justify-content:space-between}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#ec4899);-webkit-background-clip:text;cursor:pointer;font-size:22px;font-weight:800;transition:transform .3s ease}.logo-text:hover{transform:scale(1.05)}.nav-menu{align-items:center;display:flex;gap:22px;list-style:none}.dropdown>span,.nav-menu li a{border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:8px 12px;transition:all .3s ease}.dropdown>span:hover,.nav-menu li a:hover{background:#06b6d41a;box-shadow:0 0 12px #06b6d466;color:#06b6d4}.dropdown{position:relative}.dropdown-menu{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#141428fa,#1e1e32fa);border:1px solid #6366f133;border-radius:12px;box-shadow:0 12px 40px #00000080;display:none;flex-direction:column;left:0;padding:12px 0;position:absolute;top:28px;width:160px}.dropdown:hover .dropdown-menu{animation:slideDown .3s ease;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-menu li{padding:10px 16px;white-space:nowrap}.dropdown-menu li a{color:#fff;padding:0;transition:all .3s ease}.dropdown-menu li a:hover{background:none;box-shadow:none;color:#ec4899;padding-left:6px}.btn-primary{background:#6366f1;border-radius:8px;color:#fff;font-weight:700;padding:8px 16px}.btn-secondary{border:1px solid #6366f1;color:#6366f1}.btn-logout,.btn-secondary{border-radius:8px;padding:8px 16px}.btn-logout{background:red;color:#fff;font-weight:700}.btn-logout,.link-like{border:none;cursor:pointer}.link-like{background:none;color:inherit;font:inherit;padding:0}.nav-icons{display:flex;font-size:20px;gap:15px}.nav-icons a{color:#fff;transition:.3s}.nav-icons a:hover{color:#06b6d4}.nav-icon-button.notification-bell{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;font-size:20px;margin-left:10px;position:relative}.notification-badge{background:#ef4444;border-radius:999px;color:#fff;font-size:.65rem;line-height:1.2;padding:0 6px;position:absolute;right:-4px;top:-4px}.notifications-dropdown{background:linear-gradient(135deg,#141428fa,#1e1e32fa);border:1px solid #94a3b84d;border-radius:12px;box-shadow:0 12px 40px #000000b3;display:flex;flex-direction:column;max-height:400px;overflow:hidden;position:absolute;right:1rem;top:70px;width:320px;z-index:1000}.notifications-header{border-bottom:1px solid #94a3b84d;color:#e5e7eb;font-weight:600;padding:10px 14px}.notifications-empty{color:#9ca3af;font-size:.9rem;padding:16px}.hamburger{color:#fff;cursor:pointer;display:none;font-size:26px}@media (max-width:900px){.hamburger{display:block}.nav-menu{background:#0a0a0ff2;flex-direction:column;left:-100%;padding:20px;position:absolute;top:80px;transition:.4s ease;width:100%}.nav-menu.active{left:0}}.footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#0f0f1ee6,#1a1a2ee6);border-top:1px solid #6366f14d;margin-top:4rem;padding:4rem 0 2rem}.footer-content{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:2fr 3fr;margin-bottom:3rem;padding:0 20px}.footer-brand h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;font-size:2rem;margin-bottom:1rem}.footer-brand p{color:#ffffffb3;line-height:1.6}.footer-links{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.footer-column h4{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary),var(--cyan));-webkit-background-clip:text;color:#fff;font-size:1.1rem;margin-bottom:1rem}.footer-column ul{list-style:none}.footer-column li{margin-bottom:.6rem}.footer-column a{color:#ffffffb3;font-size:14px;text-decoration:none;transition:all .3s ease}.footer-column a:hover{color:var(--primary);transform:translateX(4px)}.footer-bottom{border-top:1px solid #6366f133;color:#fff9;font-size:14px;padding-top:2rem;text-align:center}@media (max-width:768px){.footer-content,.footer-links{gap:2rem;grid-template-columns:1fr}}.floating-contact{bottom:20px;display:flex;flex-direction:column;gap:12px;position:fixed;right:20px;z-index:9999}.floating-btn{align-items:center;border:none;border-radius:50%;box-shadow:0 6px 20px #00000059;color:#fff;cursor:pointer;display:flex;font-size:24px;height:56px;justify-content:center;text-decoration:none;transition:all .3s ease;width:56px}.floating-btn:hover{box-shadow:0 10px 30px #0006;transform:translateY(-8px) scale(1.1)}.whatsapp{background:linear-gradient(135deg,#25d366,#20ba5a)}.email{background:linear-gradient(135deg,#6366f1,#764ba2)}
/*# sourceMappingURL=main.64cf359f.css.map*/