@import url(https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700;800&display=swap);: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);background-attachment:fixed}#root{min-height:100vh}::-webkit-scrollbar{width:10px}::-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));border-radius:5px}.fade-in{animation:fadeIn .5s ease-out}.container{padding:0 20px}.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}.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;min-height:100vh;overflow:hidden;padding:80px 20px;position:relative}.hero-background{height:100%;overflow:hidden;width:100%}.gradient-orb{filter:blur(100px)}.orb-1{left:-100px}.orb-2{bottom:-150px;height:600px;right:-150px;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{animation:particleFloat linear infinite;background:#667eea99}@keyframes particleFloat{0%{opacity:0;transform:translateY(100vh) scale(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100vh) scale(1)}}.hero-content{margin-bottom:80px}.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{background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);display:inline-block;position:relative}.hero-badge{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid #667eea4d;box-shadow:0 15px 40px #667eea33;display:inline-flex;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}.btn{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;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{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#f093fb);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;margin-bottom:12px}.stat-label{color:#e0e0e0;font-size:1.1rem}.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;letter-spacing:2px;margin-bottom:20px;padding:10px 25px}.section-header h2{font-size:3.5rem;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;color:#fff;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;text-decoration:none;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 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{animation:float 15s ease-in-out infinite;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;animation:bounce 2s infinite;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:30px;box-shadow:0 30px 80px #00000080;flex:1 1;max-width:500px;padding:50px 40px}.auth-logo{margin-bottom:30px;text-align:center}.auth-logo-img{animation:bounceIn 1s ease;border:3px solid #667eea;border-radius:50%;box-shadow:0 10px 30px #667eea80;height:80px;width:80px}@keyframes bounceIn{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.auth-header{margin-bottom:35px;text-align:center}.auth-header h1{color:#fff;font-size:2rem;font-weight:800;margin-bottom:10px}.auth-header p{color:#a0aec0;font-size:1rem}.google-btn{align-items:center;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:15px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:12px;justify-content:center;margin-bottom:25px;padding:15px;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:1.2rem}.divider{align-items:center;color:#718096;display:flex;font-size:.9rem;margin:25px 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:20px}.form-group{gap:8px}.form-group label{color:#e2e8f0;font-size:.9rem;gap:8px}.form-group label i{font-size:.9rem}.form-group input{background:#1a1a2e!important;border:2px solid #fff3;color:#fff!important;padding:15px 18px}.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:-10px;text-align:right}.forgot-password-link a{align-items:center;color:#667eea;display:inline-flex;font-size:.9rem;font-weight:600;gap:5px;text-decoration:none;transition:all .3s ease}.forgot-password-link a:hover{color:#764ba2;transform:translateX(-3px)}.btn-submit{align-items:center;box-shadow:0 10px 30px #667eea4d;display:flex;gap:10px;justify-content:center;margin-top:10px;padding:16px}.btn-submit:hover:not(:disabled){box-shadow:0 15px 40px #667eea80}.btn-submit i{font-size:1.1rem}.auth-footer{border-top:1px solid #ffffff1a;margin-top:30px;padding-top:25px;text-align:center}.auth-footer p{color:#a0aec0;font-size:.95rem}.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;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:20px;padding:40px 25px}.auth-header h1{font-size:1.7rem}.auth-logo-img{height:70px;width:70px}}.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;box-sizing:border-box;font-family:inherit;padding:14px 18px;width:100%}.form-group input:focus{background:#fff}.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;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 15px;transition:all .3s ease;white-space:nowrap}.btn-copy:hover{background:#5568d3;transform:translateY(-1px)}.btn-submit{border-radius:12px;box-shadow:0 4px 15px #667eea66;font-size:1rem;font-weight:600}.btn-submit:hover:not(:disabled){box-shadow:0 6px 20px #667eea80}.form-actions{gap:12px}.form-actions .btn-submit{flex:1 1}.btn-back{background:#f3f4f6;color:#6b7280;font-size:1rem;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-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{--dark:#0f0f1e;--dark-light:#1a1a2e;--dark-lighter:#16213e;--border:#6366f133}.services-page{background:linear-gradient(135deg,#0f0f1e,#1a1a2e 50%,#16213e);background-attachment:fixed;min-height:100vh;padding-bottom:80px}.services-hero{background:linear-gradient(135deg,#6366f11f,#ec489914);border-bottom:1px solid #6366f133;border-bottom:1px solid var(--border);overflow:hidden;padding:50px 0 70px;position:relative}.services-hero:before{background:radial-gradient(circle at 30% 50%,#6366f126,#0000 50%),radial-gradient(circle at 70% 50%,#ec48991f,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.hero-title{font-size:3.2rem;margin-bottom:16px}.gradient-text{background:linear-gradient(135deg,#818cf8,#ec4899);background:linear-gradient(135deg,var(--primary-light) 0,var(--secondary) 100%)}.hero-subtitle{color:#cbd5e1;color:var(--text-secondary);margin-bottom:30px;margin-left:auto;margin-right:auto}.hero-stats{gap:40px}.stat-item{color:#cbd5e1;color:var(--text-secondary);font-weight:500;gap:12px}.stat-item i{color:#818cf8;color:var(--primary-light);font-size:1.5rem}.services-controls{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin:-40px 0 32px;position:relative;z-index:2}.search-bar{display:flex;flex:1 1;gap:12px;min-width:300px}.search-input-wrapper{flex:1 1;position:relative}.search-icon{color:#94a3b8;color:var(--text-muted);left:16px;pointer-events:none}.search-input{background:#1a1a2e;background:var(--dark-light);border:2px solid #6366f133;border:2px solid var(--border);border-radius:12px;border-radius:var(--radius);color:#f1f5f9;color:var(--text-primary);padding:14px 48px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.search-input:focus{border-color:#6366f1;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.clear-search,.search-input::placeholder{color:#94a3b8;color:var(--text-muted)}.clear-search{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.clear-search:hover{color:#f1f5f9;color:var(--text-primary)}.btn-reset,.btn-search{align-items:center;border-radius:12px;border-radius:var(--radius);display:flex;font-weight:600;gap:8px;padding:14px 24px;transition:var(--transition);white-space:nowrap}.btn-search{background:#6366f1;background:var(--primary)}.btn-search:hover{background:#4f46e5;background:var(--primary-dark);box-shadow:0 10px 15px -3px #0006;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-reset{background:#16213e;background:var(--dark-lighter);border:1px solid #6366f133;border:1px solid var(--border);color:#cbd5e1;color:var(--text-secondary)}.btn-reset:hover{color:#f1f5f9;color:var(--text-primary)}.btn-reset:hover,.view-mode-toggle{background:#1a1a2e;background:var(--dark-light)}.view-mode-toggle{border:1px solid #6366f133;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);display:flex;gap:4px;padding:4px}.view-btn{background:#0000;border-radius:8px;color:#94a3b8;color:var(--text-muted);font-size:1rem;padding:10px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.view-btn:hover{background:#16213e;background:var(--dark-lighter);color:#f1f5f9;color:var(--text-primary)}.view-btn.active{background:#6366f1;background:var(--primary);color:#fff}.category-filters{margin-bottom:32px;overflow:hidden}.filters-scroll{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;scrollbar-color:#6366f1 #1a1a2e;scrollbar-color:var(--primary) var(--dark-light);scrollbar-width:thin}.filters-scroll::-webkit-scrollbar{height:6px}.filters-scroll::-webkit-scrollbar-track{background:#1a1a2e;background:var(--dark-light);border-radius:3px}.filters-scroll::-webkit-scrollbar-thumb{background:#6366f1;background:var(--primary);border-radius:3px}.filter-chip{align-items:center;background:#1a1a2e;background:var(--dark-light);border:2px solid #6366f133;border:2px solid var(--border);border-radius:50px;color:#cbd5e1;color:var(--text-secondary);cursor:pointer;display:flex;font-weight:500;gap:8px;padding:12px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);white-space:nowrap}.filter-chip:hover{background:#16213e;background:var(--dark-lighter);border-color:#818cf8;border-color:var(--primary-light);transform:translateY(-2px)}.filter-chip.active{background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-color:#6366f1;border-color:var(--primary);box-shadow:0 4px 12px #6366f14d;color:#fff}.filter-chip i{font-size:1.1rem}.chip-count{background:#fff3;border-radius:12px;font-size:.85rem;font-weight:600;padding:2px 8px}.results-header{margin-bottom:24px}.results-count{color:#cbd5e1;color:var(--text-secondary);font-size:1rem}.services-container{grid-gap:24px;display:grid;gap:24px}.services-container.grid-view{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.services-container.list-view{grid-template-columns:1fr}.services-container.list-view .service-card{grid-gap:24px;align-items:center;display:grid;gap:24px;grid-template-columns:auto 1fr auto}.services-container.list-view .card-header{flex-direction:column;gap:8px;grid-column:1}.services-container.list-view .card-body{grid-column:2;padding:0}.services-container.list-view .card-footer{grid-column:3;margin-top:0}.services-container.list-view .service-icon-wrapper{display:none}.service-card{background:#1a1a2e;background:var(--dark-light);border:1px solid #6366f133;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);display:flex;flex-direction:column;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.service-card:hover{border-color:#818cf8;border-color:var(--primary-light);box-shadow:0 20px 25px -5px #00000080;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.service-card:before{background:linear-gradient(90deg,#6366f1,#ec4899);background:linear-gradient(90deg,var(--primary) 0,var(--secondary) 100%);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.service-card:hover:before{opacity:1}.card-header{padding:20px 20px 0}.premium-badge{color:#0f0f1e;display:flex;font-size:.75rem;padding:6px 12px}.premium-badge i{font-size:.85rem}.service-category{background:#16213e;background:var(--dark-lighter);border:1px solid #6366f133;border:1px solid var(--border);border-radius:20px;color:#cbd5e1;color:var(--text-secondary);font-size:.75rem;font-weight:600;padding:6px 12px;text-transform:capitalize}.card-body{display:flex;flex-direction:column}.service-icon-wrapper{align-items:center;background:linear-gradient(135deg,#6366f11a,#ec48991a);border:1px solid #6366f133;border:1px solid var(--border);border-radius:16px;display:flex;height:64px;justify-content:center;margin-bottom:16px;width:64px}.service-icon-wrapper i{-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:2rem}.service-title{font-size:1.25rem;font-weight:700;line-height:1.4;margin-bottom:8px}.service-description{flex:1 1;font-size:.95rem;line-height:1.6;margin-bottom:16px}.service-meta{margin-bottom:16px}.service-id,.service-meta{align-items:center;display:flex}.service-id{background:#16213e;background:var(--dark-lighter);border:1px solid #6366f133;border:1px solid var(--border);border-radius:8px;color:#94a3b8;color:var(--text-muted);font-size:.85rem;font-weight:500;gap:6px;padding:6px 12px}.service-id i{font-size:.75rem}.pricing-section{background:#0f0f1e;background:var(--dark);border:1px solid #6366f133;border:1px solid var(--border);border-radius:10px;padding:16px}.price-tag{display:flex;flex-direction:column;gap:4px}.price-label{color:#94a3b8;color:var(--text-muted);letter-spacing:.5px}.price-amount{align-items:baseline;display:flex;gap:6px}.price{color:#818cf8;color:var(--primary-light);font-size:1.75rem;font-weight:800}.price-unit{color:#94a3b8;color:var(--text-muted);font-size:.95rem;font-weight:500}.card-footer{padding:0 20px 20px}.btn-view-service{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border:none;border-radius:12px;border-radius:var(--radius);color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;justify-content:center;padding:14px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.btn-view-service:hover{box-shadow:0 8px 16px #6366f14d;transform:translateY(-2px)}.btn-view-service i{transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.btn-view-service:hover i{transform:translateX(4px)}.no-results{background:#1a1a2e;background:var(--dark-light);border:2px dashed #6366f133;border:2px dashed var(--border);border-radius:12px;border-radius:var(--radius);grid-column:1/-1;padding:80px 20px;text-align:center}.no-results i{color:#94a3b8;color:var(--text-muted);font-size:4rem;margin-bottom:24px;opacity:.5}.no-results h3{color:#f1f5f9;color:var(--text-primary);font-size:1.5rem;margin-bottom:12px}.no-results p{color:#cbd5e1;color:var(--text-secondary);font-size:1.05rem;margin-bottom:24px}.btn-primary{align-items:center;background:var(--primary);border-radius:12px;border-radius:var(--radius);display:inline-flex;gap:8px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.btn-primary:hover{background:#4f46e5;background:var(--primary-dark);box-shadow:0 10px 15px -3px #0006;box-shadow:var(--shadow-lg)}.loading-screen{background:#0f0f1e}.loader-spinner{border:4px solid #16213e}.error-state{align-items:center;display:flex;justify-content:center;min-height:100vh}.error-card{background:#1a1a2e;background:var(--dark-light);border:1px solid #6366f133;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);max-width:500px;padding:60px 40px;text-align:center}.error-card i{color:#ef4444;color:var(--danger);font-size:4rem;margin-bottom:24px}.error-card h1{color:#f1f5f9;color:var(--text-primary);font-size:1.75rem;margin-bottom:16px}.error-card p{color:#cbd5e1;color:var(--text-secondary);line-height:1.6;margin-bottom:12px}.user-info{background:#0f0f1e;background:var(--dark);border:1px solid #6366f133;border:1px solid var(--border);border-radius:8px;margin:20px 0;padding:12px}.user-info strong{color:#818cf8;color:var(--primary-light)}@media (max-width:1024px){.hero-title{font-size:2.75rem}.services-container.grid-view{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.services-hero{padding:40px 0 60px}.hero-title{font-size:2.25rem}.hero-subtitle{font-size:1.1rem}.hero-stats{gap:24px}.services-controls{align-items:stretch;flex-direction:column;margin:-30px 0 24px}.search-bar{flex-direction:column;width:100%}.view-mode-toggle{justify-content:center}.services-container.grid-view,.services-container.list-view .service-card{grid-template-columns:1fr}.services-container.list-view .card-body,.services-container.list-view .card-footer,.services-container.list-view .card-header{grid-column:1}.services-container.list-view .card-body{padding:20px}.services-container.list-view .card-footer{margin-top:auto}.filters-scroll{justify-content:flex-start}.filter-chip{font-size:.9rem;padding:10px 16px}}@media (max-width:480px){.hero-title{font-size:1.85rem}.hero-subtitle{font-size:1rem}.stat-item{font-size:.9rem}.search-input{padding:12px 40px}.btn-reset,.btn-search{font-size:.95rem;padding:12px 20px}.service-title{font-size:1.1rem}.price{font-size:1.5rem}}.service-card{animation:fadeIn .5s ease-out}.service-card:first-child{animation-delay:.05s}.service-card:nth-child(2){animation-delay:.1s}.service-card:nth-child(3){animation-delay:.15s}.service-card:nth-child(4){animation-delay:.2s}.service-card:nth-child(5){animation-delay:.25s}.service-card:nth-child(6){animation-delay:.3s}:root{--primary:#6366f1;--secondary:#ec4899;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--dark:#0f172a;--dark-light:#1e293b;--dark-lighter:#334155;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--border:#ffffff14;--shadow:0 4px 6px -1px #0000004d;--shadow-lg:0 10px 15px -3px #0006;--shadow-xl:0 20px 25px -5px #00000080;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}.service-detail-page{background:linear-gradient(135deg,#0f172a,#1e293b);min-height:100vh;padding:24px 0 80px}.container{max-width:1400px;padding:0 24px}.breadcrumb-container{background:#1e293b;background:var(--dark-light);border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border);margin-bottom:32px;padding:16px 0}.breadcrumb{flex-wrap:wrap;gap:12px}.breadcrumb,.breadcrumb-item{align-items:center;display:flex}.breadcrumb-item{background:none;border:none;border-radius:6px;color:#cbd5e1;color:var(--text-secondary);cursor:pointer;font-size:.95rem;gap:6px;padding:4px 8px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.breadcrumb-item:hover{background:#6366f11a;color:#818cf8;color:var(--primary-light)}.breadcrumb-item.active{color:#f1f5f9;color:var(--text-primary);cursor:default;font-weight:600}.breadcrumb-item.active:hover{background:none}.breadcrumb-separator{color:#94a3b8;color:var(--text-muted);font-size:.75rem}.service-detail-grid{grid-gap:32px;align-items:start;display:grid;gap:32px;grid-template-columns:1fr 420px}.service-info-column{display:flex;flex-direction:column;gap:24px}.info-card{background:#1e293b;background:var(--dark-light);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);overflow:hidden;padding:32px}.info-card:before{background:linear-gradient(90deg,#6366f1,#ec4899);background:linear-gradient(90deg,var(--primary) 0,var(--secondary) 100%);content:"";height:3px;left:0;position:absolute;right:0;top:0}.service-header-card{padding:40px}.service-header{align-items:flex-start;display:flex;gap:24px}.service-icon-large{align-items:center;background:linear-gradient(135deg,#6366f126,#ec489926);border:2px solid #ffffff14;border:2px solid var(--border);border-radius:20px;display:flex;flex-shrink:0;height:96px;justify-content:center;width:96px}.service-icon-large i{-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:3rem}.header-content{flex:1 1}.badges-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.premium-badge{align-items:center;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:20px;box-shadow:0 2px 8px #fbbf244d;color:#0f172a;color:var(--dark);display:inline-flex;font-size:.8rem;font-weight:700;gap:6px;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase}.premium-badge i{font-size:.9rem}.category-badge{align-items:center;background:#334155;background:var(--dark-lighter);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:20px;color:#cbd5e1;color:var(--text-secondary);display:inline-flex;font-size:.8rem;padding:8px 16px;text-transform:capitalize}.service-title{color:#f1f5f9;color:var(--text-primary);font-size:2rem;font-weight:800;line-height:1.3;margin-bottom:12px}.service-description{color:#cbd5e1;color:var(--text-secondary);font-size:1.1rem;line-height:1.7;margin-bottom:20px}.service-meta-row{display:flex;flex-wrap:wrap;gap:24px}.meta-item{color:#cbd5e1;color:var(--text-secondary)}.meta-item i{color:#818cf8;color:var(--primary-light)}.tabs-card{padding:0}.tabs-header{border-bottom:2px solid #ffffff14;border-bottom:2px solid var(--border);display:flex;padding:0 32px}.tab-button{align-items:center;background:none;border:none;color:#cbd5e1;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:20px 24px;position:relative}.tab-button,.tab-button:after{transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.tab-button:after{background:#6366f1;background:var(--primary);bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0;transform:scaleX(0)}.tab-button:hover{background:#ffffff08;color:#f1f5f9;color:var(--text-primary)}.tab-button.active{color:#818cf8;color:var(--primary-light)}.tab-button.active:after{transform:scaleX(1)}.tabs-content{padding:32px}.tab-panel{animation:fadeIn .4s ease-out}.tab-panel h3{color:#f1f5f9;color:var(--text-primary);font-size:1.4rem;font-weight:700;margin-bottom:20px}.features-list{display:flex;flex-direction:column;gap:16px;list-style:none;padding:0}.features-list li{align-items:center;background:#0f172a;background:var(--dark);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:10px;display:flex;gap:16px;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.features-list li:hover{border-color:#818cf8;border-color:var(--primary-light);transform:translateX(4px)}.feature-icon{align-items:center;background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--success) 0,#059669 100%);border-radius:8px;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.feature-icon i{color:#fff;font-size:1rem}.features-list li span{color:#cbd5e1;color:var(--text-secondary);font-size:1rem;line-height:1.6}.detail-item{background:#0f172a;background:var(--dark);border:1px solid #ffffff14;border:1px solid var(--border);gap:16px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.detail-item:hover{border-color:#818cf8;border-color:var(--primary-light);transform:translateY(-2px)}.detail-item i{color:#818cf8;color:var(--primary-light);font-size:1.75rem}.detail-item strong{color:#f1f5f9;color:var(--text-primary);font-size:1rem;font-weight:700;margin-bottom:4px}.detail-item p{color:#cbd5e1;color:var(--text-secondary);font-size:.95rem}.faq-list{display:flex;flex-direction:column;gap:16px}.faq-item{background:#0f172a;background:var(--dark);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:10px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.faq-item:hover{border-color:#818cf8;border-color:var(--primary-light)}.faq-item h4{align-items:center;color:#f1f5f9;color:var(--text-primary);display:flex;font-size:1.05rem;font-weight:600;gap:10px;margin-bottom:12px}.faq-item h4 i{color:#818cf8;color:var(--primary-light);font-size:1rem}.faq-item p{color:#cbd5e1;color:var(--text-secondary);line-height:1.7;margin:0}.trust-card h3{color:#f1f5f9;color:var(--text-primary);font-size:1.4rem;font-weight:700;margin-bottom:24px}.trust-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.trust-item{background:#0f172a;background:var(--dark);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:10px;padding:20px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.trust-item:hover{border-color:#818cf8;border-color:var(--primary-light);transform:translateY(-4px)}.trust-item i{color:#818cf8;color:var(--primary-light);font-size:2.5rem;margin-bottom:12px}.trust-item h4{color:#f1f5f9;color:var(--text-primary);font-size:1rem;font-weight:700;margin-bottom:6px}.trust-item p{color:#cbd5e1;color:var(--text-secondary);font-size:.9rem;margin:0}.order-column{display:flex;flex-direction:column;gap:24px}.sticky-card{position:-webkit-sticky;position:sticky;top:24px}.order-card{background:#1e293b;background:var(--dark-light);border:2px solid #ffffff14;border:2px solid var(--border);border-radius:12px;border-radius:var(--radius);box-shadow:0 10px 15px -3px #0006;box-shadow:var(--shadow-lg)}.order-card-header{background:linear-gradient(135deg,#6366f11a,#ec48991a);border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border);padding:28px}.order-card-header h2{color:#f1f5f9;color:var(--text-primary);font-size:1.5rem;font-weight:800;margin-bottom:6px}.order-card-header p{color:#cbd5e1;color:var(--text-secondary);font-size:.95rem;margin:0}.order-card-body{padding:28px}.quantity-section{margin-bottom:28px}.input-label{align-items:center;color:#f1f5f9;color:var(--text-primary);display:flex;font-size:1rem;font-weight:600;gap:8px;margin-bottom:12px}.input-label i{color:#818cf8;color:var(--primary-light)}.quantity-input-wrapper{display:flex;gap:12px;margin-bottom:16px}.qty-btn{align-items:center;background:#334155;background:var(--dark-lighter);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:10px;color:#f1f5f9;color:var(--text-primary);cursor:pointer;display:flex;font-size:1rem;height:48px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:48px}.qty-btn:hover{background:#6366f1;background:var(--primary);border-color:#6366f1;border-color:var(--primary);transform:scale(1.05)}.quantity-input{background:#0f172a;background:var(--dark);border:2px solid #ffffff14;border:2px solid var(--border);border-radius:10px;color:#f1f5f9;color:var(--text-primary);flex:1 1;font-size:1.1rem;font-weight:700;height:48px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.quantity-input:focus{border-color:#6366f1;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a;outline:none}.quick-quantities{display:flex;flex-wrap:wrap;gap:8px}.quick-qty-btn{background:#0f172a;background:var(--dark);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:8px;color:#cbd5e1;color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.quick-qty-btn:hover{background:#334155;background:var(--dark-lighter);border-color:#818cf8;border-color:var(--primary-light);color:#f1f5f9;color:var(--text-primary)}.quick-qty-btn.active{background:#6366f1;background:var(--primary);border-color:#6366f1;border-color:var(--primary);color:#fff}.price-breakdown{background:#0f172a;background:var(--dark);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:10px;margin-bottom:24px;padding:20px}.breakdown-row{color:#cbd5e1;color:var(--text-secondary);font-size:.95rem;margin-bottom:12px}.breakdown-row:last-child{margin-bottom:0}.breakdown-row .value{color:#f1f5f9;color:var(--text-primary);font-weight:600}.breakdown-divider{background:#ffffff14;background:var(--border);margin:16px 0}.breakdown-row.total{font-size:1.1rem;font-weight:700;padding-top:4px}.total-price{color:#818cf8;color:var(--primary-light);font-size:1.75rem;font-weight:800}.btn-order-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:12px;border-radius:var(--radius);box-shadow:0 4px 12px #6366f14d;color:#fff;cursor:pointer;display:flex;font-size:1.05rem;font-weight:700;gap:12px;justify-content:center;margin-bottom:20px;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.btn-order-now:hover:not(:disabled){box-shadow:0 8px 20px #6366f166;transform:translateY(-2px)}.btn-order-now:disabled{cursor:not-allowed;opacity:.5}.btn-order-now i:last-child{transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.btn-order-now:hover:not(:disabled) i:last-child{transform:translateX(4px)}.order-info{display:flex;flex-direction:column;gap:12px}.info-item{color:#cbd5e1;color:var(--text-secondary);font-size:.9rem;gap:10px}.info-item i{color:#10b981;color:var(--success);font-size:1rem}.delivery-banner{align-items:center;background:linear-gradient(135deg,#10b9811a,#0596691a);border-top:1px solid #ffffff14;border-top:1px solid var(--border);display:flex;gap:16px;padding:20px 28px}.delivery-banner i{color:#10b981;color:var(--success);font-size:2rem}.delivery-banner strong{color:#f1f5f9;color:var(--text-primary);display:block;font-size:1rem;margin-bottom:4px}.delivery-banner p{color:#cbd5e1;color:var(--text-secondary);font-size:.9rem;margin:0}.help-card{background:#1e293b;background:var(--dark-light);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);padding:28px;text-align:center}.help-card i{color:#818cf8;color:var(--primary-light);font-size:2.5rem;margin-bottom:16px}.help-card h3{color:#f1f5f9;color:var(--text-primary);font-size:1.3rem;font-weight:700;margin-bottom:8px}.help-card p{color:#cbd5e1;color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:20px}.btn-contact{align-items:center;background:#334155;background:var(--dark-lighter);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);color:#f1f5f9;color:var(--text-primary);cursor:pointer;display:inline-flex;font-weight:600;gap:10px;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.btn-contact:hover{background:#6366f1;background:var(--primary);border-color:#6366f1;border-color:var(--primary);box-shadow:0 10px 15px -3px #0006;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.loading-screen{background:#0f172a;background:var(--dark);gap:24px}.loader-spinner{border:4px solid #334155;border:4px solid var(--dark-lighter);border-top-color:var(--primary);height:64px;width:64px}.loading-screen p{color:#cbd5e1;color:var(--text-secondary);font-size:1.1rem}@media (max-width:1200px){.service-detail-grid{gap:24px;grid-template-columns:1fr 380px}}@media (max-width:992px){.service-detail-grid{grid-template-columns:1fr}.sticky-card{position:relative;top:0}.order-column{order:-1}.trust-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.service-header{align-items:center;flex-direction:column;text-align:center}.service-icon-large{height:80px;width:80px}.service-icon-large i{font-size:2.5rem}.service-title{font-size:1.65rem}.service-description{font-size:1rem}.service-meta-row{justify-content:center}.tabs-header{overflow-x:auto;padding:0 16px}.tab-button{padding:16px 20px;white-space:nowrap}.tabs-content{padding:20px}.info-card{padding:24px}.service-header-card{padding:28px}.order-card-body,.order-card-header{padding:20px}.details-grid,.trust-grid{grid-template-columns:1fr}}@media (max-width:480px){.service-title{font-size:1.4rem}.breadcrumb{font-size:.85rem}.quantity-input-wrapper{gap:8px}.qty-btn{height:42px;width:42px}.quantity-input{font-size:1rem;height:42px}.quick-quantities{gap:6px}.quick-qty-btn{font-size:.85rem;padding:8px 12px}.total-price{font-size:1.5rem}.btn-order-now{font-size:1rem;padding:14px}}: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}.err{color:#ff6b6b;font-size:13px;margin-top:-6px}@media(max-width:600px){.checkout-page{padding-top:80px}.service-icon{font-size:24px;height:56px;width:56px}.price-row.total{font-size:22px}}.dashboard-page{background:#0a0a0a;min-height:100vh;overflow:hidden;padding:40px 20px;position:relative}.dashboard-background{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.loading-screen{background:#0a0a0a}.welcome-section{margin-bottom:40px}.welcome-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:30px;justify-content:space-between;overflow:hidden;padding:40px;position:relative}.welcome-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%}.welcome-text{position:relative;z-index:1}.greeting{color:#667eea;display:block;font-size:1rem;font-weight:700;letter-spacing:2px;margin-bottom:10px;text-transform:uppercase}.welcome-text h1{align-items:center;color:#fff;display:flex;font-size:2.5rem;font-weight:800;gap:15px;margin-bottom:10px}.wave{animation:wave 2s ease-in-out infinite;display:inline-block}@keyframes wave{0%,to{transform:rotate(0deg)}25%{transform:rotate(20deg)}75%{transform:rotate(-20deg)}}.welcome-text p{color:#b0b0b0;font-size:1.1rem}.welcome-actions{display:flex;gap:15px;position:relative;z-index:1}.btn-primary-action,.btn-secondary-action{align-items:center;border:none;border-radius:50px;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:10px;padding:15px 30px;transition:all .3s ease}.btn-primary-action{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 10px 30px #667eea66;color:#fff}.btn-primary-action:hover{box-shadow:0 15px 40px #667eea99;transform:translateY(-3px)}.btn-secondary-action{background:#667eea1a;border:2px solid #667eea4d;color:#fff}.btn-secondary-action:hover{background:#667eea33;border-color:#667eea;transform:translateY(-3px)}.stats-grid{margin-bottom:50px}.stat-card{border-radius:25px;gap:25px;padding:35px;transition:all .4s ease}.stat-background{background:radial-gradient(circle,#667eea1a 0,#0000 70%);height:200%;left:-50%;opacity:0;position:absolute;top:-50%;transition:opacity .4s ease;width:200%}.stat-card:hover .stat-background{opacity:1}.stat-icon{border-radius:20px;position:relative;z-index:1}.total-icon{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 10px 30px #667eea66}.processing-icon{background:linear-gradient(135deg,#f093fb,#f5576c);box-shadow:0 10px 30px #f093fb66}.completed-icon{background:linear-gradient(135deg,#43e97b,#38f9d7);box-shadow:0 10px 30px #43e97b66}.stat-content{position:relative;z-index:1}.stat-pulse,.stat-sparkle,.stat-trend{font-size:1.5rem;opacity:.3;position:absolute;right:20px;top:20px}.stat-pulse{animation:spin 2s linear infinite}.orders-section{margin-bottom:50px}.section-header{gap:20px;margin-bottom:30px}.header-left{align-items:center;display:flex;gap:15px}.section-header h2{font-size:2rem;font-weight:800;gap:12px}.order-count{background:#667eea26;border:2px solid #667eea4d;border-radius:30px;color:#667eea;font-size:.9rem;font-weight:700;padding:8px 20px}.no-orders{-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}.no-orders-illustration{height:120px;margin:0 auto 30px;position:relative;width:120px}.illustration-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%}.no-orders-illustration i{color:#667eea;font-size:4rem;line-height:120px;position:relative;z-index:1}.no-orders h3{color:#fff;font-size:1.8rem;font-weight:700;margin-bottom:15px}.no-orders p{color:#b0b0b0;font-size:1.1rem;margin-bottom:30px}.btn-browse{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;box-shadow:0 10px 30px #667eea66;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:700;gap:10px;padding:15px 35px;text-decoration:none;transition:all .3s ease}.btn-browse:hover{box-shadow:0 15px 40px #667eea99;transform:translateY(-3px)}.orders-list{grid-gap:25px;display:grid;gap:25px}.order-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#1a1a2e99,#0f0f1e99);border:2px solid #667eea33;border-radius:25px;overflow:hidden;padding:30px;position:relative;transition:all .4s ease}.order-glow{background:linear-gradient(90deg,#0000,#667eea1a,#0000);height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.order-card:hover .order-glow{left:100%}.order-card:hover{border-color:#667eea80;box-shadow:0 20px 50px #667eea4d;transform:translateY(-5px)}.order-header{align-items:flex-start;gap:20px}.order-info h3{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:8px}.order-id{align-items:center;color:#a0aec0;display:flex;font-size:.9rem;gap:5px}.status-badge{padding:10px 20px}.status-processing{background:#f093fb26;border:2px solid #f093fb4d;color:#f093fb}.status-completed{background:#43e97b26;border:2px solid #43e97b4d;color:#43e97b}.status-pending{background:#feca5726;border:2px solid #feca574d;color:#feca57}.status-cancelled{background:#f5576c26;border:2px solid #f5576c4d;color:#f5576c}.order-details{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:25px}.detail-item{align-items:center;gap:15px}.detail-icon{align-items:center;background:#667eea26;border-radius:12px;color:#667eea;display:flex;font-size:1.1rem;height:45px;justify-content:center;width:45px}.detail-text{display:flex;flex-direction:column}.detail-label{color:#a0aec0;margin-bottom:3px}.detail-value{font-size:1rem;font-weight:700}.delivery-estimate,.order-completion{align-items:center;border-radius:15px;display:flex;font-size:.95rem;font-weight:600;gap:10px;margin-bottom:20px;padding:15px 20px}.order-completion{background:#43e97b1a;border:2px solid #43e97b33;color:#43e97b}.delivery-estimate{background:#667eea1a;border:2px solid #667eea33;color:#667eea}.btn-view-order{border-radius:15px;cursor:pointer;display:flex;font-size:1rem;gap:10px;justify-content:center;padding:15px;width:100%}.btn-view-order:hover{transform:translateY(-2px)}.referral-section{margin-top:50px}.referral-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#1a1a2ecc,#0f0f1ecc);border:2px solid #667eea4d;border-radius:30px;overflow:hidden;padding:50px;position:relative}.referral-background{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.referral-orb{border-radius:50%;filter:blur(80px);opacity:.2;position:absolute}.ref-orb-1{background:linear-gradient(135deg,#667eea,#764ba2);height:300px;right:-100px;top:-100px;width:300px}.ref-orb-2{background:linear-gradient(135deg,#f093fb,#f5576c);bottom:-80px;height:250px;left:-80px;width:250px}.referral-header{align-items:center;display:flex;gap:25px;margin-bottom:40px;position:relative;z-index:1}.referral-icon-large{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}.referral-title h2{color:#fff;font-size:2rem;font-weight:800;margin-bottom:8px}.referral-title p{color:#b0b0b0;font-size:1.1rem}.referral-body{position:relative;z-index:1}.referral-code-section{margin-bottom:40px}.referral-code-section label{color:#a0aec0;display:block;font-size:.95rem;font-weight:600;margin-bottom:12px}.referral-code-box{align-items:center;background:#0a0a0a99;border:2px solid #667eea4d;border-radius:15px;display:flex;gap:15px;padding:20px 25px}.code-text{color:#667eea;flex:1 1;font-size:1.8rem;font-weight:900;letter-spacing:3px}.btn-copy-code{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 8px 25px #667eea66;color:#fff;cursor:pointer;display:flex;font-weight:700;gap:8px;padding:12px 25px;transition:all .3s ease;white-space:nowrap}.btn-copy-code:hover{box-shadow:0 12px 35px #667eea99;transform:translateY(-2px)}.btn-copy-code.copied{background:linear-gradient(135deg,#43e97b,#38f9d7)}.referral-benefits{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:40px}.benefit-item{align-items:center;background:#667eea14;border:2px solid #667eea33;border-radius:20px;display:flex;gap:20px;padding:25px;transition:all .3s ease}.benefit-item:hover{background:#667eea26;border-color:#667eea66;transform:translateY(-5px)}.benefit-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;color:#fff;display:flex;flex-shrink:0;font-size:1.8rem;height:60px;justify-content:center;width:60px}.benefit-text h4{color:#fff;font-size:1.2rem;font-weight:700;margin-bottom:5px}.benefit-text p{color:#b0b0b0;font-size:.95rem}.btn-referral-dashboard{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:15px;box-shadow:0 15px 40px #667eea66;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:12px;justify-content:center;padding:18px;transition:all .3s ease;width:100%}.btn-referral-dashboard:hover{box-shadow:0 20px 50px #667eea99;transform:translateY(-3px)}@media (max-width:768px){.welcome-content{align-items:flex-start;flex-direction:column;padding:30px 25px}.welcome-text h1{font-size:2rem}.welcome-actions{flex-direction:column;width:100%}.btn-primary-action,.btn-secondary-action{justify-content:center;width:100%}.stats-grid{grid-template-columns:1fr}.header-left,.section-header{align-items:flex-start;flex-direction:column}.order-details{grid-template-columns:1fr}.referral-card{padding:30px 25px}.referral-header{align-items:flex-start;flex-direction:column}.referral-benefits{grid-template-columns:1fr}.code-text{font-size:1.3rem}}.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-number{color:#fff;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{align-items:center;color:#e2e8f0;display:flex;font-size:1.125rem;font-weight:700;gap:8px;margin-bottom:4px}.verified-badge{background:#10b981;display:inline-flex;font-size:12px;font-weight:700;height:20px;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{color:#fbbf24;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;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{border-radius:30px;font-size:14px;margin-top:8px;padding:8px 20px}.status-pending{background:#eab30833;color:#facc15}.status-processing{color:#60a5fa}.status-completed{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:linear-gradient(135deg,#0a0e27,#1a1f35 50%,#0a0e27);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:40px 20px}.hub-header{margin-bottom:50px;padding:20px 0;text-align:center}.header-content h1{margin-bottom:15px}.header-content p{color:#fff;font-size:1.2rem;font-weight:600;text-shadow:0 2px 8px #00000080}.hub-nav-cards{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:50px;margin-left:auto;margin-right:auto;max-width:1200px}.nav-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e293be6,#1e293bcc);border:1px solid #94a3b833;border-radius:20px;box-shadow:0 20px 60px #0000004d;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:30px;position:relative;transition:all .3s ease}.nav-card:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%;z-index:0}.nav-card:hover:before{left:100%}.nav-card:hover{border-color:#60a5fa66;box-shadow:0 30px 80px #60a5fa26;transform:translateY(-10px)}.card-icon{display:block}.nav-card h2{color:#fff;font-size:1.8rem;font-weight:700;margin-bottom:15px;position:relative;z-index:1}.card-description{color:#cbd5e1;font-size:.95rem;font-weight:500}.card-count,.card-description{margin-bottom:25px;position:relative;z-index:1}.count-label{color:#60a5fa;display:block;font-size:.9rem;font-weight:700;letter-spacing:.5px;text-shadow:0 1px 4px #00000080;text-transform:uppercase}.status-stats{align-items:center;background:#0f172a99;border:1px solid #60a5fa33;border-radius:10px;display:flex;gap:20px;padding:15px}.stat-item{flex:1 1;text-align:center}.stat-number{color:#60a5fa;font-size:1.8rem;font-weight:900;margin-bottom:5px;text-shadow:0 2px 8px #60a5fa4d}.stat-label{font-size:.8rem}.stat-divider{background:#60a5fa33;height:40px;width:1px}.card-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;font-size:.95rem;font-weight:700;padding:12px 24px;position:relative;transition:all .3s ease;z-index:1}.card-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 8px 20px #3b82f680;transform:translateY(-2px)}.info-section{margin:0 auto 40px;max-width:1200px}.info-section h3{color:#fff;font-size:2.2rem;font-weight:900;margin-bottom:40px;text-align:center;text-shadow:0 4px 15px #0000004d}.info-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.info-card{background:#0a0e27!important;border:2px solid #3b82f6!important;border-radius:15px;box-shadow:0 10px 30px #0006;padding:25px;position:relative;text-align:center;transition:all .3s ease}.info-card:hover{border-color:#60a5fa66;box-shadow:0 15px 40px #60a5fa26;transform:translateY(-5px)}.step-number{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 5px 15px #fbbf2466;color:#1f2937;margin:0 auto 15px}.info-card h4{color:#fff;font-size:1.3rem;font-weight:900;margin-bottom:10px;text-shadow:0 2px 8px #00000080}.info-card p{color:#fff;font-size:.95rem;font-weight:600;line-height:1.6}@media (max-width:768px){.job-assistant-hub-container{padding:20px 15px}.header-content h1{font-size:2.2rem}.header-content p{font-size:1rem}.hub-nav-cards{gap:20px;margin-bottom:30px}.nav-card{padding:25px}.card-icon{font-size:2.5rem;margin-bottom:15px}.nav-card h2{font-size:1.5rem;margin-bottom:12px}.card-description{font-size:.9rem;margin-bottom:20px}.info-section h3{font-size:1.8rem;margin-bottom:30px}.info-grid{gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.info-card{padding:20px}.info-card h4{font-size:1rem}.info-card p{font-size:.85rem}}@media (max-width:480px){.job-assistant-hub-container{padding:15px 10px}.header-content h1{font-size:1.8rem}.header-content p{font-size:.95rem}.hub-nav-cards{gap:15px;grid-template-columns:1fr;margin-bottom:25px}.nav-card{padding:20px}.card-icon{font-size:2.2rem}.nav-card h2{font-size:1.3rem}.card-description{font-size:.85rem}.status-stats{flex-direction:column;gap:10px}.stat-divider{height:1px;width:100%}.info-section h3{font-size:1.5rem}.info-grid{gap:12px;grid-template-columns:1fr}.info-card{padding:15px}.step-number{font-size:1.2rem;height:45px;width:45px}.info-card h4{font-size:.95rem}.info-card p{font-size:.8rem}}.job-assistant-container{background:linear-gradient(135deg,#0a0e27,#1a1f35 50%,#0a0e27);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:40px 20px}.job-assistant-wrapper{margin:0 auto;max-width:900px}.job-assistant-header{margin-bottom:40px;text-align:center}.job-assistant-header h1{color:#fff;font-size:3.5rem;font-weight:900;margin-bottom:15px;text-shadow:0 4px 15px #0000004d}.job-assistant-header p{color:#fff;font-size:1.2rem;font-weight:600;text-shadow:0 2px 8px #00000080}.disclaimer-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ef444426,#dc26261a);border:2px solid #ef4444;border-radius:15px;margin-bottom:40px;padding:25px}.disclaimer-box h3{color:#fff;font-size:1.3rem;font-weight:900;margin-bottom:15px;text-shadow:0 2px 8px #00000080}.disclaimer-box ul{list-style:none;padding-left:0}.disclaimer-box li{color:#fff;font-size:.95rem;font-weight:600;line-height:1.6;margin-bottom:10px;padding-left:25px;position:relative}.disclaimer-box li:before{content:"⚠️";left:0;position:absolute}.disclaimer-box strong{color:#fbbf24;font-weight:700}.job-assistant-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bcc;border:1px solid #94a3b833;border-radius:20px;box-shadow:0 20px 60px #0006;padding:40px}.form-section{border:none;border-bottom:1px solid #60a5fa33;margin-bottom:35px;padding-bottom:30px}.form-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section legend{color:#fff;display:block;font-size:1.5rem;font-weight:900;letter-spacing:.5px;margin-bottom:25px;padding:10px 0;text-shadow:0 2px 8px #00000080;width:100%}.form-row{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:10px}.form-group label{color:#fff;font-size:1.05rem;text-shadow:0 2px 8px #00000080}.form-group label .hint{color:#60a5fa;display:block;font-size:.9rem;font-style:italic;font-weight:500;margin-top:5px}.form-group input,.form-group select,.form-group textarea{background:#0a0e27!important;border:2px solid #3b82f6!important;color:#fff!important;font-weight:500;padding:12px 16px}.form-group input::placeholder,.form-group select::placeholder,.form-group textarea::placeholder{color:#60a5fa!important;font-weight:600}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#0a0e27!important;border-color:#60a5fa!important;box-shadow:0 0 25px #60a5fa99!important;color:#fff!important;outline:none!important}.form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%2360a5fa' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:40px}.form-group textarea{min-height:100px}.file-input-wrapper{position:relative}.file-input-wrapper input[type=file]{display:none}.file-input-label{align-items:center;background:linear-gradient(135deg,#3b82f626,#6366f11a);border:2px dashed #60a5fa;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:150px;padding:40px 20px;text-align:center;transition:all .3s ease}.file-input-label:hover{background:linear-gradient(135deg,#3b82f640,#6366f126);border-color:#3b82f6}.file-input-label .icon{display:block;font-size:2.5rem;margin-bottom:10px}.file-input-label .text{color:#fff;display:block;font-size:1rem;font-weight:700;margin-bottom:8px;text-shadow:0 1px 4px #00000080}.file-input-label .hint{color:#60a5fa;display:block;font-size:.9rem;font-weight:600}.form-actions{margin-bottom:20px;margin-top:35px}.btn-submit{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:10px;box-shadow:0 5px 15px #fbbf244d;color:#1f2937;font-size:1.05rem;letter-spacing:.5px;padding:18px;text-transform:uppercase}.btn-submit:hover:not(:disabled){background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 10px 30px #fbbf2480}.form-note{color:#fff;font-size:.95rem;font-weight:600;line-height:1.6;margin-top:20px;text-align:center;text-shadow:0 1px 4px #00000080}@media (max-width:768px){.job-assistant-container{padding:20px 15px}.job-assistant-header h1{font-size:2.2rem}.job-assistant-header p{font-size:1rem}.job-assistant-form{padding:25px}.form-section legend{font-size:1.2rem;margin-bottom:20px}.form-row{gap:15px;grid-template-columns:1fr}.disclaimer-box{padding:20px}.disclaimer-box h3{font-size:1.1rem}.disclaimer-box li{font-size:.9rem;margin-bottom:8px}.file-input-label{min-height:120px;padding:30px 15px}.file-input-label .icon{font-size:2rem}.file-input-label .text{font-size:.95rem}}@media (max-width:480px){.job-assistant-container{padding:15px 10px}.job-assistant-header h1{font-size:1.8rem}.job-assistant-header p{font-size:.95rem}.job-assistant-form{padding:20px}.form-section{margin-bottom:25px;padding-bottom:20px}.form-section legend{font-size:1.1rem;margin-bottom:15px}.form-group{margin-bottom:15px}.form-group label{font-size:.9rem;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{font-size:.9rem;padding:10px 12px}.disclaimer-box{margin-bottom:25px;padding:15px}.disclaimer-box h3{font-size:1rem;margin-bottom:12px}.disclaimer-box li{font-size:.85rem;margin-bottom:6px;padding-left:20px}.file-input-label{min-height:110px;padding:25px 10px}.file-input-label .icon{font-size:1.8rem}.file-input-label .text{font-size:.9rem}.form-note{font-size:.85rem}}.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.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{margin-bottom:30px}.filter-btn{background:linear-gradient(135deg,#667eea14,#a855f70d);border:2px solid #667eea4d;border-radius:6px;color:#a6b4d9;padding:10px 20px}.filter-btn:hover{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}.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;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;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.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{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:linear-gradient(135deg,#0a0e27,#1a1f35 50%,#0a0e27);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:40px 20px}.job-status-wrapper{margin:0 auto;max-width:1000px}.error-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bcc;border:2px solid #ef4444;border-radius:15px;padding:40px;text-align:center}.error-box h2{color:#fff;font-size:1.8rem;margin-bottom:15px}.error-box p{color:#cbd5e1;font-size:1rem;margin-bottom:25px}.status-header{margin-bottom:40px;text-align:center}.success-icon{animation:pulse 2s ease-in-out infinite;display:block;font-size:4rem}.status-header h1{color:#fff;font-size:3rem;font-weight:900;margin-bottom:10px;text-shadow:0 4px 15px #0000004d}.status-header p{color:#cbd5e1;font-size:1.1rem;font-weight:500}.status-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e293be6,#1e293bcc);border:1px solid #94a3b833;border-radius:15px;box-shadow:0 20px 60px #0000004d;margin-bottom:30px;padding:30px}.status-content{text-align:center}.status-badge{background:#0f172acc;border:3px solid;gap:12px;margin-bottom:20px;padding:15px 30px}.status-icon{font-size:1.8rem}.status-text{font-size:1.1rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.status-card h2{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:15px}.status-card p{font-size:1rem;font-weight:500;line-height:1.6}.details-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bcc;border:1px solid #94a3b833;border-radius:15px;box-shadow:0 20px 60px #0000004d;margin-bottom:30px;padding:30px}.details-card h2{color:#fff;font-size:1.8rem;font-weight:900;margin-bottom:25px;text-shadow:0 2px 8px #00000080}.detail-item{background:#0a0e27!important;border:2px solid #3b82f6;border-radius:10px;padding:18px}.detail-item.full-width{grid-column:1/-1}.detail-item label{border-bottom:2px solid #fbbf24;color:#fbbf24;font-size:1.2rem;font-weight:900;letter-spacing:1px;margin-bottom:15px;padding-bottom:10px;text-shadow:0 3px 10px #fbbf2466}.detail-item p{background:#0f172a80;border-left:3px solid #60a5fa;border-radius:6px;color:#fff;font-size:1rem;font-weight:600;padding:10px;word-break:break-word}.detail-item a{color:#60a5fa;font-weight:700;text-decoration:none;transition:all .3s ease}.detail-item a:hover{color:#3b82f6;text-decoration:underline}.timeline-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bcc;border:1px solid #94a3b833;border-radius:15px;box-shadow:0 20px 60px #0000004d;margin-bottom:30px;padding:30px}.timeline-card h2{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:25px;text-shadow:0 2px 8px #00000080}.timeline{padding:20px 0}.timeline:before{background:linear-gradient(180deg,#60a5fa,#3b82f6);left:20px;top:0}.timeline-item{gap:30px;margin-bottom:25px}.timeline-item:last-child{margin-bottom:0}.timeline-dot{background:#1a1f35;border:3px solid #475569;flex-shrink:0;height:40px;margin-top:5px;width:40px;z-index:1}.timeline-item.completed .timeline-dot{background:#10b981;border-color:#10b981;box-shadow:0 0 15px #10b98166}.timeline-content{padding-top:5px}.timeline-content h3{color:#fff;font-size:1.05rem;font-weight:700;margin-bottom:5px}.timeline-content p{color:#cbd5e1;font-size:.9rem;font-weight:500}.info-box{background:linear-gradient(135deg,#ef444426,#dc26261a);border:2px solid #ef4444;margin-bottom:30px;padding:25px}.info-box h3{color:#fff;font-size:1.3rem;font-weight:900;margin-bottom:15px;text-shadow:0 2px 8px #00000080}.info-box ul{list-style:none}.info-box li{color:#fff;font-size:.95rem;font-weight:600;line-height:1.6;margin-bottom:10px;padding-left:25px;position:relative}.info-box li:last-child{margin-bottom:0}.info-box li:before{color:#10b981;content:"✓";font-size:1.2rem;font-weight:900;left:0;position:absolute}.info-box strong{color:#fbbf24}.action-buttons{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.btn-primary,.btn-secondary{border-radius:10px;box-shadow:0 5px 15px #0000004d;font-size:1rem;font-weight:700;letter-spacing:.5px;padding:15px 30px;text-transform:uppercase;transition:all .3s ease}.btn-secondary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.btn-secondary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 10px 30px #3b82f680;transform:translateY(-3px)}@media (max-width:768px){.job-status-container{padding:20px 15px}.status-header h1{font-size:2rem}.status-header p{font-size:.95rem}.details-grid{grid-template-columns:1fr}.details-card h2,.timeline-card h2{font-size:1.3rem}.timeline:before{left:15px}.timeline-item{gap:20px}.action-buttons{grid-template-columns:1fr}}@media (max-width:480px){.job-status-container{padding:15px 10px}.success-icon{font-size:3rem}.status-header h1{font-size:1.5rem}.details-card,.info-box,.status-card,.timeline-card{padding:20px}.detail-item{padding:12px}.detail-item label{font-size:.85rem}.detail-item p{font-size:.9rem}.timeline-dot{border-width:2px;height:35px;width:35px}.timeline-content h3{font-size:.95rem}.info-box h3{font-size:1.1rem}.info-box li{font-size:.9rem}.btn-primary,.btn-secondary{font-size:.9rem;padding:12px 20px}}.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{gap:20px;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}.empty-state h2{color:#fff;font-size:2rem;font-weight:700;margin-bottom:10px}.empty-state p{color:#cbd5e1}.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)}.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;margin-bottom:8px;text-shadow:0 2px 8px #00000080}.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{box-shadow:0 4px 12px #0003}.truncate{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-view{box-shadow:0 4px 12px #06b6d44d;font-size:.9rem;font-weight:700;padding:10px 20px;white-space:nowrap}.btn-view:hover{background:linear-gradient(135deg,#0891b2,#086e91);box-shadow:0 6px 18px #06b6d480}.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}.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}.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:#0a0e27;color:#e1e8f0;min-height:100vh;overflow-x:hidden;padding-bottom:4rem;position:relative}.animated-bg{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.sphere-1{background:linear-gradient(135deg,#667eea,#764ba2);right:-300px;top:-300px}.sphere-2{background:linear-gradient(135deg,#f093fb,#f5576c);bottom:-250px;left:-250px}.sphere-3{animation-delay:16s;background:linear-gradient(135deg,#4facfe,#00f2fe);height:400px;left:50%;top:40%;width:400px}.hero-section{padding:4rem 2rem 3rem;position:relative;text-align:center;z-index:1}.hero-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#667eea26;border-radius:50px;color:#a5b4fc;font-size:.9rem;font-weight:500;margin-bottom:1.5rem;padding:.5rem 1.5rem}.hero-title{color:#e1e8f0;font-size:3.5rem;line-height:1.2;margin:0 0 1rem}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:#8b94a8;margin:0 auto;max-width:600px}.filter-section{margin:0 auto;max-width:1400px;padding:0 2rem 2rem;position:relative;z-index:1}.search-container{margin-bottom:2rem}.search-box{margin:0 auto;max-width:600px;position:relative}.search-icon{font-size:1.3rem;left:1.5rem;opacity:.5;position:absolute;top:50%;transform:translateY(-50%)}.search-input{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50px;color:#e1e8f0;padding:1.25rem 2rem 1.25rem 4rem}.search-input:focus{background:#ffffff14}.filter-controls{display:flex;flex-wrap:wrap;gap:2rem}.category-filter{flex:1 1;min-width:300px}.sort-filter{min-width:200px}.filter-label{color:#cbd5e1;display:block;font-size:.9rem;font-weight:600;margin-bottom:.75rem}.category-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.category-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50px;color:#cbd5e1;cursor:pointer;font-size:.9rem;font-weight:500;padding:.625rem 1.25rem;transition:all .3s ease}.category-btn:hover{background:#ffffff14;border-color:#667eea4d;color:#e1e8f0}.category-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;box-shadow:0 4px 15px #667eea66;color:#fff}.sort-select{-webkit-appearance:none;appearance:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23e1e8f0' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;border:1px solid #ffffff1a;border-radius:12px;color:#e1e8f0;cursor:pointer;font-size:.9rem;padding:.75rem 2.5rem .75rem 1rem;transition:all .3s ease;width:100%}.sort-select:focus{background-color:#ffffff14;border-color:#667eea;outline:none}.ebooks-container{margin:0 auto;max-width:1400px;padding:0 2rem;position:relative;z-index:1}.empty-state,.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:6rem 2rem}.loader-spinner{animation:spin .8s linear infinite;border:4px solid #ffffff1a;margin-bottom:1.5rem}.empty-illustration{font-size:5rem;margin-bottom:1rem;opacity:.5}.empty-state h3,.loading-state p{color:#cbd5e1;font-size:1.2rem;margin:.5rem 0}.ebooks-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:3rem}.ebook-card-link{color:inherit;text-decoration:none}.ebook-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:20px;transition:all .4s ease}.ebook-card:hover{border-color:#667eea80;box-shadow:0 20px 60px #00000080;transform:translateY(-8px)}.ebook-cover{background:linear-gradient(135deg,#667eea,#764ba2);height:350px;overflow:hidden;position:relative;width:100%}.ebook-cover img{height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.ebook-card:hover .ebook-cover img{transform:scale(1.08)}.default-cover{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;height:100%;justify-content:center;width:100%}.cover-icon{font-size:5rem;opacity:.8}.featured-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f5576cf2;border-radius:50px;box-shadow:0 4px 15px #f5576c66;color:#fff;font-size:.8rem;font-weight:600;gap:.5rem;left:1rem;padding:.5rem 1rem;position:absolute;top:1rem}.card-overlay{align-items:center;background:#0a0e27d9;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.ebook-card:hover .card-overlay{opacity:1}.view-btn{border-radius:50px;box-shadow:0 4px 15px #667eea66;padding:1rem 2rem}.ebook-content{padding:1.5rem}.ebook-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#e1e8f0;display:-webkit-box;font-size:1.2rem;line-height:1.4;margin:0 0 .5rem;overflow:hidden}.ebook-author{color:#8b94a8;font-size:.9rem;margin:0 0 1rem}.rating-section{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.stars{display:flex;gap:.25rem}.star{font-size:1rem}.star.filled{color:#fbbf24}.star.half{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fbbf24 50%,#fff3 0);-webkit-background-clip:text;background-clip:text}.star.empty{color:#fff3}.rating-value{color:#cbd5e1;font-size:.9rem;font-weight:600}.sales-count{color:#8b94a8;font-size:.8rem}.ebook-meta{gap:.5rem;margin-bottom:1rem}.meta-badge{border-radius:50px;font-size:.8rem;padding:.375rem .875rem}.category-badge{color:#a5b4fc}.language-badge{background:#10b98126;border:1px solid #10b9814d;color:#6ee7b7}.ebook-info{border-top:1px solid #ffffff1a;display:flex;gap:1rem;margin-bottom:1rem;padding-top:1rem}.info-item{align-items:center;color:#8b94a8;font-size:.85rem}.info-icon{font-size:1rem}.ebook-footer{align-items:center;border-top:1px solid #ffffff1a;display:flex;justify-content:space-between;padding-top:1rem}.price-container .price{color:#10b981;font-size:1.75rem;font-weight:800}.action-btn{border-radius:50px;color:#a5b4fc;font-size:.9rem;padding:.625rem 1.25rem}.ebook-card:hover .action-btn{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea66;color:#fff}.ebook-card:hover .arrow{transform:translateX(4px)}.stats-section{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:3rem auto 0;max-width:1400px;padding:0 2rem;position:relative;z-index:1}.stat-item{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;gap:1.5rem;padding:2rem}.stat-item:hover{border-color:#667eea80;box-shadow:0 12px 40px #0006;transform:translateY(-4px)}.stat-item .stat-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;display:flex;flex-shrink:0;font-size:2rem;height:60px;justify-content:center;width:60px}.stat-content{display:flex;flex-direction:column;gap:.5rem}.stat-number{font-size:2rem}@media (max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1rem}.filter-controls{flex-direction:column}.ebooks-grid{gap:1.5rem}.ebooks-grid,.stats-section{grid-template-columns:1fr}}: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{object-fit:cover;opacity:0;transition:opacity .6s ease,transform .5s ease}.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;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;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;gap:14px;grid-template-columns:repeat(4,1fr)}.share-btn{border-radius:18px;flex-direction:column;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{opacity:.25}.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}.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;font-weight:500;padding:4px 10px}.meta-info{background:#6b7a9426;color:#6b7a94;color:var(--text-muted)}.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{font-size:15px}.item-label{color:#a5b2c9;color:var(--text-secondary);font-weight:500}.item-value{color:#e8edf4;color:var(--text-primary)}.breakdown-divider{background:linear-gradient(90deg,#0000,#4f7cff26,#0000);background:linear-gradient(90deg,#0000,var(--border-color),#0000);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-icon{font-size:18px;left:16px;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 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}.payment-success-page h1{color:#333;font-size:32px;margin:0 0 10px}.subtitle{color:#999;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}.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;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))}.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}@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}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.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}.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)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.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;color:#4f7cff;color:var(--accent-blue);font-size:12px;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);letter-spacing:1px;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);font-size:14px;padding:10px 16px;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}.spinner{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{gap:12px;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}}.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}.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-radius:4px;font-size:14px;padding:10px}.form-row{grid-gap:20px;gap:20px}@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-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}.ebook-list,.filter-select{background:#fff}.ebook-list{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;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}#root,body,html{background:linear-gradient(135deg,#0a0e27,#1a1f35 50%,#0a0e27)!important;color:#fff}.referral-container{background:linear-gradient(135deg,#0a0e27,#1a1f35 50%,#0a0e27);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:40px 20px}.ref-title{align-items:center;color:#fff;display:flex;font-size:3.5rem;font-weight:900;gap:15px;margin-bottom:40px;text-shadow:0 4px 15px #0000004d}.ref-title i{color:#fbbf24;font-size:3.5rem}.glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bcc;border:1px solid #94a3b833;border-radius:20px;box-shadow:0 20px 60px #0006;margin-bottom:30px;padding:40px;transition:all .3s ease}.glass:hover{border-color:#60a5fa66;box-shadow:0 25px 80px #3b82f626}.glass h2{align-items:center;color:#fff;display:flex;font-size:2rem;font-weight:700;gap:12px;margin-bottom:30px}.glass h2 i{color:#60a5fa;font-size:2rem}.ref-card{border-left:4px solid #3b82f6}.code-section,.earnings-section,.link-section,.upi-input-section{margin-bottom:25px}.section-label{color:#fff;display:block;font-size:1rem;font-weight:700;letter-spacing:1px;margin-bottom:10px;text-shadow:0 2px 8px #00000080;text-transform:uppercase}.code-box,.earn-box{background:linear-gradient(135deg,#0f172a99,#1e293bcc);border:2px solid #60a5fa;border-radius:12px;box-shadow:0 0 20px #60a5fa33;color:#60a5fa;font-family:Courier New,monospace;font-size:1.8rem;font-weight:900;letter-spacing:2px;padding:20px;text-align:center}.earn-box{border-color:#10b981;box-shadow:0 0 20px #10b98133;color:#10b981}.earn-box i{font-size:2rem;margin-right:10px}.link-input-group{align-items:stretch;display:flex;gap:10px}.ref-link{background:#0a0e27!important;border:2px solid #60a5fa!important;border-radius:10px;color:#60a5fa!important;flex:1 1;font-family:Courier New,monospace;font-size:.95rem;font-weight:500;padding:15px 20px;transition:all .3s ease}.ref-link:focus{border-color:#60a5fa!important;box-shadow:0 0 15px #60a5fa66!important;outline:none!important}.copy-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;box-shadow:0 5px 15px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:700;gap:8px;padding:15px 25px;transition:all .3s ease;white-space:nowrap}.copy-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 8px 25px #3b82f680;transform:translateY(-2px)}.copy-btn i{font-size:1.1rem}.share-buttons{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:25px}.share-btn{align-items:center;border:none;border-radius:10px;box-shadow:0 5px 15px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:700;gap:10px;justify-content:center;padding:15px 20px;transition:all .3s ease}.share-btn.whatsapp{background:linear-gradient(135deg,#25d366,#1ead54)}.share-btn.whatsapp:hover{box-shadow:0 8px 25px #25d36666;transform:translateY(-3px)}.share-btn.telegram{background:linear-gradient(135deg,#08c,#0077b5)}.share-btn.telegram:hover{box-shadow:0 8px 25px #08c6;transform:translateY(-3px)}.share-btn.twitter{background:linear-gradient(135deg,#1da1f2,#1a8cd8)}.share-btn.twitter:hover{box-shadow:0 8px 25px #1da1f266;transform:translateY(-3px)}.share-btn i{font-size:1.2rem}.withdrawal-card{background:#1e293bcc;border-left:4px solid #a855f7}.withdrawal-info{background:#0f172a80;border-left:4px solid #fbbf24;border-radius:10px;margin-bottom:25px;padding:20px}.info-item{align-items:flex-start;color:#e2e8f0;font-weight:500;margin-bottom:15px}.info-item:last-child{margin-bottom:0}.info-item i{color:#fbbf24;font-size:1.3rem;min-width:30px;text-align:center}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:#a855f7;font-size:1.2rem;left:15px;pointer-events:none;position:absolute}.upi-input{background:#0a0e27!important;border:2px solid #a855f7!important;border-radius:10px;color:#fff!important;font-size:1rem;font-weight:500;padding:15px 15px 15px 45px;transition:all .3s ease;width:100%}.upi-input::placeholder{color:#a855f7!important;font-weight:600}.upi-input:focus{background:#0a0e27!important;border-color:#a855f7!important;box-shadow:0 0 15px #a855f766!important;color:#fff!important;outline:none!important}.withdraw-btn{align-items:center;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;border-radius:10px;box-shadow:0 5px 15px #fbbf244d;color:#1f2937;cursor:pointer;display:flex;font-size:1.05rem;font-weight:700;gap:10px;justify-content:center;padding:18px;transition:all .3s ease;width:100%}.withdraw-btn:hover:not(:disabled){background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 10px 30px #fbbf2480;transform:translateY(-3px)}.withdraw-btn:disabled{cursor:not-allowed;opacity:.5}.withdraw-btn i{font-size:1.2rem}.note{align-items:center;background:#ef444426;border-left:4px solid #ef4444;border-radius:8px;color:#fca5a5;display:flex;font-size:.95rem;gap:10px;margin-top:15px;padding:15px}.note i{color:#ef4444;font-size:1.2rem;min-width:25px}.how-it-works{background:linear-gradient(135deg,#1e293bcc,#1e293be6);border-left:4px solid #06b6d4}.steps-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.step-card{background:#0f172a99;border:1px solid #94a3b833;border-radius:15px;padding:30px;position:relative;text-align:center;transition:all .3s ease}.step-card:hover{background:#0f172acc;border-color:#06b6d480;box-shadow:0 10px 30px #06b6d426;transform:translateY(-5px)}.step-number{background:linear-gradient(135deg,#06b6d4,#0891b2);box-shadow:0 5px 15px #06b6d44d;font-size:1.3rem;font-weight:900;left:50%;position:absolute;top:-15px;transform:translateX(-50%)}.step-icon{color:#60a5fa;font-size:2.5rem;margin-bottom:15px}.step-card h3{color:#fff;font-size:1.3rem;font-weight:700;margin-bottom:10px}.step-card p{color:#cbd5e1;font-size:.95rem;line-height:1.6}.stats-section{background:linear-gradient(135deg,#1e293bcc,#1e293be6);border-left:4px solid #ec4899}.stats-grid-ref{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-box{align-items:flex-start;background:#0a0e27!important;border:2px solid #3b82f6!important;border-radius:15px;box-shadow:0 15px 40px #0006;display:flex;gap:20px;padding:25px;transition:all .3s ease}.stat-box:hover{border-color:#60a5fa66;box-shadow:0 10px 30px #60a5fa1a;transform:translateY(-5px)}.stat-icon-ref{align-items:center;background:#60a5fa33!important;border:2px solid #60a5fa;border-radius:12px;color:#60a5fa;display:flex;font-size:2.5rem;height:60px;justify-content:center;min-width:60px;width:60px}.stat-icon-ref.success{background:#10b98133!important;border-color:#10b981;color:#10b981}.stat-icon-ref.pending{background:#f59e0b33!important;border-color:#f59e0b;color:#f59e0b}.stat-icon-ref.earnings{background:#8b5cf633!important;border-color:#8b5cf6;color:#8b5cf6}.stat-content-ref{flex:1 1}.stat-value-ref{color:#fff;font-size:2.5rem;font-weight:900;margin-bottom:5px;text-shadow:0 2px 8px #00000080}.stat-label-ref{color:#fff;font-size:1rem;font-weight:700;letter-spacing:.5px;text-shadow:0 1px 4px #00000080;text-transform:uppercase}@media (max-width:768px){.referral-container{padding:20px 15px}.container{max-width:100%}.ref-title{margin-bottom:25px}.ref-title,.ref-title i{font-size:2.2rem}.glass{border-radius:15px;padding:25px}.glass h2{font-size:1.5rem}.link-input-group{flex-direction:column}.copy-btn{justify-content:center;width:100%}.share-buttons,.steps-grid{grid-template-columns:1fr}.stats-grid-ref{grid-template-columns:repeat(2,1fr)}}.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;box-shadow:0 4px 15px #667eea66}.switch-hub-btn:hover{box-shadow:0 6px 20px #667eea99}.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{padding:22px}.stat-card:hover{background:linear-gradient(135deg,#6366f12e,#a855f71f)}.stat-icon{font-size:2.8em;line-height:1}.stat-info h3{color:#fff;font-size:1.1em;font-weight:700}.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;margin-top:18px;padding-top:15px;position:relative;z-index:1}.arrow{font-size:1.5em;font-weight:700}.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}.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;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}.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;padding:6px}.filter-tab{border-radius:8px;color:#cbd5e1;font-size:14px;padding:10px 20px;transition:.2s}.filter-tab:hover{background:#334155;color:#fff}.filter-tab.active{background:linear-gradient(135deg,#6366f1,#4338ca)}.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{font-size:13px;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{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}.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{gap:.5rem;padding:.75rem 1.5rem}.action-btn.primary:hover{box-shadow:0 8px 20px #667eea66}.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-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem}.stat-card{background:linear-gradient(135deg,#1e293b,#334155);border:1px solid #475569}.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-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;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 input,.form-group select,.form-group textarea{border-radius:10px;transition:all .2s ease}.modal-footer{gap:1rem;padding-top:1rem}.btn-cancel,.btn-submit{align-items:center;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}}*{box-sizing:border-box;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;gap:.5rem;padding:.75rem 1.5rem}.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-template-columns:2fr 1fr}.form-group label{color:#f1f5f9}.form-group input,.form-group select,.form-group textarea{background:#0f172acc;border:1px solid #475569;border-radius:12px;color:#e2e8f0;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;border:none;border-radius:12px;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}.submit-btn:disabled{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}.empty-state i{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-state h3{color:#cbd5e1;margin-bottom:.5rem}.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-radius:8px;color:#64748b;font-size:1rem;padding:.5rem}.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-radius:4px;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}.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-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-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;color:#ffffffe6;padding:8px 14px}.pagination-btn:hover:not(:disabled){background:#6366f166;border-color:#6366f1}.pagination-info{color:#ffffffb3}.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{letter-spacing:.5px}.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)}.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;padding:2rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.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{margin-bottom:1rem}.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{padding:5rem 2rem}.empty-state p{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{background:linear-gradient(135deg,#667eea,#764ba2);padding:15px}.type-badge{color:#fff;font-size:16px;font-weight:600}.badge-completed{background:#06b6d433;color:#06b6d4}.info-row{align-items:flex-start;font-size:13px;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{font-size:13px;padding:8px 0}.detail-row .label{color:#a6b4d9}.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{border:2px solid #667eea4d;border-radius:6px;flex:1 1;padding:12px}.btn-cancel:hover{border-color:#667eea}.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}.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}.stat-number{color:#667eea;font-size:28px;margin-bottom:8px}.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}.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}.btn-reject:hover:not(:disabled){box-shadow:0 4px 12px #ef44444d}.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);box-shadow:0 20px 60px #0000004d;padding:60px 30px}.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 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;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}.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;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{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-size:14px;padding:12px;resize:vertical;transition:all .3s ease}.form-group small{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{justify-content:space-between}.timeline:before{background:linear-gradient(90deg,#667eea,#0000);height:2px;left:0;right:0;top:15px;z-index:0}.timeline-item{align-items:center;flex:1 1;flex-direction:column;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{background:#fff}.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{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{color:#fff;min-height:400px}.no-data{color:#999;font-style:italic;padding:40px 20px}.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}.btn-cancel,.btn-submit{transition:transform .2s ease}.btn-submit:hover{transform:scale(1.05)}.btn-cancel{background:#e0e0e0}.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;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{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-width:600px;padding:30px}.close-btn{color:#fff9;font-size:2rem;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{font-size:1rem;padding:12px 25px;transition:all .2s ease}.btn-approve{background:#10b981}.btn-approve:hover{box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.btn-reject{background:#ef4444}.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-size:1rem;padding:12px;transition:all .3s ease}.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}.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;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-row .btn-submit{margin-top:8px}.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{color:#fffc}.btn-cancel:hover{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,.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{border-bottom:1px solid #6366f133;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}}.admin-contracts-container{background:#0a0a0a;min-height:100vh;overflow:hidden;padding:40px 20px;position:relative}.contracts-background{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.contracts-content{margin:0 auto;max-width:1400px;position:relative;z-index:1}.loading-screen{min-height:80vh}.contracts-header{margin-bottom:40px}.header-info{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;padding:40px}.header-info h1{color:#fff;font-size:2.5rem;font-weight:800;margin-bottom:10px}.header-info p{color:#b0b0b0;font-size:1.1rem}.contracts-controls{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:40px}.search-wrapper{align-items:center;display:flex;flex:1 1;min-width:300px;position:relative}.search-wrapper i{color:#667eea;font-size:1.2rem;left:20px;position:absolute}.search-input{background:#667eea0d;border:2px solid #667eea33;border-radius:15px;color:#fff;font-size:1rem;padding:15px 20px 15px 50px;transition:all .3s ease;width:100%}.search-input:focus{background:#667eea1a;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.filter-select{background:#667eea0d;border:2px solid #667eea33;border-radius:15px;color:#fff;cursor:pointer;font-size:1rem;padding:15px 20px;transition:all .3s ease}.filter-select:focus{background:#667eea1a;border-color:#667eea}.no-contracts{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#1a1a2e99,#0f0f1e99);border:2px solid #667eea33;border-radius:25px;padding:100px 40px;text-align:center}.empty-icon{box-shadow:0 20px 60px #667eea66;height:120px;width:120px}.no-contracts h3{color:#fff;font-size:2rem;font-weight:700;margin-bottom:15px}.no-contracts p{color:#b0b0b0;font-size:1.2rem}.contract-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#1a1a2e99,#0f0f1e99);border:2px solid #667eea33;border-radius:25px;overflow:hidden;padding:30px;position:relative;transition:all .4s ease}.card-glow{background:linear-gradient(90deg,#0000,#667eea1a,#0000);height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.contract-card:hover .card-glow{left:100%}.contract-card:hover{border-color:#667eea80;box-shadow:0 25px 60px #667eea4d;transform:translateY(-10px)}.contract-header{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;margin-bottom:25px}.contract-header h3{color:#fff;font-size:1.5rem;font-weight:700;line-height:1.4}.status-badge{flex-shrink:0}.status-paid_to_admin{background:#43e97b33;border:2px solid #43e97b4d;color:#43e97b}.status-awaiting_payment{background:#fbbf2433;border:2px solid #fbbf244d;color:#fbbf24}.status-payment_failed{background:#ef444433;border:2px solid #ef44444d;color:#ef4444}.contract-details{margin-bottom:25px}.detail-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;margin-bottom:15px}.detail-item{align-items:flex-start;background:#667eea0d;border:2px solid #667eea1a;border-radius:12px;gap:12px}.detail-item i{color:#667eea;flex-shrink:0;font-size:1.2rem;margin-top:2px}.detail-item .label{display:block;letter-spacing:.5px;margin-bottom:5px}.detail-item .value{display:block;font-size:1.05rem}.detail-item .value.amount{color:#43e97b;font-size:1.2rem}.payment-details-section{background:#667eea0d;border:2px solid #667eea33;border-radius:15px;margin-bottom:25px;padding:20px}.section-header{align-items:center;display:flex;gap:10px;margin-bottom:15px}.section-header i{color:#667eea;font-size:1.3rem}.section-header h4{color:#fff;font-size:1.1rem;font-weight:700}.payment-info{display:flex;flex-direction:column;gap:10px}.payment-row{align-items:center;border-bottom:1px solid #667eea1a;display:flex;justify-content:space-between;padding:10px 0}.payment-row:last-child{border-bottom:none}.payment-label{color:#b0b0b0;font-size:.95rem;font-weight:600}.payment-value{color:#fff;font-family:monospace;font-size:1rem;font-weight:700}.work-status{margin-bottom:25px}.status-indicator{align-items:flex-start;border-radius:12px;gap:15px;margin-bottom:12px;padding:15px}.status-indicator.success{background:#43e97b1a;border:2px solid #43e97b33}.status-indicator.pending{background:#fbbf241a;border:2px solid #fbbf2433}.status-indicator i{flex-shrink:0;font-size:1.5rem;margin-top:2px}.status-indicator.success i{color:#43e97b}.status-indicator.pending i{color:#fbbf24}.status-indicator strong{color:#fff;display:block;font-size:1.05rem;margin-bottom:5px}.status-indicator p{color:#b0b0b0;font-size:.95rem}.approval-alert{align-items:center;background:#fbbf241a;border:2px solid #fbbf244d;border-radius:10px;color:#fbbf24;display:flex;font-size:.95rem;font-weight:700;gap:10px;padding:12px 18px}.approval-alert.success{background:#43e97b1a;border-color:#43e97b4d;color:#43e97b}.approval-alert i{font-size:1.2rem}.contract-actions{display:flex;flex-wrap:wrap;gap:10px}.action-btn{border-radius:12px;flex:1 1;font-size:.95rem;font-weight:700;min-width:150px}.action-btn.primary{box-shadow:0 8px 25px #667eea66}.action-btn.warning{background:linear-gradient(135deg,#f59e0b,#f97316);box-shadow:0 8px 25px #f59e0b66;color:#fff}.action-btn.success{background:linear-gradient(135deg,#43e97b,#38f9d7);box-shadow:0 8px 25px #43e97b66;color:#fff}.action-btn.info{background:linear-gradient(135deg,#4facfe,#00f2fe);box-shadow:0 8px 25px #4facfe66;color:#fff}.action-btn.danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 8px 25px #ef444466;color:#fff}.action-btn:hover:not(:disabled){box-shadow:0 12px 35px #0006;transform:translateY(-3px)}.action-btn:disabled{opacity:.6;transform:none}@media (max-width:1024px){.contracts-grid{grid-template-columns:1fr}}@media (max-width:768px){.header-info{align-items:flex-start;flex-direction:column;padding:30px 25px}.header-info h1{font-size:2rem}.contracts-controls{flex-direction:column}.search-wrapper{min-width:100%}.filter-select{width:100%}.detail-row{grid-template-columns:1fr}.contract-actions{flex-direction:column}.action-btn{width:100%}}.admin-jobs-container{background:linear-gradient(135deg,#0a0e27,#0f0f1e 50%,#1a1a2e);min-height:100vh;padding:30px}.jobs-header{color:#e1e8f0;margin-bottom:30px;text-align:center}.jobs-header h1{font-size:2.5em;margin-bottom:10px}.jobs-header p{font-size:1.1em;opacity:.9}.jobs-controls{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:30px}.filter-select,.search-input{flex:1 1;font-size:1em;min-width:250px;padding:12px 15px}.filter-select{flex:0 1 auto;min-width:200px}.jobs-stats{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:30px}.stat-card{border-radius:8px;flex:1 1;justify-content:space-between;min-width:200px}.stat-value{font-size:1.8em}.jobs-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:30px}.job-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#667eea14,#a855f70d);border:1px solid #667eea33;border-radius:10px;box-shadow:0 20px 60px #0000004d;overflow:hidden}.job-card:hover{border-color:#667eea66;box-shadow:0 30px 80px #0006;transform:translateY(-5px)}.job-header{border-bottom:1px solid #667eea1a;gap:15px;padding:20px}.job-header h3{font-size:1.2em;margin:0 0 10px}.category-badge{background:#667eea26;border:1px solid #667eea4d;border-radius:15px;color:#a6b4d9;display:inline-block;font-size:.85em;font-weight:600;padding:4px 10px}.status-active{background-color:#06b6d433;color:#06b6d4}.status-closed{background-color:#ef444433;color:#f87171}.job-details{margin-bottom:15px;padding:0 20px}.detail-row{font-size:.95em;margin-bottom:8px}.detail-row .label{color:#8b94a8;min-width:100px}.detail-row .value{color:#a6b4d9;flex:1 1;text-align:right}.job-description{margin-bottom:15px;padding:0 20px}.job-description p{color:#a6b4d9;font-size:.95em;line-height:1.5;margin:0}.job-actions{border-top:1px solid #667eea1a;gap:10px;padding:15px 20px}.view-btn{border:none;border-radius:6px;cursor:pointer;display:inline-block;flex:1 1;font-size:.9em;font-weight:600;padding:10px 15px;text-align:center;text-decoration:none;transition:all .2s ease}.view-btn:hover{box-shadow:0 4px 12px #667eea4d}.delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:6px;cursor:pointer;font-size:.9em;font-weight:600;padding:10px 15px;transition:all .2s ease;white-space:nowrap}.delete-btn:hover:not(:disabled){box-shadow:0 4px 12px #ef44444d;transform:translateY(-2px)}.delete-btn:disabled{cursor:not-allowed;opacity:.6}.delete-btn:active:not(:disabled){transform:scale(.98)}.no-jobs{background:linear-gradient(135deg,#667eea14,#a855f70d);border:1px solid #667eea33;border-radius:10px;color:#8b94a8;font-size:1.1em;padding:40px;text-align:center}@media (max-width:768px){.admin-jobs-container{padding:15px}.jobs-controls{flex-direction:column}.filter-select,.search-input{min-width:100%}.jobs-list{grid-template-columns:1fr}.jobs-header h1{font-size:2em}.job-actions,.job-header{flex-direction:column}.delete-btn,.view-btn{width:100%}}.contract-details{background:linear-gradient(135deg,#0a0e27,#0f0f1e 50%,#1a1a2e);margin:0 auto;max-width:1200px;min-height:100vh;padding:30px 20px}.contract-header{-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;margin-bottom:24px;padding:24px}.header-top{align-items:center;gap:20px;margin-bottom:16px}.back-btn{background:linear-gradient(135deg,#667eea26,#a855f71a);color:#a6b4d9;padding:10px 16px;transition:all .2s ease}.back-btn:hover{background:linear-gradient(135deg,#667eea40,#a855f726);color:#e1e8f0}.contract-header h1{color:#e1e8f0;flex:1 1;font-size:28px;font-weight:700;margin:0}.header-status{display:flex;gap:8px}.status-badge{font-size:12px;padding:8px 16px}.status-badge.pending{background:#f59e0b33;border:1px solid #f59e0b4d;color:#f59e0b}.status-badge.paid_to_admin{background:#06b6d433;border:1px solid #06b6d44d;color:#06b6d4}.status-badge.paid{background:#3b82f633;border:1px solid #3b82f64d;color:#3b82f6}.contract-id{color:#8b94a8;font-family:Monaco,Menlo,Courier New,monospace;font-size:13px;margin:0}.contract-id code{background:linear-gradient(135deg,#667eea1a,#a855f714);border:1px solid #667eea33;border-radius:4px;color:#a6b4d9;padding:4px 8px}.error-state,.loading-spinner{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px}.error-state p{color:#a6b4d9;font-size:16px}.error-state button{background:linear-gradient(135deg,#667eea,#764ba2);font-weight:600;padding:10px 20px}.tab-navigation{-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;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;padding:12px}.tab-btn{background:#0000;color:#a6b4d9;font-size:14px;padding:10px 16px;transition:all .2s ease;white-space:nowrap}.tab-btn:hover{background:#667eea1a;border-color:#667eea;color:#e1e8f0}.tab-content{animation:fadeIn .2s ease-in}.tab-pane{display:flex;flex-direction:column;gap:20px}.content-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:24px}.content-card h3{border-bottom:2px solid #667eea26;color:#e1e8f0;font-size:18px;font-weight:700;margin:0 0 20px;padding-bottom:12px}.content-card h4{color:#a6b4d9;font-size:15px;font-weight:600;margin:0 0 8px}.info-grid{grid-gap:16px;gap:16px}.info-box{padding:16px}.info-box .label{color:#8b94a8;display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.info-box .value{color:#e1e8f0;font-size:15px;font-weight:600;margin:0;word-break:break-word}.info-box .value.highlight{color:#06b6d4;font-size:18px}.work-info-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.work-info-box{background:linear-gradient(135deg,#06b6d41a,#06b6d414);border-left:4px solid #06b6d4;border-radius:8px;padding:12px}.work-info-box .label{color:#06b6d4;display:block;font-size:11px;font-weight:600;margin-bottom:6px}.work-info-box p{color:#a6b4d9;font-size:14px;margin:0}.timeline{display:flex;flex-direction:column;gap:24px;position:relative}.timeline:before{background:#667eea33;bottom:0;content:"";left:19px;position:absolute;top:30px;width:2px}.timeline-item{display:flex;gap:16px;position:relative}.timeline-marker{background:linear-gradient(135deg,#667eea33,#a855f726);border:3px solid #667eea66;border-radius:50%;display:block;flex-shrink:0;height:40px;position:relative;transition:all .3s ease;width:40px;z-index:1}.timeline-item.completed .timeline-marker{background:linear-gradient(135deg,#06b6d4,#0891b2);border-color:#0000}.timeline-content{flex:1 1;padding:12px 0}.timeline-content h4{color:#e1e8f0;font-size:15px;font-weight:600;margin:0 0 4px}.timeline-content p{color:#8b94a8;font-size:13px;margin:0}.details-box{display:flex;flex-direction:column;gap:16px}.detail-item{background:linear-gradient(135deg,#667eea1a,#a855f714);border:1px solid #667eea33;padding:16px}.detail-item strong{color:#e1e8f0;display:block;font-size:14px;margin-bottom:8px}.detail-item p{color:#a6b4d9;font-size:14px;line-height:1.5;margin:0}code{border:1px solid #667eea33;border-radius:4px;color:#a6b4d9;font-family:Monaco,Menlo,Courier New,monospace;font-size:12px;padding:4px 8px}.payment-method-card,code{background:linear-gradient(135deg,#667eea1a,#a855f714)}.payment-method-card{border:1px solid #667eea33;border-radius:8px;display:flex;gap:20px;margin-bottom:16px;padding:20px}.payment-icon{flex-shrink:0;font-size:32px}.payment-info{flex:1 1}.payment-info h4{color:#e1e8f0;margin:0 0 12px}.payment-info p{color:#a6b4d9;font-size:14px;margin:8px 0}.bank-details-box{background:linear-gradient(135deg,#667eea26,#a855f71f);border:1px solid #667eea33;border-radius:6px;margin-top:12px;padding:12px}.bank-details-box p{color:#a6b4d9;font-size:14px;margin:6px 0}.work-section{background:linear-gradient(135deg,#06b6d41a,#06b6d414);border:1px solid #06b6d433;border-radius:8px;margin-bottom:16px;padding:16px}.work-section h4{color:#e1e8f0;font-size:14px;font-weight:600}.work-content{background:linear-gradient(135deg,#667eea14,#a855f70d);border:1px solid #667eea33;border-radius:6px;color:#a6b4d9;font-size:14px;margin:0;padding:12px}.attachment-link{background:linear-gradient(135deg,#667eea26,#a855f71a);border:1px solid #667eea4d;padding:8px 12px;transition:all .2s ease}.attachment-link:hover{background:linear-gradient(135deg,#667eea40,#a855f726);transform:translateX(4px)}.payment-workflow{align-items:center;display:flex;flex-wrap:wrap;gap:24px}.workflow-step{background:linear-gradient(135deg,#667eea1a,#a855f714);border:1px solid #667eea33;border-radius:8px;display:flex;flex:1 1;gap:12px;min-width:200px;padding:16px;transition:all .3s ease}.workflow-step.completed{background:linear-gradient(135deg,#06b6d41a,#06b6d414);border-color:#06b6d44d}.step-number{background:linear-gradient(135deg,#667eea26,#a855f71a);border:2px solid #667eea66;color:#a6b4d9;flex-shrink:0;font-size:16px;height:40px;width:40px}.workflow-step.completed .step-number{background:linear-gradient(135deg,#06b6d4,#0891b2);border-color:#0000;color:#fff}.step-content{flex:1 1}.step-content h4{color:#e1e8f0;font-size:14px;font-weight:600;margin:0 0 4px}.step-status{color:#8b94a8;font-size:13px;margin:4px 0}.workflow-step.completed .step-status{color:#06b6d4;font-weight:600}.step-date{color:#8b94a8;font-size:12px;margin:6px 0 0}.workflow-arrow{color:#667eea4d;display:none;font-size:20px}.transaction-details{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.transaction-item{background:linear-gradient(135deg,#667eea1a,#a855f714);border:1px solid #667eea33;border-radius:8px;padding:16px}.transaction-item .label{color:#8b94a8;display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.transaction-item .amount{color:#06b6d4;display:block;font-size:18px;font-weight:700}.transaction-item code,.transaction-item p{color:#a6b4d9;font-size:14px;margin:0}.empty-state{color:#8b94a8}.action-buttons{grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:20px}.action-buttons button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;transition:all .2s ease}.btn-approve,.btn-release-funds{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff}.btn-approve:hover,.btn-release-funds:hover{box-shadow:0 4px 12px #06b6d44d;transform:translateY(-2px)}.btn-send{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-send:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.btn-complete{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff;font-weight:700}.btn-complete:hover{box-shadow:0 4px 12px #06b6d44d;transform:translateY(-2px)}.btn-request-revision{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.btn-request-revision:hover{box-shadow:0 4px 12px #f59e0b4d;transform:translateY(-2px)}@media (max-width:768px){.contract-details{padding:20px 16px}.header-top{align-items:flex-start;flex-direction:column}.tab-navigation{gap:6px}.tab-btn{flex:1 1;font-size:12px;min-width:0;padding:8px 10px}.payment-workflow{flex-direction:column}.workflow-arrow{display:block;margin:0 -12px;transform:rotate(90deg)}.action-buttons,.info-grid,.transaction-details{grid-template-columns:1fr}.content-card{padding:16px}}@media (max-width:480px){.contract-header{padding:16px}.contract-header h1{font-size:20px}.back-btn{font-size:12px;padding:8px 12px}.content-card{padding:12px}.content-card h3{font-size:16px}.payment-method-card{flex-direction:column;text-align:center}.payment-icon{font-size:24px}.timeline:before{left:15px}.timeline-marker{height:32px;width:32px}}.admin-only{background:linear-gradient(135deg,#ef44441a,#ef444414);border:2px solid #ef44444d;border-radius:8px;padding:12px!important}.admin-only .label{color:#ef4444;font-size:13px;font-weight:600}.admin-section{background:linear-gradient(135deg,#ef44441a,#ef444414);border:2px solid #ef44444d;border-radius:8px;padding:16px}.admin-section h3{align-items:center;color:#ef4444;display:flex;gap:8px}.admin-section h3:before{content:""}.admin-disputes-container{background:linear-gradient(135deg,#0a0e27,#0f0f1e 50%,#1a1a2e);color:#e1e8f0;min-height:100vh;padding:2rem}.loading-state{color:#a6b4d9;min-height:300px}.loader-spinner{border:4px solid #667eea4d;height:40px;width:40px}.disputes-header{align-items:center;-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;display:flex;justify-content:space-between;padding:2rem}.disputes-header h1{color:#e1e8f0;font-size:2rem;margin:0}.disputes-header p{color:#a6b4d9;font-size:.95rem;margin:.5rem 0 0}.back-link{border-radius:8px;color:#06b6d4;font-weight:600;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.back-link:hover{background:#06b6d41a;color:#f59e0b}.disputes-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-card{animation:slideInUp .6s ease;gap:1rem;padding:1.5rem}.stat-icon{font-size:2.5rem}.stat-info h3{font-size:.9rem;margin:0}.stat-info p{color:#06b6d4;font-size:1.8rem;font-weight:700;margin:.5rem 0 0}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.disputes-controls{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.filter-select,.search-input{background:linear-gradient(135deg,#667eea14,#a855f70d);border:2px solid #667eea4d;box-shadow:0 2px 8px #0000001a;color:#e1e8f0;font-size:.95rem;padding:.75rem 1rem}.search-input::placeholder{color:#8b94a8}.filter-select:focus,.search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea33}.disputes-table-wrapper{animation:slideInUp .6s ease .1s backwards;background:linear-gradient(135deg,#667eea14,#a855f70d);border:1px solid #667eea33;border-radius:12px;box-shadow:0 20px 60px #0000004d;overflow:hidden}.disputes-table{border-collapse:collapse;width:100%}.disputes-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.disputes-table th{font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase}.disputes-table td{border-bottom:1px solid #667eea1a;padding:1rem}.disputes-table tbody tr{transition:all .3s ease}.disputes-table tbody tr:hover{background:#667eea1a}.disputes-table tbody tr.status-open{border-left:4px solid #ef4444}.disputes-table tbody tr.status-in-review{border-left:4px solid #f59e0b}.disputes-table tbody tr.status-resolved{border-left:4px solid #06b6d4}.job-title{color:#06b6d4;font-weight:600;max-width:150px;word-break:break-word}.reason{color:#a6b4d9;font-size:.85rem;font-weight:500}.participant{color:#e1e8f0;font-size:.9rem}.status{text-align:center}.status-badge{font-size:.8rem;padding:.4rem .8rem}.assigned-to{text-align:center}.assigned-badge{background:#667eea33;border-radius:20px;color:#06b6d4;display:inline-block;font-size:.8rem;font-weight:600;padding:.4rem .8rem}.unassigned{color:#8b94a8;font-style:italic}.created-date{color:#a6b4d9;font-size:.9rem}.actions{flex-wrap:wrap;gap:.5rem;text-align:center}.action-btn{border-radius:6px;font-size:.8rem;padding:.4rem .8rem;white-space:nowrap}.view-btn{background:#667eea33;color:#06b6d4}.view-btn:hover:not(:disabled){background:#667eea4d}.assign-btn{background:#f59e0b33;color:#f59e0b}.assign-btn:hover:not(:disabled){background:#f59e0b4d}.resolve-btn{background:#06b6d433;color:#06b6d4}.resolve-btn:hover:not(:disabled){background:#06b6d44d}.action-btn:disabled{cursor:not-allowed;opacity:.5}.empty-state{padding:3rem 2rem}.empty-state p{color:#a6b4d9}.modal-overlay{animation:fadeIn .3s ease;background:#000000b3}.modal-content{animation:slideUp .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;max-height:80vh;padding:2rem;position:relative}.details-modal{max-width:600px}.resolve-modal{max-width:550px}.close-btn{background:none;color:#a6b4d9;position:absolute;right:1rem;top:1rem}.close-btn:hover{color:#f59e0b;transform:rotate(90deg)}.modal-content h2{align-items:center;color:#e1e8f0;display:flex;font-size:1.5rem;gap:.5rem;margin:0 0 1.5rem}.modal-content h3{border-bottom:2px solid #667eea1a;color:#e1e8f0;font-size:1.1rem;margin:0 0 1rem;padding-bottom:.5rem}.modal-section{margin-bottom:1.5rem}.modal-section p{color:#a6b4d9;font-size:.9rem;margin:.5rem 0}.modal-section strong{color:#06b6d4}.modal-input,.modal-select,.modal-textarea{background:linear-gradient(135deg,#667eea14,#a855f70d);border:2px solid #667eea4d;border-radius:8px;box-sizing:border-box;color:#e1e8f0;font-family:inherit;font-size:.95rem;padding:.75rem;transition:all .3s ease;width:100%}.modal-input::placeholder,.modal-textarea::placeholder{color:#8b94a8}.modal-input:focus,.modal-select:focus,.modal-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea33;outline:none}.modal-textarea{min-height:80px;resize:vertical}.status-bar{display:flex;flex-wrap:wrap;gap:1rem;margin:1rem 0}.participants{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.participant-card{background:#667eea1a;border:1px solid #667eea33;border-radius:8px;padding:1rem}.participant-card h4{color:#e1e8f0;margin:0 0 .5rem}.participant-card p{color:#a6b4d9;font-size:.9rem;margin:.5rem 0}.attachments-list{gap:.5rem}.attachment-link{background:#667eea26;border:1px solid #667eea33;color:#06b6d4;padding:.5rem 1rem}.attachment-link:hover{background:#667eea40}.resolution-section{background:#06b6d41a;border:1px solid #06b6d433;border-radius:8px;padding:1rem}.modal-buttons{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}.modal-buttons button{flex:1 1;min-width:100px}.btn-cancel{background:#8b94a833;border:2px solid #8b94a84d;border-radius:8px;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.btn-cancel:hover{background:#8b94a84d;border-color:#a6b4d9}.btn-assign,.btn-resolve{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.btn-assign:hover:not(:disabled),.btn-resolve:hover:not(:disabled){box-shadow:0 8px 16px #667eea4d;transform:translateY(-2px)}.btn-assign:disabled,.btn-resolve:disabled{cursor:not-allowed;opacity:.6}.detail-section{border-bottom:1px solid #667eea1a;margin-bottom:1.5rem;padding-bottom:1.5rem}.detail-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.detail-section h3{color:#e1e8f0;font-size:1.1rem;margin:0 0 1rem}.detail-section p{color:#a6b4d9;font-size:.95rem;margin:.5rem 0;word-break:break-word}@media (max-width:1024px){.disputes-table{font-size:.85rem}.disputes-table td,.disputes-table th{padding:.75rem}.action-btn{font-size:.75rem;padding:.3rem .6rem}.participants{grid-template-columns:1fr}}@media (max-width:768px){.admin-disputes-container{padding:1rem}.disputes-header{align-items:flex-start;flex-direction:column;gap:1rem}.disputes-stats{grid-template-columns:1fr 1fr}.disputes-controls{flex-direction:column}.filter-select,.search-input{width:100%}.disputes-table-wrapper{overflow-x:auto}.disputes-table{font-size:.8rem;min-width:900px}.disputes-table td,.disputes-table th{padding:.6rem}.actions{flex-direction:column}.action-btn{width:100%}.modal-content{max-width:100%;padding:1.5rem;width:95%}.modal-section{margin-bottom:1rem}.modal-buttons{flex-direction:column}.modal-buttons button{width:100%}}@media (max-width:480px){.disputes-stats{grid-template-columns:1fr}.disputes-header h1{font-size:1.5rem}.status-bar{flex-direction:column}.stat-card{padding:1rem}.stat-info h3{font-size:.8rem}.stat-info p{font-size:1.5rem}}.referral-dashboard{background:linear-gradient(135deg,#0f0f1e,#1a1a2e 50%,#16213e);background-attachment:fixed;margin:0 auto;max-width:1400px;min-height:100vh;padding:30px 20px}.referral-dashboard 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}.referral-dashboard h2{color:#fff;font-size:1.5rem;margin-bottom:20px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{box-shadow:0 8px 25px #0000004d;color:#fff}.stat-card:hover{border-color:#6366f166;box-shadow:0 12px 40px #6366f14d}.stat-card h3{color:#fffc;font-size:.95rem;margin-bottom:10px;text-transform:uppercase}.big-number{color:#6366f1;font-size:2.5rem;font-weight:700;margin:10px 0}.rank-label{color:#fff9;font-size:.85rem}.commission-breakdown{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#6366f11f,#a855f714);border:1px solid #6366f133;box-shadow:0 8px 25px #0000004d;color:#fff;margin-bottom:30px;padding:25px}.breakdown-cards{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.breakdown-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 6px 20px #6366ea4d;color:#fff;padding:20px;text-align:center;transition:all .3s ease}.breakdown-card:hover{box-shadow:0 10px 30px #6366ea66;transform:translateY(-4px)}.breakdown-card span{display:block;font-size:.9rem;margin-bottom:10px;opacity:.95}.breakdown-card p{font-size:2rem;font-weight:700;margin:10px 0}.breakdown-card small{font-size:.85rem;opacity:.8}.marketing-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;color:#fff;margin-bottom:30px;padding:25px}.marketing-materials{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:25px}.material-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#6366f11a;border:1px solid #6366f14d;border-radius:12px;padding:20px}.material-box h3{color:#fff;margin-bottom:15px}.code-display{align-items:center;background:#6366f11a;border:1px solid #6366f14d;border-radius:8px;display:flex;gap:10px;padding:10px}.code-display code{color:#6366f1;flex:1 1;font-family:Courier New,monospace;overflow-x:auto}.code-display button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:8px 15px;transition:all .2s ease;white-space:nowrap}.code-display button:hover{box-shadow:0 4px 12px #6366f166;transform:translateY(-2px)}.social-texts h3{color:#fff;margin-bottom:15px}.template-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.template-box{background:#6366f126;border-left:4px solid #6366f1;border-radius:8px;padding:15px}.template-box strong{color:#fff;display:block;margin-bottom:10px;text-transform:capitalize}.template-box p{color:#fffc;font-size:.9rem;line-height:1.5;margin-bottom:10px;max-height:80px;overflow-y:auto}.template-box button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:8px 15px;transition:all .2s ease;width:100%}.template-box button:hover{box-shadow:0 4px 12px #6366f166;transform:translateY(-2px)}.achievements-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;color:#fff;margin-bottom:30px;padding:25px}.badges-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.badge{align-items:center;background:#6366f11a;border:1px solid #6366f14d;border-radius:12px;display:flex;flex-direction:column;padding:20px;text-align:center;transition:all .2s ease}.badge:hover{border-color:#6366f199;transform:scale(1.05)}.badge-icon{font-size:2.5rem;margin-bottom:10px}.badge-name{color:#fff;font-size:.9rem;font-weight:600}.badge-bronze{background:#cd7f3226;border-color:#cd7f3266}.badge-silver{background:#c0c0c026;border-color:#c0c0c066}.badge-gold{background:#ffd70026;border-color:#ffd70066}.badge-platinum{background:#a0a0ff26;border-color:#a0a0ff66}.leaderboard-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;overflow-x:auto;padding:25px}.leaderboard-table{border-collapse:collapse;color:#fff;width:100%}.leaderboard-table thead{background:#6366f133}.leaderboard-table th{border-bottom:1px solid #6366f14d;color:#fff;font-weight:600;padding:15px;text-align:left}.leaderboard-table td{border-bottom:1px solid #6366f11a;color:#fffc;padding:15px}.leaderboard-table tr:hover{background:#6366f11a}.leaderboard-table tr.current-user{background:#6366f133;border-left:4px solid #6366f1;font-weight:600}@media (max-width:768px){.referral-dashboard h1{font-size:2rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.template-grid{grid-template-columns:1fr}.badges-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.badges-grid{grid-template-columns:repeat(2,1fr)}}.profile-page{background:#0a0a0a;min-height:100vh;overflow:hidden;padding:40px 20px;position:relative}.profile-background{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.profile-header-section{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:30px;margin-bottom:40px;overflow:hidden;padding:40px;position:relative}.profile-header-section: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%}.profile-avatar{flex-shrink:0;position:relative}.avatar-circle{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:4px solid #667eea4d;border-radius:50%;color:#fff;display:flex;font-size:3rem;font-weight:900;height:120px;justify-content:center;position:relative;width:120px;z-index:2}.avatar-glow{background:radial-gradient(circle,#667eea66 0,#0000 70%);border-radius:50%;filter:blur(20px);height:120px;left:0;position:absolute;top:0;width:120px;z-index:1}.profile-header-info{flex:1 1;position:relative;z-index:1}.profile-header-info h1{color:#fff;font-size:2.5rem;font-weight:800;margin-bottom:15px}.profile-header-info .email,.profile-header-info .member-since{align-items:center;color:#b0b0b0;display:flex;font-size:1.1rem;gap:10px;margin-bottom:8px}.profile-header-info i{color:#667eea;font-size:1rem}.profile-tabs{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:40px}.tab-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;display:flex;font-weight:700;gap:10px;justify-content:center;padding:18px 25px}.tab-btn i{color:#667eea;font-size:1.2rem}.tab-btn:hover{border-color:#667eea80;box-shadow:0 15px 40px #667eea4d;transform:translateY(-5px)}.tab-btn.active{border-color:#0000;box-shadow:0 15px 40px #667eea80}.tab-btn.active i{color:#fff}.tab-content{display:flex;flex-direction:column;gap:30px}.stats-grid{margin-bottom:30px}.content-card,.edit-form-card,.profile-details-card,.security-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#1a1a2e99,#0f0f1e99);border:2px solid #667eea33;border-radius:25px;padding:40px}.content-card h3,.edit-form-card h3,.profile-details-card h3{align-items:center;color:#fff;display:flex;font-size:1.8rem;font-weight:700;gap:12px;margin-bottom:30px}.content-card h3 i,.edit-form-card h3 i,.profile-details-card h3 i{color:#667eea;font-size:1.6rem}.details-grid{grid-gap:25px;gap:25px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.detail-item{gap:8px}.detail-item .label{color:#a0aec0;font-size:.9rem;letter-spacing:1px;text-transform:uppercase}.detail-item .value{color:#fff;font-size:1.2rem;font-weight:700}.status-active{align-items:center;background:#43e97b33;border:2px solid #43e97b4d;border-radius:20px;color:#43e97b;display:inline-flex;font-size:1rem!important;gap:8px;padding:8px 18px}.btn-action,.btn-cancel,.btn-danger,.btn-edit,.btn-primary,.btn-save{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:700;gap:10px;justify-content:center;padding:15px 30px;text-decoration:none;transition:all .3s ease}.btn-action,.btn-edit,.btn-primary,.btn-save{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 10px 30px #667eea66;color:#fff}.btn-action:hover,.btn-edit:hover,.btn-primary:hover,.btn-save:hover{box-shadow:0 15px 40px #667eea99;transform:translateY(-3px)}.btn-cancel{background:#ffffff1a;border:2px solid #fff3;color:#fff}.btn-cancel:hover{background:#ffffff26;transform:translateY(-3px)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 10px 30px #ef444466;color:#fff}.btn-danger:hover{box-shadow:0 15px 40px #ef444499;transform:translateY(-3px)}.password-form,.profile-form{display:flex;flex-direction:column;gap:25px}.form-group label{color:#e0e0e0;font-size:1rem;gap:10px}.form-group label i{color:#667eea;font-size:1rem}.form-group input{background:#ffffff0d;border:2px solid #667eea33;border-radius:12px;color:#fff;font-size:1rem;padding:15px 20px;transition:all .3s ease}.form-group input:focus{background:#ffffff14;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.form-actions{flex-wrap:wrap}.security-card{overflow:hidden;position:relative}.security-card.danger{border-color:#ef44444d}.security-header{align-items:center;display:flex;gap:20px;margin-bottom:25px}.security-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;color:#fff;display:flex;flex-shrink:0;font-size:1.8rem;height:60px;justify-content:center;width:60px}.security-icon.danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.security-header h3{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:5px}.security-header p{color:#b0b0b0;font-size:1rem}.empty-state{padding:60px 40px}.empty-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 15px 40px #667eea66;color:#fff;display:flex;height:100px;justify-content:center;margin:0 auto 30px;width:100px}.empty-state p{font-size:1.2rem;margin-bottom:30px}.orders-list,.reviews-list{display:flex;flex-direction:column;gap:20px}.order-item,.review-item{background:#667eea0d;border:2px solid #667eea33;border-radius:15px;padding:25px;transition:all .3s ease}.order-item:hover,.review-item:hover{border-color:#667eea80;transform:translateX(10px)}.order-header,.review-header{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;margin-bottom:15px}.order-header h4,.review-header h4{color:#fff;font-size:1.3rem;font-weight:700}.rating{display:flex;gap:5px}.rating i{color:#4a5568;font-size:1rem}.rating i.active{color:gold}.status-badge{border-radius:15px}.status-pending{background:#fbbf2433;border:2px solid #fbbf244d;color:#fbbf24}.status-processing{background:#3b82f633;border:2px solid #3b82f64d;color:#3b82f6}.status-approved,.status-completed{background:#22c55e33;border:2px solid #22c55e4d;color:#22c55e}.status-cancelled{border:2px solid #ef44444d}.review-comment,.review-title{color:#b0b0b0;line-height:1.6;margin-bottom:12px}.order-details,.review-meta{align-items:center;display:flex;flex-wrap:wrap;gap:20px}.date{color:#a0aec0;font-size:.95rem}.date,.order-details p{align-items:center;display:flex;gap:8px}.order-details p{color:#b0b0b0;margin-bottom:8px}.order-details strong{color:#fff}.btn-view-order{align-items:center;background:#667eea1a;border:2px solid #667eea4d;border-radius:10px;color:#667eea;display:inline-flex;font-weight:700;gap:8px;margin-top:15px;padding:10px 20px;text-decoration:none;transition:all .3s ease}.btn-view-order:hover{background:#667eea33;border-color:#667eea;transform:translateX(5px)}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;height:100%;width:100%;z-index:9999}.modal-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#1a1a2ef2,#0f0f1ef2);border:2px solid #ef44444d;border-radius:25px;box-shadow:0 30px 80px #00000080;max-width:500px;padding:40px;width:90%}.modal-header{gap:15px;margin-bottom:20px}.modal-header i{color:#ef4444;font-size:3rem}.modal-header h3{color:#fff;font-size:2rem;font-weight:800}.modal-text{color:#b0b0b0;font-size:1.05rem;line-height:1.6;margin-bottom:25px}.modal-actions{display:flex;gap:15px;justify-content:flex-end}@media (max-width:768px){.profile-header-section{align-items:flex-start;flex-direction:column}.profile-header-info h1{font-size:2rem}.profile-tabs,.stats-grid{grid-template-columns:1fr}.form-actions,.modal-actions{flex-direction:column}.form-actions button,.modal-actions button{width:100%}}.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{display:flex;flex-direction:column;gap:25px}.form-group{gap:10px}.form-group label{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{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}.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;padding:6px 12px}.badge,.status-badge{font-size:.85em}.status-badge.pending{background:#fff4e6;color:#ff9800}.status-badge.completed{background:#e8f5e9;color:#4caf50}.status-badge.failed{background:#ffebee;color:#f44336}.empty-state p{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}.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{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;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;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{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;gap:15px;margin-top:30px;padding:20px}.pagination-btn{color:#667eea;padding:10px 20px}.pagination-btn:hover:not(:disabled){box-shadow:0 5px 15px #0000001a}.page-info{color:#fff;font-size:1em;font-weight:600}.loading{color:#fff}.empty-state{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a}.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;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;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{border:1px solid #6366f14d}.btn-refresh{color:#fffffff2;padding:10px 20px}.btn-refresh:hover{box-shadow:0 8px 20px #667eea4d}.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}.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);color:#fffffff2;display:flex;font-size:14px;gap:8px}.refresh-btn:hover{box-shadow:0 6px 20px #667eea66}.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{gap:8px}.filter-group label{color:#fffc;font-size:13px;letter-spacing:.5px}.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}.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-left:4px solid #667eea;box-shadow:0 8px 32px #0003;flex-direction:column;gap:8px}.stat-card:hover{box-shadow:0 12px 40px #667eea4d}.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}.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{display:flex;gap:8px;justify-content:center}.action-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fffffff2;font-size:14px;height:36px;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{border-radius:8px;color:#fffffff2;font-size:18px;height:36px;transition:all .3s ease;width:36px}.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{gap:6px}.detail-item.full{grid-column:1/-1}.detail-item label{color:#fff9;font-weight:600}.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;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}.stat-number{color:#6366f1;font-size:2.5rem;font-weight:700;margin-bottom:10px}.stat-label{color:#ffffffb3}@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}.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;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}.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%}.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;display:flex;font-weight:700;gap:12px;justify-content:space-between;padding:20px 25px}.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{background:linear-gradient(135deg,#1a1a2e99,#0f0f1e99);border:2px solid #667eea33;border-radius:25px}.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;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{padding:8px 18px}.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{background:#667eea1a;border-radius:12px;color:#e0e0e0;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{background:linear-gradient(135deg,#1a1a2e99,#0f0f1e99);border:2px solid #667eea33}.stat-card:hover{box-shadow:0 20px 50px #667eea4d;transform:translateY(-10px)}.stat-icon{border-radius:15px;box-shadow:0 10px 30px #0000004d;color:#fff;height:70px;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}@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{border:1px solid #6366f14d}.stat-card:hover{background:linear-gradient(135deg,#6366f140,#a855f726);border-color:#6366f1}.stat-icon{font-size:2rem}.stat-value{color:#fff}.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;margin-bottom:10px}.form-input,.form-textarea{background:#6366f11a;border:1px solid #6366f14d;border-radius:8px;box-sizing:border-box;color:#fff;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}.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{gap:15px;margin-top:30px}.btn-cancel,.btn-submit{border-radius:8px;flex:1 1;font-weight:600;padding:12px;transition:all .3s ease}.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}.empty-state h3{color:#fff}.empty-state p{color:#fff9}.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;gap:15px;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{font-size:.75rem;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{background:linear-gradient(135deg,#0f0f1e,#1a1a2e 50%,#16213e);gap:20px}.loader-spinner{border:4px solid #6366f133;border-top-color:#6366f1}.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;color:#6366f1;display:inline-flex;gap:8px;margin-bottom:30px;text-decoration:none}.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{height:16px;width:16px}.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}.stat-value{font-size:1.3rem}.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;gap:15px;padding:20px;transition:all .3s ease}.info-item:hover{background:#6366f126;border-color:#6366f166;transform:translateY(-2px)}.info-icon{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}@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}}.marketplace-hub-container{background:#0a0e27;color:#e1e8f0;min-height:100vh;overflow-x:hidden;padding:40px 20px;position:relative}.animated-bg-hub{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:.15;position:absolute}.sphere-hub-1{animation-delay:0s;background:linear-gradient(135deg,#667eea,#764ba2);height:600px;right:-300px;top:-300px;width:600px}.sphere-hub-2{animation-delay:8s;background:linear-gradient(135deg,#f093fb,#f5576c);bottom:-250px;height:500px;left:-250px;width:500px}.sphere-hub-3{animation-delay:16s;background:linear-gradient(135deg,#4facfe,#00f2fe);height:400px;left:50%;top:40%;width:400px}@keyframes floatSphere{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-30px,-30px) scale(1.1)}66%{transform:translate(30px,30px) scale(.9)}}.marketplace-hub-header{animation:fadeInDown .6s ease;color:#e1e8f0;margin-bottom:50px;position:relative;text-align:center;z-index:1}.marketplace-hub-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:800;margin:0 0 15px}.marketplace-hub-header p{color:#8b94a8;font-size:1.3rem;margin:0}.profile-alert{align-items:center;animation:slideInLeft .6s ease;background:linear-gradient(135deg,#fef3c7,#fde68a);border-left:6px solid #f59e0b;border-radius:16px;box-shadow:0 8px 24px #f59e0b4d;display:flex;gap:20px;margin:0 auto 40px;max-width:1200px;padding:25px 30px;position:relative;z-index:1}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.alert-icon{font-size:2.5rem}.alert-content h3{color:#92400e;font-size:1.3rem;font-weight:700;margin:0 0 8px}.alert-content p{color:#78350f;line-height:1.5;margin:0 0 15px}.alert-button{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:10px;box-shadow:0 4px 12px #f59e0b66;color:#fff;display:inline-block;font-weight:600;padding:10px 24px;text-decoration:none;transition:all .3s ease}.alert-button:hover{box-shadow:0 6px 16px #f59e0b80;transform:translateY(-2px)}.marketplace-stats{grid-gap:25px;animation:fadeIn .8s ease;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto 50px;max-width:1200px;position:relative;z-index:1}.stat-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff14;border:1px solid #ffffff26;border-radius:20px;box-shadow:0 10px 30px #0000004d;gap:20px;padding:30px}.stat-card:hover{background:#ffffff1f;border-color:#667eea80;box-shadow:0 15px 40px #667eea33;transform:translateY(-8px)}.stat-icon{animation:float 3s ease-in-out infinite;font-size:3rem}.stat-info h3{color:#8b94a8;font-size:.95rem;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.stat-number{color:#e1e8f0;font-size:2.2rem;font-weight:800;margin:0}.marketplace-options-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin:0 auto 50px;max-width:1200px;position:relative;z-index:1}.marketplace-option-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff14;border:1px solid #ffffff26;border-radius:24px;box-shadow:0 10px 30px #0000004d;color:#e1e8f0;overflow:hidden;padding:35px;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.marketplace-option-card:before{background:var(--accent-color);content:"";height:6px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .4s ease}.marketplace-option-card:hover:before{transform:scaleX(1)}.marketplace-option-card:hover{background:#ffffff1f;border-color:#667eea80;box-shadow:0 20px 50px #667eea4d;transform:translateY(-10px) scale(1.02)}.marketplace-option-card.incomplete{background:linear-gradient(135deg,#fef3c7,#fff);border-color:#fbbf24}.card-badge{background:var(--accent-color);border-radius:20px;box-shadow:0 4px 12px #0003;color:#fff;font-weight:600;padding:6px 14px;right:15px}.card-badge,.card-ribbon{font-size:.8rem;position:absolute;top:15px}.card-ribbon{background:#fbbf24;box-shadow:0 4px 12px #fbbf2466;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%,10% 50%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%,10% 50%);color:#78350f;font-weight:700;padding:6px 20px 6px 14px;right:-10px}.card-icon{animation:bounce 2s ease infinite;display:inline-block;font-size:3.5rem;margin-bottom:20px}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.marketplace-option-card h3{color:#e1e8f0;font-size:1.5rem;font-weight:700;margin:0 0 12px}.marketplace-option-card p{color:#a5b4fc;font-size:1rem;line-height:1.6;margin:0 0 20px}.card-footer{display:flex;justify-content:flex-end;margin-top:auto}.arrow{color:var(--accent-color);font-size:1.5rem;transition:transform .3s ease}.marketplace-option-card:hover .arrow{transform:translateX(8px)}.marketplace-quick-guide{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-radius:24px;box-shadow:0 20px 60px #0000004d;margin:0 auto 50px;max-width:1200px;padding:50px}.marketplace-quick-guide h2{color:#1f2937;font-size:2.5rem;font-weight:800;margin:0 0 50px;text-align:center}.guide-steps{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.guide-step{background:linear-gradient(135deg,#f3f4f6,#fff);border:2px solid #e5e7eb;border-radius:16px;padding:25px;text-align:center;transition:all .3s ease}.guide-step:hover{border-color:#667eea;box-shadow:0 12px 30px #667eea33;transform:translateY(-5px)}.step-number{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 6px 20px #667eea66;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:50px;justify-content:center;margin:0 auto 20px;width:50px}.guide-step h4{color:#1f2937;font-size:1.1rem;font-weight:700;margin:0 0 10px}.guide-step p{color:#6b7280;font-size:.9rem;line-height:1.5;margin:0}.commission-info{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-radius:24px;box-shadow:0 12px 30px #10b9814d;margin:0 auto 50px;max-width:1200px;padding:40px}.commission-info h3{color:#065f46;font-size:2rem;font-weight:700;margin:0 0 30px;text-align:center}.commission-breakdown{background:#fff;border-radius:16px;margin:0 auto;max-width:600px;padding:30px}.commission-item{align-items:center;border-bottom:2px solid #f3f4f6;display:flex;justify-content:space-between;padding:15px 0}.commission-item:last-child{border-bottom:none}.commission-item.highlight{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-radius:12px;margin-top:15px;padding:20px}.commission-item .label{color:#374151;font-size:1.05rem;font-weight:600}.commission-item .value{color:#1f2937;font-size:1.4rem;font-weight:800}.marketplace-footer{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-radius:24px;box-shadow:0 12px 30px #0003;margin:0 auto;max-width:1200px;padding:40px}.help-section h3{color:#1f2937;font-size:2rem;font-weight:700;margin:0 0 30px;text-align:center}.help-links{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.help-link{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 15px #667eea66;color:#fff;font-weight:600;padding:14px 28px;text-decoration:none;transition:all .3s ease}.help-link:hover{box-shadow:0 6px 20px #667eea80;transform:translateY(-3px)}.loading-screen{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.loader-spinner{border:6px solid #ffffff4d;margin-bottom:20px}@media (max-width:768px){.marketplace-hub-header h1{font-size:2.5rem}.marketplace-options-grid{gap:20px;grid-template-columns:1fr}.marketplace-stats{gap:15px;grid-template-columns:repeat(2,1fr)}.guide-steps{grid-template-columns:1fr}.profile-alert{text-align:center}.help-links,.profile-alert{flex-direction:column}.help-link{text-align:center;width:100%}}.browse-jobs-container{background:#0a0e27;color:#e1e8f0;min-height:100vh;overflow-x:hidden;padding:2rem;position:relative}.browse-header{animation:slideInDown .6s ease;color:#fff;margin-bottom:3rem;text-align:center}.browse-header h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;text-shadow:2px 2px 4px #0003}.browse-header p{font-size:1.1rem;opacity:.95}.browse-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:250px 1fr;margin:0 auto;max-width:1400px}.filters-sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 8px 32px #0000004d;height:-webkit-fit-content;height:fit-content;padding:2rem;position:-webkit-sticky;position:sticky;top:2rem}.filters-sidebar h3{border-bottom:2px solid #667eea;color:#e1e8f0;color:#333;font-size:1.2rem;font-weight:700;margin:0 0 1.5rem;padding-bottom:.75rem}.filter-group{margin-bottom:1.5rem}.filter-group label{color:#333;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.filter-input,.filter-select{border:1px solid #ddd;border-radius:6px;padding:.75rem;transition:all .3s}.filter-input:focus,.filter-select:focus{box-shadow:0 0 0 3px #667eea1a}.budget-inputs{align-items:center;display:flex;gap:.5rem}.budget-inputs .filter-input{flex:1 1}.budget-inputs span{color:#999;font-weight:600}.reset-filters-btn{background:#f5f5f5;border:1px solid #ddd;border-radius:6px;color:#667eea;font-weight:600;margin-top:1rem;padding:.75rem;transition:all .3s}.reset-filters-btn:hover{background:#667eea}.jobs-list-section{animation:fadeIn .6s ease}.loading-state p{color:#999;font-size:1rem}.jobs-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:2rem}.job-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;height:100%;padding:1.5rem;transition:all .3s ease}.job-card:hover{background:#ffffff14;border-color:#667eea80;box-shadow:0 12px 48px #667eea33;transform:translateY(-4px)}.job-header{margin-bottom:1rem}.job-header h3{color:#e1e8f0;font-size:1.2rem;font-weight:700;margin:0 0 .5rem}.job-category{font-size:.9rem;margin:0}.job-duration{background:#f0f0f0;border-radius:20px;color:#667eea;display:inline-block;font-size:.85rem;font-weight:600;padding:.5rem .75rem;text-transform:capitalize}.job-duration.short-term{background:#e3f2fd}.job-duration.long-term{background:#f3e5f5}.job-duration.one-time{background:#e8f5e9}.job-description{line-clamp:2;font-size:.95rem;line-height:1.5}.job-skills{margin-bottom:1rem}.skill-badge{color:#667eea;padding:.4rem .75rem}.skill-badge.more{background:#667eea}.job-footer{border-bottom:1px solid #f0f0f0;border-top:1px solid #f0f0f0;flex-grow:1;justify-content:space-between;margin-bottom:1rem;padding:1rem 0}.job-budget,.job-footer{align-items:center;display:flex}.job-budget{gap:.5rem}.budget-label{color:#999;font-size:.9rem}.budget-value{color:#667eea;font-size:1.1rem;font-weight:700}.job-applicants{color:#999;font-size:.9rem}.apply-btn,.details-btn{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;padding:.75rem;transition:all .3s}.apply-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.apply-btn:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.details-btn{background:#f5f5f5;border:1px solid #ddd;color:#667eea}.details-btn:hover{background:#f0f0f0;border-color:#667eea}.pagination{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;padding:2rem}.pagination-btn{border-radius:6px;padding:.75rem 1.5rem;transition:all .3s}.pagination-btn:hover:not(:disabled){background:#764ba2}@media (max-width:1024px){.browse-content{grid-template-columns:200px 1fr}.jobs-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:768px){.browse-jobs-container{padding:1rem}.browse-header h1{font-size:1.8rem}.browse-content{grid-template-columns:1fr}.filters-sidebar{position:relative;top:0}.jobs-grid{grid-template-columns:1fr}.pagination{flex-wrap:wrap;gap:.5rem}.job-actions{flex-direction:column}}.job-details-page{background:#0a0e27;color:#e1e8f0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;overflow-x:hidden;padding:20px;position:relative}.error-state,.loading{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000001a;margin:40px auto;max-width:600px;padding:60px 20px;text-align:center}.error-state h2{color:#333;margin:20px 0}.error-state button{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:12px 24px}.job-details-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 8px 32px #0000004d;margin:0 auto;max-width:1200px;overflow:hidden;position:relative;z-index:1}.job-header{align-items:flex-start;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:40px}.job-header h1{font-size:32px;line-height:1.2;margin:0 0 20px}.category-badge,.status-badge,.urgency-badge{background:#fff3;border:1px solid #ffffff4d;border-radius:20px;display:inline-block;font-size:13px;font-weight:500;padding:8px 16px}.status-badge[data-status=open]{background:#90ee904d;border-color:#90ee90}.status-badge[data-status=in-progress]{background:#ffd7004d;border-color:gold}.status-badge[data-status=completed]{background:#6b8e234d;border-color:#6ba823}.status-badge[data-status=cancelled]{background:#ff6b6b4d;border-color:#ff6b6b}.job-budget{text-align:right}.budget-amount{font-size:32px;font-weight:700;margin-bottom:5px}.budget-label{font-size:14px;opacity:.9}.job-content{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 350px;padding:40px}.section{margin-bottom:40px}.section h2{border-bottom:2px solid #f0f0f0;color:#333;font-size:20px;margin-bottom:20px;padding-bottom:10px}.description p{color:#555;font-size:15px;line-height:1.8;margin-bottom:15px}.details-grid{grid-gap:20px;gap:20px;grid-template-columns:1fr 1fr}.detail-item{background:#f9f9f9;border-left:4px solid #667eea;border-radius:8px;padding:15px}.detail-item label{color:#999;display:block;font-size:12px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.detail-item p{color:#333;font-size:16px;font-weight:500}.skills-list{gap:10px}.skill-tag{border:1px solid #667eea;font-size:14px;padding:8px 16px}.attachments-list{display:flex;flex-direction:column;gap:10px}.attachment-link{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;color:#667eea;font-size:14px;padding:12px 16px}.attachment-link:hover{background:#f0f0f0;border-color:#667eea}.job-sidebar{display:flex;flex-direction:column;gap:20px}.sidebar-card{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;padding:20px}.sidebar-card h3{color:#333;font-size:16px;margin-bottom:15px;margin-top:0}.client-info{align-items:center;display:flex;gap:15px}.client-avatar{border-radius:50%;height:50px;object-fit:cover;width:50px}.client-name{color:#333;font-size:15px;font-weight:600;margin:0 0 5px}.client-email{color:#999;font-size:13px;margin:0}.apply-btn-large{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 12px #667eea66;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px;transition:all .3s ease;width:100%}.apply-btn-large:hover{box-shadow:0 6px 16px #667eea99;transform:translateY(-2px)}.job-closed-notice{background:#fff3cd;border:1px solid #ffc107;border-radius:8px;color:#856404;font-weight:500;padding:16px;text-align:center}.stats{display:flex;flex-direction:column;gap:12px}.stat{border-bottom:1px solid #e0e0e0;padding:10px 0}.stat:last-child{border-bottom:none}.stat-label{color:#999;font-size:13px}.stat-value{color:#333;font-size:15px}.posted-date{color:#667eea;font-size:15px;font-weight:600;margin:0}.completed-date{color:#999;font-size:13px;margin:10px 0 0}@media (max-width:768px){.job-header{flex-direction:column;padding:30px 20px}.job-budget{margin-top:20px;text-align:left}.job-content{gap:30px;grid-template-columns:1fr;padding:20px}.job-header h1{font-size:24px}.details-grid{grid-template-columns:1fr}.job-meta{flex-direction:column}}.post-job-container{background:linear-gradient(135deg,#667eea,#764ba2);color:#333;min-height:100vh;padding:2rem}.post-job-header{animation:slideInDown .6s ease;color:#fff;margin-bottom:3rem;text-align:center}.post-job-header h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;text-shadow:2px 2px 4px #0003}.post-job-header p{font-size:1.1rem;opacity:.95}.post-job-form-wrapper{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 300px;margin:0 auto;max-width:1200px}.post-job-form{animation:fadeIn .6s ease;background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;padding:2rem}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{box-shadow:0 0 0 3px #667eea1a}.skill-input-group{display:flex;gap:.5rem;margin-bottom:1rem}.skill-input-group input{flex:1 1}.add-skill-btn{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s}.add-skill-btn:hover{background:#764ba2;transform:translateY(-2px)}.skills-display{flex-wrap:wrap;gap:.75rem}.skill-tag{color:#667eea}.remove-skill{background:none;border:none;color:#999;cursor:pointer;font-size:1.2rem;padding:0;transition:color .3s}.remove-skill:hover{color:#f5576c}.form-group small.error{color:#f5576c;font-weight:600}.cost-breakdown{background:linear-gradient(135deg,#f5f5f5,#fafafa);border:1px solid #e0e0e0;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.cost-breakdown h4{color:#333;font-size:1rem;margin:0 0 1rem}.cost-item{border-bottom:1px solid #e0e0e0;color:#666;display:flex;justify-content:space-between;padding:.75rem 0}.cost-item:last-child{border-bottom:none}.cost-item span:last-child{color:#333;font-weight:600}.cost-item.highlight{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:none;margin:.75rem -1.5rem -.75rem;padding:.75rem 1.5rem}.cost-item.highlight span:last-child{color:#667eea;font-size:1.1rem;font-weight:700}.form-actions{margin-top:2rem}.cancel-btn,.submit-btn{border-radius:6px;flex:1 1;padding:1rem;transition:all .3s}.cancel-btn{background:#f5f5f5;border:1px solid #ddd;color:#667eea}.cancel-btn:hover{background:#f0f0f0;border-color:#667eea}.submit-btn:disabled{opacity:.7}.tips-section{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;height:-webkit-fit-content;height:fit-content;padding:2rem;position:-webkit-sticky;position:sticky;top:2rem}.tips-section h3{border-bottom:2px solid #667eea;color:#333;font-size:1.1rem;margin:0 0 1.5rem;padding-bottom:.75rem}.tips-list{display:flex;flex-direction:column;gap:1rem}.tip{display:flex;gap:.75rem}.tip-icon{align-items:center;background:#667eea;border-radius:50%;color:#fff;display:inline-flex;flex-shrink:0;font-size:.85rem;font-weight:700;height:24px;justify-content:center;width:24px}.tip strong{color:#333;display:block;font-size:.9rem;margin-bottom:.25rem}.tip p{color:#999;font-size:.85rem;line-height:1.4;margin:0}@media (max-width:1024px){.post-job-form-wrapper{grid-template-columns:1fr}.tips-section{position:relative;top:0}}@media (max-width:768px){.post-job-container{padding:1rem}.post-job-header h1{font-size:1.8rem}.post-job-form{padding:1.5rem}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{flex:1 1}.tips-section{margin-top:1rem}}.my-jobs-container{background:linear-gradient(135deg,#667eea,#764ba2);margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem 1rem}.my-jobs-header{align-items:flex-start;color:#fff;display:flex;gap:2rem;justify-content:space-between;margin-bottom:2rem;text-align:center}.my-jobs-header>div:first-child{flex:1 1;text-align:left}.my-jobs-header h1{font-size:2.5rem;font-weight:700;margin:0 0 .5rem}.my-jobs-header p{font-size:1.1rem;opacity:.9}.my-jobs-content{background:#fff;border-radius:15px;box-shadow:0 20px 60px #0003;overflow:hidden}.filter-tabs{background:#fafafa;border-bottom:2px solid #f0f0f0;flex-wrap:wrap;gap:.5rem;padding:1.5rem}.filter-tab{background:#fff;border:2px solid #ddd;border-radius:25px;font-size:.95rem;font-weight:500;padding:.75rem 1.5rem}.filter-tab.active,.filter-tab:hover{border-color:#667eea}.filter-tab.active{background:#667eea;color:#fff}.jobs-main{min-height:400px;padding:2rem}.loading p{font-size:1rem}.empty-state p{margin-bottom:1.5rem}.create-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:transform .3s ease}.create-btn:hover{transform:translateY(-2px)}.jobs-list{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.job-item{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:1.5rem;transition:all .3s ease}.job-item:hover{border-color:#667eea;box-shadow:0 8px 25px #667eea26}.job-item-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.job-title-section{align-items:center;display:flex;flex:1 1;gap:1rem}.job-item h3{color:#333;font-size:1.3rem;margin:0}.status-badge{color:#fff;padding:.4rem 1rem}.job-date{color:#999;font-size:.9rem;white-space:nowrap}.job-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#666;display:-webkit-box;line-height:1.6;margin:0 0 1rem;overflow:hidden}.job-meta{grid-gap:1rem;border-bottom:1px solid #f0f0f0;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:1rem;padding-bottom:1rem}.meta-item{flex-direction:column}.meta-label{color:#999;font-size:.85rem;font-weight:600;margin-bottom:.25rem}.meta-value{color:#333;font-size:1rem;font-weight:500}.job-skills{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.skill-badge{background:#f0f0f0;border-radius:15px;color:#666;padding:.4rem .8rem}.job-actions{display:flex;flex-wrap:wrap;gap:.75rem}.job-actions button{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;padding:.6rem 1.2rem;transition:all .3s ease}.view-btn{background:#667eea}.view-btn:hover{background:#5568d3}.edit-btn{background:#4caf50;color:#fff}.edit-btn:hover{background:#45a049;transform:translateY(-2px)}.delete-btn{background:#f44336;color:#fff}.delete-btn:hover{background:#da190b;transform:translateY(-2px)}.delete-all-btn{background:linear-gradient(135deg,#f44336,#d32f2f);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.delete-all-btn:hover:not(:disabled){box-shadow:0 4px 12px #f443364d;transform:translateY(-2px)}.delete-all-btn:disabled{cursor:not-allowed;opacity:.6}.applications-btn{background:#ff9800;color:#fff}.applications-btn:hover{background:#e68900;transform:translateY(-2px)}.pagination{border-top:1px solid #f0f0f0;gap:1rem;padding:1.5rem}.pagination-btn{background:#667eea;padding:.6rem 1.2rem}.pagination-btn:hover:not(:disabled){background:#5568d3;transform:translateY(-2px)}.pagination-btn:disabled{background:#ccc}.pagination-info{color:#666}@media (max-width:768px){.my-jobs-header h1{font-size:1.8rem}.filter-tabs{flex-wrap:wrap}.job-item-header{flex-direction:column}.job-meta{grid-template-columns:repeat(2,1fr)}.job-actions{flex-direction:column}.job-actions button{width:100%}}.my-applications-page{background:#0a0e27;color:#e1e8f0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;overflow-x:hidden;padding:20px;position:relative}.applications-container{margin:0 auto;max-width:1100px}.page-header{margin-bottom:30px}.back-btn{background:#ffffffe6;border:none;box-shadow:0 2px 8px #00000026;font-size:16px;font-weight:500;margin-bottom:20px;padding:10px 20px}.back-btn:hover{background:#fff;box-shadow:0 4px 12px #0003;transform:translateX(-5px)}.page-header h1{color:#e1e8f0;font-size:36px;margin:0 0 10px}.subtitle{color:#8b94a8;font-size:16px}.loading{border-radius:12px;box-shadow:0 8px 32px #0000001a;margin:40px 0}.loader-spinner{margin:20px auto}.loading p{color:#333;font-size:16px;margin:20px 0 0}.filters-bar{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 8px 32px #0000004d;display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between;margin-bottom:30px;padding:25px}.filter-group,.sort-group{align-items:center;display:flex;gap:15px}.filter-group label,.sort-group label{color:#e1e8f0;font-weight:600;white-space:nowrap}.filter-buttons{display:flex;flex-wrap:wrap;gap:10px}.filter-btn{background:#ffffff0d;border:2px solid #fff3;border-radius:20px;color:#8b94a8;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s ease}.filter-btn:hover{background:#667eea1a;border-color:#667eea;color:#a5b4fc}.sort-group select{background:#ffffff0d;border:2px solid #fff3;border-radius:8px;color:#e1e8f0;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s ease}.sort-group select:hover{border-color:#667eea}.sort-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.applications-list{gap:20px;margin-bottom:30px}.application-card{background:#ffffff0d;border:1px solid #ffffff1a;border-left:4px solid #667eea;box-shadow:0 8px 32px #0000004d;overflow:hidden}.application-card:hover{background:#ffffff14;border-color:#667eea80;box-shadow:0 12px 48px #667eea33;transform:translateY(-4px)}.card-header{align-items:flex-start;border-bottom:1px solid #ffffff1a;padding:20px}.job-info h3{color:#e1e8f0;font-size:18px;font-weight:600;margin:0 0 10px}.job-meta{gap:12px}.budget,.category,.duration{background:#ffffff14;border:1px solid #667eea4d;border-radius:6px;color:#a5b4fc;display:inline-block;font-size:13px;padding:5px 12px}.category{border-color:#667eea;color:#a5b4fc}.budget{border-color:#10b981;color:#86efac;font-weight:600}.status-badge{align-items:center;background:#ffffff0d;border:2px solid;border-radius:8px;display:flex;font-weight:600;gap:8px;padding:10px 16px}.status-icon{font-size:18px}.status-text{font-size:14px}.card-content{border-bottom:1px solid #f0f0f0;padding:20px}.description-preview{margin-bottom:20px}.description-preview p{color:#666;font-size:14px;line-height:1.6;margin:0}.card-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat{background:#ffffff0d;border-left:3px solid #667eea;border-radius:8px;justify-content:space-between;padding:12px}.stat-label{font-size:12px}.stat-value{color:#e1e8f0;font-size:14px;font-weight:600}.card-actions{display:flex;gap:12px;padding:20px}.view-btn,.withdraw-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 16px;transition:all .3s ease}.view-btn{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea66;color:#fff}.view-btn:hover{box-shadow:0 6px 16px #667eea99;transform:translateY(-2px)}.withdraw-btn{background:#f0f0f0;border:2px solid #e0e0e0;color:#666}.withdraw-btn:hover{background:#ff6b6b;border-color:#ff6b6b;color:#fff}.empty-state{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;margin-bottom:30px;padding:60px 20px}.empty-icon{font-size:64px;margin-bottom:20px}.empty-state h3{font-size:24px;margin:0 0 10px}.empty-state p{font-size:16px;margin:0 0 30px}.browse-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 12px #667eea66;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 32px;transition:all .3s ease}.browse-btn:hover{box-shadow:0 6px 16px #667eea99;transform:translateY(-2px)}.pagination{gap:20px;margin-top:40px}.pagination-btn{background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#333;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background:#667eea;border-color:#667eea;color:#fff}.pagination-info{color:#fff;font-size:14px;font-weight:600}@media (max-width:768px){.page-header h1{font-size:24px}.filters-bar{gap:15px}.filter-group,.filters-bar,.sort-group{align-items:flex-start;flex-direction:column}.filter-buttons,.filter-group,.sort-group,.sort-group select{width:100%}.card-header{flex-direction:column;gap:15px}.card-stats{grid-template-columns:1fr}.card-actions,.pagination{flex-direction:column}.pagination{gap:15px}}.apply-job-container{background:linear-gradient(135deg,#667eea,#764ba2);margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem 1rem}.apply-job-wrapper{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:350px 1fr;margin-bottom:2rem}.error-state,.loading{background:#fff;border-radius:15px}.error-state{color:#f44336;padding:4rem 2rem;text-align:center}.job-details-sidebar{height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:2rem}.job-details-card{background:#fff;border-radius:15px;box-shadow:0 10px 30px #00000026;padding:2rem}.job-details-card h3{color:#333;font-size:1.5rem;margin:0 0 .5rem}.job-category{color:#999;margin:0 0 1.5rem}.job-detail-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:.75rem 0}.detail-label{color:#999;font-size:.9rem}.detail-value{color:#333;font-weight:600}.job-description-section{border-top:1px solid #f0f0f0;margin-top:1.5rem;padding-top:1.5rem}.job-description-section h4{color:#333;font-size:.95rem;margin:0 0 .75rem}.job-description-section p{color:#666;font-size:.95rem;line-height:1.6;margin:0}.job-skills-section{border-top:1px solid #f0f0f0;margin-top:1.5rem;padding-top:1.5rem}.job-skills-section h4{color:#333;font-size:.95rem;margin:0 0 .75rem}.skills-list{gap:.5rem}.skill-tag{background:#f0f0f0;border-radius:15px;color:#666;display:inline-block;font-size:.85rem;padding:.4rem .8rem}.client-info{border-top:1px solid #f0f0f0;margin-top:1.5rem;padding-top:1.5rem}.client-info h4{color:#333;font-size:.95rem;margin:0 0 .75rem}.client-details p{color:#666;font-size:.95rem;margin:.5rem 0}.client-email{color:#667eea;cursor:pointer}.application-form-section{background:#fff;border-radius:15px;box-shadow:0 10px 30px #00000026;padding:2rem}.application-form-section h2{color:#333;font-size:1.8rem;margin:0 0 1.5rem}.application-form{margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-group label{margin-bottom:.5rem}.form-group input,.form-group textarea{border:1px solid #ddd;border-radius:8px;font-size:1rem;padding:.75rem;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus{box-shadow:0 0 0 3px #667eea1a}.form-group small{color:#999;margin-top:.5rem}.payment-section-divider{border-bottom:2px solid #667eea;margin:2.5rem 0 1.5rem;padding-bottom:1.5rem}.payment-section-divider h3{color:#667eea;font-size:1.1rem;margin:0 0 .5rem}.section-note{color:#999;font-size:.85rem;font-style:italic;margin:.5rem 0 0}.form-actions{border-top:1px solid #f0f0f0;justify-content:flex-end;padding-top:1.5rem}.cancel-btn,.submit-btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all .3s ease}.cancel-btn{background:#f0f0f0;color:#333}.cancel-btn:hover{background:#e0e0e0}.submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.submit-btn:hover:not(:disabled){box-shadow:0 8px 20px #667eea4d;transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.6}.tips-section{background:#f9f9f9;border-left:4px solid #667eea;border-radius:8px;margin-top:2rem;padding:1.5rem}.tips-section h4{color:#333;margin:0 0 1rem}.tips-section ul{list-style:none;margin:0;padding:0}.tips-section li{color:#666;font-size:.95rem;padding:.5rem 0 .5rem 1.5rem;position:relative}.tips-section li:before{color:#667eea;content:"✓";font-weight:700;left:0;position:absolute}@media (max-width:768px){.apply-job-wrapper{gap:1.5rem;grid-template-columns:1fr}.job-details-sidebar{position:static}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{width:100%}.application-form-section{padding:1.5rem}.application-form-section h2{font-size:1.3rem}}.applications-page{background:linear-gradient(135deg,#667eea,#764ba2);margin:0 auto;max-width:1000px;min-height:100vh;padding:2rem 1rem}.back-btn{background:#fff3;border:1px solid #ffffff80;margin-bottom:1.5rem;padding:.6rem 1.2rem}.back-btn:hover{background:#ffffff4d}.applications-wrapper{background:#fff;border-radius:15px;box-shadow:0 20px 60px #0003;overflow:hidden}.job-summary{background:#fafafa;border-bottom:2px solid #f0f0f0;padding:2rem}.job-summary h1{color:#333;font-size:2rem;margin:0 0 1rem}.job-meta{color:#666;display:flex;flex-wrap:wrap;font-size:1rem;gap:2rem}.job-meta span{font-weight:600}.loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem}.loader-spinner{border:4px solid #f3f3f3}.loading p{color:#666}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center}.empty-state h3{font-size:1.5rem}.applications-container{min-height:300px;padding:2rem}.applications-list{display:flex;flex-direction:column;gap:1.5rem}.application-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;padding:1.5rem;transition:all .3s ease}.application-card:hover{border-color:#667eea;box-shadow:0 8px 25px #667eea26}.application-card.selected{background:#f9f9ff;border-color:#667eea;box-shadow:0 8px 25px #667eea33}.freelancer-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem}.freelancer-avatar{border-radius:50%;flex-shrink:0;height:60px;overflow:hidden;width:60px}.freelancer-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{font-size:1.5rem;height:100%;width:100%}.freelancer-info h3{color:#333;font-size:1.1rem;margin:0}.freelancer-email{color:#999;font-size:.9rem;margin:.25rem 0 0}.application-details{grid-gap:1rem;border-bottom:1px solid #f0f0f0;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem;padding-bottom:1.5rem}.detail-row{align-items:center;display:flex;justify-content:space-between}.detail-row .label{color:#999;font-size:.9rem;font-weight:600}.detail-row .value{color:#333;font-size:1rem;font-weight:600}.cover-letter{border-bottom:1px solid #f0f0f0;margin-bottom:1.5rem;padding-bottom:1.5rem}.cover-letter h4{color:#333;font-size:.95rem;margin:0 0 .75rem}.cover-letter p{word-wrap:break-word;color:#666;font-size:.95rem;line-height:1.6;margin:0;white-space:pre-wrap}.app-date{color:#999;font-size:.85rem;font-weight:500;margin-bottom:1rem}.app-actions{display:flex;flex-wrap:wrap;gap:.75rem}.app-actions button{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;padding:.6rem 1.2rem;transition:all .3s ease}.profile-btn{background:#e8f5e9;border:2px solid #2e7d32;color:#2e7d32}.profile-btn:hover{background:#2e7d32;box-shadow:0 8px 20px #2e7d324d;color:#fff;transform:translateY(-2px)}.select-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.select-btn:hover{box-shadow:0 8px 20px #667eea4d;transform:translateY(-2px)}.message-btn{background:#f0f0f0;color:#333}.message-btn:hover{background:#e0e0e0}@media (max-width:768px){.applications-page{padding:1rem}.job-summary{padding:1.5rem}.job-summary h1{font-size:1.5rem}.job-meta{font-size:.9rem;gap:1rem}.freelancer-header{align-items:flex-start;flex-direction:column;text-align:left}.freelancer-avatar{height:50px;width:50px}.application-details{grid-template-columns:1fr}.applications-container{padding:1.5rem}.app-actions{flex-direction:column}.app-actions button{width:100%}}.work-submission-container{background:linear-gradient(135deg,#0a0e27,#0f0f1e 50%,#1a1a2e);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;padding:3rem 2rem}.submission-card{animation:slideUp .5s ease;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#667eea14,#a855f70d);border:1px solid #667eea33;border-radius:20px;box-shadow:0 20px 60px #0000004d;margin:0 auto;max-width:900px;overflow:hidden}.header{background:linear-gradient(135deg,#667eea26,#a855f71a);border-bottom:1px solid #667eea33;color:#e1e8f0;padding:3rem 2.5rem;text-align:center}.header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.2rem;font-weight:800;letter-spacing:-.5px;margin:0 0 .75rem}.subtitle{color:#a6b4d9;font-size:1rem;font-weight:500;margin:0;opacity:.95}.contract-info{background:linear-gradient(135deg,#667eea0d,#a855f705);border-bottom:1px solid #667eea26;padding:2rem 2.5rem}.info-row{align-items:center;border-bottom:1px solid #667eea1a;display:flex;justify-content:space-between;padding:1rem 0}.info-row:last-child{border-bottom:none}.label{color:#8b94a8;font-size:.95rem;letter-spacing:.3px;text-transform:uppercase}.label,.value{font-weight:700}.value{color:#e1e8f0;font-size:1.05rem}form{padding:3rem 2.5rem}.form-group{margin-bottom:2rem}.form-group label{display:block;font-weight:700;letter-spacing:.3px;margin-bottom:.75rem;opacity:.9;text-transform:uppercase}.form-group input,.form-group textarea{background:#0f0f1e80;border:1.5px solid #667eea40;border-radius:12px;color:#e1e8f0;font-family:inherit;font-size:.95rem;padding:1rem 1.2rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.form-group input::placeholder,.form-group textarea::placeholder{color:#8b94a8}.form-group input:focus,.form-group textarea:focus{background:#0f0f1ecc;border-color:#667eea;box-shadow:0 0 0 5px #667eea26;outline:none}.form-group textarea{min-height:150px;resize:vertical}.form-group small{color:#8b94a8;display:block;font-size:.85rem;font-weight:500;margin-top:.75rem}.info-box{background:linear-gradient(135deg,#667eea1a,#a855f714);border:1px solid #667eea33;border-radius:12px;margin:2rem 0;padding:1.5rem}.info-box h4{color:#a6b4d9;font-size:1rem;font-weight:700;letter-spacing:.3px;margin:0 0 1rem;text-transform:uppercase}.info-box p{color:#a6b4d9;font-size:.95rem;line-height:1.6;margin:.5rem 0}.info-box strong{color:#e1e8f0;font-weight:700}.button-group{border-top:1px solid #667eea26;display:flex;gap:1.5rem;justify-content:flex-end;margin-top:3rem;padding-top:2rem}.btn-cancel,.btn-submit{border:none;border-radius:10px;cursor:pointer;font-size:.95rem;font-weight:700;letter-spacing:.3px;min-width:140px;padding:1rem 2rem;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-cancel{background:linear-gradient(135deg,#667eea26,#a855f71a);border:1px solid #667eea4d;color:#a6b4d9}.btn-cancel:hover{background:linear-gradient(135deg,#667eea40,#a855f726);border-color:#667eea80;color:#e1e8f0;transform:translateY(-2px)}.btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 6px 20px #667eea4d;color:#fff}.btn-submit:hover:not(:disabled){box-shadow:0 10px 30px #667eea66;transform:translateY(-3px)}.btn-submit:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.work-submission-container{padding:1.5rem 1rem}.header{padding:2rem 1.5rem}.header h1{font-size:1.8rem}.subtitle{font-size:.95rem}.submission-card{border-radius:16px}.contract-info,form{padding:1.5rem}.info-row{align-items:flex-start;flex-direction:column;gap:.5rem}.button-group{flex-direction:column;gap:1rem}.btn-cancel,.btn-submit{width:100%}.info-box{padding:1.25rem}}@media (max-width:480px){.work-submission-container{padding:1rem}.header h1{font-size:1.5rem}.contract-info,form{padding:1rem}.form-group label{font-size:.9rem}.btn-cancel,.btn-submit{padding:.85rem 1.5rem}}.contracts-page{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding-bottom:60px}.contracts-hero{background:linear-gradient(135deg,#667eeaf2,#764ba2f2);color:#fff;overflow:hidden;padding:60px 30px;position:relative;text-align:center}.contracts-hero:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='50' cy='50' r='40' fill='rgba(255,255,255,0.05)'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.hero-content{margin:0 auto 40px;max-width:800px;position:relative;z-index:1}.hero-icon{animation:float 3s ease-in-out infinite;font-size:4rem;margin-bottom:20px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.hero-title{font-size:3rem;font-weight:800;margin:0 0 15px;text-shadow:2px 2px 10px #0003}.hero-subtitle{font-size:1.2rem;font-weight:300;letter-spacing:.5px;opacity:.95}.hero-stats{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;position:relative;z-index:1}.stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:16px;min-width:140px;padding:25px 40px}.stat-card:hover{background:#fff3}.stat-value{font-size:2.5rem;margin-bottom:8px}.stat-label{font-size:.95rem;font-weight:500;opacity:.9}.filter-tabs-container{background:#fff;box-shadow:0 2px 10px #0000000d;padding:20px 30px 0}.filter-tabs{display:flex;gap:10px;margin:0 auto;max-width:1400px;overflow-x:auto;padding-bottom:5px}.filter-tab{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:#64748b;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;padding:14px 24px;transition:all .3s ease;white-space:nowrap}.filter-tab:hover{background:#667eea0d;color:#667eea}.filter-tab.active{background:#667eea14;border-bottom-color:#667eea;color:#667eea}.tab-icon{font-size:1.3rem}.tab-count{background:#667eea26;border-radius:12px;color:#667eea;font-size:.85rem;font-weight:700;padding:2px 10px}.filter-tab.active .tab-count{background:#667eea;color:#fff}.contracts-content-wrapper{margin:0 auto;max-width:1400px;padding:40px 30px}.loading-state{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:100px 20px}.loading-spinner{position:relative}.spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;height:60px;width:60px}.loading-text{color:#fff;font-size:1.1rem;font-weight:500}.empty-state{border-radius:24px;box-shadow:0 10px 40px #0000001a;padding:80px 40px}.empty-illustration{margin-bottom:30px}.empty-circle{align-items:center;animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;font-size:3.5rem;height:120px;justify-content:center;margin:0 auto;width:120px}.empty-title{color:#1e293b;font-size:1.8rem;font-weight:700;margin:0 0 15px}.empty-description{color:#64748b;font-size:1.1rem;line-height:1.6;margin:0 0 35px}.empty-cta{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:600;gap:10px;padding:16px 32px;transition:all .3s ease}.empty-cta:hover{box-shadow:0 6px 20px #667eea80;transform:translateY(-2px)}.cta-arrow{font-size:1.3rem;transition:transform .3s ease}.empty-cta:hover .cta-arrow{transform:translateX(5px)}.contracts-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(450px,1fr))}@media (max-width:768px){.contracts-grid{grid-template-columns:1fr}}.contract-card-modern{background:#fff;border:1px solid #667eea1a;border-radius:20px;box-shadow:0 10px 30px #0000001a;overflow:hidden;transition:all .3s ease}.contract-card-modern:hover{box-shadow:0 15px 40px #667eea33;transform:translateY(-8px)}.card-header-modern{border-bottom:1px solid #f1f5f9;padding:25px}.header-top{align-items:flex-start;display:flex;gap:15px;justify-content:space-between;margin-bottom:15px}.contract-title{color:#1e293b;flex:1 1;font-size:1.4rem;font-weight:700;line-height:1.3;margin:0}.status-badge{border-radius:20px;font-size:.85rem;letter-spacing:.5px;padding:6px 16px}.contract-meta{display:flex;flex-wrap:wrap;gap:20px}.meta-item{align-items:center;color:#64748b;display:flex;font-size:.95rem;font-weight:500;gap:6px}.meta-icon{font-size:1.1rem}.financial-overview{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:20px 25px}.financial-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr)}.financial-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:15px;text-align:center}.financial-item.primary{background:linear-gradient(135deg,#667eea0d,#764ba20d);border:2px solid #667eea}.financial-label{color:#64748b;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.financial-value{color:#1e293b;font-size:1.4rem;font-weight:700}.financial-value.highlight{color:#10b981;font-size:1.5rem}.payment-status-banner{align-items:center;display:flex;font-size:1.05rem;font-weight:600;gap:10px;justify-content:center;padding:15px}.payment-icon{font-size:1.4rem}.contract-actions-section{padding:25px}.action-block,.info-block{border-radius:12px;margin-bottom:20px;overflow:hidden}.action-block:last-child,.info-block:last-child{margin-bottom:0}.action-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:1.05rem;font-weight:600;gap:10px;padding:15px 20px}.action-icon{font-size:1.4rem}.payment-block{border:2px solid #667eea}.work-submission-block{border:2px solid #10b981}.work-submission-block .action-header{background:linear-gradient(135deg,#10b981,#059669)}.release-block{border:2px solid #f59e0b}.release-block .action-header{background:linear-gradient(135deg,#f59e0b,#d97706)}.info-block{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;display:flex;gap:20px;padding:20px}.info-icon{flex-shrink:0;font-size:3rem}.info-content h4{color:#1e293b;font-size:1.1rem;font-weight:700;margin:0 0 8px}.info-content p{color:#64748b;font-size:.95rem;line-height:1.5;margin:0}.waiting-block{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#10b981}.waiting-block .info-content h4{color:#065f46}.waiting-block .info-content p{color:#047857}.review-block{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b}.review-block .info-content h4{color:#92400e}.review-block .info-content p{color:#b45309}.refresh-btn{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:12px;padding:10px 20px;transition:all .3s ease}.refresh-btn:hover{background:#059669;transform:translateY(-2px)}.card-footer-modern{background:#fafbfc;border-top:1px solid #f1f5f9;padding:20px 25px}.view-details-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:1.05rem;font-weight:600;gap:10px;justify-content:center;padding:14px;transition:all .3s ease;width:100%}.view-details-btn:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.btn-arrow{font-size:1.2rem;transition:transform .3s ease}.view-details-btn:hover .btn-arrow{transform:translateX(5px)}@media (max-width:1024px){.hero-title{font-size:2.5rem}.contracts-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (max-width:768px){.contracts-hero{padding:40px 20px}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.hero-stats{gap:15px}.stat-card{min-width:120px;padding:20px 30px}.filter-tabs-container{padding:15px 20px 0}.contracts-content-wrapper{padding:30px 20px}.financial-grid{grid-template-columns:1fr}}.dispute-modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.dispute-modal{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.dispute-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid #f0f0f0;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:1.5rem}.dispute-modal-header h2{color:#fff;font-size:1.5rem;margin:0}.close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;transition:all .3s;width:40px}.close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.dispute-form{display:flex;flex-direction:column;gap:1.5rem;padding:2rem}.form-group label{align-items:center;color:#333;display:flex;font-size:.95rem;gap:.5rem}.label-text{flex:1 1}.required{color:#f5576c;font-size:1.2rem}.char-count{color:#999;font-size:.8rem;font-weight:400;margin-left:auto}.form-input,.form-textarea{border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:.95rem;padding:.75rem 1rem;transition:all .3s}.form-input:focus,.form-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-input:disabled,.form-textarea:disabled{background:#f5f5f5;cursor:not-allowed}.form-textarea{min-height:120px;resize:vertical}.reason-hint{color:#667eea}.helper-text,.reason-hint{font-size:.85rem;font-style:italic;margin-top:.25rem}.helper-text{color:#999}.file-upload-box{background:#fafafa;border:2px dashed #ddd;border-radius:8px;cursor:pointer;padding:2rem;text-align:center;transition:all .3s}.file-upload-box:hover{background:#f0f4ff;border-color:#667eea}.file-input{display:none}.file-upload-icon{font-size:2.5rem;margin-bottom:.5rem}.file-upload-text{color:#333;font-weight:600;margin:.5rem 0 0}.file-upload-hint{color:#999;font-size:.85rem;margin:.5rem 0 0}.selected-files{background:#f0f4ff;border-radius:6px;margin-top:1rem;padding:1rem}.files-title{color:#333;font-size:.9rem;font-weight:600;margin:0 0 .75rem}.files-list{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.file-item{align-items:center;background:#fff;border-radius:4px;color:#666;display:flex;font-size:.9rem;justify-content:space-between;padding:.5rem}.file-size{color:#999;font-size:.85rem}.important-box{background:#fff5f5;border:1px solid #fbe0e0;border-left:4px solid #f5576c;border-radius:6px;padding:1rem}.important-box h4{color:#f5576c;font-size:.95rem;margin:0 0 .75rem}.important-box ul{margin:0;padding:0 0 0 1.5rem}.important-box li{color:#666;font-size:.9rem;line-height:1.4;margin:.5rem 0}.dispute-modal-footer{border-top:1px solid #f0f0f0;display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem}.btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-secondary{background:#f0f0f0;color:#333}.btn-secondary:hover:not(:disabled){background:#e0e0e0}.btn-cancel{background:#fff;border:1px solid #ddd;color:#333}.btn-cancel:hover:not(:disabled){border-color:#667eea;color:#667eea}.spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:14px;width:14px}@media (max-width:768px){.dispute-modal{max-height:95vh;max-width:90%}.dispute-form{gap:1.25rem;padding:1.5rem}.dispute-modal-footer{flex-direction:column-reverse}.btn{justify-content:center;width:100%}}.contract-details-page-modern{background:linear-gradient(135deg,#0a0e27,#0f0f1e 50%,#1a1a2e);min-height:100vh;padding-bottom:60px}.error-container,.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:40px}.loading-spinner-modern{margin-bottom:20px}.spinner-modern{animation:spin 1s linear infinite;border:4px solid #667eea4d;border-radius:50%;border-top-color:#667eea;height:60px;width:60px}.loading-text-modern{color:#a6b4d9;font-size:1.2rem;font-weight:500}.error-container{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#667eea14,#a855f70d);border:1px solid #667eea33;border-radius:24px;box-shadow:0 20px 60px #0000004d;margin:40px auto;max-width:500px;padding:60px 40px;text-align:center}.error-icon{color:#ef4444;font-size:4rem;margin-bottom:20px}.error-message-modern{color:#e1e8f0;font-size:1.3rem;font-weight:700;margin-bottom:10px}.error-description{color:#a6b4d9;font-size:1rem;line-height:1.6;margin-bottom:30px}.back-link-error{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;color:#fff;display:inline-block;font-weight:600;padding:12px 24px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.back-link-error:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.hero-badge{background:linear-gradient(135deg,#667eea33,#a855f726);border:1px solid #667eea4d;border-radius:20px;color:#a6b4d9;display:inline-block;font-size:.85rem;font-weight:700;letter-spacing:.5px;margin-bottom:1rem;padding:8px 16px;text-transform:uppercase}.hero-content-details{position:relative;z-index:2}.hero-contract-id{color:#a6b4d9;font-size:.95rem;font-weight:500;margin:10px 0 0}.back-button-hero{align-items:center;background:linear-gradient(135deg,#667eea26,#a855f71a);border:1px solid #667eea4d;border-radius:8px;color:#a6b4d9;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;left:30px;padding:10px 16px;position:absolute;top:20px;transition:all .3s ease}.back-button-hero:hover{background:linear-gradient(135deg,#667eea40,#a855f726);border-color:#667eea80;color:#e1e8f0;transform:translateX(-2px)}.details-right-column{gap:30px}.details-left-column,.details-right-column{display:flex;flex-direction:column}.details-hero{background:linear-gradient(135deg,#667eea26,#a855f71a);border-bottom:1px solid #667eea33;color:#fff;overflow:hidden;padding:60px 30px 30px;position:relative;text-align:center}.details-hero:before{background:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="20" cy="20" r="8" opacity=".1"/><circle cx="80" cy="80" r="8" opacity=".1"/></svg>');bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.details-hero-content{position:relative;z-index:2}.hero-title-details{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;letter-spacing:-1px;margin:0 0 10px}.hero-subtitle-details{color:#a6b4d9;font-size:1.2rem;font-weight:500;margin:0;opacity:.95}.details-content-wrapper{margin:-30px auto 0;max-width:1400px;padding:0 30px;position:relative;z-index:10}.details-layout{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 450px}.info-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#667eea14,#a855f70d);border:1px solid #667eea33;border-radius:20px;box-shadow:0 20px 60px #0000004d;margin-bottom:25px;padding:30px}.card-header-icon{align-items:center;border-bottom:2px solid #667eea26;display:flex;gap:12px;margin-bottom:25px;padding-bottom:20px}.header-icon{color:#667eea;font-size:2rem}.card-header-icon h2{color:#e1e8f0;font-size:1.5rem;font-weight:700;margin:0}.overview-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.overview-item{background:linear-gradient(135deg,#667eea1a,#a855f714);border:1px solid #667eea33;border-radius:12px;padding:15px}.item-label{color:#8b94a8;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.item-value{color:#e1e8f0;font-size:1.1rem;font-weight:600}.financial-breakdown{display:flex;flex-direction:column;gap:15px}.breakdown-item{align-items:center;background:linear-gradient(135deg,#667eea1a,#a855f714);border-radius:12px;display:flex;justify-content:space-between;padding:15px}.breakdown-item.total{background:linear-gradient(135deg,#667eea26,#764ba21f);border:2px solid #667eea66;padding:20px}.breakdown-label{color:#a6b4d9;font-size:.95rem;font-weight:600}.breakdown-value{color:#e1e8f0;font-size:1.4rem;font-weight:700}.breakdown-value.freelancer{color:#06b6d4}.breakdown-value.commission{color:#f59e0b}.breakdown-divider{background:linear-gradient(90deg,#0000,#667eea33,#0000);height:1px;margin:10px 0}.status-dashboard{display:flex;flex-direction:column;gap:0}.status-item{align-items:center;background:linear-gradient(135deg,#667eea14,#a855f70d);border:2px solid #667eea26;border-radius:12px;display:flex;gap:20px;padding:20px;transition:all .3s ease}.status-item.completed{background:linear-gradient(135deg,#06b6d41a,#06b6d414);border-color:#06b6d44d}.status-item.in-progress{background:linear-gradient(135deg,#3b82f61a,#3b82f614);border-color:#3b82f64d}.status-item.rejected{background:linear-gradient(135deg,#ef44441a,#ef444414);border-color:#ef44444d}.status-icon-wrapper{align-items:center;background:linear-gradient(135deg,#667eea33,#a855f726);border:1px solid #667eea4d;border-radius:50%;box-shadow:0 4px 10px #0003;display:flex;font-size:2.5rem;height:60px;justify-content:center;width:60px}.status-info{flex:1 1}.status-title{color:#e1e8f0;font-size:1.1rem;font-weight:700;margin-bottom:5px}.status-subtitle{color:#a6b4d9;font-size:.95rem;font-weight:500}.status-connector{background:linear-gradient(180deg,#667eea33,#0000);height:30px;margin:5px 0 5px 50px;width:2px}.timeline-modern{display:flex;flex-direction:column;gap:0}.timeline-event{border-left:3px solid #667eea33;display:flex;gap:20px;padding:20px 0 20px 30px;position:relative}.timeline-event.completed-event{border-left-color:#06b6d480}.event-marker{background:#0f0f1e;border:3px solid #667eea;border-radius:50%;box-shadow:0 0 0 4px #667eea33;height:14px;left:-8px;position:absolute;top:25px;width:14px}.completed-event .event-marker{border-color:#06b6d4;box-shadow:0 0 0 4px #06b6d433}.event-title{color:#e1e8f0;font-size:1.05rem;font-weight:600;margin-bottom:5px}.event-date{color:#8b94a8;font-size:.9rem}.work-details-grid{display:flex;flex-direction:column;gap:20px}.work-detail-section{background:linear-gradient(135deg,#667eea14,#a855f70d);border:1px solid #667eea33;border-radius:12px;padding:20px}.work-detail-label{color:#667eea;font-size:.9rem;font-weight:700;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.work-detail-content{color:#e1e8f0;font-size:1rem;line-height:1.6;white-space:pre-wrap}.attachment-link-modern{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;color:#fff;display:inline-flex;font-weight:600;gap:10px;padding:12px 20px;text-decoration:none;transition:all .3s ease}.attachment-link-modern:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.action-card,.status-card-action{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#667eea14,#a855f70d);border:2px solid #0000;border-radius:20px;box-shadow:0 20px 60px #0000004d;margin-bottom:25px;padding:30px}.payment-action{border-color:#667eea66}.work-action{border-color:#06b6d44d}.release-action{border-color:#f59e0b4d}.action-card-header{border-bottom:2px solid #667eea26;margin-bottom:20px;padding-bottom:20px}.action-step{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;display:inline-block;font-size:.85rem;font-weight:700;margin-bottom:12px;padding:5px 15px}.action-card-header h3{color:#e1e8f0;font-size:1.4rem;font-weight:700;margin:0}.action-description{color:#a6b4d9;font-size:1rem;margin:0 0 20px}.status-card-action{padding:40px 30px;text-align:center}.status-icon-large{font-size:4rem;margin-bottom:20px}.status-card-action h3{color:#e1e8f0;font-size:1.5rem;font-weight:700;margin:0 0 15px}.status-card-action p{color:#a6b4d9;font-size:1.05rem;line-height:1.6;margin:0}.waiting-card{background:linear-gradient(135deg,#3b82f61a,#3b82f614);border-color:#3b82f64d}.review-card{background:linear-gradient(135deg,#f59e0b1a,#f59e0b14);border-color:#f59e0b4d}.completed-card{background:linear-gradient(135deg,#06b6d41a,#06b6d414);border-color:#06b6d44d}.rejected-card{background:linear-gradient(135deg,#ef44441a,#ef444414);border-color:#ef44444d}.completion-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-top:25px}.completion-stat{background:linear-gradient(135deg,#667eea1a,#a855f714);border:1px solid #667eea33;border-radius:12px;box-shadow:0 4px 15px #0003;padding:20px}.stat-label{font-size:.9rem;margin-bottom:8px}.stat-amount{color:#06b6d4;font-size:1.6rem;font-weight:700}.stat-date{color:#e1e8f0;font-size:1.1rem;font-weight:600}.action-btn-modern{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.05rem;font-weight:600;margin-top:20px;padding:14px 28px;transition:all .3s ease}.action-btn-modern:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.dispute-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#667eea14,#a855f70d);border:2px solid #667eea33;border-radius:20px;box-shadow:0 20px 60px #0000004d;padding:25px}.dispute-btn-modern{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1.05rem;font-weight:600;gap:10px;justify-content:center;padding:16px;transition:all .3s ease;width:100%}.dispute-btn-modern:hover{box-shadow:0 6px 20px #ef444466;transform:translateY(-2px)}.back-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.back-button:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}@media (max-width:1200px){.details-layout{grid-template-columns:1fr}.details-right-column{order:-1}}@media (max-width:768px){.details-hero{padding:30px 20px 50px}.hero-title-details{font-size:1.8rem}.details-content-wrapper{padding:0 20px}.completion-stats,.overview-grid{grid-template-columns:1fr}.action-card,.info-card,.status-card-action{padding:20px}}.freelancer-profile-view-page{background:linear-gradient(135deg,#0a0e27,#0f0f1e 50%,#1a1a2e);min-height:100vh;padding:2rem 1rem}.error-state,.loading-state{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:400px;text-align:center}.error-state p{font-size:1.2rem;margin-bottom:1.5rem}.btn-back{background:#ffffffe6;border:none;border-radius:6px;color:#333;cursor:pointer;font-weight:600;margin-top:1rem;padding:.6rem 1.2rem;transition:all .3s ease}.btn-back:hover{background:#fff;transform:translateY(-2px)}.profile-header{align-items:center;display:flex;gap:1.5rem;margin-bottom:2rem}.profile-header .back-btn{background:#fff3;border:1px solid #ffffff80;color:#fff;font-size:.9rem;padding:.5rem 1rem}.profile-header .back-btn:hover{background:#ffffff4d}.profile-header h1{color:#fff;font-size:2rem;margin:0}.profile-container{margin:0 auto;max-width:900px}.profile-main{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#667eea1a,#a855f714);border:1px solid #667eea33;border-radius:15px;box-shadow:0 10px 40px #0000004d;overflow:hidden}.profile-cover{background:linear-gradient(135deg,#667eea,#764ba2);height:200px;position:relative}.cover-image{height:100%;width:100%}.profile-info{margin-top:-50px;padding:2rem;position:relative}.avatar-section{display:flex;justify-content:center;margin-bottom:1.5rem}.avatar{object-fit:cover}.avatar,.avatar-placeholder{border:5px solid #fff;border-radius:50%;box-shadow:0 4px 15px #00000026;height:120px;width:120px}.avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:2.5rem;font-weight:700;justify-content:center}.name-section{margin-bottom:2rem;text-align:center}.name-section h2{color:#e1e8f0;font-size:2rem;margin:0 0 .5rem}.name-section .email,.name-section .phone{color:#8b94a8;font-size:.95rem;margin:.3rem 0}.profile-stats{grid-gap:1.5rem;border-bottom:1px solid #667eea33;border-top:1px solid #667eea33;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:2rem;padding:2rem 0;text-align:center}.stat{align-items:center;display:flex;flex-direction:column}.stat-value{font-size:1.5rem}.profile-section{border-bottom:1px solid #667eea33;padding:2rem}.profile-section:last-child{border-bottom:none}.profile-section h3{align-items:center;color:#e1e8f0;display:flex;font-size:1.3rem;gap:.5rem;margin:0 0 1.5rem}.section-content{color:#8b94a8;line-height:1.7}.bio{word-wrap:break-word;color:#e1e8f0;font-size:.95rem;line-height:1.8;margin:0;white-space:pre-wrap}.empty-message{color:#8b94a8;font-style:italic;margin:0}.skills-container{display:flex;flex-wrap:wrap;gap:.75rem}.skill-badge{padding:.5rem 1rem}.expertise-container{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.expertise-item{background:#667eea1a;border-left:4px solid #667eea;border-radius:8px;padding:1rem;transition:all .3s ease}.expertise-item:hover{background:#667eea26;transform:translateX(4px)}.expertise-name{color:#e1e8f0;font-weight:600}.portfolio-container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.portfolio-card{background:#667eea1a;border:1px solid #667eea33;border-radius:10px;overflow:hidden;transition:all .3s ease}.portfolio-card:hover{box-shadow:0 8px 20px #667eea33;transform:translateY(-4px)}.portfolio-image{background:#f0f0f0;height:180px;overflow:hidden;width:100%}.portfolio-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.portfolio-card:hover .portfolio-image img{transform:scale(1.05)}.portfolio-info{padding:1rem}.portfolio-info h4{color:#e1e8f0;font-size:1rem;margin:0 0 .5rem}.portfolio-info p{color:#8b94a8;font-size:.85rem;line-height:1.5;margin:.5rem 0}.portfolio-link{color:#667eea;display:inline-block;font-size:.9rem;font-weight:600;margin-top:.5rem;text-decoration:none;transition:all .3s ease}.portfolio-link:hover{color:#764ba2}.certifications-container{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.certification-card{background:#10b9811a;border-left:4px solid #10b981;border-radius:8px;padding:1rem}.cert-header{align-items:start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.5rem}.cert-header h4{color:#e1e8f0;font-size:.95rem;margin:0}.cert-date{background:#10b98133;border-radius:4px;color:#a6b4d9;font-size:.8rem;font-weight:600;padding:.3rem .6rem;white-space:nowrap}.cert-org{color:#8b94a8;font-size:.85rem;margin:.3rem 0}.cert-link{color:#10b981;display:inline-block;font-size:.85rem;font-weight:600;margin-top:.5rem;text-decoration:none}.cert-link:hover{text-decoration:underline}.experience-container{display:flex;flex-direction:column;gap:1.5rem}.experience-card{background:#f59e0b1a;border-left:4px solid #f59e0b;border-radius:8px;padding:1rem}.exp-level-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;display:inline-block;font-size:1rem;font-weight:600;padding:.6rem 1.2rem;text-transform:capitalize}.exp-header{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.5rem}.exp-header h4{color:#e1e8f0;font-size:1rem;margin:0}.exp-period{background:#f59e0b33;border-radius:4px;color:#a6b4d9;font-size:.8rem;font-weight:600;padding:.3rem .6rem;white-space:nowrap}.exp-company{color:#8b94a8;font-size:.9rem;font-weight:600;margin:0}.exp-description{color:#8b94a8;font-size:.85rem;line-height:1.5;margin:.5rem 0 0}.pricing-info{grid-gap:1rem;background:#667eea1a;border:1px solid #667eea33;border-radius:8px;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:1rem}.price-item{display:flex;flex-direction:column}.price-label{color:#8b94a8;font-size:.85rem;font-weight:600;margin-bottom:.3rem}.price-value{color:#667eea;font-size:1.3rem;font-weight:700}.details-grid{grid-gap:1rem;background:#667eea1a;border:1px solid #667eea33;border-radius:8px;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:1rem}.detail-label{color:#8b94a8;font-size:.85rem;font-weight:600;margin-bottom:.3rem}.detail-value{color:#e1e8f0;font-size:.95rem}@media (max-width:768px){.freelancer-profile-view-page{padding:1rem .5rem}.profile-header{align-items:flex-start;flex-direction:column;gap:1rem;margin-bottom:1rem}.profile-header h1{font-size:1.5rem}.profile-info{padding:1.5rem 1rem}.name-section h2{font-size:1.5rem}.profile-stats{gap:1rem;grid-template-columns:repeat(3,1fr);padding:1rem 0}.profile-section{padding:1.5rem 1rem}.certifications-container,.details-grid,.expertise-container,.portfolio-container,.pricing-info{grid-template-columns:1fr}.exp-header{align-items:flex-start;flex-direction:column}}@media (max-width:480px){.profile-header .back-btn{text-align:center;width:100%}.profile-info{margin-top:-40px;padding:1rem}.avatar,.avatar-placeholder{height:100px;width:100px}.avatar-placeholder{font-size:2rem}.name-section h2{font-size:1.2rem}.profile-stats{grid-template-columns:1fr}.stat-value{font-size:1.2rem}.profile-section{padding:1rem}.profile-section h3{font-size:1.1rem}}.freelancer-profile-container{background:linear-gradient(135deg,#0a0e27,#0f0f1e 50%,#1a1a2e);color:#e1e8f0;min-height:100vh;padding:2rem}.freelancer-profile-container.loading{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center}.loader-spinner{border:4px solid #ffffff4d;border-top-color:#fff;margin-bottom:1rem}.profile-header{animation:slideInDown .6s ease;color:#fff;margin-bottom:3rem;text-align:center}.profile-header h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;text-shadow:2px 2px 4px #0003}.profile-header p{font-size:1.1rem;opacity:.95}.profile-content{margin:0 auto;max-width:1000px}.no-profile{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#667eea1a,#a855f714);border:1px solid #667eea33;border-radius:12px;box-shadow:0 4px 15px #0000004d;padding:3rem;text-align:center}.no-profile .icon{font-size:3rem;margin-bottom:1rem}.no-profile h3{color:#e1e8f0;font-size:1.5rem;margin:0 0 .5rem}.no-profile p{color:#8b94a8;margin-bottom:2rem}.primary-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s}.primary-btn:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.certifications-card,.portfolio-card,.profile-card{animation:fadeIn .6s ease;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#667eea1a,#a855f714);border:1px solid #667eea33;border-radius:12px;box-shadow:0 4px 15px #0000004d;margin-bottom:2rem;padding:2rem}.card-header{align-items:center;border-bottom:1px solid #667eea33;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.card-header h2{color:#e1e8f0;font-size:1.3rem;margin:0}.edit-btn{background:#667eea33;border:1px solid #667eea4d;border-radius:6px;color:#667eea;cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:all .3s}.edit-btn:hover{background:#667eea4d;border-color:#667eea66}.edit-form{gap:1.5rem}.edit-form,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{color:#e1e8f0;font-weight:600}.form-group input,.form-group select,.form-group textarea{background:#0f0f1e80;border:1px solid #667eea33;border-radius:6px;color:#e1e8f0;font-family:inherit;font-size:.95rem;padding:.75rem;transition:all .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#0f0f1ecc;border-color:#667eea;box-shadow:0 0 0 3px #667eea33;outline:none}.form-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.skills-section{display:flex;flex-direction:column;gap:1rem}.skills-section h4{color:#333;margin:0}.skill-input{display:flex;gap:.5rem}.skill-input input{background:#0f0f1e80;border:1px solid #667eea33;border-radius:6px;color:#e1e8f0;flex:1 1;padding:.75rem}.skill-input button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem}.skills-list{display:flex;flex-wrap:wrap;gap:.75rem}.skill-tag{align-items:center;background:#667eea33;border-radius:20px;color:#a6b4d9;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem .75rem}.skill-tag button{background:none;border:none;color:#8b94a8;cursor:pointer;font-size:1.2rem;padding:0}.form-actions{display:flex;gap:1rem}.cancel-btn,.save-btn{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-weight:600;padding:.75rem;transition:all .3s}.save-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.save-btn:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.cancel-btn{background:#667eea1a;border:1px solid #667eea33;color:#a6b4d9}.profile-view{display:flex;flex-direction:column;gap:2rem}.info-item{gap:.5rem}.info-item .label{color:#8b94a8;font-size:.9rem;font-weight:600}.info-item p{color:#e1e8f0;font-size:1rem;margin:0}.info-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.capitalize{text-transform:capitalize}.skills-display{display:flex;flex-direction:column;gap:1rem}.skills-display h4{color:#e1e8f0;margin:0}.skill-badge{background:#667eea33;display:inline-block;font-size:.9rem;font-weight:500;padding:.5rem .75rem;width:-webkit-fit-content;width:fit-content}.skill-badge.expertise-badge{background:#f9731626;border:1px solid #f973164d;color:#f97316}.stats-section{grid-gap:1rem;background:linear-gradient(135deg,#667eea1a,#a855f714);border:1px solid #667eea33;border-radius:8px;gap:1rem;grid-template-columns:repeat(3,1fr);padding:1.5rem}.stat-value{color:#667eea;font-size:1.8rem;margin-bottom:.5rem}.stat-label{font-size:.85rem;font-weight:600}.certifications-card h2,.portfolio-card h2{color:#e1e8f0;font-size:1.3rem;margin:0 0 1.5rem}.empty{color:#8b94a8;padding:2rem;text-align:center}.portfolio-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.portfolio-item{background:#667eea1a;border-left:4px solid #667eea;border-radius:8px;padding:1.5rem}.portfolio-item h4{color:#e1e8f0;margin:0 0 .5rem}.portfolio-item p{color:#8b94a8;font-size:.9rem;line-height:1.5;margin:0 0 1rem}.portfolio-item a{color:#667eea;font-weight:600;text-decoration:none;transition:all .3s}.portfolio-item a:hover{transform:translateX(3px)}.certifications-list{display:flex;flex-direction:column;gap:1rem}.cert-item{background:#10b9811a;border-left:4px solid #10b981;border-radius:8px;padding:1.5rem}.cert-item h4{color:#e1e8f0;margin:0 0 .5rem}.cert-item p{color:#8b94a8;font-size:.95rem;margin:0}.cert-item small{color:#8b94a8;display:block;font-size:.85rem;margin-top:.5rem}@media (max-width:768px){.freelancer-profile-container{padding:1rem}.profile-header h1{font-size:1.8rem}.certifications-card,.portfolio-card,.profile-card{padding:1.5rem}.form-row,.portfolio-grid,.stats-section{grid-template-columns:1fr}.form-actions{flex-direction:column}}.disputes-container{background:linear-gradient(135deg,#667eea,#764ba2);color:#333;min-height:100vh;padding:2rem}.disputes-header{animation:slideInDown .6s ease;color:#fff;margin-bottom:2rem;text-align:center}.disputes-header h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;text-shadow:2px 2px 4px #0003}.disputes-header p{font-size:1.1rem;opacity:.95}.disputes-filters{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem}.filter-btn{background:#fff;border:2px solid #0000;border-radius:25px;color:#667eea;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s}.filter-btn:hover{background:#ffffffe6}.filter-btn.active{background:#667eea;border-color:#667eea;color:#fff}.disputes-content{margin:0 auto;max-width:1000px}.loading-state{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;padding:3rem}.loader-spinner{animation:spin 1s linear infinite;border:4px solid #f0f0f0;border-top-color:#667eea;height:50px;margin:0 auto 1rem;width:50px}.empty-state{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;padding:3rem}.empty-icon{font-size:3rem;margin-bottom:1rem}.empty-state h3{color:#333;font-size:1.3rem;margin:0 0 .5rem}.empty-state p{color:#999}.disputes-list{animation:fadeIn .6s ease;display:flex;flex-direction:column;gap:1.5rem}.dispute-card{background:#fff;border-left:4px solid #f5576c;border-radius:12px;box-shadow:0 4px 15px #0000001a;padding:2rem;transition:all .3s}.dispute-card:hover{box-shadow:0 8px 25px #00000026;transform:translateX(5px)}.dispute-header{align-items:flex-start;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.dispute-header h3{color:#333;font-size:1.2rem;margin:0 0 .25rem}.dispute-job{color:#999;font-size:.9rem;margin:0}.dispute-status{border-radius:20px;color:#fff;display:inline-block;font-size:.85rem;font-weight:600;padding:.5rem 1rem;text-transform:uppercase}.dispute-issue{margin-bottom:1.5rem}.dispute-issue h4{color:#333;font-weight:600;margin:0 0 .75rem}.dispute-issue p{background:#f5f5f5;border-radius:8px;color:#666;line-height:1.6;margin:0;padding:1rem}.dispute-details{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-item .label{color:#999;font-size:.85rem;font-weight:600}.detail-item .value{color:#333;font-size:1rem;font-weight:600}.dispute-response{background:#f5f5f5;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.dispute-response h4{color:#333;font-weight:600;margin:0 0 1rem}.dispute-response textarea{border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:.95rem;margin-bottom:1rem;min-height:100px;padding:1rem;resize:vertical;width:100%}.dispute-response textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.submit-response-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s}.submit-response-btn:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.resolution-box{background:#e8f5e9;border-left:4px solid #10b981;border-radius:8px;padding:1.5rem}.resolution-box h4{color:#2e7d32;font-weight:600;margin:0 0 1rem}.resolution-box p{color:#555;margin:.5rem 0}.resolution-box strong{color:#1b5e20}@media (max-width:768px){.disputes-container{padding:1rem}.disputes-header h1{font-size:1.8rem}.disputes-filters{gap:.5rem}.filter-btn{font-size:.9rem;padding:.5rem 1rem}.dispute-card{padding:1.5rem}.dispute-header{flex-direction:column;gap:1rem}.dispute-details{grid-template-columns:1fr}.dispute-response{padding:1rem}.resolution-box{margin-top:1rem}}.browse-talent-container{background:linear-gradient(135deg,#0a0e27,#0f0f1e 50%,#1a1a2e);color:#e1e8f0;min-height:100vh}.talent-header{background:linear-gradient(135deg,#667eea26,#a855f71a);border-bottom:1px solid #667eea33;overflow:hidden;padding:5rem 2rem;position:relative;text-align:center}.talent-header:before{background:radial-gradient(circle,#667eea1a 0,#0000 70%);border-radius:50%;content:"";height:600px;pointer-events:none;position:absolute;right:-10%;top:-50%;width:600px}.talent-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2 30%,#06b6d4);-webkit-background-clip:text;background-clip:text;font-size:3.2rem;font-weight:800;letter-spacing:-.5px;margin:0 0 1rem;position:relative}.talent-header p{color:#a6b4d9;font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:600px;position:relative}.talent-content{margin:0 auto;max-width:1800px;padding:3rem 2rem}.talent-filters{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#667eea14,#a855f70d);border:1px solid #667eea33;border-radius:20px;box-shadow:0 10px 40px #0003;margin-bottom:4rem;padding:2.5rem}.talent-filters h3{display:none}.talent-filters>div{grid-gap:2rem;align-items:end;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.filter-group{display:flex;flex-direction:column}.filter-group label{color:#e1e8f0;display:block;font-size:.95rem;font-weight:700;letter-spacing:.3px;margin-bottom:.8rem;opacity:.9;text-transform:uppercase}.filter-group.checkbox{flex-direction:row;flex-wrap:wrap;gap:1rem}.filter-group.checkbox label{align-items:center;display:flex;font-weight:500;gap:.7rem;margin:0;opacity:1;text-transform:none}.filter-group input[type=checkbox]{accent-color:#667eea;border-radius:4px;cursor:pointer;height:20px;width:20px}.filter-input,.filter-select{background:#0f0f1e80;border:1.5px solid #667eea40;border-radius:12px;color:#e1e8f0;font-family:inherit;font-size:.95rem;padding:1rem;transition:all .35s cubic-bezier(.4,0,.2,1);width:100%}.filter-input::placeholder{color:#8b94a8}.filter-input:focus,.filter-select:focus{background:#0f0f1ecc;border-color:#667eea;box-shadow:0 0 0 5px #667eea26;outline:none;transform:translateY(-2px)}.reset-filters-btn{background:linear-gradient(135deg,#667eea26,#a855f71a);border:1px solid #667eea4d;border-radius:12px;color:#a6b4d9;cursor:pointer;font-size:.95rem;font-weight:700;letter-spacing:.5px;padding:1rem;text-transform:uppercase;transition:all .35s cubic-bezier(.4,0,.2,1);width:100%}.reset-filters-btn:hover{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;box-shadow:0 8px 25px #667eea4d;color:#fff;transform:translateY(-2px)}.talent-list-section{animation:fadeIn .6s ease-out}.loading-state{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#667eea1a,#a855f714);border:1px solid #667eea33;border-radius:16px;box-shadow:0 8px 32px #0003;grid-column:1/-1;padding:4rem 2rem;text-align:center}.loader-spinner{animation:spin 1.2s linear infinite;border-color:#667eea #764ba2 #667eea33 #667eea33;border-radius:50%;border-style:solid;border-width:4px;height:60px;margin:0 auto 2rem;width:60px}@keyframes spin{to{transform:rotate(1turn)}}.loading-state p{color:#a6b4d9;font-size:1.1rem;margin:0}.empty-state{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#667eea1a,#a855f714);border:1px solid #667eea33;border-radius:16px;box-shadow:0 8px 32px #0003;grid-column:1/-1;padding:4rem 2rem;text-align:center}.empty-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.7}.empty-state h3{color:#e1e8f0;font-size:1.6rem;font-weight:700;margin:0 0 .75rem}.empty-state p{color:#8b94a8;font-size:1rem;line-height:1.6;margin:0}.talent-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));margin-bottom:4rem}.talent-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#667eea14,#a855f70d);border:1px solid #667eea33;border-radius:18px;box-shadow:0 10px 35px #00000026;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.talent-card:before{background:linear-gradient(90deg,#667eea,#764ba2 50%,#06b6d4);content:"";height:5px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .4s ease;z-index:1}.talent-card:hover:before{transform:scaleX(1)}.talent-card:hover{background:linear-gradient(135deg,#667eea1f,#a855f714);border-color:#667eea66;box-shadow:0 20px 50px #667eea40;transform:translateY(-12px)}.talent-card>*{position:relative;z-index:0}.talent-header-card{align-items:flex-start;border-bottom:1px solid #667eea26;display:flex;gap:1.5rem;padding:2rem}.talent-avatar{flex-shrink:0;position:relative}.talent-avatar img{border:2px solid #667eea4d;border-radius:14px;box-shadow:0 8px 20px #667eea33;height:85px;object-fit:cover;transition:all .3s;width:85px}.talent-card:hover .talent-avatar img{border-color:#667eea80;box-shadow:0 10px 25px #667eea4d}.verified-badge{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:3px solid #0f0f1ee6;border-radius:50%;bottom:-5px;box-shadow:0 4px 12px #10b9814d;color:#fff;display:flex;font-size:.8rem;font-weight:800;height:28px;justify-content:center;position:absolute;right:-5px;width:28px}.talent-info{flex:1 1}.talent-info h3{color:#e1e8f0;font-size:1.35rem;font-weight:800;letter-spacing:-.3px;line-height:1.3;margin:0 0 .4rem}.talent-title{color:#a6b4d9;font-size:.95rem;font-weight:600;letter-spacing:.2px;margin:0 0 .75rem;text-transform:capitalize}.talent-rating{align-items:center;display:flex;font-size:.9rem;gap:.75rem}.talent-rating-stars{color:#fbbf24;font-size:1rem;font-weight:700}.talent-rating-count{color:#8b94a8;font-weight:500}.talent-bio{flex-grow:1;padding:1.5rem 2rem}.talent-bio p{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;color:#a6b4d9;display:-webkit-box;font-size:.95rem;line-height:1.6;margin:0;overflow:hidden}.talent-skills{display:flex;flex-wrap:wrap;gap:.7rem;padding:0 2rem}.skill-badge{align-items:center;background:linear-gradient(135deg,#667eea26,#a855f71a);border:1px solid #667eea40;border-radius:20px;color:#a6b4d9;cursor:default;display:inline-flex;font-size:.85rem;font-weight:600;padding:.6rem 1rem;transition:all .3s;white-space:nowrap}.skill-badge:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.skill-badge.more,.skill-badge:hover{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}.skill-badge.more{font-size:.8rem;font-weight:700;padding:.6rem .9rem}.talent-stats{grid-gap:1rem;background:linear-gradient(135deg,#667eea1a,#a855f714);border:1px solid #667eea33;border-radius:12px;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin:1.5rem 2rem;padding:1.5rem}.stat{text-align:center}.stat-label{color:#8b94a8;display:block;font-size:.75rem;font-weight:700;letter-spacing:.3px;margin-bottom:.5rem}.stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;display:block;font-size:1.35rem;font-weight:800;margin:0}.talent-footer{border-top:1px solid #667eea26;padding:1.5rem 2rem}.success-rate{color:#10b981;display:block;font-size:.95rem;font-weight:700;margin-bottom:.75rem}.talent-pricing{background:linear-gradient(135deg,#667eea1a,#a855f714);border:1px solid #667eea26;border-radius:10px;margin-bottom:1.5rem;padding:1rem;text-align:center}.talent-hourly{align-items:baseline;display:flex;gap:.5rem;justify-content:center}.hourly-price{color:#22c55e;font-size:1.9rem;font-weight:800}.hourly-label{color:#8b94a8;font-size:.9rem;font-weight:600}.talent-actions{display:flex;gap:.75rem;padding:0 2rem 2rem}.contact-btn,.view-profile-btn{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:700;letter-spacing:.3px;padding:.9rem 1.2rem;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.view-profile-btn{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 6px 20px #667eea4d;color:#fff}.view-profile-btn:hover{box-shadow:0 10px 30px #667eea66;transform:translateY(-3px)}.view-profile-btn:active{transform:translateY(-1px)}.contact-btn{background:linear-gradient(135deg,#667eea26,#a855f71a);border:1px solid #667eea4d;color:#a6b4d9}.contact-btn:hover{background:linear-gradient(135deg,#667eea40,#a855f726);border-color:#667eea80;color:#e1e8f0;transform:translateY(-2px)}.contact-btn:active{transform:translateY(0)}.pagination{align-items:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#667eea14,#a855f70d);border:1px solid #667eea33;border-radius:18px;box-shadow:0 8px 32px #00000026;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;padding:2.5rem}.pagination-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 6px 20px #667eea4d;color:#fff;cursor:pointer;font-size:.95rem;font-weight:700;letter-spacing:.3px;padding:.85rem 1.8rem;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.pagination-btn:hover:not(:disabled){box-shadow:0 10px 30px #667eea66;transform:translateY(-3px)}.pagination-btn:active:not(:disabled){transform:translateY(-1px)}.pagination-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.pagination-info{color:#a6b4d9;font-size:.95rem;font-weight:700;letter-spacing:.2px}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@media (max-width:1400px){.talent-grid{gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.talent-header h1{font-size:2.5rem}}@media (max-width:1024px){.talent-content{padding:2.5rem 1.5rem}.talent-grid{gap:1.8rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.talent-filters>div{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.talent-header h1{font-size:2.2rem}.talent-card{border-radius:16px}}@media (max-width:768px){.browse-talent-container{padding:0}.talent-header{padding:3rem 1.5rem}.talent-header h1{font-size:1.9rem;margin-bottom:.75rem}.talent-header p{font-size:1rem}.talent-content{padding:2rem 1rem}.talent-filters{margin-bottom:2.5rem;padding:1.5rem}.talent-filters>div,.talent-grid{gap:1.5rem;grid-template-columns:1fr}.talent-grid{margin-bottom:2.5rem}.talent-header-card{gap:1rem;padding:1.5rem}.talent-avatar img{height:70px;width:70px}.talent-info h3{font-size:1.2rem}.talent-stats{gap:.75rem;grid-template-columns:repeat(3,1fr);margin:1rem 1.5rem;padding:1rem}.stat-value{font-size:1.1rem}.talent-actions{flex-direction:column;gap:.5rem;padding:0 1.5rem 1.5rem}.contact-btn,.view-profile-btn{padding:.8rem;width:100%}.pagination{gap:.75rem;padding:1.5rem}.pagination-btn{font-size:.85rem;padding:.75rem 1.2rem}}@media (max-width:480px){.talent-header h1{font-size:1.6rem}.talent-header p{font-size:.95rem}.talent-content{padding:1.5rem 1rem}.talent-grid{gap:1.2rem;margin-bottom:2rem}.talent-card{border-radius:14px}.talent-header-card{padding:1.25rem}.talent-avatar img{height:60px;width:60px}.talent-info h3{font-size:1.1rem}.talent-title{font-size:.85rem}.talent-bio p{font-size:.9rem}.talent-skills{padding:0 1.25rem}.skill-badge{font-size:.8rem;padding:.45rem .8rem}.talent-stats{gap:.5rem;margin:1rem 1.25rem;padding:.75rem}.stat-value{font-size:.95rem}.stat-label{font-size:.7rem}.talent-footer{padding:1rem 1.25rem}.hourly-price{font-size:1.6rem}.talent-actions{padding:0 1.25rem 1.25rem}.pagination{padding:1.25rem 1rem}.pagination-btn{font-size:.8rem;padding:.65rem 1rem}.pagination-info{font-size:.85rem}}.freelancing-hub-container{background:linear-gradient(135deg,#0f0f1e,#1a1a2e 50%,#16213e);min-height:100vh;padding:30px}.freelancing-hub-header{align-items:center;color:#fff;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:40px}.freelancing-hub-header .header-content{flex:1 1;min-width:300px;text-align:left}.freelancing-hub-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#ec4899);-webkit-background-clip:text;background-clip:text;font-size:2.5em;margin:0 0 10px}.freelancing-hub-header p{color:#fffc;font-size:1.1em;margin:0;opacity:.9}.switch-hub-btn{background:#fff3;border:2px solid #ffffff4d;color:#fff}.switch-hub-btn:hover{background:#ffffff4d;border-color:#fff}.stat-card{background:#6366f11a;box-shadow:0 4px 6px #0000004d;transition:transform .3s}.stat-card:hover{background:#6366f126}.stat-label{color:#fffc}.tab{background:#ffffff1a;border:2px solid #6366f14d;color:#fff;transition:all .3s}.tab:hover{background:#6366f133;border-color:#6366f1}.tab.active{background:linear-gradient(135deg,#6366f1,#764ba2);border-color:#6366f1}.menu-card{background:#6366f114;border:1px solid #6366f126;box-shadow:0 4px 6px #0003;color:#fff;transition:transform .3s,box-shadow .3s}.menu-card:hover{background:#6366f11f;box-shadow:0 8px 12px #0000004d}.menu-content h3{color:#fff}.menu-content p{color:#ffffffb3}.jobs-section,.pending-section{background:#fff;border-radius:10px;padding:30px;text-align:center}.jobs-section h2,.pending-section h2{color:#333;margin-top:0}.jobs-section p,.pending-section p{color:#666;font-size:1.05em;margin-bottom:20px}.browse-jobs-btn,.view-contracts-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;color:#fff;cursor:pointer;display:inline-block;font-size:1em;font-weight:600;padding:12px 30px;text-decoration:none;transition:transform .2s,opacity .2s}.browse-jobs-btn:hover,.view-contracts-btn:hover{opacity:.9;transform:scale(1.05)}.quick-actions{background:#fff;box-shadow:0 4px 6px #0000001a}.quick-actions h3{color:#333}.action-btn{background:#f0f0f0;border:none;color:#333;transition:all .3s}.action-btn:hover{background:#e0e0e0}.action-btn.primary:hover{opacity:.9}@media (max-width:768px){.freelancing-hub-container{padding:15px}.freelancing-hub-header{flex-direction:column;text-align:center}.freelancing-hub-header .header-content{text-align:center}.freelancing-hub-header h1{font-size:2em}.switch-hub-btn{width:100%}.stats-section{grid-template-columns:repeat(2,1fr)}.menu-grid{grid-template-columns:1fr}.tabs-section{flex-direction:column}.tab{width:100%}}@media (max-width:480px){.freelancing-hub-container{padding:10px}.freelancing-hub-header{flex-direction:column}.freelancing-hub-header h1{font-size:1.5em}.switch-hub-btn{font-size:.9rem;padding:10px 16px;width:100%}.stats-section{grid-template-columns:1fr}}.admin-freelancing-hub-container{background:linear-gradient(135deg,#0a0e27,#0f0f1e 50%,#1a1a2e);min-height:100vh;padding:30px}.admin-freelancing-hub-header{align-items:center;color:#e1e8f0;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:40px}.admin-freelancing-hub-header .header-content{flex:1 1;min-width:300px;text-align:left}.admin-freelancing-hub-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.5em;margin:0 0 10px}.admin-freelancing-hub-header p{color:#a6b4d9;font-size:1.1em;margin:0;opacity:.9}.switch-hub-btn{background:#667eea26;border:2px solid #667eea4d;border-radius:25px;color:#a6b4d9;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease;white-space:nowrap}.switch-hub-btn:hover{background:#667eea40;border-color:#667eea;color:#e1e8f0;transform:translateY(-2px)}.switch-hub-btn:active{transform:translateY(0)}.stats-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:40px}.stat-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#667eea14,#a855f70d);border:1px solid #667eea33;border-radius:10px;box-shadow:0 20px 60px #0000004d;padding:25px;text-align:center}.stat-card:hover{background:#667eea1f;transform:translateY(-5px)}.stat-value{color:#06b6d4;font-size:2.5em;margin-bottom:10px}.stat-label{color:#a6b4d9;font-size:.95em}.alert-section{margin-bottom:30px}.alert-card{align-items:center;background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:10px;box-shadow:0 20px 60px #0000004d;display:flex;gap:20px;padding:20px}.alert-card.warning{border-left:5px solid #f59e0b}.alert-icon{color:#f59e0b;font-size:2em;min-width:50px}.alert-content{flex:1 1}.alert-content h4{color:#e1e8f0;margin:0 0 5px}.alert-content p{color:#a6b4d9;margin:0}.alert-link{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:6px;color:#fff;font-weight:600;padding:8px 16px;text-decoration:none;transition:all .3s ease;white-space:nowrap}.alert-link:hover{box-shadow:0 4px 12px #f59e0b4d;transform:translateY(-2px)}.tabs-section{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:30px}.tab{background:#667eea14;border:2px solid #667eea4d;border-radius:25px;color:#a6b4d9;cursor:pointer;font-size:1em;font-weight:600;padding:12px 24px;transition:all .3s ease}.tab:hover{background:#667eea26;border-color:#667eea;color:#e1e8f0}.tab.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}.menu-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:40px}.menu-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#667eea14,#a855f70d);border:1px solid #667eea33;border-radius:10px;box-shadow:0 20px 60px #0000004d;color:#e1e8f0;padding:20px;text-decoration:none;transition:all .3s ease}.menu-card:hover{background:#667eea1f;box-shadow:0 30px 80px #0006;transform:translateY(-8px)}.menu-icon{font-size:2.5em;margin-bottom:15px}.menu-content h3{color:#e1e8f0;font-size:1.1em;margin:0 0 8px}.menu-content p{color:#a6b4d9;font-size:.9em;margin:0}.content-section{margin-bottom:40px}.contracts-section,.freelancers-section{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#667eea14,#a855f70d);border:1px solid #667eea33;border-radius:10px;box-shadow:0 20px 60px #0000004d;padding:30px}.contracts-section h2,.freelancers-section h2{color:#e1e8f0;margin-top:0}.section-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:20px}.section-card{background:linear-gradient(135deg,#667eea1a,#a855f714);border:1px solid #667eea33;border-radius:10px;box-shadow:0 20px 60px #0000004d;color:#e1e8f0;padding:20px;text-align:center;text-decoration:none;transition:all .3s ease}.section-card:hover{box-shadow:0 30px 80px #0006;transform:translateY(-5px)}.section-card.highlight{background:linear-gradient(135deg,#f59e0b26,#d977061a);border:2px solid #f59e0b}.section-card .card-icon{font-size:2.5em;margin-bottom:10px}.section-card h3{color:#e1e8f0;margin:10px 0 5px}.section-card p{color:#a6b4d9;font-size:.9em;margin:0}.quick-actions{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#667eea14,#a855f70d);border:1px solid #667eea33;border-radius:10px;box-shadow:0 20px 60px #0000004d;padding:30px}.quick-actions h3{color:#e1e8f0;font-size:1.3em;margin-top:0}.actions-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.action-btn{align-items:center;background:#667eea26;border:2px solid #667eea4d;border-radius:8px;color:#a6b4d9;cursor:pointer;display:flex;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;text-align:center;text-decoration:none;transition:all .3s ease}.action-btn:hover{background:#667eea40;border-color:#667eea;color:#e1e8f0}.action-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.action-btn.primary:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.pending-review-section{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#667eea14;border:1px solid #667eea33;border-radius:12px;box-shadow:0 20px 60px #0000004d;color:#e1e8f0;padding:30px}.pending-review-section h2{color:#f87171;font-size:1.8em;margin:0 0 30px}.pending-list{display:flex;flex-direction:column;gap:15px}.pending-card{background:#ef44441a;border:1px solid #ef44444d;border-radius:10px;padding:20px;transition:all .3s ease}.pending-card:hover{background:#ef444426;border-color:#ef444499;transform:translateX(5px)}.pending-header{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:15px}.pending-header h3{color:#e1e8f0;font-size:1.2em;margin:0}.pending-header p{color:#a6b4d9;font-size:.9em;margin:5px 0 0}.pending-amount{background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:8px;color:#fff;font-size:1.1em;font-weight:700;padding:10px 20px;white-space:nowrap}.pending-submitted{color:#f87171;font-size:.9em;margin-bottom:15px}.pending-actions{display:flex;gap:10px}.btn-view{background:linear-gradient(135deg,#06b6d4,#0891b2);border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-view:hover{box-shadow:0 4px 12px #06b6d44d;transform:translateY(-2px)}.alert-card.error{background:#ef444426;border-color:#f87171;color:#fecaca}.alert-card.error .alert-icon{color:#ef4444;font-size:1.5em}@media (max-width:768px){.admin-freelancing-hub-container{padding:15px}.admin-freelancing-hub-header{flex-direction:column;text-align:center}.admin-freelancing-hub-header .header-content{text-align:center}.admin-freelancing-hub-header h1{font-size:2em}.switch-hub-btn{width:100%}.stats-section{grid-template-columns:repeat(2,1fr)}.menu-grid{grid-template-columns:1fr}.tabs-section{flex-direction:column}.tab{width:100%}.alert-card{flex-direction:column;text-align:center}.alert-link{width:100%}}@media (max-width:480px){.admin-freelancing-hub-container{padding:10px}.admin-freelancing-hub-header{flex-direction:column}.admin-freelancing-hub-header h1{font-size:1.5em}.switch-hub-btn{font-size:.9rem;padding:10px 16px;width:100%}.stats-section{grid-template-columns:1fr}.alert-card{flex-direction:column;text-align:center}}.work-review-page{color:#fff;margin:0 auto;max-width:1200px;padding:30px 20px}.review-header{align-items:center;background:linear-gradient(135deg,#10b9811a,#3b82f61a);border:1px solid #10b98133;border-radius:12px;display:flex;gap:20px;justify-content:space-between;margin-bottom:40px;padding:20px}.review-header h1{flex:1 1;font-size:2em;margin:0}.back-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 20px;transition:all .3s ease}.back-btn:hover{background:#fff3;transform:translateX(-2px)}.status-indicator{display:flex;gap:10px}.status{border-radius:8px;font-size:.95em;font-weight:600;padding:8px 16px}.status.pending{background:#f1c40f33;border:1px solid #f1c40f80;color:#fcd34d}.status.approved{background:#10b98133;border:1px solid #10b98180;color:#86efac}.status.rejected{background:#ef444433;border:1px solid #ef444480;color:#fca5a5}.review-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1.5fr}.info-panel{display:flex;flex-direction:column;gap:20px}.info-section{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:25px}.info-section h3{color:#fca5a5;font-size:1.2em;margin:0 0 20px}.info-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr}.payment-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.payment-item{background:#6366f11a;border:1px solid #6366f14d;border-radius:8px;display:flex;flex-direction:column;gap:5px;padding:12px}.payment-item .label{color:#93c5fd;font-size:.85em;letter-spacing:.5px;opacity:.7;text-transform:uppercase}.payment-item .value{color:#fff;font-size:1.05em;font-weight:600;margin:0;word-break:break-all}.info-item{display:flex;flex-direction:column;gap:5px}.info-item .label{font-size:.85em;letter-spacing:.5px;opacity:.7;text-transform:uppercase}.info-item .value{font-size:1.05em;font-weight:600;margin:0}.info-item .value.highlight{color:#86efac}.timeline-compact{display:flex;flex-direction:column;gap:12px}.timeline-point{align-items:center;background:#ffffff08;border-left:3px solid #fca5a5;border-radius:8px;display:flex;justify-content:space-between;padding:10px}.timeline-point .point-label{font-weight:600;opacity:.8}.timeline-point .point-date{color:#fca5a5}.work-panel{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;grid-column:2;padding:25px}.work-panel h3{color:#fca5a5;font-size:1.3em;margin:0 0 25px}.work-section{border-bottom:1px solid #ffffff1a;margin-bottom:25px;padding-bottom:25px}.work-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.work-section h4{color:#e5e7eb;font-size:1.05em;margin:0 0 10px}.work-content{word-wrap:break-word;background:#0000004d;border-radius:8px;font-family:Courier New,monospace;font-size:.95em;line-height:1.6;padding:15px;white-space:pre-wrap}.attachment-link{background:#10b9811a;border-radius:6px;color:#10b981;display:inline-block;font-weight:600;padding:10px 16px;text-decoration:none;transition:all .3s ease}.attachment-link:hover{background:#10b98133;transform:translateX(2px)}.review-actions-panel{background:linear-gradient(135deg,#10b9811a,#3b82f61a);border:1px solid #10b9814d;border-radius:12px;grid-column:1/-1;padding:30px}.review-actions-panel h3{color:#fca5a5;font-size:1.3em;margin:0 0 25px}.notes-section{margin-bottom:25px}.notes-section label{display:block;font-weight:600;margin-bottom:10px;opacity:.9}.admin-notes{background:#ffffff0d;border:1px solid #fff3;border-radius:8px;color:#fff;font-family:Courier New,monospace;font-size:.95em;padding:15px;resize:vertical;transition:all .3s ease;width:100%}.admin-notes:focus{background:#ffffff14;border-color:#10b98180;box-shadow:0 0 10px #10b98133;outline:none}.action-buttons{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.btn-approve,.btn-reject{border:none;border-radius:8px;cursor:pointer;font-size:1em;font-weight:600;padding:14px 24px;text-align:center;transition:all .3s ease}.btn-approve{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-approve:hover:not(:disabled){box-shadow:0 6px 20px #10b9814d;transform:translateY(-2px)}.btn-reject{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-reject:hover:not(:disabled){box-shadow:0 6px 20px #ef44444d;transform:translateY(-2px)}.btn-approve:disabled,.btn-reject:disabled{cursor:not-allowed;opacity:.6}.status-message{border-radius:8px;margin-bottom:20px;padding:20px}.status-message p{font-size:1.05em;margin:0}.status-message.success{background:#10b9811a;border:1px solid #10b9814d;color:#86efac}.status-message.rejected{background:#ef44441a;border:1px solid #ef44444d;color:#fca5a5}.btn-back-full{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:14px;transition:all .3s ease;width:100%}.btn-back-full:hover{background:#ffffff26}.error-state,.loading-spinner{padding:60px 20px;text-align:center}.error-state p{font-size:1.1em;margin-bottom:20px}@media (max-width:1024px){.review-container{grid-template-columns:1fr}.work-panel{grid-column:1}.review-header{flex-direction:column;text-align:center}.review-header h1{flex:none}}@media (max-width:768px){.work-review-page{padding:20px 15px}.review-header{gap:10px;padding:15px}.review-header h1{font-size:1.5em}.info-section,.review-actions-panel,.work-panel{padding:20px}.action-buttons{grid-template-columns:1fr}.status-indicator{justify-content:center;width:100%}}.applicants-payment-container{background:linear-gradient(135deg,#0f0f1e,#1a1a2e 50%,#16213e);background-attachment:fixed;color:#fff;margin:0 auto;max-width:1400px;min-height:100vh;padding:30px 20px}.payment-header{background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid #667eea33;border-radius:16px;box-shadow:0 12px 40px #667eea4d;margin-bottom:30px;padding:30px}.payment-header h1{font-size:2.5em;font-weight:700;margin:0 0 10px}.payment-header p{font-size:1.1em;margin:0;opacity:.95}.payment-filters{-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}.filter-select,.search-input{background:#6366f11f;border:1px solid #6366f166;border-radius:8px;color:#ffffffe6;font-size:.95em;padding:12px 16px;transition:all .3s ease}.search-input{flex:1 1;min-width:250px}.search-input::placeholder{color:#fff6}.filter-select:focus,.search-input:focus{background:#6366f133;border-color:#6366f1;box-shadow:0 0 12px #6366f14d;outline:none}.filter-select option{background:#1a1a2e;color:#ffffffe6}.btn-refresh{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease;white-space:nowrap}.btn-refresh:hover{box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.payment-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-card{align-items:center;background:linear-gradient(135deg,#6366f126,#a855f71a);border:1px solid #6366f133;border-radius:12px;display:flex;gap:15px;padding:20px;transition:all .3s ease}.stat-card:hover{background:#6366f133;border-color:#6366f180;transform:translateY(-2px)}.stat-icon{align-items:center;display:flex;font-size:2.5em;justify-content:center}.stat-content{flex:1 1}.stat-label{font-size:.85em;letter-spacing:.5px;margin:0;opacity:.7;text-transform:uppercase}.stat-value{color:#6366f1;font-size:2em;font-weight:700;margin:5px 0 0}.payment-table-wrapper{-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;margin-bottom:20px;overflow:hidden}.payment-table{border-collapse:collapse;font-size:.9em;width:100%}.payment-table thead{background:linear-gradient(135deg,#6366f133,#a855f726);border-bottom:2px solid #6366f14d;position:-webkit-sticky;position:sticky;top:0}.payment-table th{border-bottom:1px solid #6366f133;color:#fffffff2;font-size:.8em;font-weight:700;letter-spacing:.5px;padding:18px;text-align:left;text-transform:uppercase}.payment-table td{border-bottom:1px solid #6366f11a;color:#ffffffd9;padding:16px 18px}.payment-table tbody tr{transition:all .3s ease}.payment-table tbody tr:hover{background:#6366f126}.payment-row.payment-method-upi{border-left:4px solid #3b82f6}.payment-row.payment-method-bank_transfer{border-left:4px solid #10b981}.payment-row.payment-method-not_provided{border-left:4px solid #6b7280;opacity:.8}.td-name{font-weight:600}.freelancer-info{display:flex;flex-direction:column;gap:5px}.freelancer-name{color:#fff;font-weight:600}.td-email{font-family:monospace}.td-email,.td-job{word-break:break-word}.td-job{max-width:150px}.td-amount{color:#86efac;font-weight:600}.method-badge{align-items:center;background:#6366f133;border:1px solid #6366f14d;border-radius:20px;display:inline-flex;font-size:.85em;font-weight:600;gap:6px;padding:6px 12px;white-space:nowrap}.td-payment-details{max-width:200px}.payment-detail{font-size:.85em;line-height:1.4}.detail-label{font-size:.75em;letter-spacing:.5px;margin:0;opacity:.7;text-transform:uppercase}.detail-value{color:#fff;font-family:monospace;font-weight:500;margin:2px 0;word-break:break-all}.not-provided{font-size:.9em;font-style:italic;opacity:.5}.email-link,.td-work-email{word-break:break-word}.email-link{color:#60a5fa;text-decoration:none;transition:all .3s ease}.email-link:hover{color:#93c5fd;text-decoration:underline}.td-date{white-space:nowrap}.td-status{text-align:center}.status-badge{border-radius:6px;display:inline-block;font-size:.75em;font-weight:700;padding:6px 12px;text-transform:uppercase;white-space:nowrap}.status-active{background:#10b98133;border:1px solid #10b9814d;color:#10b981}.status-pending{background:#f59e0b33;border:1px solid #f59e0b4d;color:#f59e0b}.status-completed{background:#3b82f633;border:1px solid #3b82f64d;color:#3b82f6}.status-cancelled{background:#ef444433;border:1px solid #ef44444d;color:#ef4444}.no-data{color:#ffffff80;padding:60px 20px;text-align:center}.no-data p{font-size:1.2em;margin:0}.loading{font-size:1.2em;padding:60px 20px}.loading,.payment-footer{color:#ffffff80;text-align:center}.payment-footer{font-size:.9em;padding:20px}@media (max-width:1200px){.payment-table{font-size:.85em}.payment-table td,.payment-table th{padding:12px 10px}.td-job{max-width:100px}.td-payment-details{font-size:.75em;max-width:120px}}@media (max-width:768px){.applicants-payment-container{padding:15px}.payment-header{padding:20px}.payment-header h1{font-size:1.8em}.payment-filters{flex-direction:column}.btn-refresh,.filter-select,.search-input{width:100%}.payment-stats{grid-template-columns:1fr 1fr}.payment-table{font-size:.75em}.payment-table td,.payment-table th{padding:8px 6px}.td-job,.td-payment-details{display:none}}@media (max-width:480px){.payment-stats{grid-template-columns:1fr}.payment-table{font-size:.7em}.td-email,.td-work-email{display:none}}.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}.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.b0d7ec88.css.map*/