body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-blue:#0d1282;--primary-green:#4caf50;--primary-red:#e53e3e;--primary-yellow:#ffc107;--light-blue:#e3f2fd;--light-green:#e8f5e8;--light-red:#ffebee;--light-yellow:#fff8e1;--white:#fff;--light-gray:#f8f9fa;--medium-gray:#6c757d;--dark-gray:#343a40;--gradient-primary:linear-gradient(135deg,var(--primary-blue),var(--primary-green));--gradient-secondary:linear-gradient(135deg,var(--primary-green),var(--primary-yellow));--gradient-accent:linear-gradient(135deg,var(--primary-red),var(--primary-yellow))}*{margin:0;padding:0}html{scroll-behavior:smooth}.landing-page{color:#343a40;color:var(--dark-gray);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;overflow-x:hidden;transition:all .5s ease-in-out}.page-transitioning{filter:blur(2px);opacity:0;transform:scale(.98)}.page-transitioning:before{animation:slideDown .5s ease-in-out;background:linear-gradient(135deg,#0d1282,#4caf50);background:linear-gradient(135deg,var(--primary-blue),var(--primary-green));content:"";height:100%;left:0;opacity:.9;position:fixed;top:0;width:100%;z-index:9999}.container{margin:0 auto;max-width:1200px;padding:0 20px}.landing-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;box-shadow:0 2px 20px #0000001a;left:0;position:fixed;right:0;top:0;z-index:1000}.nav-container{height:60px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.nav-container,.nav-logo{align-items:center;display:flex}.nav-logo{color:#0d1282;color:var(--primary-blue);font-size:20px;font-weight:700;gap:10px}.nav-logo img{height:28px;width:auto}.nav-links{align-items:center;display:flex;gap:24px}.nav-links a{color:#343a40;color:var(--dark-gray);font-weight:500;text-decoration:none;transition:color .3s ease}.nav-links a:hover{color:#0d1282;color:var(--primary-blue)}.nav-login{color:#4caf50!important;color:var(--primary-green)!important;font-weight:600;position:relative;transition:all .3s ease}.nav-login:hover{transform:translateY(-1px)}.page-transitioning .nav-login{animation:pulse .5s ease-in-out;color:#0d1282!important;color:var(--primary-blue)!important}.loading-spinner{border:2px solid #0000;border-top-color:#0d1282;border-top:2px solid var(--primary-blue);display:inline-block;height:12px;margin-right:8px;width:12px}.nav-signup{background:linear-gradient(135deg,#0d1282,#4caf50);background:var(--gradient-primary);border-radius:25px;color:#fff!important;font-weight:600;padding:10px 20px;transition:all .3s ease}.nav-signup:hover{box-shadow:0 5px 15px #0d12824d;transform:translateY(-2px)}.hero-section{align-items:center;background:linear-gradient(135deg,#e3f2fd,#fff8e1 50%,#e8f5e8);background:linear-gradient(135deg,var(--light-blue) 0,var(--light-yellow) 50%,var(--light-green) 100%);display:flex;min-height:100vh;padding:80px 0 50px}.hero-container{margin:0 auto;max-width:1200px;padding:0 20px}.hero-content{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1.5fr 1fr}.hero-text h1{color:#0d1282;color:var(--primary-blue);font-size:2.8rem;font-weight:800;line-height:1.1;margin-bottom:20px}.hero-subtitle{color:#6c757d;color:var(--medium-gray);font-size:2rem;font-weight:600}.highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4caf50,#ffc107);background:var(--gradient-secondary);-webkit-background-clip:text;background-clip:text}.hero-description{color:#666;font-size:1rem;line-height:1.7;margin-bottom:28px}.hero-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:28px}.stat-item{background:#fff;background:var(--white);border-left:3px solid #0d1282;border-left:3px solid var(--primary-blue);border-radius:15px;box-shadow:0 5px 20px #00000014;padding:16px}.stat-number{color:#e53e3e;color:var(--primary-red);font-size:1.6rem;font-weight:800;margin-bottom:5px}.stat-label{color:var(--medium-gray);font-size:.9rem}.hero-buttons{display:flex;gap:16px;margin-top:20px}.btn-primary,.btn-secondary{border-radius:24px;display:inline-block;font-size:1rem;font-weight:600;padding:12px 24px;text-decoration:none;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#0d1282,#4caf50);background:var(--gradient-primary)}.btn-primary:hover{box-shadow:0 8px 25px #0d12824d;transform:translateY(-3px)}.btn-secondary{background:#0000;border:2px solid #0d1282;border:2px solid var(--primary-blue);color:#0d1282;color:var(--primary-blue)}.btn-secondary:hover{background:#0d1282;background:var(--primary-blue);box-shadow:0 8px 25px #0d128233;color:#fff;transform:translateY(-3px)}.btn-primary.large,.btn-secondary.large{font-size:1.05rem;padding:16px 32px}.btn-tertiary{background:#fff8e1;background:var(--light-yellow);border:2px solid #ffc107;border:2px solid var(--primary-yellow);border-radius:24px;display:inline-block;font-size:1rem;font-weight:600;padding:12px 24px;text-decoration:none;transition:all .3s ease}.btn-tertiary,.btn-tertiary:hover{color:#0d1282;color:var(--primary-blue)}.btn-tertiary:hover{background:#ffc107;background:var(--primary-yellow);box-shadow:0 8px 25px #ffc1074d;transform:translateY(-3px)}.job-search-bar{background:#fff;background:var(--white);border:1px solid #0d12821a;border-radius:20px;box-shadow:0 10px 30px #0000001a;margin:30px 0;padding:20px}.search-input-group{display:flex;gap:10px;margin-bottom:15px}.job-search-input{border:1.5px solid #e9ecef;border-radius:12px;flex:2 1;font-size:1rem;padding:12px 16px;transition:border-color .3s ease}.job-search-input:focus{border-color:#0d1282;border-color:var(--primary-blue);outline:none}.location-select{background:#fff;border:1.5px solid #e9ecef;border-radius:12px;cursor:pointer;flex:1 1;font-size:1rem;padding:12px 16px}.search-btn{background:linear-gradient(135deg,#0d1282,#4caf50);background:var(--gradient-primary)}.search-btn:hover{box-shadow:0 5px 15px #0d12824d}.trending-searches{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.trending-searches span{color:#6c757d;color:var(--medium-gray);font-weight:500}.trending-searches a{background:#e3f2fd;background:var(--light-blue);border-radius:15px;color:#0d1282;color:var(--primary-blue);font-size:.9rem;padding:5px 12px;text-decoration:none;transition:all .3s ease}.trending-searches a:hover{background:#0d1282;background:var(--primary-blue);color:#fff}.hero-visual{margin-left:auto;margin-right:-40px;padding:20px;position:relative;width:80%}.hero-image-placeholder{background:linear-gradient(135deg,#0d1282,#4caf50);background:var(--gradient-primary);border-radius:25px;box-shadow:0 15px 35px #0d128233;height:420px;overflow:visible;padding:28px}.hero-image-placeholder,.service-tools{align-items:center;display:flex;justify-content:center;position:relative}.service-tools{height:100%;width:100%}.tool-icon{align-items:center;animation:toolFloat 4s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #ffffff4d;border-radius:50%;box-shadow:0 8px 20px #00000026;display:flex;font-size:2.4rem;height:64px;justify-content:center;position:absolute;width:64px}.tool-1{animation-delay:0s;left:50%;top:10%;transform:translateX(-50%)}.tool-2{animation-delay:.5s;right:15%;top:20%}.tool-3{animation-delay:1s;right:5%;top:45%}.tool-4{animation-delay:1.5s;bottom:20%;right:15%}.tool-5{animation-delay:2s;bottom:10%;left:50%;transform:translateX(-50%)}.tool-6{animation-delay:2.5s;bottom:20%;left:15%}.tool-7{animation-delay:3s;left:5%;top:45%}.tool-8{animation-delay:3.5s;left:15%;top:20%}.tool-9{animation-delay:4s;font-size:2rem;left:50%;top:50%;transform:translate(-50%,-50%)}.hero-text-overlay{bottom:30px;color:#fff;left:50%;position:absolute;text-align:center;transform:translateX(-50%);z-index:10}.hero-text-overlay h3{font-size:1.4rem;font-weight:700;margin-bottom:8px;text-shadow:0 2px 10px #0000004d}.hero-text-overlay p{font-size:.95rem;opacity:.9;text-shadow:0 2px 10px #0000004d}@keyframes toolFloat{0%,to{transform:translateY(0) scale(1)}33%{transform:translateY(-15px) scale(1.05)}66%{transform:translateY(-5px) scale(.98)}}.about-section{background:#fff;background:var(--white);padding:80px 0}.about-content{margin:0 auto;max-width:1000px}.about-story{margin-bottom:40px;text-align:center}.about-story h3{color:#0d1282;color:var(--primary-blue);font-size:1.6rem;font-weight:700;margin-bottom:14px}.about-story p{color:#6c757d;color:var(--medium-gray);font-size:1rem;line-height:1.8;margin:0 auto;max-width:800px}.about-values h3{color:#0d1282;color:var(--primary-blue);font-size:1.6rem;font-weight:700;margin-bottom:28px;text-align:center}.values-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.value-item{background:#e3f2fd;background:var(--light-blue);border-radius:15px;padding:24px 16px;text-align:center;transition:all .3s ease}.value-item:hover{box-shadow:0 10px 25px #0000001a;transform:translateY(-5px)}.value-icon{font-size:2rem;margin-bottom:15px}.value-item h4{color:#0d1282;color:var(--primary-blue);font-size:1.1rem;font-weight:600;margin-bottom:10px}.value-item p{color:#6c757d;color:var(--medium-gray);line-height:1.6}.mission-section{background:#0d1282;background:var(--primary-blue);color:#fff;padding:60px 0}.mission-content{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1fr}.mission-item h2{color:#ffc107;color:var(--primary-yellow);font-size:2rem;margin-bottom:20px}.mission-item p{font-size:1rem;line-height:1.8;opacity:.9}.section-header{margin-bottom:40px;text-align:center}.section-header h2{color:#1b5e20;font-size:2.2rem;font-weight:800;margin-bottom:15px}.section-header p{color:#666;font-size:1.05rem;margin:0 auto;max-width:600px}.services-section{background:#f8fffe;padding:80px 0}.services-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.service-card{background:var(--white);border:1px solid #f0f0f0;border-radius:20px;box-shadow:0 10px 30px #00000014;justify-content:space-between;min-height:280px;padding:24px 18px;text-align:center}.service-card:hover{border-color:#0d1282;border-color:var(--primary-blue);box-shadow:0 20px 40px #0000001f;transform:translateY(-10px)}.service-icon{display:block;font-size:2.4rem;margin-bottom:20px}.service-card h3{color:#0d1282;color:var(--primary-blue);font-size:1.2rem;font-weight:700;margin-bottom:12px}.service-card p{color:#6c757d;color:var(--medium-gray);flex-grow:1;font-size:.9rem;line-height:1.6;margin-bottom:16px}.service-tags{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;margin-top:auto}.service-tag{background:#fff8e1;background:var(--light-yellow);border:1px solid #0d12821a;border-radius:12px;color:#0d1282;color:var(--primary-blue);font-size:.75rem;font-weight:500;padding:4px 8px}.job-category-card{position:relative}.job-stats{display:flex;gap:10px;justify-content:space-between;margin-bottom:15px}.openings-count{background:#e8f5e8;background:var(--light-green);color:#4caf50;color:var(--primary-green)}.avg-salary,.openings-count{border-radius:12px;font-size:.8rem;font-weight:600;padding:4px 10px}.avg-salary{background:#ffebee;background:var(--light-red);color:#e53e3e;color:var(--primary-red)}.job-tag{background:#e3f2fd;background:var(--light-blue);border:1px solid #0d128233;color:#0d1282;color:var(--primary-blue)}.view-jobs-btn{background:linear-gradient(135deg,#0d1282,#4caf50);background:var(--gradient-primary);border:none;border-radius:20px;color:#fff;cursor:pointer;font-weight:600;margin-top:15px;padding:12px 24px;transition:all .3s ease;width:100%}.view-jobs-btn:hover{box-shadow:0 5px 15px #0d12824d;transform:translateY(-2px)}.features-section{background:#fff;padding:80px 0}.features-grid{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.feature-card{padding:24px 16px;text-align:center}.feature-icon{display:block;font-size:2.4rem;margin-bottom:20px}.feature-card h3{color:#1b5e20;font-size:1.15rem;font-weight:600;margin-bottom:15px}.feature-card p{color:#666;line-height:1.6}.how-it-works{background:linear-gradient(135deg,#f8fffe,#e8f5e8);overflow:hidden;padding:80px 0;position:relative}.how-it-works:before{background:radial-gradient(circle at 50% 50%,#4caf500d 0,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.steps-container{align-items:flex-start;display:flex;gap:28px;justify-content:space-between;margin:0 auto;max-width:1200px;position:relative}.step-item{background:#fff;background:var(--white);border:2px solid #0000;border-radius:20px;box-shadow:0 10px 30px #00000014;flex:1 1;padding:28px 20px;position:relative;text-align:center;transition:all .3s ease}.step-item:hover{border-color:#4caf50;border-color:var(--primary-green);box-shadow:0 20px 40px #0000001f;transform:translateY(-10px)}.step-icon{align-items:center;background:#e8f5e8;background:var(--light-green);border-radius:50%;display:block;display:flex;font-size:2.2rem;height:64px;justify-content:center;margin:0 auto 20px;position:relative;width:64px;z-index:2}.step-content h3{color:#0d1282;color:var(--primary-blue);font-size:1.25rem;font-weight:700;margin-bottom:15px}.step-content p{color:#6c757d;color:var(--medium-gray);font-size:.95rem;line-height:1.7}.step-connector{background:linear-gradient(90deg,#4caf50,#0000);background:linear-gradient(90deg,var(--primary-green),#0000);height:2px;position:absolute;right:-20px;top:60px;width:40px;z-index:1}.step-item:last-child .step-connector{display:none}.how-it-works-cta{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #4caf5033;border-radius:20px;margin-top:40px;padding:28px;text-align:center}.how-it-works-cta p{color:#0d1282;color:var(--primary-blue);font-size:1.1rem;font-weight:600;margin-bottom:20px}.how-it-works-cta .btn-primary{font-size:1rem;padding:14px 28px}.testimonials-section{background:#fff;padding:80px 0}.testimonials-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.testimonial-card{background:#f8fffe;border-radius:20px;box-shadow:0 10px 30px #00000014;padding:24px}.testimonial-header{align-items:center;display:flex;gap:15px;margin-bottom:20px}.testimonial-avatar{align-items:center;background:#fff;border-radius:50%;box-shadow:0 5px 15px #0000001a;display:flex;font-size:2rem;height:52px;justify-content:center;width:52px}.testimonial-info h4{color:#1b5e20;font-weight:600;margin:0}.testimonial-info p{color:#666;font-size:.9rem;margin:2px 0}.testimonial-rating{margin-top:5px}.testimonial-text{color:#555;font-style:italic;line-height:1.6}.success-story-card{border-left:4px solid #4caf50;border-left:4px solid var(--primary-green)}.job-title{color:#0d1282;color:var(--primary-blue)}.company-name{color:#4caf50;color:var(--primary-green);font-size:.85rem;font-weight:500}.salary-increase{align-items:center;background:#e8f5e8;background:var(--light-green);border-radius:12px;display:flex;font-weight:600;gap:10px;margin-top:15px;padding:12px}.salary-increase .before{color:#6c757d;color:var(--medium-gray)}.salary-increase .arrow{font-size:1.2rem}.salary-increase .after,.salary-increase .arrow{color:#4caf50;color:var(--primary-green)}.hiring-stats{display:flex;font-size:.9rem;gap:15px;margin-top:15px}.hired-count{color:#4caf50;color:var(--primary-green);font-weight:500}.time-to-hire{color:#0d1282;color:var(--primary-blue);font-weight:500}.salary-insights-section{background:#f8f9fa;background:var(--light-gray);padding:80px 0}.salary-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin:0 auto;max-width:1000px}.salary-card{background:#fff;background:var(--white);border-radius:20px;box-shadow:0 10px 30px #00000014;padding:28px 20px;position:relative;text-align:center;transition:all .3s ease}.salary-card:hover{box-shadow:0 20px 40px #0000001f;transform:translateY(-10px)}.salary-card.featured{border:2px solid #0d1282;border:2px solid var(--primary-blue);transform:scale(1.03)}.salary-card.featured .popular-badge{background:#e53e3e;background:var(--primary-red);border-radius:15px;color:#fff;font-size:.8rem;font-weight:600;left:50%;padding:5px 15px;position:absolute;top:-10px;transform:translateX(-50%)}.salary-card h3{color:#0d1282;color:var(--primary-blue);font-size:1.3rem;font-weight:700;margin-bottom:15px}.salary-range{color:#4caf50;color:var(--primary-green);font-size:1.6rem;font-weight:800;margin-bottom:15px}.salary-card p{color:#6c757d;color:var(--medium-gray);line-height:1.6}.cta-section{background:linear-gradient(135deg,#0d1282,#4caf50);background:var(--gradient-primary);color:#fff;padding:80px 0;text-align:center}.cta-content h2{font-size:2.4rem;font-weight:800;margin-bottom:20px}.cta-content p{font-size:1.05rem;margin-bottom:40px;opacity:.9}.cta-buttons{gap:16px;margin-bottom:30px}.cta-buttons,.cta-stats{display:flex;justify-content:center}.cta-stats{flex-wrap:wrap;gap:28px;margin-top:30px}.cta-stats span{font-size:1rem;font-weight:500;opacity:.9}.footer{background:#0d4710;color:#fff;padding:50px 0 20px}.footer-content{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:40px}.footer-section h4{color:#81c784;font-size:1.2rem;font-weight:600;margin-bottom:20px}.footer-logo{align-items:center;display:flex;gap:10px;margin-bottom:15px}.footer-logo img{filter:brightness(0) invert(1);height:30px}.footer-logo h3{color:#81c784;font-size:1.4rem;font-weight:700}.footer-section p{line-height:1.6;margin-bottom:20px;opacity:.8}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:12px}.footer-section ul li a{color:#fff;opacity:.8;text-decoration:none;transition:opacity .3s ease}.footer-section ul li a:hover{color:#81c784;opacity:1}.footer-bottom{border-top:1px solid #2e7d32;opacity:.7;padding-top:20px;text-align:center}@media (max-width:1024px){.hero-content{gap:40px;grid-template-columns:1fr;text-align:center}.hero-text h1{font-size:3rem}.hero-stats{grid-template-columns:repeat(2,1fr)}.mission-content{gap:40px;grid-template-columns:1fr}.nav-links{gap:20px}}@media (max-width:768px){.nav-links a:not(.nav-login):not(.nav-signup){display:none}.hero-text h1{font-size:2.5rem}.hero-stats{gap:15px;grid-template-columns:1fr}.hero-buttons{align-items:center;flex-direction:column}.section-header h2{font-size:2.2rem}.features-grid,.services-grid,.testimonials-grid{grid-template-columns:1fr}.steps-container{flex-direction:column;gap:30px}.step-connector{display:none}.cta-content h2{font-size:2.2rem}.cta-buttons{align-items:center;flex-direction:column}.footer-content{grid-template-columns:1fr;text-align:center}}@media (max-width:480px){.container,.nav-container{padding:0 15px}.hero-text h1{font-size:2rem}.hero-description{font-size:1.1rem}.service-card,.testimonial-card{padding:25px 20px}.mission-item h2{font-size:2rem}.floating-card{display:none}.hero-visual{margin-left:0;padding:20px}.hero-image-placeholder{height:300px}}.login-page{background-color:#fff;display:flex;height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100vw}.back-to-home-btn{align-items:center;align-self:flex-start;background-color:#4caf501a;border:1px solid #4caf5033;border-radius:20px;color:#4caf50;display:inline-flex;font-size:12px;font-weight:500;gap:6px;margin-bottom:20px;padding:6px 12px;text-decoration:none;transition:all .3s ease}.back-to-home-btn:hover{background-color:#4caf50;box-shadow:0 4px 12px #4caf504d;color:#fff;transform:translateY(-1px)}.back-to-home-btn svg{transition:transform .3s ease}.back-to-home-btn:hover svg{transform:translateX(-2px)}.ban-modal-overlay{align-items:center;animation:fadeIn .3s ease-in-out;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.ban-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;max-width:420px;overflow:hidden;width:90%}.ban-modal-header{align-items:center;background:#ef4444;color:#fff;display:flex;gap:.75rem;padding:.875rem 1rem;position:relative}.ban-modal-icon{flex-shrink:0;font-size:1.5rem;line-height:1}.ban-modal-header h3{flex:1 1;font-size:1.0625rem;font-weight:600;margin:0;text-align:left}.ban-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.75rem;height:28px;justify-content:center;line-height:1;padding:0;transition:background-color .2s ease;width:28px}.ban-modal-close:hover{background-color:#ffffff26}.ban-modal-body{background:#fee2e2;padding:1.5rem 1.25rem}.ban-modal-body p{color:#1f2937;font-size:.875rem;line-height:1.6;margin:0;text-align:center}.ban-modal-footer{background:#fee2e2;padding:1rem 1.25rem 1.25rem;text-align:center}.ban-modal-btn{background:#ef4444;border:none;border-radius:8px;box-shadow:0 2px 8px #ef44444d;color:#fff;cursor:pointer;font-size:.9375rem;font-weight:600;padding:.65rem 1.75rem;transition:all .2s ease}.ban-modal-btn:hover{background:#dc2626;box-shadow:0 4px 12px #ef444466;transform:translateY(-1px)}.ban-modal-btn:active{box-shadow:0 2px 6px #ef44444d;transform:translateY(0)}@media (max-width:480px){.ban-modal{width:95%}.ban-modal-header{padding:.75rem .875rem}.ban-modal-icon{font-size:1.25rem}.ban-modal-header h3{font-size:1rem}.ban-modal-body{padding:1.25rem 1rem}.ban-modal-body p{font-size:.8125rem}.ban-modal-footer{padding:.875rem 1rem 1rem}.ban-modal-btn{max-width:200px;width:100%}}.logo-section{align-items:center;background:#0d1282;display:flex;flex:1.2 1;justify-content:center;min-width:50%;overflow:visible;position:relative}.form-section{background-color:#f8f9fa;flex:1 1;justify-content:center;max-height:100vh;overflow-y:auto;padding:1.5rem}.logo-section:before{background-image:linear-gradient(#ffffff1a 1px,#0000 0),linear-gradient(90deg,#ffffff1a 1px,#0000 0);background-size:20px 20px;bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.logo-container{align-items:center;display:flex;justify-content:center;min-height:100%;padding:1.5rem;position:relative;text-align:center;transform:none;z-index:2}.logo{height:auto!important;max-width:420px!important;min-width:240px!important;transform:none!important;width:85%!important}.login-form-container{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000001a;max-width:440px;padding:2rem;width:100%}.login-title{color:#0d1282;font-size:1.8rem;font-weight:700;margin-bottom:.5rem;text-align:left}.welcome-message{color:#6c757d;font-size:1rem;line-height:1.5;margin-bottom:1rem;text-align:left}.error-message,.success-message{padding:.75rem;text-align:center}.success-message{background:#d1edff;border:1px solid #bee5eb;border-radius:8px;color:#0c5460;margin-bottom:1.5rem}.login-form{gap:1rem}.input-group,.login-form{display:flex;flex-direction:column}.input-group{gap:.5rem;position:relative}.input-label{color:#495057;font-size:.85rem;font-weight:600;margin-bottom:.5rem;text-align:left}.login-input{background-color:#f8f9fa;border:1.5px solid #e9ecef;border-radius:8px;font-size:.95rem;padding:.7rem;text-align:left;transition:all .3s ease}.login-input:focus{background-color:#fff;border-color:#0d1282;box-shadow:0 0 0 3px #0d12821a;outline:none}.login-input::placeholder{color:#adb5bd}.form-options{justify-content:space-between;margin:.75rem 0}.form-options,.remember-me{align-items:center;display:flex}.remember-me{gap:.5rem}.checkbox{accent-color:#0d1282;cursor:pointer;height:16px;width:16px}.checkbox-label{color:#495057;font-size:.85rem;-webkit-user-select:none;user-select:none}.forgot-password{color:#0d1282;font-size:.85rem;font-weight:500;text-decoration:none;transition:color .3s ease}.forgot-password:hover{color:#f0de36;text-decoration:underline}.login-button{background:linear-gradient(135deg,#0d1282,#1a1f9a);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:.75rem;padding:.75rem;transition:all .3s ease}.login-button:hover{background:linear-gradient(135deg,#f0de36,#f4e55c);box-shadow:0 8px 25px #0d12824d;color:#0d1282;transform:translateY(-2px)}.login-button:active{transform:translateY(0)}.login-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.signup-link{border-top:1px solid #e9ecef;margin-top:1.25rem;padding-top:1rem;text-align:center}.signup-link p{color:#6c757d;margin:0}.signup-text{color:#0d1282;font-weight:600;text-decoration:none;transition:color .3s ease}.signup-text:hover{color:#f0de36;text-decoration:underline}.info-modal-overlay{align-items:center;background-color:#0000008c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:10000}.info-modal{background:#fff;border-radius:14px;box-shadow:0 18px 48px #00000047;max-width:560px;overflow:hidden;width:calc(100% - 2rem)}.info-modal-header{align-items:center;background:linear-gradient(135deg,#0d1282,#1a1f9a);color:#fff;display:flex;justify-content:space-between;padding:14px 18px}.info-modal-close{background:#0000;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:22px;height:32px;width:32px}.info-modal-close:hover{background:#ffffff26}.info-modal-body{color:#343a40;padding:16px 18px 4px}.info-modal-body ul{margin:8px 0 0 18px;padding:0}.info-modal-body li{margin:6px 0}.info-note{background:#fff3cd;border:1px solid #ffeeba;color:#856404;font-size:.95rem;margin-top:10px;padding:10px 12px}.info-modal-footer{display:flex;justify-content:flex-end;padding:10px 18px 18px}.info-modal-btn{background:linear-gradient(135deg,#0d1282,#1a1f9a);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 16px}@media (max-width:768px){.login-page{flex-direction:column;height:100vh;overflow-y:auto}.form-section{flex:1 1;min-height:70vh;order:2;overflow-y:auto}.logo-section{flex:none;min-height:30vh;order:1}.logo{max-width:300px!important;transform:none;width:60%!important}.form-section{padding:1rem}.login-form-container{margin-left:0;max-width:none;padding:1.5rem;width:100%}.login-title{font-size:1.6rem}.form-options{align-items:flex-start;flex-direction:column;gap:1rem}}@media (max-width:480px){.form-section{min-height:75vh}.logo-section{min-height:25vh}.logo{max-width:240px!important;width:50%!important}}.login-animation-overlay{align-items:center;background:linear-gradient(135deg,#0d1282,#1a1f9a);display:flex;height:100%;justify-content:center;left:0;opacity:1;position:fixed;top:0;transition:opacity .5s ease-out;width:100%;z-index:9999}.login-animation-overlay.admin{background:linear-gradient(135deg,#e74c3c,#c0392b)}.login-animation-overlay.service_seeker{background:linear-gradient(135deg,#3498db,#2980b9)}.login-animation-overlay.service_provider{background:linear-gradient(135deg,#f39c12,#e67e22)}.login-animation-overlay.fade-out{opacity:0}.login-animation-container{color:#fff;max-width:800px;padding:2rem;text-align:center;width:90%}.logo-animation{animation:logoFadeIn 1.5s ease-out;margin-bottom:2rem;text-align:center}.animated-logo{animation:logoFloat 3s ease-in-out infinite alternate;display:block;filter:drop-shadow(0 10px 20px rgba(0,0,0,.3));height:auto;margin:0 auto;width:200px}.user-greeting-logo{animation:userGreetingFadeIn 1.5s ease-out 1.2s both;font-size:1.6rem;font-weight:600;opacity:.95;text-shadow:0 2px 6px #0000004d}.admin-greeting-logo,.user-greeting-logo{color:#fff;margin:1rem 0 0;padding:0;text-align:center}.admin-greeting-logo{animation:adminGreetingFadeIn 1.5s ease-out 1.2s both;font-size:2rem;font-weight:700;letter-spacing:.5px;opacity:1;text-shadow:0 3px 8px #0006}.welcome-message{animation:messageSlideUp 1.2s ease-out .8s both;margin-bottom:2rem;text-align:center;width:100%}.welcome-message h1{color:#fff;font-size:2.2rem;font-weight:700;line-height:1.2;margin-bottom:1rem;margin-left:auto;margin-right:auto;overflow:visible;text-align:center;text-shadow:0 4px 8px #0000004d;white-space:nowrap}.loading-section{flex-direction:column;gap:1rem;margin-top:2rem}.loading-dots,.loading-section{align-items:center;display:flex}.loading-dots{gap:8px}.dot{animation:dotBounce 1.4s ease-in-out infinite both;background:#fff;border-radius:50%;height:12px;width:12px}.dot-1{animation-delay:-.32s}.dot-2{animation-delay:-.16s}.dot-3{animation-delay:0s}.loading-message{color:#fff;font-size:1.1rem;font-weight:500;letter-spacing:.5px;margin:0}.admin .dot{background:#fff;box-shadow:0 0 8px #ffffff80}.service_seeker .dot{background:#64b5f6;box-shadow:0 0 8px #64b5f680}.service_provider .dot{background:#ffb74d;box-shadow:0 0 8px #ffb74d80}.login-animation-overlay .loading-message,.login-animation-overlay .user-greeting,.login-animation-overlay .welcome-message h1{color:#fff!important}@keyframes logoFadeIn{0%{opacity:0;transform:translateY(-50px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes logoFloat{0%{transform:translateY(0)}to{transform:translateY(-10px)}}@keyframes messageSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes spinnerFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInOnly{0%{opacity:0}to{opacity:1}}@keyframes dotBounce{0%,80%,to{opacity:.7;transform:scale(.8) translateY(0)}40%{opacity:1;transform:scale(1.2) translateY(-12px)}}@keyframes userGreetingFadeIn{0%{opacity:0;transform:translateY(15px) scale(.95)}to{opacity:.95;transform:translateY(0) scale(1)}}@keyframes adminGreetingFadeIn{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.login-animation-container{padding:1rem}.animated-logo{width:150px}.welcome-message h1{font-size:1.8rem}.user-greeting{font-size:1rem}.user-greeting-logo{font-size:1.3rem}.admin-greeting-logo{font-size:1.6rem}}@media (max-width:480px){.welcome-message h1{font-size:1.4rem}.animated-logo{width:120px}.user-greeting-logo{font-size:1.1rem}.admin-greeting-logo{font-size:1.3rem}}.seeker-signup-page{background-color:#f8f9fa;display:flex;min-height:100vh}.step-indicator{justify-content:space-between;margin:1.25rem 0 .75rem;min-height:36px;width:100%}.step,.step-indicator{align-items:center;display:flex;position:relative}.step{background:#eef2f6;border:2px solid #dee2e6;border-radius:50%;flex-shrink:0;height:28px;justify-content:center;transition:all .3s ease;width:28px;z-index:2}.step-number{color:#6c757d;font-size:.8rem;line-height:1}.step.active{background:#0d1282;border-color:#0d1282;border-width:3px;box-shadow:0 4px 12px #0d128240;color:#fff;transform:scale(1.05) translateY(-2px)}.step.active .step-number{color:#fff}.step.completed{background:#0d1282;border-color:#0d1282;border-width:3px;box-shadow:0 2px 8px #0d128233;transform:scale(1) translateY(0)}.step.completed .step-number{color:#fff;font-size:.9rem}.step-separator{align-self:center;background:#dee2e6;border-radius:2px;flex:1 1;height:2px;margin:0 8px;position:relative;z-index:1}.form-step{animation:fadeInSlide .5s ease-out}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.form-step-actions{align-items:center;display:flex;gap:.75rem;justify-content:center;margin-top:.75rem}.seeker-back-button-step{align-items:center;background:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:10px 20px;transition:all .2s ease}.seeker-back-button-step:hover:not(:disabled){background:#5a6268;transform:translateY(-1px)}.seeker-back-button-step:disabled{cursor:not-allowed;opacity:.6;transform:none}.seeker-signup-container{background:linear-gradient(135deg,#0d1282,#1a1f9a);min-height:100vh;padding:20px;width:100%}.seeker-logo-section,.seeker-signup-container{align-items:center;display:flex;justify-content:center;position:relative}.seeker-logo-section{background:#0d1282;flex:1 1;overflow:hidden}.seeker-logo-section:before{background-image:linear-gradient(#ffffff1a 1px,#0000 0),linear-gradient(90deg,#ffffff1a 1px,#0000 0);background-size:20px 20px;bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.seeker-logo-container{align-items:center;display:flex;justify-content:center;min-height:100%;padding:1rem;position:relative;text-align:center;z-index:2}.seeker-logo{height:auto;max-width:1600px;position:relative;width:90%;z-index:2}.seeker-signup-form-section{align-items:center;background-color:initial;display:flex;flex:none;justify-content:center;padding:0;position:relative}.seeker-signup-form-container,.sign-up-form{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000001a;margin-top:0;max-width:1600px;padding:.25rem .875rem .5rem;position:relative;width:100%}.seeker-back-button{align-items:center;background-color:initial;border-radius:8px;color:#6c757d;display:flex;font-size:.7rem;font-weight:500;gap:.25rem;left:1rem;padding:.25rem .5rem;position:absolute;text-decoration:none;top:.75rem;transition:all .3s ease;z-index:2}.seeker-back-button:hover{background-color:#e9ecef;color:#0d1282}.seeker-back-button svg{transition:transform .3s ease}.seeker-back-button:hover svg{transform:translateX(-2px)}.seeker-signup-form-container h1{color:#0d1282;font-size:1.2rem;margin:.15rem 0}.seeker-error-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24}.seeker-error-message,.seeker-success-message{margin-bottom:1rem;padding:.5rem;text-align:center}.seeker-success-message{background:#d1edff;border:1px solid #bee5eb;border-radius:8px;color:#0c5460}.seeker-form-columns{grid-gap:.5rem;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.seeker-form-columns,.seeker-form-columns-3{align-items:start;display:grid;gap:.5rem;margin-bottom:.5rem;margin-left:auto;margin-right:auto;width:100%}.seeker-form-columns-3{grid-gap:.5rem;grid-template-columns:repeat(3,minmax(0,1fr))}.seeker-input-group{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.5rem}.seeker-input-group label{color:#495057;font-size:13px;font-weight:600;margin-bottom:.25rem;text-align:left}.seeker-input-group input{background-color:#fff!important;border:2px solid #ddd!important;border-radius:8px!important;box-sizing:border-box!important;color:#333!important;font-family:inherit!important;font-size:13px!important;height:32px!important;min-width:0!important;overflow:hidden!important;padding:6px 10px!important;text-overflow:ellipsis!important;transition:border-color .2s ease,box-shadow .2s ease!important;white-space:nowrap!important;width:100%!important}.seeker-input-group input:focus{background-color:#fff!important;border-color:#0d1282!important;box-shadow:0 0 0 3px #0d12821a!important;outline:none!important}.seeker-input-group input:disabled{background-color:#f5f5f5!important;cursor:not-allowed!important;opacity:.7!important}.seeker-input-group input::placeholder{color:#adb5bd;font-size:12px}.seeker-input-group textarea{background-color:#fff!important;border:2px solid #ddd!important;border-radius:8px!important;box-sizing:border-box!important;color:#333!important;font-family:inherit!important;font-size:13px!important;min-height:72px!important;min-width:0!important;padding:6px 10px!important;resize:vertical!important;transition:border-color .2s ease,box-shadow .2s ease!important;width:100%!important}.seeker-input-group textarea:focus{background-color:#fff!important;border-color:#0d1282!important;box-shadow:0 0 0 3px #0d12821a!important;outline:none!important}.seeker-input-group textarea:disabled{background-color:#f5f5f5!important;cursor:not-allowed!important;opacity:.7!important}.seeker-input-group textarea::placeholder{color:#adb5bd!important;font-size:12px!important}.seeker-dropdown{box-sizing:border-box!important;height:32px!important;min-width:0!important}.seeker-signup-button{background:linear-gradient(135deg,#0d1282,#1a1f9a);border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;font-size:.85rem;font-weight:600;margin:-4px auto 0;max-width:720px;padding:.5rem;transition:all .3s ease;width:80%}.form-step.form-step-taller{min-height:220px}.form-step.form-step-taller .seeker-form-columns{gap:.4rem}.form-step.form-step-taller .seeker-input-group{margin-bottom:.35rem}.form-step.form-step-taller .seeker-input-group label{margin-bottom:.2rem}.seeker-signup-button:hover{background:linear-gradient(135deg,#f0de36,#f4e55c);box-shadow:0 8px 25px #0d12824d;color:#0d1282;transform:translateY(-2px)}.seeker-signup-button:active{transform:translateY(0)}.seeker-signup-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.seeker-login-link{border-top:1px solid #e9ecef;color:#6c757d;margin-top:0;padding-top:.25rem;text-align:center}.seeker-login-link a{color:#0d1282;font-weight:600;text-decoration:none;transition:color .3s ease}.seeker-login-link a:hover{color:#f0de36;text-decoration:underline}@media (max-width:768px){.seeker-signup-container{flex-direction:column}.seeker-logo-section{flex:none;min-height:200px;order:1}.seeker-signup-form-section{order:2;padding:1.5rem}.seeker-form-columns,.seeker-form-columns-3{gap:.75rem;grid-template-columns:1fr}.seeker-signup-form-container h1{font-size:1.8rem;margin-top:.75rem}.seeker-back-button{font-size:.8rem;left:1rem;padding:.4rem .8rem;top:.5rem}.seeker-logo{max-width:400px}}.seeker-dropdown{-webkit-appearance:none!important;appearance:none!important;background-color:#fff!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;background-position:right 10px center!important;background-repeat:no-repeat!important;background-size:18px!important;border:2px solid #ddd!important;border-radius:8px!important;color:#333!important;cursor:pointer!important;font-family:inherit!important;font-size:13px!important;height:34px!important;padding:6px 10px!important;width:100%!important}.seeker-dropdown:focus{border-color:#0d1282!important;box-shadow:0 0 0 3px #0d12821a!important;outline:none!important}.seeker-dropdown:disabled{background-color:#f5f5f5!important;cursor:not-allowed!important;opacity:.7!important}.seeker-dropdown option{background-color:#fff!important;color:#333!important;font-size:13px!important;padding:10px 14px!important}.seeker-dropdown option:hover{background-color:#f0fdf4!important}.seeker-dropdown option:checked,.seeker-dropdown option:selected{background-color:#0d1282!important;color:#fff!important}.seeker-full-width-section{margin:-1rem 0 -.5rem;width:100%}.seeker-wide-dropdown{font-size:14px!important;font-weight:500!important;height:42px!important;padding:10px 12px!important}.seeker-help-text{color:#666;display:block;font-size:12px;font-style:italic;margin-top:6px}.success-message-box{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:2px solid #28a745;border-radius:12px;box-shadow:0 4px 12px #28a74526;margin:20px 0;padding:20px}.success-message-box p{color:#155724;line-height:1.6;margin:10px 0}.success-message-box p:first-child{font-size:18px;margin-top:0}.info-note{background:#ffffffb3;border-left:4px solid #17a2b8;border-radius:8px;color:#0c5460!important;font-size:14px!important;margin-top:15px!important;padding:12px}.registration-summary{animation:fadeInSlide .4s ease-out;margin:0 auto;max-width:850px;padding:.5rem}.summary-header{margin-bottom:.75rem;text-align:center}.success-title{color:#28a745;font-size:1.4rem;font-weight:600;margin-bottom:.5rem;text-align:center}.verification-pending-box{background:#fff9e6;border:1px solid #ffc107;border-radius:8px;margin:.5rem 0;padding:.75rem 1rem}.verification-pending-box p{color:#856404;font-size:.8rem;line-height:1.4;margin:.35rem 0}.verification-pending-box p:first-child{color:#856404;font-size:.9rem;font-weight:600;margin-top:0}.verification-steps{background:#ffffff80;border-radius:6px;list-style:none;margin:.5rem 0;padding:.5rem}.verification-steps li{border-bottom:1px solid #8564041a;color:#856404;font-size:.75rem;font-weight:500;padding:.25rem 0}.verification-steps li:last-child{border-bottom:none}.warning-note{background:#dc354514;border-left:3px solid #dc3545;border-radius:6px;color:#721c24;font-size:.75rem;line-height:1.3;margin-top:.5rem;padding:.5rem}.warning-note strong{color:#dc3545}.summary-subtitle{color:#6c757d;font-size:.85rem;font-weight:500;margin:.75rem 0 .5rem;text-align:center}.summary-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:.5rem;padding:.75rem}.summary-section h3{border-bottom:2px solid #f0de36;color:#0d1282;font-size:.95rem;font-weight:600;margin-bottom:.5rem;padding-bottom:.35rem}.summary-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr)}.summary-item{background:#fff;border:1px solid #dee2e6;border-radius:6px;display:flex;flex-direction:column;gap:.15rem;padding:.5rem}.summary-item label{color:#495057;font-size:.7rem;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.summary-item span{color:#212529;font-size:.8rem;font-weight:500;word-break:break-word}.summary-documents{display:flex;gap:.5rem}.summary-doc-item{align-items:center;background:#d4edda;border:1px solid #28a745;border-radius:6px;color:#155724;display:flex;flex:1 1;font-size:.75rem;font-weight:600;justify-content:center;padding:.5rem .75rem}.summary-doc-item span{align-items:center;display:flex;gap:.25rem}.summary-actions{display:flex;justify-content:center;margin-top:.75rem}.summary-actions .seeker-signup-button{border-radius:8px;font-size:.9rem;font-weight:600;padding:.6rem 2rem;width:auto}.password-input-wrapper{display:block;width:100%}.password-input{padding-right:44px;width:100%}.password-toggle-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:28px}.password-toggle-icon{height:18px;opacity:.8;width:18px}.password-toggle-btn:hover .password-toggle-icon{opacity:1}@media (max-width:768px){.summary-grid{grid-template-columns:1fr}.summary-documents{flex-direction:column}.summary-actions .seeker-signup-button{width:100%}}.global-overlay{bottom:0;left:0;right:0;top:0;z-index:9999}.overlay-backdrop{background:#00000080;bottom:0;left:0;right:0;top:0}.overlay-card{animation:fadeInUp .3s ease-out;border-radius:12px;box-shadow:0 12px 30px #0003;max-width:560px;padding:16px 20px;width:calc(100% - 2rem)}.overlay-text{color:#495057;font-size:.9rem;font-weight:500;margin:6px 0}.webcam-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.webcam-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:480px;overflow:hidden;width:90%}.webcam-header{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;display:flex;justify-content:space-between;padding:14px 20px}.webcam-header h2{font-size:18px;font-weight:600;margin:0}.webcam-close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;line-height:1;padding:0;transition:background .2s;width:32px}.webcam-close-btn:hover{background:#ffffff4d}.webcam-content{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:320px;padding:16px}.webcam-preview{aspect-ratio:4/3;background:#000;border-radius:16px;margin-bottom:20px;max-width:520px;overflow:hidden;position:relative;width:100%}.captured-image,.webcam-video{height:100%;object-fit:cover;width:100%}.webcam-overlay{align-items:center;bottom:0;display:flex;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:0}.face-guide-circle{animation:pulse 2s infinite;border:3px dashed #fff9;border-radius:50%;height:220px;width:220px}.webcam-instructions{color:#666;font-size:13px;margin-bottom:10px;text-align:center}.webcam-instructions p{margin:0}.webcam-error{color:#dc2626;padding:40px 20px;text-align:center}.error-icon{font-size:64px;margin-bottom:20px}.webcam-error p{color:#666;font-size:16px;margin-bottom:20px}.retry-btn{background:#3b82f6;font-size:16px;padding:12px 30px;transition:background .2s}.retry-btn:hover{background:#2563eb}.webcam-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 16px}.loading-spinner{border:3px solid #e5e7eb;margin-bottom:20px}.webcam-loading p{color:#666;font-size:14px}.webcam-actions{display:flex;gap:15px;justify-content:center;padding:0 16px 16px}.webcam-btn{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;max-width:160px;padding:10px 16px;transition:all .2s}.cancel-btn{background:#f3f4f6;color:#374151}.cancel-btn:hover{background:#e5e7eb}.capture-btn{background:#3b82f6;color:#fff}.capture-btn:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.retake-btn{background:#f59e0b;color:#fff}.retake-btn:hover{background:#d97706}.confirm-btn{background:#10b981;color:#fff}.confirm-btn:hover{background:#059669;box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}@media (max-width:768px){.webcam-modal{max-height:95vh;width:95%}.webcam-header{padding:15px 20px}.webcam-header h2{font-size:20px}.webcam-content{padding:20px}.face-guide-circle{height:220px;width:220px}.webcam-actions{flex-direction:column;padding:0 20px 20px}.webcam-btn{max-width:100%}}@media (max-width:480px){.webcam-modal{border-radius:0;height:100%;max-height:100vh;width:100%}.webcam-header h2{font-size:18px}.webcam-content{padding:15px}.face-guide-circle{height:180px;width:180px}.webcam-instructions{font-size:14px}}.ocr-id-upload{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #e1e5e9;border-radius:14px;box-shadow:0 6px 20px #00000014;margin:14px auto;max-width:750px;padding:24px}.upload-card{grid-gap:8px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 6px 18px #0000000f;display:grid;gap:8px;grid-template-columns:1.6fr 1fr;padding:10px}.dropzone-panel{align-items:center;background-color:#f8fafc;border:2px dashed #cbd5e1;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:110px;padding:10px;transition:all .25s ease}.dropzone-panel.drag-active{background:#eef2ff;border-color:#0d1282;box-shadow:0 8px 24px #0d128226}.dropzone-panel.disabled{cursor:not-allowed;opacity:.6}.drop-icon{font-size:24px;margin-bottom:4px}.drop-text{color:#334155;font-weight:600}.drop-sep{color:#94a3b8;font-size:12px;margin:6px 0}.browse-btn{background:#0d1282;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:8px 14px;transition:background .2s ease,transform .1s ease}.browse-btn:hover:not(:disabled){background:#1a1f9a}.browse-btn:disabled{cursor:not-allowed;opacity:.6}.drop-hint{color:#64748b;font-size:11px;margin-top:4px}.uploaded-list-panel{background:#fdfdfd;padding:8px}.id-select-bar,.uploaded-list-panel{border:1px solid #e5e7eb;border-radius:10px}.id-select-bar{grid-gap:10px;align-items:center;background:#fff;display:grid;gap:10px;grid-template-columns:auto 1fr;margin:8px 0 10px;padding:8px 10px}.id-select-bar label{color:#1f2937;font-size:13px;font-weight:600}.id-select-bar select{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#334155;font-size:13px;height:36px;padding:6px 10px;width:100%}.id-select-bar select:focus{border-color:#0d1282;box-shadow:0 0 0 3px #0d12821a;outline:none}.list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.file-count{color:#64748b;font-size:12px}.instructions-panel{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px;color:#334155;padding:10px}.instructions-panel ul{display:flex;flex-direction:column;font-size:13px;gap:4px;margin:0;padding-left:16px}.empty-upload{border:2px dashed #e5e7eb;border-radius:8px;color:#94a3b8;padding:20px;text-align:center}.uploaded-list{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.uploaded-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:space-between;padding:6px 8px}.file-meta,.uploaded-item{align-items:center;display:flex}.file-meta{gap:10px}.file-icon{font-size:18px}.file-texts{display:flex;flex-direction:column}.file-name{color:#1f2937;font-size:12px;font-weight:600;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{color:#64748b;font-size:11px}.file-actions{align-items:center;display:flex;gap:8px}.status-chip{border-radius:999px;font-size:11px;font-weight:600;padding:2px 6px}.status-chip.completed{background:#e7f9ed;border:1px solid #b9efd1;color:#10774f}.status-chip.processing{background:#eaf2ff;border:1px solid #c9d7ff;color:#0d1282}.remove-mini{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;height:24px;width:24px}.remove-mini:disabled{cursor:not-allowed;opacity:.6}.upload-followup{margin-top:16px}@media (max-width:768px){.upload-card{grid-template-columns:1fr}}.ocr-header{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000f;margin-bottom:12px;padding:10px;text-align:center}.ocr-header h3{color:#2c3e50;font-size:18px;font-weight:700;margin:0 0 4px;text-shadow:0 1px 2px #0000001a}.ocr-subtitle{color:#6c757d;font-size:12px;line-height:1.35;margin:0 auto;max-width:420px}.supported-ids{background:#fff;border-radius:16px;box-shadow:0 4px 16px #0000000d;margin-bottom:24px;padding:24px}.supported-ids h4{color:#2c3e50;font-size:20px;font-weight:700;margin:0 0 20px}.id-types-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.id-type-item{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #dee2e6;border-radius:12px;display:flex;gap:12px;padding:16px;transition:all .3s ease}.id-type-item:hover{border-color:#007bff;box-shadow:0 4px 12px #007bff26;transform:translateY(-2px)}.id-icon{flex-shrink:0;font-size:24px}.id-name{color:#495057;font-size:14px;font-weight:600}.ocr-error{align-items:center;background:linear-gradient(135deg,#fff5f5,#fed7d7);border:2px solid #feb2b2;border-radius:12px;box-shadow:0 4px 12px #feb2b233;display:flex;gap:16px;margin:20px 0;padding:20px}.ocr-error span{color:#e53e3e;flex-grow:1;font-weight:500}.retry-btn{background:linear-gradient(135deg,#e53e3e,#c53030);border:none;border-radius:8px;box-shadow:0 2px 8px #e53e3e4d;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.retry-btn:hover:not(:disabled){box-shadow:0 4px 12px #e53e3e66;transform:translateY(-1px)}.retry-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.upload-zone{background:#fff;border:3px dashed #ced4da;border-radius:16px;cursor:pointer;margin:16px 0;padding:16px 20px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.upload-zone:hover:not(.disabled){background:linear-gradient(135deg,#f0f8ff,#e6f3ff);border-color:#007bff;transform:scale(1.02)}.upload-zone.drag-active{background:linear-gradient(135deg,#f0fff4,#e6ffed);border-color:#28a745;box-shadow:0 8px 32px #28a74533;transform:scale(1.05)}.upload-zone.disabled{background:#f5f6fa;cursor:not-allowed;opacity:.6}.upload-content{margin:0 auto;max-width:400px}.upload-icon{animation:float 3s ease-in-out infinite;font-size:40px;margin-bottom:12px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.upload-content h3{color:#2c3e50;font-size:20px;font-weight:700;margin:0 0 8px}.upload-content p{color:#6c757d;font-size:14px;line-height:1.4;margin:0 0 12px}.upload-requirements{background:#007bff1a;border-radius:10px;padding:12px;text-align:left}.upload-requirements p{color:#495057;font-size:12px;font-weight:500;margin:4px 0}.uploaded-id-container{background:#fff;border-radius:16px;box-shadow:0 4px 16px #00000014;margin:24px 0;padding:24px}.uploaded-id{align-items:flex-start;display:flex;gap:24px;margin-bottom:24px}.id-preview{flex-shrink:0;position:relative}.id-preview img{border:2px solid #dee2e6;border-radius:12px;box-shadow:0 4px 12px #0000001a;height:120px;object-fit:cover;width:200px}.remove-id-btn{align-items:center;background:#dc3545;border:none;border-radius:50%;box-shadow:0 2px 8px #dc35454d;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:32px;justify-content:center;position:absolute;right:-8px;top:-8px;transition:all .2s ease;width:32px}.remove-id-btn:hover:not(:disabled){background:#c82333;transform:scale(1.1)}.remove-id-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.id-info{flex-grow:1}.id-info h4{color:#2c3e50;font-size:20px;font-weight:700;margin:0 0 12px}.id-info p{color:#6c757d;font-size:14px;font-weight:500;margin:8px 0}.processing-status{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:2px solid #ffc107;border-radius:12px;margin:20px 0;padding:24px;text-align:center}.processing-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#ffc107;height:40px;margin:0 auto 16px;width:40px}.processing-status p{color:#856404;font-size:16px;font-weight:600;margin:0 0 16px}.processing-bar{background:#f8f9fa;border-radius:4px;height:8px;overflow:hidden;width:100%}.processing-fill{animation:processing 2s ease-in-out infinite;background:linear-gradient(90deg,#ffc107,#ff6b6b);height:100%}@keyframes processing{0%{width:0}50%{width:70%}to{width:100%}}.processing-complete{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:2px solid #28a745;border-radius:12px;margin:20px 0;padding:16px;text-align:center}.processing-complete p{color:#155724;font-size:16px;font-weight:600;margin:0}.extracted-info{background:linear-gradient(135deg,#e8f5e8,#d4edda);border:2px solid #28a745;border-radius:16px;margin:24px 0;padding:24px}.extracted-info h4{color:#155724;font-size:20px;font-weight:700;margin:0 0 20px}.info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.info-item{background:#fffc;border-left:4px solid #28a745;border-radius:8px;gap:4px;padding:12px}.info-item label{color:#495057;font-size:12px}.info-item span{color:#2c3e50;font-size:14px;font-weight:500}.confidence-indicator{align-items:center;background:#fffc;border-radius:8px;display:flex;gap:12px;margin:20px 0;padding:12px}.confidence-indicator label{color:#495057;flex-shrink:0;font-size:14px;font-weight:600}.confidence-bar{background:#e9ecef;border-radius:4px;flex-grow:1;height:8px;overflow:hidden}.confidence-fill{background:linear-gradient(90deg,#dc3545,#ffc107 50%,#28a745);height:100%;transition:width .5s ease}.confidence-indicator span{color:#2c3e50;flex-shrink:0;font-size:14px;font-weight:700}.extraction-note{background:#007bff1a;border-left:4px solid #007bff;border-radius:8px;padding:16px}.extraction-note p{color:#495057;font-size:14px;line-height:1.5;margin:0}.ocr-instructions{background:#fff;border-radius:16px;box-shadow:0 4px 16px #0000000d;margin:32px 0;padding:24px}.ocr-instructions h4{color:#2c3e50;font-size:20px;font-weight:700;margin:0 0 20px}.instructions-list{display:flex;flex-direction:column;gap:16px}.instruction-step{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-left:4px solid #007bff;border-radius:12px;display:flex;gap:16px;padding:16px;transition:all .2s ease}.instruction-step:hover{box-shadow:0 2px 8px #007bff26;transform:translateX(4px)}.step-number{align-items:center;background:#007bff;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:32px;justify-content:center;width:32px}.instruction-step span:last-child{color:#495057;font-size:15px;font-weight:500;line-height:1.4}@media (max-width:768px){.ocr-id-upload{margin:16px;padding:20px}.ocr-header{padding:20px}.ocr-header h3{font-size:24px}.ocr-subtitle{font-size:16px}.id-types-grid{gap:12px;grid-template-columns:1fr}.upload-zone{padding:32px 16px}.upload-icon{font-size:48px}.upload-content h3{font-size:24px}.upload-content p{font-size:16px}.uploaded-id{align-items:center;flex-direction:column;text-align:center}.id-preview img{height:auto;max-width:300px;width:100%}.info-grid{gap:12px;grid-template-columns:1fr}.confidence-indicator{align-items:stretch;flex-direction:column;gap:8px}}@media (max-width:480px){.ocr-id-upload{margin:8px;padding:16px}.ocr-header h3,.upload-content h3{font-size:20px}.instructions-list{gap:12px}.instruction-step{flex-direction:column;gap:12px;text-align:center}}.upload-method-selection{background:#fff;border-radius:12px;margin-bottom:20px;padding:24px}.method-label{color:#2c3e50;font-weight:600}.method-buttons{grid-template-columns:repeat(2,1fr);margin-bottom:24px}.method-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;box-shadow:0 4px 12px #667eea4d;color:#fff;padding:20px}.method-btn:hover:not(:disabled){box-shadow:0 6px 16px #667eea66}.method-btn:disabled{opacity:.6}.method-icon{font-size:32px}.method-text{align-items:flex-start;text-align:left}.method-text strong{margin-bottom:4px}.method-text span{opacity:.9}.upload-requirements{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;padding:16px}.upload-requirements h4{color:#2c3e50;font-size:14px;margin:0 0 8px}.upload-requirements p{color:#6c757d;font-size:13px;line-height:1.5;margin:0 0 12px}.upload-requirements ul{color:#6c757d;font-size:13px;margin:0;padding-left:20px}.upload-requirements li{margin-bottom:6px}.uploaded-images-container{background:#fff;border-radius:12px;padding:24px}.images-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.images-header h4{color:#2c3e50;font-size:16px;margin:0}.add-more-btn{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;padding:8px 16px;transition:all .3s ease}.add-more-btn:hover:not(:disabled){background:#5568d3}.add-more-btn:disabled{cursor:not-allowed;opacity:.6}.images-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:20px}.uploaded-image{background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;overflow:hidden}.image-preview{background:#e9ecef;padding-top:75%}.image-preview img{left:0;position:absolute;top:0}.remove-image-btn{background:#dc3545e6;font-size:16px;height:28px;right:8px;top:8px;transition:all .3s ease;width:28px}.remove-image-btn:hover:not(:disabled){background:#dc3545;transform:scale(1.1)}.image-info{padding:12px;text-align:center}.image-label{color:#2c3e50;font-size:13px;margin:0 0 4px}.image-size{color:#6c757d;font-size:12px;margin:0}.id-type-selection{margin:20px 0}.id-type-selection label{color:#2c3e50;display:block;font-size:14px;margin-bottom:8px}.id-type-selection select{background:#fff;border:2px solid #e9ecef;border-radius:8px;color:#2c3e50;cursor:pointer;font-size:14px;padding:12px;transition:all .3s ease;width:100%}.id-type-selection select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.id-type-selection select:disabled{background:#f8f9fa;cursor:not-allowed}.process-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.clear-all-btn,.process-ocr-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.clear-all-btn{background:#6c757d;color:#fff}.clear-all-btn:hover:not(:disabled){background:#5a6268}.process-ocr-btn{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d;color:#fff}.process-ocr-btn:hover:not(:disabled){box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.clear-all-btn:disabled,.process-ocr-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:768px){.images-grid,.method-buttons{grid-template-columns:1fr}.process-actions{flex-direction:column}.clear-all-btn,.process-ocr-btn{width:100%}}.global-overlay{align-items:center;display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}.overlay-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0206178c;inset:0;position:absolute}.overlay-card{background:#fff;border-radius:14px;box-shadow:0 20px 60px #00000040;padding:18px 20px;position:relative;text-align:center;width:min(92vw,480px);z-index:10001}.overlay-spinner{animation:overlay-spin .9s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#0d1282;height:36px;margin:6px auto 10px;width:36px}@keyframes overlay-spin{to{transform:rotate(1turn)}}.overlay-text{color:#475569;font-size:13px;margin:4px 0 10px}.overlay-bar{background:#eef2ff;border-radius:999px;height:6px;overflow:hidden}.overlay-fill{animation:overlay-progressPulse 1.2s ease-in-out infinite alternate;background:linear-gradient(135deg,#0d1282,#1a1f9a);border-radius:999px;height:100%;width:38%}@keyframes overlay-progressPulse{0%{width:28%}to{width:78%}}.overlay-close-btn{background:linear-gradient(135deg,#0d1282,#1a1f9a);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:10px;padding:8px 14px}.selfie-capture-container{margin:0 auto;max-width:600px;padding:20px;width:100%}.selfie-header{margin-bottom:30px;text-align:center}.selfie-title{color:#1a1a1a;font-size:24px;font-weight:600;margin-bottom:10px}.selfie-description{color:#666;font-size:14px;line-height:1.5}.selfie-error{align-items:center;background-color:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;display:flex;gap:10px;margin-bottom:20px;padding:12px 16px}.selfie-error .error-icon{font-size:20px}.selfie-options{display:flex;flex-direction:column;gap:30px}.method-selection{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:12px;padding:24px}.method-label{color:#333;font-size:16px;font-weight:500;margin-bottom:16px;text-align:center}.method-buttons{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.camera-btn,.method-btn{background:#fff}.method-btn{align-items:center;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:12px;min-height:140px;padding:24px 16px;transition:all .3s ease}.method-btn:hover:not(:disabled){background:#f0f7ff;border-color:#007bff;box-shadow:0 4px 12px #007bff26;transform:translateY(-2px)}.camera-btn:hover:not(:disabled){background:#fff;border-color:#e0e0e0;box-shadow:none;transform:none}.method-btn:disabled{cursor:not-allowed;opacity:.5}.method-icon{font-size:48px;line-height:1}.method-text{align-items:center;display:flex;flex-direction:column;gap:4px;text-align:center}.method-text strong{color:#1a1a1a;font-size:16px;font-weight:600}.method-text span{color:#666;font-size:13px}.camera-btn:hover:not(:disabled) .method-icon{animation:none!important}.selfie-tips{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:20px}.selfie-tips h4{color:#333;font-size:16px;font-weight:600;margin-bottom:12px}.selfie-tips ul{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.selfie-tips li{color:#555;font-size:14px;padding-left:4px}.selfie-preview-container{align-items:center;display:flex;flex-direction:column;gap:20px}.selfie-preview{aspect-ratio:4/3;border-radius:12px;box-shadow:0 4px 12px #0000001a;max-width:400px;overflow:hidden;position:relative;width:100%}.selfie-image{display:block;height:100%;object-fit:cover;width:100%}.remove-selfie-btn{align-items:center;background:#fffffff2;border:none;border-radius:50%;box-shadow:0 2px 8px #00000026;color:#c33;cursor:pointer;display:flex;font-size:20px;font-weight:700;height:36px;justify-content:center;position:absolute;right:12px;top:12px;transition:all .2s ease;width:36px}.remove-selfie-btn:hover:not(:disabled){background:#c33;color:#fff;transform:scale(1.1)}.remove-selfie-btn:disabled{cursor:not-allowed;opacity:.5}.selfie-actions{display:flex;gap:12px;justify-content:center}.retake-btn{align-items:center;background:#fff;border:2px solid #007bff;border-radius:8px;color:#007bff;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;padding:12px 24px;transition:all .3s ease}.retake-btn:hover:not(:disabled){background:#007bff;box-shadow:0 4px 12px #007bff4d;color:#fff;transform:translateY(-2px)}.retake-btn:disabled{cursor:not-allowed;opacity:.5}.selfie-success{align-items:center;background:#d4edda;border:1px solid #c3e6cb;border-radius:8px;color:#155724;display:flex;font-size:14px;gap:10px;padding:12px 16px}.selfie-success .success-icon{font-size:20px;font-weight:700}@media (max-width:768px){.selfie-capture-container{padding:16px}.method-buttons{grid-template-columns:1fr}.method-btn{min-height:120px}.selfie-title{font-size:20px}}.provider-signup-form-container .selfie-capture-container,.seeker-signup-form-container .selfie-capture-container,.sign-up-form .selfie-capture-container{max-width:1400px;padding:8px}.provider-signup-form-container .selfie-header,.seeker-signup-form-container .selfie-header,.sign-up-form .selfie-header{margin-bottom:10px}.provider-signup-form-container .selfie-title,.seeker-signup-form-container .selfie-title,.sign-up-form .selfie-title{font-size:17px;margin-bottom:4px}.provider-signup-form-container .selfie-description,.seeker-signup-form-container .selfie-description,.sign-up-form .selfie-description{font-size:11.5px;line-height:1.35}.provider-signup-form-container .selfie-options,.seeker-signup-form-container .selfie-options,.sign-up-form .selfie-options{grid-gap:8px;align-items:stretch;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.provider-signup-form-container .method-selection,.seeker-signup-form-container .method-selection,.sign-up-form .method-selection{border-radius:10px;padding:10px}.provider-signup-form-container .method-selection,.provider-signup-form-container .selfie-tips,.seeker-signup-form-container .method-selection,.seeker-signup-form-container .selfie-tips,.sign-up-form .method-selection,.sign-up-form .selfie-tips{display:flex;flex-direction:column;height:100%}.provider-signup-form-container .method-buttons,.seeker-signup-form-container .method-buttons,.sign-up-form .method-buttons{gap:8px}.provider-signup-form-container .method-btn,.seeker-signup-form-container .method-btn,.sign-up-form .method-btn{gap:6px;min-height:90px;padding:10px 8px}.provider-signup-form-container .method-icon,.seeker-signup-form-container .method-icon,.sign-up-form .method-icon{font-size:32px}.provider-signup-form-container .method-text strong,.seeker-signup-form-container .method-text strong,.sign-up-form .method-text strong{font-size:13px}.provider-signup-form-container .method-text span,.seeker-signup-form-container .method-text span,.sign-up-form .method-text span{font-size:11px}.provider-signup-form-container .selfie-tips,.seeker-signup-form-container .selfie-tips,.sign-up-form .selfie-tips{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:10px;padding:10px}.provider-signup-form-container .selfie-tips h4,.seeker-signup-form-container .selfie-tips h4,.sign-up-form .selfie-tips h4{font-size:13px;margin-bottom:6px}.provider-signup-form-container .selfie-tips ul,.seeker-signup-form-container .selfie-tips ul,.sign-up-form .selfie-tips ul{gap:5px}.provider-signup-form-container .selfie-tips li,.seeker-signup-form-container .selfie-tips li,.sign-up-form .selfie-tips li{font-size:11px}.provider-signup-form-container .selfie-preview,.seeker-signup-form-container .selfie-preview,.sign-up-form .selfie-preview{aspect-ratio:4/3;max-width:260px}.provider-signup-form-container .remove-selfie-btn,.seeker-signup-form-container .remove-selfie-btn,.sign-up-form .remove-selfie-btn{font-size:14px;height:24px;width:24px}.provider-signup-form-container .retake-btn,.seeker-signup-form-container .retake-btn,.sign-up-form .retake-btn{font-size:12px;padding:6px 12px}.provider-signup-form-container .selfie-success,.seeker-signup-form-container .selfie-success,.sign-up-form .selfie-success{font-size:12px;padding:8px 10px}@media (max-width:900px){.provider-signup-form-container .selfie-options,.seeker-signup-form-container .selfie-options,.sign-up-form .selfie-options{grid-template-columns:1fr}}.forgot-password-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.forgot-password-card{animation:slideUp .5s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:480px;padding:48px 40px;width:100%}.forgot-password-header{margin-bottom:32px;text-align:center}.lock-icon{color:#fff;height:40px;width:40px}.forgot-password-header h1{color:#1a202c;font-size:28px;font-weight:700;margin:0 0 12px}.forgot-password-form,.form-group{margin-bottom:24px}.form-input{padding:14px 16px}.form-input.error{border-color:#ef4444}.success-message-box{margin-bottom:24px;padding:24px 0;text-align:center}.success-icon{background:#d1fae5;display:inline-flex;height:64px;width:64px}.success-icon svg{color:#10b981;height:36px;width:36px}.success-message-box h3{color:#1a202c;font-size:22px;font-weight:700;margin:0 0 12px}.success-description{color:#64748b;font-size:15px;line-height:1.6;margin:0 0 20px}.success-tip{color:#64748b;font-size:14px;line-height:1.6;margin:0}.success-tip strong{color:#334155}.resend-link{background:none;border:none;color:#667eea;cursor:pointer;font-size:inherit;font-weight:600;padding:0;text-decoration:underline}.resend-link:hover{color:#764ba2}.forgot-password-footer{border-top:1px solid #e2e8f0;padding-top:24px;text-align:center}@media (max-width:576px){.forgot-password-card{padding:32px 24px}.forgot-password-header h1{font-size:24px}.icon-wrapper{height:64px;width:64px}.lock-icon{height:32px;width:32px}}.reset-password-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.reset-password-card{animation:slideUp .5s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:520px;padding:48px 40px;width:100%}.reset-password-header{margin-bottom:32px;text-align:center}.icon-wrapper{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:inline-flex;height:80px;justify-content:center;margin-bottom:24px;width:80px}.key-icon{color:#fff;height:40px;width:40px}.reset-password-header h1{color:#1a202c;font-size:28px;font-weight:700;margin:0 0 12px}.subtitle{color:#64748b;font-size:15px;line-height:1.6;margin:0}.reset-password-form{margin-bottom:24px}.form-group label{color:#334155}.password-input-wrapper{position:relative}.form-input{background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;font-size:15px;padding:14px 48px 14px 16px;transition:all .3s ease;width:100%}.form-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.form-input:disabled{background:#f1f5f9;cursor:not-allowed;opacity:.6}.toggle-password{background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px;position:absolute;right:14px;top:50%;transform:translateY(-50%);transition:color .2s ease}.toggle-password:hover{color:#667eea}.toggle-password svg{height:20px;width:20px}.password-strength{align-items:center;display:flex;gap:12px;margin-top:8px}.strength-bar{background:#e2e8f0;border-radius:4px;flex:1 1;height:4px;overflow:hidden}.strength-fill{height:100%;transition:all .3s ease}.strength-label{font-size:12px;font-weight:600;min-width:50px;text-align:right}.password-requirements{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:20px;padding:16px}.requirements-title{color:#334155;font-size:13px;font-weight:600;margin:0 0 10px}.password-requirements ul{list-style:none;margin:0;padding:0}.password-requirements li{color:#64748b;font-size:13px;padding:4px 0 4px 24px;position:relative}.password-requirements li:before{color:#cbd5e1;content:"○";font-size:14px;left:4px;position:absolute}.password-requirements li.met{color:#22c55e;font-weight:500}.password-requirements li.met:before{color:#22c55e;content:"✓"}.error-message{font-size:14px;gap:8px;margin-bottom:16px;padding:12px 16px}.error-icon{height:20px;width:20px}.submit-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:14px 24px;transition:all .3s ease;width:100%}.submit-button:hover:not(:disabled){box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.spinner{border:3px solid #ffffff4d;border-top-color:#fff;height:18px;width:18px}.spinner.large{border-color:#0000 #667eea #667eea;border-width:4px;height:48px;width:48px}.reset-password-footer{border-top:1px solid #e2e8f0;padding-top:24px;text-align:center}.back-link{align-items:center;color:#64748b;display:inline-flex;font-size:14px;font-weight:500;gap:8px;text-decoration:none;transition:color .2s ease}.back-link svg{height:18px;width:18px}.back-link:hover{color:#667eea}.error-state,.loading-state,.success-state{padding:40px 20px;text-align:center}.loading-state p{color:#64748b;font-size:16px;margin:20px 0 0}.error-icon-large,.success-icon-large{align-items:center;border-radius:50%;display:inline-flex;height:80px;justify-content:center;margin-bottom:24px;width:80px}.error-icon-large{background:#fee2e2}.error-icon-large svg{color:#dc2626;height:48px;width:48px}.success-icon-large{background:#d1fae5}.success-icon-large svg{color:#10b981;height:48px;width:48px}.error-state h2,.success-state h2{color:#1a202c;font-size:24px;font-weight:700;margin:0 0 12px}.error-state p,.success-state p{color:#64748b;font-size:15px;line-height:1.6;margin:0 0 24px}.redirect-message{color:#94a3b8;font-size:14px;font-style:italic;margin-bottom:16px!important}.primary-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:15px;font-weight:600;padding:12px 28px;text-decoration:none;transition:all .3s ease}.primary-button:hover{box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}@media (max-width:576px){.reset-password-card{padding:32px 24px}.reset-password-header h1{font-size:24px}.icon-wrapper{height:64px;width:64px}.key-icon{height:32px;width:32px}.error-icon-large,.success-icon-large{height:64px;width:64px}.error-icon-large svg,.success-icon-large svg{height:36px;width:36px}}.admin-dashboard{background:#fff9e6;color:#2d3436;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100vw;z-index:1000}.admin-sidebar{align-items:stretch;background:linear-gradient(180deg,#3b4f7d,#2d3b5e);box-shadow:4px 0 20px #3b4f7d26;color:#fff;display:flex;flex-direction:column;flex-shrink:0;padding:16px;position:relative;transition:width .3s ease;width:180px}.admin-sidebar:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='10' height='10' patternUnits='userSpaceOnUse'%3E%3Cpath d='M10 0H0v10' fill='none' stroke='rgba(255,255,255,0.1)' stroke-width='.5'/%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}.admin-brand{align-items:center;border-bottom:1px solid #fff3;display:flex;justify-content:center;padding:8px 0 12px;position:relative;z-index:2}.admin-logo{display:block;filter:brightness(1.2) contrast(120%);height:auto;width:120px}.admin-nav{flex:1 1;flex-direction:column;gap:8px;z-index:2}.admin-nav,.admin-nav-item{display:flex;position:relative}.admin-nav-item{align-items:center;background:none;border:none;border-radius:12px;color:#ffffffe6;cursor:pointer;font-weight:400;gap:12px;overflow:hidden;padding:8px 12px;text-align:left;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.admin-nav-item:before{background:#ffffff26;border-radius:12px;content:"";height:100%;left:0;position:absolute;top:0;transition:width .3s ease;width:0}.admin-nav-item:hover:before{width:100%}.admin-nav-item:hover{box-shadow:0 4px 15px #0003;color:#fff;transform:translateX(8px)}.admin-nav-item.active{background:#fff3;box-shadow:0 4px 15px #00000026;color:#fff}.admin-nav-icon{filter:brightness(0) invert(1);height:24px;object-fit:contain;position:relative;transition:all .3s ease;width:24px;z-index:2}.admin-nav-label{font-size:.75rem;font-weight:400;position:relative;z-index:2}.admin-collapse-btn{align-items:center;background:#fff;border:2px solid #6b8dd6;border-radius:50%;box-shadow:0 4px 12px #6b8dd666,0 0 0 4px #6b8dd61a;color:#6b8dd6;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:40px;justify-content:center;position:absolute;right:-18px;top:50%;transform:translateY(-50%);transition:all .3s ease;width:40px;z-index:2}.admin-collapse-btn:hover{background:#6b8dd6;box-shadow:0 6px 16px #6b8dd680,0 0 0 6px #6b8dd626;color:#fff;transform:translateY(-50%) scale(1.08)}.admin-collapse-btn:active{transform:translateY(-50%) scale(1.05)}.admin-sidebar.collapsed{width:60px}.admin-sidebar.collapsed .admin-logo{width:40px}.admin-sidebar.collapsed .admin-logout-btn .admin-nav-label,.admin-sidebar.collapsed .admin-nav-label{display:none}.admin-sidebar.collapsed .admin-nav-item{justify-content:center;padding:8px}.admin-sidebar.collapsed .admin-logout-btn{justify-content:center;padding:10px}.admin-logout{border-top:1px solid #fff3;margin-top:auto;padding-top:12px;position:relative;z-index:2}.admin-logout-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#ffffffe6;cursor:pointer;display:flex;font-size:.75rem;font-weight:400;gap:12px;padding:10px 16px;transition:all .3s ease;width:100%}.admin-logout-btn:hover{background:#fff3;box-shadow:0 8px 25px #0003;color:#fff;transform:translateY(-2px)}.admin-logout-btn .admin-nav-icon{filter:brightness(0) invert(1);height:24px;object-fit:contain;position:relative;width:24px;z-index:2}.admin-main{flex:1 1;flex-direction:column;overflow:hidden}.admin-header,.admin-main{background:#fff;display:flex}.admin-header{align-items:center;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a;justify-content:space-between;padding:14px 20px;position:relative;z-index:100}.admin-header h1.admin-page-title{color:#1f2937;font-size:20px;font-weight:700;margin:0}.admin-username{color:#1f2937;font-size:18px;font-weight:700;margin:0}.admin-header-actions{align-items:center;display:flex;gap:12px}.admin-icon-btn{align-items:center;background:#f3f4f6;border:none;border-radius:12px;color:#6b7280;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;position:relative;transition:all .3s ease;width:36px}.admin-icon-btn:hover{background:#6b8dd6;box-shadow:0 4px 12px #6b8dd64d;color:#fff;transform:translateY(-2px)}.admin-icon-btn.notification-btn{font-size:20px}.admin-icon-btn.notification-btn:hover{transform:translateY(-2px) scale(1.1)}.notification-badge{align-items:center;background:#ef4444;display:flex;font-size:12px;font-weight:600;height:20px;justify-content:center;min-width:20px;right:-6px;top:-6px}.admin-content{background:#f9fafb;flex:1 1;overflow:visible;padding:32px}.admin-content,.admin-content>*{animation:none!important;transition:none!important}.admin-page-title{color:#1f2937;font-size:32px;font-weight:700;margin:0 0 32px}.stats-grid{grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:32px}.stat-card{border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 6px #00000012;gap:20px;padding:24px}.stat-card:hover{box-shadow:0 8px 25px #00000026}.stat-card.urgent{background:linear-gradient(135deg,#fff,#fff9e6);border-left:4px solid #6b8dd6}.stat-icon{background:linear-gradient(135deg,#6b8dd6,#5272c4);border-radius:16px;color:#fff;font-size:28px;height:60px;width:60px}.stat-number{color:#1f2937;font-size:32px;margin:0}.stat-label{font-size:16px;margin:4px 0 0}.stat-change{border-radius:6px;display:inline-block;font-size:14px;font-weight:500;margin-top:8px;padding:4px 8px}.stat-change.positive{background:#0596691a;color:#059669}.stat-change.neutral{background:#6b72801a;color:#6b7280}.activity-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 1fr;margin-bottom:32px}.activity-section{border:1px solid #e5e7eb;box-shadow:0 4px 6px #00000012;padding:24px}.activity-section h3{font-size:20px;margin:0 0 20px}.activity-list{gap:16px}.activity-item{background:#f9fafb;border-radius:12px;gap:16px;padding:16px}.activity-item:hover{background:#f3f4f6}.activity-avatar{align-items:center;background:linear-gradient(135deg,#6b8dd6,#5272c4);border-radius:12px;color:#fff;display:flex;font-size:20px;height:48px;justify-content:center;width:48px}.activity-name{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 4px}.activity-meta{color:#6b7280;font-size:14px}.activity-status{border-radius:20px;font-size:12px;padding:6px 12px}.activity-status.active{background:#d1fae5;color:#065f46}.activity-status.suspended{background:#fff4d4;color:#ffa726}.section-header{margin-bottom:24px}.search-filters{align-items:center;gap:16px}.filter-select,.search-input{border:1px solid #d1d5db;font-size:14px;padding:12px 16px}.filter-select:focus,.search-input:focus{border-color:#6b8dd6;box-shadow:0 0 0 3px #6b8dd61a}.data-table{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 6px #00000012;overflow:hidden}.data-table table{border-collapse:collapse;width:100%}.data-table td,.data-table th{border-bottom:1px solid #e5e7eb;padding:16px;text-align:left}.data-table th{background:#f9fafb;color:#1f2937;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.user-cell{align-items:center;display:flex;gap:12px}.user-avatar{border-radius:10px;font-size:16px;height:40px;width:40px}.user-name{color:#1f2937;margin-bottom:2px}.user-email{color:#6b7280;font-size:14px}.status-badge{font-size:12px;padding:6px 12px}.status-badge.suspended{background:#fff4d4;color:#ffa726}.btn-primary:hover{box-shadow:0 8px 25px #6b8dd64d}.btn-outline{border:2px solid #6b8dd6;border-radius:8px;color:#6b8dd6}.btn-outline:hover{background:#6b8dd6}.btn-sm,.btn-sm-danger,.btn-sm-outline{border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .3s ease}.btn-sm{background:#6b8dd6}.btn-sm-outline{border:1px solid #d1d5db;color:#6b7280}.btn-sm-danger{background:#ef5350;border:none;color:#fff}.tables-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-left:auto;margin-right:auto;margin-top:2rem;max-width:1400px}.user-section{margin-bottom:1rem;min-width:0}.tables-grid .data-table td,.tables-grid .data-table th{padding:12px 10px}.tables-grid .user-cell{gap:10px}.tables-grid .user-name{font-size:14px}.tables-grid .user-email{font-size:12px}.user-section h2{border-bottom:2px solid #6b8dd6;color:#1f2937;font-size:1.5rem;font-weight:600;margin-bottom:1rem;padding:.75rem 0}.bulk-actions{align-items:center;display:flex;gap:12px}.user-phone{color:#9ca3af;font-size:12px;margin-top:2px}.pagination{align-items:center;border-top:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:center;margin-top:1rem;padding:1rem 0}.pagination span{color:#6b7280;font-weight:500}.status-badge.verified{background:#d1fae5;color:#065f46}.status-badge.rejected{background:#fff4d4;color:#ffa726}.modal-overlay{z-index:10000}.modal-content{border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-height:85vh;max-width:800px;width:95%}.modal-header{justify-content:between}.modal-header h2{color:#1f2937;flex:1 1;font-size:1.5rem}.modal-close{transition:all .2s}.modal-close:hover{background:#f3f4f6;color:#1f2937}.user-details{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr}.detail-section{background:#f9fafb;border:1px solid #e5e7eb}.detail-section h3{border-bottom:2px solid #fecaca;color:#6b8dd6;margin:0 0 1rem;padding-bottom:.5rem}.detail-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.detail-item.full-width{grid-column:1/-1}.detail-item strong{color:#1f2937;font-size:.875rem;letter-spacing:.025em}.detail-item span{color:#374151;font-size:1rem;line-height:1.4}.bio-text{background:#fff;border-left:3px solid #6b8dd6;border-radius:8px;color:#374151;font-style:italic;line-height:1.6;margin:.5rem 0 0;padding:1rem}.text-success{color:#059669!important;font-weight:600}.text-danger{color:#ef5350!important;font-weight:600}.data-table input[type=checkbox]{accent-color:#6b8dd6;cursor:pointer;height:16px;width:16px}.data-table td:first-child,.data-table th:first-child{text-align:center;width:50px}.btn-sm:hover{box-shadow:0 4px 12px #6b8dd64d;transform:translateY(-1px)}.btn-sm-outline:hover{background:#f3f4f6;border-color:#9ca3af}.btn-sm-danger:hover{background:#ef5350;box-shadow:0 4px 12px #ef53504d;transform:translateY(-1px)}.data-table tbody tr:hover{background:#f9fafb}.data-table tbody tr.selected{background:#fff9e6;border-left:3px solid #6b8dd6}.search-filters{flex:1 1;min-width:300px}.bulk-actions{flex:0 0 auto}@media (min-width:1440px) and (max-width:1920px){.admin-content{padding:clamp(1.5rem,2vw,2.5rem)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr))}}@media (max-width:1439px){.admin-sidebar{width:clamp(160px,15vw,200px)}.admin-logo{width:clamp(100px,12vw,130px)}.admin-nav-label{font-size:clamp(.7rem,1.2vw,.85rem)}.stats-grid{gap:clamp(1rem,2vw,1.5rem);grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr))}.admin-content{padding:clamp(1.25rem,2vw,2rem)}.admin-page-title{font-size:clamp(1.5rem,3vw,2rem)}}@media (max-width:1024px){.admin-sidebar{width:clamp(140px,20vw,180px)}.admin-collapse-btn{height:36px;right:-16px;width:36px}.stats-grid{gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))}.activity-grid,.tables-grid{gap:1.5rem;grid-template-columns:1fr}.section-header{align-items:stretch;flex-direction:column;gap:1rem}.bulk-actions,.search-filters{flex:none;width:100%}.modal-content{margin:1rem;max-width:700px;width:90%}.modal-body,.modal-footer,.modal-header{padding:clamp(.75rem,2vw,1.25rem)}.stat-card{padding:clamp(1rem,2.5vw,1.5rem)}.stat-number{font-size:clamp(1.5rem,4vw,2rem)}.stat-label{font-size:clamp(.875rem,1.5vw,1rem)}.admin-header{padding:clamp(.75rem,2vw,1rem) clamp(1rem,2.5vw,1.5rem)}.admin-header h1.admin-page-title{font-size:clamp(1.125rem,2.5vw,1.5rem)}}@media (max-width:768px){.admin-dashboard{flex-direction:column;height:auto;min-height:100vh}.admin-sidebar{flex-direction:row;justify-content:space-between;overflow-x:auto;padding:.75rem 1rem;width:100%}.admin-sidebar.collapsed{width:100%}.admin-brand{border-bottom:none;border-right:1px solid #fff3;padding:.5rem 1rem .5rem 0}.admin-logo{width:clamp(80px,15vw,120px)}.admin-nav{flex:1 1;flex-direction:row;gap:.5rem;overflow-x:auto}.admin-nav-item{flex-direction:column;gap:.25rem;min-width:-webkit-fit-content;min-width:fit-content;padding:.5rem;white-space:nowrap}.admin-nav-label{font-size:clamp(.65rem,1.5vw,.75rem)}.admin-logout{border-left:1px solid #fff3;border-top:none;margin-left:auto;margin-top:0;padding-left:.75rem;padding-top:0}.admin-collapse-btn{display:none}.admin-content{padding:clamp(.75rem,2vw,1.25rem)}.admin-page-title{font-size:clamp(1.25rem,4vw,1.75rem)}.stats-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr))}.tables-grid{gap:1rem;grid-template-columns:1fr}.data-table{-webkit-overflow-scrolling:touch;overflow-x:auto}.data-table table{min-width:600px}.action-buttons{flex-wrap:wrap;gap:.5rem}.btn-sm,.btn-sm-danger,.btn-sm-outline{font-size:clamp(.7rem,1.5vw,.85rem);padding:clamp(.25rem,1vw,.5rem) clamp(.5rem,2vw,.75rem);white-space:nowrap}.admin-header{align-items:stretch;flex-direction:column;gap:.75rem;padding:.875rem 1rem}.admin-header-actions{flex-wrap:wrap;gap:.5rem}.admin-icon-btn{height:clamp(32px,8vw,40px);width:clamp(32px,8vw,40px)}.modal-content{margin:.5rem;max-height:95vh;max-width:none;width:95%}.detail-grid{grid-template-columns:1fr}}@media (max-width:667px) and (orientation:landscape){.admin-sidebar{padding:.5rem .75rem}.admin-content{padding:.75rem}.stats-grid{gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr))}.stat-card{padding:.875rem}.modal-content{max-height:90vh;overflow-y:auto}}@media (max-width:480px){.admin-sidebar{gap:.5rem;padding:.625rem}.admin-logo{width:clamp(60px,12vw,80px)}.admin-nav{flex-wrap:wrap;gap:.375rem}.admin-nav-item{flex:0 0 auto;min-width:auto;padding:.375rem .5rem}.admin-nav-icon{height:20px;width:20px}.admin-nav-label{display:none;font-size:clamp(.6rem,1.8vw,.7rem)}.admin-nav-item:hover .admin-nav-label{display:block}.admin-content{padding:clamp(.625rem,3vw,1rem)}.admin-page-title{font-size:clamp(1.125rem,5vw,1.5rem);margin-bottom:clamp(1rem,3vw,1.5rem)}.stats-grid{gap:.875rem;grid-template-columns:1fr}.stat-card{padding:1rem}.stat-icon{font-size:clamp(1.25rem,4vw,1.5rem);height:clamp(44px,12vw,52px);width:clamp(44px,12vw,52px)}.stat-number{font-size:clamp(1.5rem,6vw,2rem)}.stat-label{font-size:clamp(.8125rem,2.5vw,.9375rem)}.activity-grid{gap:1rem}.activity-section{padding:1rem}.activity-section h3{font-size:clamp(1rem,4vw,1.25rem)}.filter-select,.search-input{font-size:clamp(.8125rem,2vw,.9375rem);width:100%}.search-filters{flex-direction:column;gap:.75rem}.btn-outline,.btn-primary{font-size:clamp(.8125rem,2.5vw,1rem);justify-content:center;padding:clamp(.625rem,2vw,.875rem) clamp(1rem,3vw,1.5rem);width:100%}.action-buttons{flex-direction:column;gap:.375rem;width:100%}.action-buttons button{width:100%}.modal-content{border-radius:12px;margin:.25rem;width:98%}.modal-body,.modal-footer,.modal-header{padding:clamp(.75rem,3vw,1rem)}.modal-header h2{font-size:clamp(1rem,4vw,1.25rem)}}@media (max-width:374px){.admin-sidebar{-webkit-overflow-scrolling:touch;overflow-x:auto;padding:.5rem}.admin-brand,.admin-nav{min-width:-webkit-fit-content;min-width:fit-content}.admin-content{padding:.5rem}.admin-page-title{font-size:1.125rem}.stat-card{padding:.875rem}.stat-icon{font-size:1.125rem;height:40px;width:40px}.stat-number{font-size:1.375rem}.stat-label{font-size:.75rem}.activity-item{align-items:flex-start;flex-direction:column}.modal-content{border-radius:8px}.btn-sm,.btn-sm-danger,.btn-sm-outline{font-size:.6875rem;padding:.25rem .5rem}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.admin-dashboard{font-size:15px}.btn-sm,.btn-sm-danger,.btn-sm-outline{min-height:32px}.admin-icon-btn{min-height:40px;min-width:40px}}.admin-stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:1.5rem 0}.section-header{border-bottom:2px solid #6b8dd6;margin:2rem 0 1rem;padding:.75rem 0}.section-header h2{align-items:center;color:#1f2937;display:flex;font-size:1.25rem;font-weight:700;gap:.5rem;margin:0}.stat-card.success{background:linear-gradient(135deg,#ecfdf5,#f0fdf4);border-left:4px solid #10b981}.stat-card.success:hover{box-shadow:0 10px 25px #10b98133;transform:translateY(-4px)}.stat-card.warning{background:linear-gradient(135deg,#fffbeb,#fefce8);border-left:4px solid #f59e0b}.stat-card.warning:hover{box-shadow:0 10px 25px #f59e0b33;transform:translateY(-4px)}.stat-card.info{background:linear-gradient(135deg,#eff6ff,#f0f9ff);border-left:4px solid #3b82f6}.stat-card.info:hover{box-shadow:0 10px 25px #3b82f633;transform:translateY(-4px)}.stat-card.special{background:linear-gradient(135deg,#f5f3ff,#faf5ff);border-left:4px solid #8b5cf6}.stat-card.special:hover{box-shadow:0 10px 25px #8b5cf633;transform:translateY(-4px)}.stat-card.popular{background:linear-gradient(135deg,#ecfeff,#f0fdfa);border-left:4px solid #06b6d4;position:relative}.stat-card.popular:after{content:"🔥";font-size:1.2rem;position:absolute;right:8px;top:8px}.stat-card.popular:hover{box-shadow:0 10px 25px #06b6d433;transform:translateY(-4px)}.stat-card.low{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-left:4px solid #6b7280}.stat-card.low:hover{box-shadow:0 10px 25px #6b728033;transform:translateY(-4px)}.stat-change.negative{background:#ef53501a;border-radius:4px;color:#ef5350;font-size:.75rem;padding:2px 6px}.verification-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.category-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.analytics-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.reports-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.notifications-section{margin:1.5rem 0}.notification-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1rem}.notification-card{border-left:4px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;gap:.75rem;padding:1rem;transition:all .2s ease}.notification-card:hover{box-shadow:0 8px 15px -3px #0000001a}.notification-card.urgent{background:linear-gradient(135deg,#fff9e6,#fffef8);border-left-color:#6b8dd6}.notification-card.warning{background:linear-gradient(135deg,#fffbeb,#fefce8);border-left-color:#f59e0b}.notification-card.info{background:linear-gradient(135deg,#eff6ff,#f0f9ff);border-left-color:#3b82f6}.notification-card.success{background:linear-gradient(135deg,#ecfdf5,#f0fdf4);border-left-color:#10b981}.notif-icon{flex-shrink:0;font-size:1.5rem;margin-top:2px}.notif-content{flex:1 1}.notif-title{color:#1f2937;font-size:.9rem;font-weight:600;margin-bottom:.25rem}.notif-message{color:#6b7280;font-size:.85rem;line-height:1.4;margin-bottom:.5rem}.notif-time{color:#9ca3af;font-size:.75rem;font-weight:500}.empty-state{background:#f9fafb;border:2px dashed #d1d5db;padding:2rem}.empty-state-icon{font-size:2.5rem;margin-bottom:.5rem;opacity:.5}.empty-state-text{font-size:.9rem;margin-bottom:.25rem}.empty-state-subtext{color:#9ca3af;font-size:.8rem}.loading-card{animation:loading 2s infinite;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%);background-size:200% 100%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.overview-grid{gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:3rem}.performance-grid{gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:2rem}.performance-card{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #cbd5e1}.overview-card{background:#fff;border:1px solid #e5e7eb;display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.stat-header{align-items:center;display:flex;gap:1rem}.stat-header .stat-icon{font-size:2rem;opacity:.8}.stat-main{flex:1 1}.stat-main .stat-number{color:#111827;font-size:2rem;font-weight:700;margin:0}.stat-main .stat-label{color:#6b7280;font-size:.875rem;font-weight:500;margin:0}.stat-breakdown{border-top:1px solid #f3f4f6;display:flex;flex-direction:column;gap:.5rem;padding-top:.5rem}.breakdown-item{align-items:center;display:flex;justify-content:space-between;padding:.25rem 0}.breakdown-label{color:#6b7280;font-size:.75rem;font-weight:500}.breakdown-value{color:#374151;font-size:.875rem;font-weight:600}.overview-card:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px);transition:all .2s ease}.kpi-grid{margin-bottom:1.5rem}.kpi-card{background:#fff;border:1px solid #e5e7eb;box-shadow:none;color:#374151;padding:1rem}.kpi-card .stat-icon{font-size:1.5rem;margin-bottom:.25rem;opacity:.7}.kpi-card .stat-number{color:#111827;font-size:1.75rem;font-weight:600}.kpi-card .stat-label{color:#6b7280;font-size:.875rem;font-weight:400}.kpi-card .stat-change{background:#f9fafb;border:none;color:#6b7280;font-size:.75rem;padding:2px 6px}.kpi-card:hover{box-shadow:0 1px 3px #0000001a;transform:none}@media (max-width:768px){.analytics-grid,.category-grid,.notification-cards,.reports-grid,.verification-grid{grid-template-columns:1fr}.section-header h2{font-size:1.1rem}}.logout-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:fixed;right:0;top:0;transition:all .3s ease;visibility:hidden;z-index:10000}.logout-overlay.show{opacity:1;visibility:visible}.logout-modal{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-width:340px;padding:1.6rem;text-align:center;transform:scale(.8) translateY(-20px);transition:all .3s cubic-bezier(.34,1.56,.64,1);width:90%}.logout-modal.show{transform:scale(1) translateY(0)}.logout-icon{margin-bottom:1.5rem}.logout-icon-circle{align-items:center;animation:pulse-warning 2s ease-in-out infinite;background:linear-gradient(135deg,#fef3c7,#fbbf24);border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto;width:80px}.logout-icon-circle span{font-size:2rem}@keyframes pulse-warning{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.logout-content h2{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.logout-content p{color:#6b7280;font-size:1rem;margin:0 0 .5rem}.logout-subtitle{color:#9ca3af!important;font-size:.875rem!important}.logout-actions{display:flex;gap:1rem;margin-top:2rem}.logout-btn{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:600;padding:.875rem 1.5rem;transition:all .3s ease}.logout-btn:disabled{cursor:not-allowed;opacity:.6}.logout-btn-cancel{background:#f3f4f6;border:2px solid #e5e7eb;color:#6b7280}.logout-btn-cancel:hover:not(:disabled){background:#e5e7eb;color:#374151;transform:translateY(-1px)}.logout-btn-confirm{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff}.logout-btn-confirm:hover:not(:disabled){box-shadow:0 8px 25px #dc26264d;transform:translateY(-2px)}.logout-animation{animation:fadeInUp .5s ease}.logout-spinner{height:80px;margin:0 auto 1.5rem;position:relative;width:80px}.spinner-ring{animation:spin 1.5s linear infinite;border:3px solid #0000;border-radius:50%;height:100%;position:absolute;width:100%}.spinner-ring:first-child{animation-delay:0s;border-top-color:#dc2626}.spinner-ring:nth-child(2){animation-delay:.3s;border-right-color:#f97316;height:70%;left:15%;top:15%;width:70%}.spinner-ring:nth-child(3){animation-delay:.6s;border-bottom-color:#eab308;height:40%;left:30%;top:30%;width:40%}.logout-animation h2{animation:fadeInUp .5s ease .3s both;color:#1f2937;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.logout-animation p{animation:fadeInUp .5s ease .6s both;color:#6b7280;font-size:1rem;margin:0 0 1.5rem}.logout-progress{animation:fadeInUp .5s ease .9s both;background:#e5e7eb;border-radius:2px;height:4px;overflow:hidden;width:100%}.logout-progress-bar{animation:progress 2s ease-in-out;background:linear-gradient(90deg,#dc2626,#f97316,#eab308);border-radius:2px;height:100%}@keyframes progress{0%{transform:translateX(-100%);width:0}50%{transform:translateX(0);width:100%}to{transform:translateX(0);width:100%}}@media (max-width:480px){.logout-modal{margin:1rem;padding:1.5rem}.logout-actions{flex-direction:column;gap:.75rem}.logout-btn{width:100%}}.categories-stats-header{background:#6b8dd6;border:2px solid #6b8dd6;border-radius:8px;box-shadow:0 2px 6px #6b8dd626;display:flex;gap:.5rem;margin-bottom:1.5rem;margin-top:-.85rem;padding:.5rem .7rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.stat-text{color:#636e72;font-size:.58rem;font-weight:600;letter-spacing:.3px;line-height:1.1;text-transform:uppercase}.categories-filters-bar{align-items:center;background:#fff;border:1px solid #dfe6e9;border-radius:8px;box-shadow:0 2px 6px #0000000f;display:flex;justify-content:space-between;margin-bottom:.75rem;padding:.6rem 1rem;position:-webkit-sticky;position:sticky;top:4.6rem;z-index:99}.categories-filters-bar .filters-left{align-items:center;display:flex;flex:0 0 auto;gap:.75rem}.categories-filters-bar .filters-right{align-items:center;display:flex;flex-shrink:0;gap:.65rem;max-width:350px}.add-category-btn{background:linear-gradient(135deg,#6b8dd6,#5272c4);border:none;border-radius:8px;box-shadow:0 2px 4px #6b8dd640;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.add-category-btn:hover{background:linear-gradient(135deg,#5272c4,#3b4f7d);box-shadow:0 3px 8px #6b8dd659;transform:translateY(-1px)}.categories-filters-bar .search-wrapper{max-width:240px;position:relative;width:100%}.categories-filters-bar .search-icon{height:16px;left:12px;opacity:.6;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:16px;z-index:1}.categories-filters-bar .search-input-compact{background:#f5f6fa;border:1px solid #dfe6e9;border-radius:8px;color:#2d3436;font-size:.75rem;outline:none;padding:.45rem .75rem .45rem 2.25rem;transition:all .2s ease;width:100%}.categories-filters-bar .search-input-compact::placeholder{color:#9ca3af}.categories-filters-bar .search-input-compact:focus{background:#fff;border-color:#6b8dd6;box-shadow:0 0 0 3px #6b8dd61a}.view-toggle-switch{align-items:center;background:#dfe6e9;border:none;border-radius:16px;box-shadow:inset 0 2px 4px #0000001a;cursor:pointer;display:flex;height:28px;justify-content:space-between;padding:0 6px;position:relative;transition:all .3s ease;width:58px}.view-toggle-switch:hover{background:#c8d1d9}.view-toggle-switch.active{background:linear-gradient(135deg,#9ca3af,#6b7280);box-shadow:0 2px 6px #9ca3af66}.toggle-icon-left,.toggle-icon-right{font-size:.8rem;line-height:1;pointer-events:none;transition:opacity .3s ease;z-index:1}.view-toggle-switch .toggle-icon-left,.view-toggle-switch .toggle-icon-right{opacity:.4}.view-toggle-switch.active .toggle-icon-left{filter:brightness(0) invert(1);opacity:1}.view-toggle-switch:not(.active) .toggle-icon-right{opacity:1}.toggle-slider{border-radius:11px;height:22px;left:3px;top:3px;transition:all .3s ease;width:22px}.view-toggle-switch.active .toggle-slider{transform:translateX(28px)}.categories-table td:first-child,.categories-table th:first-child{max-width:160px;min-width:160px;width:160px}.categories-management{background:#f9fafb;margin:0;max-height:calc(100vh - 100px);max-width:1400px;min-height:70vh;overflow-x:hidden;overflow-y:auto;padding:.85rem 1.5rem 1.25rem;position:relative;width:100%}.categories-management::-webkit-scrollbar{width:10px}.categories-management::-webkit-scrollbar-track{background:#f5f6fa;border-radius:10px}.categories-management::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#6b8dd6,#5272c4);border:2px solid #f5f6fa;border-radius:10px}.categories-management::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5272c4,#3b4f7d)}.categories-management.table-mode{overflow-y:hidden}.categories-header,.categories-header-old{display:none!important}.header-left{display:flex;flex:1 1;flex-direction:column;gap:.75rem}.header-right{flex:0 0 auto;gap:1.5rem}.minimal-search{align-items:center;display:flex}.minimal-search-input{border:1px solid #d1d5db;border-radius:9999px;box-shadow:0 1px 2px #0000000f;color:#111827;font-size:.9rem;height:36px;line-height:36px;padding:0 2.25rem 0 1rem;width:280px}.minimal-search-input:focus{border-color:#9ca3af;box-shadow:0 1px 3px #0000001a;outline:none}.minimal-search-icon{stroke-width:2;fill:none;color:#6b7280;height:18px;max-height:18px;max-width:18px;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:18px}.categories-header h2{color:#0d1282;font-size:1.5rem;font-weight:700;margin:0;text-align:left}.view-toggle-container{display:flex;justify-content:flex-start;margin:0;padding:0}.view-toggle-btn{align-items:center;background:#0d1282;border-radius:5px;box-shadow:0 3px 10px #667eea4d;color:#fff;display:flex;font-size:14px;font-weight:700;gap:.4rem;height:36px;letter-spacing:.3px;min-width:260px;overflow:hidden;padding:0 1rem;position:relative;width:260px;z-index:1}.view-toggle-btn:hover{box-shadow:0 3px 10px #667eea4d;transform:none}.view-toggle-btn.table-active{background:#0d1282;box-shadow:0 3px 12px #0d128266;width:260px}.view-toggle-btn.table-active:hover{box-shadow:0 3px 12px #0d128266;transform:none}.toggle-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));font-size:.9em;transition:transform .3s ease}.view-toggle-icon{font-size:.9em;line-height:1}.view-toggle-text{color:#fff;font-size:.8em;font-weight:700;letter-spacing:.4px;white-space:nowrap}.view-toggle-btn:hover .toggle-icon{transform:scale(1.1)}.toggle-text{font-size:.8em;letter-spacing:.5px;text-transform:none}.view-toggle-btn .toggle-text,.view-toggle-btn.card-active .toggle-text,.view-toggle-btn.table-active .toggle-text{color:#fff}.view-toggle-btn.table-active .toggle-text{font-size:.8em}.view-toggle-btn.table-active .toggle-icon{display:none}.view-toggle-btn.card-active .toggle-image{display:inline-block}.view-toggle-btn.table-active .view-toggle-icon{display:none}.toggle-image{display:inline-block;filter:brightness(0) invert(1);height:18px;margin-right:8px;object-fit:contain;vertical-align:middle;width:18px}.categories-table-container{background:#fff;border:1px solid #0000000d;border-radius:16px;box-shadow:0 8px 32px #0000001f;overflow:hidden;padding:0;position:relative}.categories-management.table-mode .categories-table-container{max-height:calc(100vh - 220px);overflow-x:auto;overflow-y:hidden}.categories-management.table-mode .categories-table{border-collapse:collapse;border-spacing:0}.categories-management.table-mode .categories-table thead{display:table;table-layout:fixed;width:100%}.categories-management.table-mode .categories-table tbody{display:block;max-height:calc(100vh - 260px);overflow-y:auto}.categories-management.table-mode .categories-table tbody tr{display:table;table-layout:fixed;width:100%}.categories-table{--name-col-width:150px;--desc-col-width:250px;--sub-col-width:80px;--status-col-width:56px;--order-col-width:60px;--date-col-width:80px;--actions-col-width:260px;border-collapse:collapse;font-size:.75rem;min-width:950px;table-layout:fixed;width:100%}.categories-table thead{color:#fff}.categories-table th,.categories-table thead{background:#0d1282;position:-webkit-sticky;position:sticky;top:0;z-index:10}.categories-table th{border:none;font-size:.7rem;font-weight:700;letter-spacing:.3px;padding:.4rem .5rem;text-align:center;text-transform:uppercase}.categories-table th:first-child,.categories-table th:nth-child(2){text-align:left}.categories-table td:nth-child(2),.categories-table th:nth-child(2){max-width:300px;min-width:300px;width:300px}.categories-table td:nth-child(3),.categories-table th:nth-child(3){max-width:90px;min-width:90px;width:90px}.categories-table td:nth-child(4),.categories-table th:nth-child(4){max-width:85px;min-width:85px;text-align:center;width:85px}.categories-table td:nth-child(5),.categories-table th:nth-child(5){max-width:300px;min-width:300px;text-align:center;width:300px}.categories-table th:first-child{padding:.4rem .5rem}.categories-table th:nth-child(2),.categories-table th:nth-child(3){text-align:left}.categories-table th:nth-child(3){padding-right:.4rem}.categories-table td:nth-child(3),.categories-table td:nth-child(4),.categories-table td:nth-child(5),.categories-table th:nth-child(4),.categories-table th:nth-child(5){text-align:center}.categories-table td:nth-child(2),.categories-table th:nth-child(2){padding-left:.3rem}.categories-table td:nth-child(2){word-wrap:break-word;line-height:1.3;white-space:normal;word-break:break-word}.categories-table .table-actions{align-items:center;display:flex;gap:.35rem;justify-content:center}.table-action-btn{border-radius:6px;font-size:.68rem;padding:.3rem .6rem;white-space:nowrap}.table-action-btn.view{background:linear-gradient(135deg,#6b8dd6,#5272c4);box-shadow:0 2px 4px #6b8dd640;color:#fff}.table-action-btn.view:hover{background:linear-gradient(135deg,#5272c4,#3b4f7d);box-shadow:0 3px 6px #6b8dd659;transform:translateY(-1px)}.table-action-btn.edit{background:linear-gradient(135deg,#ffa726,#fb8c00);box-shadow:0 2px 4px #ffa72640;color:#fff}.table-action-btn.edit:hover{background:linear-gradient(135deg,#fb8c00,#f57c00);box-shadow:0 3px 6px #ffa72659;transform:translateY(-1px)}.table-action-btn.delete{background:linear-gradient(135deg,#ef5350,#e53935);box-shadow:0 2px 4px #ef535040;color:#fff}.table-action-btn.delete:hover{background:linear-gradient(135deg,#e53935,#c62828);box-shadow:0 3px 6px #ef535059;transform:translateY(-1px)}.table-action-btn.toggle.activate{background:linear-gradient(135deg,#4caf50,#388e3c);box-shadow:0 2px 4px #4caf5040;color:#fff}.table-action-btn.toggle.activate:hover{background:linear-gradient(135deg,#388e3c,#2e7d32);box-shadow:0 3px 6px #4caf5059;transform:translateY(-1px)}.table-action-btn.toggle.deactivate{background:linear-gradient(135deg,#9e9e9e,#757575);box-shadow:0 2px 4px #9e9e9e40;color:#fff}.table-action-btn.toggle.deactivate:hover{background:linear-gradient(135deg,#757575,#616161);box-shadow:0 3px 6px #9e9e9e59;transform:translateY(-1px)}.categories-table th:first-child{border-top-left-radius:16px}.categories-table th:last-child{border-top-right-radius:16px}.categories-table tbody tr{border-bottom:1px solid #f1f3f4;color:#000;transition:all .3s ease}.categories-table tbody tr:hover{background:linear-gradient(135deg,#f8f9ff,#f0f4ff);transform:none}.categories-table tbody tr:last-child{border-bottom:none}.categories-table td{border:none;color:#111827;font-size:.75rem;font-weight:500;letter-spacing:.2px;overflow:hidden;padding:.35rem .5rem;text-align:left;text-overflow:ellipsis;vertical-align:middle}.categories-table td:first-child,.categories-table td:nth-child(2){text-align:left}.categories-table td:first-child{padding:.35rem .5rem}@media (max-width:1600px){.categories-management{padding:1.25rem 1.5rem}.categories-management .categories-grid{gap:.85rem!important;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important}}@media (max-width:1400px){.categories-header h2{font-size:1.3rem}.categories-table td,.categories-table th{border-bottom:1px solid #e5e7eb;font-size:.75rem;padding:.5rem .6rem}.category-description{font-size:.7rem}}@media (max-width:1200px){.categories-management{padding:1rem}.categories-header{align-items:flex-start;flex-direction:column;gap:1rem}.categories-management .categories-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important}.category-card-header{height:50px}.category-title{font-size:.95rem}}@media (max-width:1024px){.categories-management .categories-grid{grid-template-columns:repeat(3,1fr)!important}}@media (max-width:768px){.categories-table-container{overflow-x:auto}.categories-table{min-width:700px}.categories-management .categories-grid{grid-template-columns:repeat(2,1fr)!important}.view-toggle-container{text-align:center}.toggle-text{display:none}.category-card-body{min-height:90px}.category-card-actions{min-height:70px}}@media (max-width:480px){.categories-management .categories-grid{grid-template-columns:1fr!important}}.auth-notice{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;color:#856404;font-weight:500;padding:12px 20px}.auth-notice span{align-items:center;display:flex;gap:8px}.error-message{background-color:#f8d7da;padding:15px}.categories-management .categories-grid{grid-gap:.85rem!important;box-sizing:border-box;display:grid!important;gap:.85rem!important;grid-template-columns:repeat(4,minmax(200px,1fr))!important;margin-bottom:1.25rem;max-width:100%;padding:0;position:relative;z-index:1}.category-card{background:#fff;border:1px solid #0000000f;border-radius:8px;box-shadow:0 2px 6px #00000014;box-sizing:border-box;max-width:100%;min-width:200px;overflow:hidden;position:relative;transition:all .3s ease}.category-card:before{background:linear-gradient(90deg,#667eea,#764ba2);background:linear-gradient(90deg,var(--card-color,#667eea) 0,var(--card-color-light,#764ba2) 100%);content:"";height:4px;left:0;position:absolute;right:0;top:0;z-index:1}.category-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.category-card.inactive{background:linear-gradient(135deg,#f3f4f6,#e5e7eb)!important;filter:grayscale(50%);opacity:.6;transition:all .3s ease}.category-card.inactive .category-card-header{background:linear-gradient(135deg,#9ca3af,#6b7280)!important;color:#e5e7eb!important}.category-card.inactive .category-card-header:before{background:radial-gradient(circle,#ffffff0d 0,#0000 70%)}.category-card.inactive:before{background:linear-gradient(90deg,#9ca3af,#6b7280)!important}.category-card.inactive:hover{box-shadow:0 10px 25px #0000001a;transform:translateY(-2px)}.category-card-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--card-color,#667eea) 0,var(--card-color-dark,#764ba2) 100%);color:#fff;display:flex;flex-shrink:0;height:50px;justify-content:center;overflow:hidden;padding:.75rem;position:relative}.category-card-header:before{animation:shimmer 3s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;position:absolute;right:-50%;top:-50%;width:100%}@keyframes shimmer{0%,to{opacity:0}50%{opacity:1}}.category-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;background:none!important;background-color:initial!important;background-image:none!important;display:-webkit-box;font-size:.95rem;-webkit-hyphens:auto;hyphens:auto;line-height:1.2;margin:0;overflow:hidden;position:relative;text-align:center;text-shadow:0 1px 2px #0003;width:100%;word-break:break-word;z-index:2}.featured-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:4px 12px;position:absolute;right:15px;text-transform:uppercase;top:15px}.category-card-body{display:flex;flex-direction:column;justify-content:space-between;min-height:95px;padding:.7rem;position:relative;z-index:2}.category-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6c757d;display:-webkit-box;flex-grow:1;font-size:.7rem;line-height:1.3;margin:0 0 .6rem;min-height:1.8em;overflow:hidden;text-align:center}.category-stats{background:#f8f9fa80;border:1px solid #0000000d;border-radius:6px;flex-direction:column;flex-shrink:0;gap:.6rem;margin-bottom:.6rem;min-height:48px;padding:.5rem}.category-stats,.stat-group{align-items:center;display:flex;justify-content:center}.stat-group{gap:.75rem}.stat-item{flex-direction:column;gap:.3rem;justify-content:center;text-align:center}.stat-icon{font-size:1.15rem;margin-bottom:1px;opacity:.8}.stat-info{align-items:center;display:flex;flex-direction:column;text-align:center}.stat-number{color:#2c3e50;font-size:.95rem}.stat-label{color:#6c757d;font-size:.6rem;letter-spacing:.2px;margin-top:0}.status-container{align-items:center;display:flex;justify-content:center;padding:.25rem 0}.status-badge{border-radius:16px;font-size:.65rem;letter-spacing:.3px;padding:.3rem .65rem}.status-badge.modern{align-items:center;border:1.5px solid #0000;border-radius:18px;display:flex;font-size:.65rem;font-weight:600;gap:.35rem;letter-spacing:.4px;padding:.35rem .75rem;text-transform:uppercase;transition:all .3s ease}.status-dot{animation:pulse 2s infinite;box-shadow:0 0 0 1.5px #fffc;height:7px;width:7px}.status-badge.active{background:linear-gradient(135deg,#d4edda,#c3e6cb);border-color:#28a745;color:#155724}.status-badge.active .status-dot{background-color:#28a745}.status-badge.inactive{background:linear-gradient(135deg,#f8d7da,#f1b0b7);border-color:#dc3545;color:#721c24}.status-badge.inactive .status-dot{background-color:#dc3545}.category-card-actions{background:#f8f9fa99;border-top:1px solid #0000000d;display:flex;flex-direction:column;justify-content:space-between;min-height:68px;padding:.65rem;position:relative;z-index:2}.primary-actions{flex-wrap:nowrap;gap:.3rem;margin-bottom:.55rem;width:100%}.cat-btn,.primary-actions{align-items:center;display:flex;justify-content:center}.cat-btn{border:none;border-radius:5px;cursor:pointer;flex-shrink:0;font-size:.7rem;font-weight:600;height:28px;padding:0;transition:all .2s ease;width:50px}.cat-view{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 4px #f59e0b33;color:#fff}.cat-view:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 4px 8px #f59e0b4d;transform:translateY(-1px)}.cat-edit{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 4px #3b82f633;color:#fff}.cat-edit:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 8px #3b82f64d;transform:translateY(-1px)}.cat-delete{background:linear-gradient(135deg,#ef5350,#e53935);box-shadow:0 2px 4px #ef535033;color:#fff}.cat-delete:hover{background:linear-gradient(135deg,#e53935,#d32f2f);box-shadow:0 4px 8px #ef53504d;transform:translateY(-1px)}.action-btn{flex:0 0 auto;font-size:.55rem;gap:.15rem;max-width:30px;min-width:30px;overflow:hidden;padding:.3rem .25rem;position:relative;transition:all .3s cubic-bezier(.25,.46,.45,.94);width:30px}.action-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.action-btn:hover:before{left:100%}.action-btn.view-btn{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 6px #f59e0b40;color:#fff;max-width:30px;min-width:30px;padding:.3rem .2rem;width:30px}.view-btn:hover{background:linear-gradient(135deg,#5a6fd8,#6a42a0);box-shadow:0 6px 20px #667eea66}.action-btn.edit-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 6px #3b82f640;color:#fff;max-width:30px;min-width:30px;padding:.3rem .2rem;width:30px}.edit-btn:hover{background:linear-gradient(135deg,#fdcb6e,#f97f51);box-shadow:0 6px 20px #ffeaa766;transform:translateY(-2px)}.action-btn.delete-btn{background:linear-gradient(135deg,#ef5350,#e53935);box-shadow:0 2px 6px #ef535040;color:#fff;max-width:30px;min-width:30px;padding:.3rem .2rem;width:30px}.delete-btn:hover{background:linear-gradient(135deg,#e84393,#d63384);box-shadow:0 6px 20px #fd79a866}.btn-icon{display:none!important}.btn-text{display:block;font-size:.7rem;font-weight:600}.action-btn-sm .btn-text{display:block;font-size:.65rem;font-weight:600}.action-btn-sm .btn-icon{display:none!important}.toggle-container{align-items:center;display:flex;justify-content:center;margin-top:.5rem}.toggle-btn{background:#e5e7eb;border-radius:14px;box-shadow:inset 0 2px 4px #0000001a;height:28px;overflow:hidden;position:relative;transition:all .3s ease;width:80px}.toggle-text{font-size:.6rem;font-weight:600;letter-spacing:.3px;pointer-events:none;position:absolute;text-transform:uppercase;top:50%;transform:translateY(-50%);transition:all .3s ease}.toggle-btn.active{background:#28a7451a;border-color:#28a745;color:#155724}.toggle-btn.inactive{background:#dc35451a;border-color:#dc3545;color:#721c24}.toggle-slider{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;height:24px;left:2px;position:absolute;top:2px;transition:all .3s cubic-bezier(.4,0,.2,1);width:24px}.toggle-btn.active .toggle-text{color:#fff;left:8px}.toggle-btn.active .toggle-slider{transform:translateX(52px)}.toggle-btn.inactive .toggle-text{color:#6b7280;right:6px}.action-buttons{flex-wrap:wrap;gap:8px;margin-top:15px}.btn{border-radius:6px;display:inline-block;font-size:16px;padding:.5rem 1rem;text-align:center}.btn:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.btn-sm{font-size:.7rem;padding:.35rem .65rem}.btn-primary{background-color:#0d1282}.btn-primary:hover{background-color:#0b0f6b}.categories-header .btn.btn-primary{align-items:center;background-color:#0d1282;border-radius:8px;display:inline-flex;height:36px;padding:0 14px}.categories-header .btn.btn-primary:hover{background-color:#0b0f6b}.btn-secondary{background-color:#6c757d}.btn-secondary:hover{background-color:#545b62}.btn-success{background-color:#28a745;color:#fff}.btn-success:hover{background-color:#1e7e34}.btn-warning{background-color:#ffc107}.btn-warning:hover{background-color:#e0a800}.btn-danger{background-color:#dc3545}.btn-danger:hover{background-color:#c82333}.btn-info{background-color:#17a2b8;color:#fff}.btn-info:hover{background-color:#138496}.subcategories-section{background:#fff;border:1px solid #e9ecef;border-radius:10px;box-shadow:0 2px 4px #0000000d;padding:1.25rem}.subcategories-section h3{border-bottom:2px solid #f8f9fa;color:#2c3e50;font-size:1.1rem;font-weight:600;margin-bottom:1rem;padding-bottom:.75rem}.subcategories-list{grid-gap:.75rem;display:grid;gap:.75rem}.subcategory-item{background:#f8f9fa;border:1px solid #e9ecef;display:flex;justify-content:space-between;padding:.85rem;transition:all .2s ease}.subcategory-item:hover{background:#e9ecef;transform:translateX(5px)}.subcategory-info h4{color:#2c3e50;font-size:1.1rem;font-weight:600;margin:0 0 8px}.subcategory-info p{color:#6c757d;font-size:.9rem;margin:0}.subcategory-actions{align-items:center;border-top:1px solid #0000001a;display:flex;flex-shrink:0;flex-wrap:nowrap;gap:.3rem;justify-content:center;margin-top:auto;min-height:40px;padding-top:.65rem;width:100%}.subcategory-actions .btn{font-size:.75rem;max-width:75px;min-width:55px;padding:.35rem .6rem}.subcategory-meta .toggle-btn{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:.7rem;gap:4px;height:24px;justify-content:center;margin:0;min-width:65px;padding:4px 10px;text-align:center}.subcategory-meta .toggle-slider{border-radius:12px;height:12px;width:24px}.subcategory-meta .toggle-slider:after{height:8px;left:2px;top:2px;width:8px}.subcategory-meta .toggle-btn.active .toggle-slider:after{transform:translateX(12px)}.modal-overlay{animation:fadeIn .3s ease-in-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal{animation:slideInUp .3s cubic-bezier(.25,.46,.45,.94);border-radius:12px;border-radius:14px;box-shadow:0 10px 40px #00000026;max-height:80vh;max-width:550px;position:relative;width:90%}.enhanced-modal{max-width:650px;width:85%}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{background:#f8f9fa;border-radius:12px 12px 0 0;padding:20px 25px}.modal-header h3{font-size:1.25rem}.modal-close{font-size:2rem;line-height:1}.modal-body{padding:25px}.modal-footer{padding:18px 30px}.modal-footer .btn{max-width:150px;min-width:100px;padding:.5rem 1.25rem}.form-group label{color:#2c3e50;font-size:.9rem}.form-group input,.form-group select,.form-group textarea{border:1px solid #ced4da;border-radius:6px;font-size:1rem;padding:12px;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.color-preview{border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;height:30px;margin-top:10px;width:30px}.checkbox-group{align-items:center;display:flex}.checkbox-label{align-items:center;cursor:pointer;display:flex!important;font-weight:500!important;margin-bottom:0!important}.checkbox-label input[type=checkbox]{margin-bottom:0;margin-right:10px;width:auto!important}.warning-text{color:#721c24;font-style:italic;margin-top:15px}.view-modal-content{padding:0}.view-modal-content .modal-footer .btn{font-size:.95rem;max-width:120px;min-width:90px;padding:.45rem 1rem}.category-overview{margin-bottom:30px}.category-header-info{border-radius:20px 20px 0 0;color:#fff;overflow:hidden;padding:30px;position:relative}.category-header-info:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='20' height='20' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='10' cy='10' r='1.5' fill='%23fff' opacity='.2'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.category-header-info h2{font-size:2rem;font-weight:800;margin:0;position:relative;text-shadow:0 2px 4px #0000004d;z-index:2}.featured-tag{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:25px;font-size:.8rem;font-weight:600;padding:8px 16px;position:absolute;right:20px;top:20px}.category-details{background:#fff;padding:25px 30px}.category-details .description{color:#495057;font-size:1.1rem;font-style:italic;line-height:1.6;margin-bottom:25px}.details-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.detail-item{background:#f8f9fa;border-left:4px solid #667eea;border-left:4px solid var(--card-color,#667eea);border-radius:12px;padding:15px}.detail-item strong{color:#2c3e50;display:block;font-size:.85rem;margin-bottom:5px}.detail-item .status,.detail-item strong{letter-spacing:.5px;text-transform:uppercase}.detail-item .status{border-radius:20px;font-size:.75rem;font-weight:600;padding:4px 12px}.detail-item .status.active{background:#d4edda;color:#155724}.detail-item .status.inactive{background:#f8d7da;color:#721c24}.subcategories-management{background:#f8f9fa;border-radius:0 0 20px 20px;padding:30px}.section-header{margin-bottom:25px}.section-header h3{color:#2c3e50;font-size:1.4rem;font-weight:700}.subcategories-grid{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:flex-start;max-width:100%;width:-webkit-fit-content;width:fit-content}.subcategory-card{background:linear-gradient(135deg,#fff,#fafbfc);border:1px solid #e9ecef;border-radius:16px;border-top:3px solid #667eea;border-top:3px solid var(--card-color,#667eea);box-shadow:0 6px 20px #00000014,0 2px 6px #0000000a;box-sizing:border-box;display:flex;flex-direction:column;flex-grow:0;flex-shrink:0;height:260px;justify-content:space-between;overflow:hidden;padding:18px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:240px}.subcategory-card:hover{border-color:#667eea;border-color:var(--card-color,#667eea);box-shadow:0 12px 35px #0000001f,0 4px 12px #00000014;transform:translateY(-4px)}.subcategory-card.inactive{background:linear-gradient(135deg,#f9fafb,#f3f4f6)!important;border-color:#d1d5db!important;filter:grayscale(50%);opacity:.6;transition:all .3s ease}.subcategory-card.inactive .subcategory-header h4{color:#6b7280!important}.subcategory-card.inactive .subcategory-desc{color:#9ca3af!important}.subcategory-card.inactive .duration-tag,.subcategory-card.inactive .price-tag,.subcategory-card.inactive .skill-tag{background:#e5e7eb!important;color:#6b7280!important}.subcategory-card.inactive:hover{border-color:#9ca3af!important;box-shadow:0 4px 15px #0000000d;transform:translateY(-1px)}.subcategory-header{align-items:center;border-bottom:1px solid #f1f3f4;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:8px}.subcategory-header h4{color:#2c3e50;flex:1 1;font-size:1.15rem;font-weight:700;letter-spacing:.25px;margin:0}.subcategory-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6c757d;display:-webkit-box;flex-shrink:0;font-size:.9rem;line-height:1.5;margin-bottom:15px;max-height:2.7em;min-height:2.7em;overflow:hidden}.subcategory-meta{flex-wrap:wrap;gap:8px;margin-bottom:15px;min-height:40px}.duration-tag,.price-tag,.skill-tag,.subcategory-meta{align-items:center;display:flex;flex-shrink:0;justify-content:center}.duration-tag,.price-tag,.skill-tag{border-radius:12px;box-sizing:border-box;font-size:.7rem;font-weight:600;height:24px;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.price-tag{background:linear-gradient(135deg,#a8e6cf,#88d8a3);color:#155724}.duration-tag{background:linear-gradient(135deg,#ffd3a5,#fd9853);color:#8a4612}.skill-tag{background:linear-gradient(135deg,#a8edea,#fed6e3)}.action-btn-sm{align-items:center;border:none;border-radius:8px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;font-size:.7rem;font-weight:600;height:32px;justify-content:center;letter-spacing:.25px;min-width:50px;padding:0 8px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.action-btn-sm.edit{background:linear-gradient(135deg,#ffeaa7,#fab1a0);color:#2d3436}.action-btn-sm.edit:hover{background:linear-gradient(135deg,#fdcb6e,#f97f51);box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.action-btn-sm.view{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.action-btn-sm.view:hover{background:linear-gradient(135deg,#5a6fd8,#6a42a0);box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.action-btn-sm.toggle.active{background:linear-gradient(135deg,#a8e6cf,#88d8a3);color:#155724}.action-btn-sm.toggle.inactive{background:linear-gradient(135deg,#fcc,#f99);color:#721c24}.action-btn-sm.delete{background:linear-gradient(135deg,#fd79a8,#e84393);color:#fff}.action-btn-sm.delete:hover{background:linear-gradient(135deg,#e84393,#d63384);box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.empty-state{color:#6c757d}.empty-state p{margin-bottom:20px}.minimal-subcategory-view{margin:0 auto;max-width:700px}.minimal-header{align-items:center;border-bottom:2px solid #f1f3f4;display:flex;justify-content:space-between;margin-bottom:24px;padding:20px 0}.minimal-header h3{color:#2c3e50;font-size:1.5rem;font-weight:600;margin:0}.status-indicator{border-radius:6px;font-weight:500}.status-indicator.active{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.status-indicator.inactive{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.info-section{margin-bottom:32px}.info-section h4{border-bottom:1px solid #e9ecef;color:#495057;font-size:1.1rem;font-weight:600;margin:0 0 16px;padding-bottom:8px}.info-grid{gap:12px}.info-row{align-items:flex-start;background-color:#f8f9fa;border-left:3px solid #6c757d;border-radius:6px;display:flex;justify-content:space-between;padding:12px 16px}.info-row:nth-child(2n){background-color:#fff;border:1px solid #e9ecef;border-left:3px solid #6c757d}.info-row .label{color:#6c757d;flex-shrink:0;font-size:.9rem;font-weight:500;min-width:180px}.info-row .value{color:#2c3e50;font-size:.9rem;font-weight:400;text-align:right;word-break:break-word}.info-row .value.price{color:#28a745;font-weight:600}.info-row .value:empty:after{color:#6c757d;content:"Not set";font-style:italic}@media (max-width:768px){.minimal-header{gap:12px}.info-row,.minimal-header{align-items:flex-start;flex-direction:column}.info-row{gap:4px}.info-row .label{font-weight:600;min-width:0;min-width:auto}.info-row .value{text-align:left}}.subcategory-details{padding:20px 0}.detail-section{margin-bottom:30px}.detail-section h4{margin-bottom:15px;padding-bottom:8px}.description-text{background:#f8f9fa;border-left:4px solid #667eea;border-left:4px solid var(--card-color,#667eea);border-radius:8px;color:#495057;font-size:1rem;line-height:1.6;margin:0;padding:15px}.delete-confirmation{padding:15px;text-align:center}.warning-icon{animation:shake .5s ease-in-out;font-size:3rem;margin-bottom:15px}.delete-confirmation h4{color:#dc3545;font-size:1.25rem;margin-bottom:12px}.delete-confirmation p{color:#495057;font-size:.95rem;margin-bottom:12px}.consequences{background:#fff3cd;border-radius:8px;font-size:.85rem;margin-top:15px;padding:12px}.consequences .warning-text{color:#856404;font-size:.85rem;font-weight:600;margin:4px 0}.category-form,.subcategory-form{padding:10px 0}.color-selector{align-items:center;display:flex;gap:15px}.color-preview{border:3px solid #fff;border-radius:8px;box-shadow:0 3px 10px #0003;height:40px;transition:all .3s ease;width:40px}.checkbox-custom{border:2px solid #e9ecef;border-radius:6px;flex-shrink:0;height:24px;position:relative;transition:all .3s ease;width:24px}.checkbox-label input[type=checkbox]{display:none}.checkbox-label input[type=checkbox]:checked+.checkbox-custom{background:#667eea;background:var(--card-color,#667eea);border-color:#667eea;border-color:var(--card-color,#667eea)}.checkbox-label 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%)}@media (min-width:1440px) and (max-width:1920px){.categories-management{max-width:clamp(1200px,85vw,1600px);padding:clamp(.85rem,1.5vw,1.5rem) clamp(1.5rem,2vw,2rem)}.categories-management .categories-grid{gap:clamp(.85rem,1.5vw,1.25rem)!important;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))!important}}@media (max-width:1439px){.categories-management{max-width:clamp(1000px,90vw,1300px);padding:clamp(.85rem,1.5vw,1.25rem) clamp(1.25rem,2vw,1.75rem)}.categories-management .categories-grid{gap:clamp(.75rem,1.5vw,1rem)!important;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr))!important}.category-card{min-width:clamp(180px,20vw,220px)}.stat-number{font-size:clamp(1.125rem,2vw,1.25rem)}.stat-text{font-size:clamp(.5rem,1vw,.58rem)}}@media (max-width:1199px){.categories-management{padding:clamp(.75rem,2vw,1rem) clamp(1rem,2.5vw,1.5rem)}.categories-management .categories-grid{gap:clamp(.75rem,2vw,1rem)!important;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr))!important}.categories-stats-header{gap:clamp(.375rem,1vw,.5rem);padding:clamp(.4rem,1.5vw,.6rem) clamp(.5rem,2vw,.85rem)}.categories-filters-bar{flex-wrap:wrap;padding:clamp(.5rem,1.5vw,.75rem) clamp(.75rem,2vw,1rem)}.categories-filters-bar .filters-right{flex:1 1 100%;justify-content:flex-start;max-width:100%}.categories-table{font-size:clamp(.65rem,1.5vw,.75rem)}.table-action-btn{font-size:clamp(.6rem,1.2vw,.7rem);padding:clamp(.25rem,1vw,.35rem) clamp(.45rem,1.5vw,.65rem)}}@media (max-width:899px){.categories-management{padding:clamp(.625rem,2.5vw,1rem)}.categories-management .categories-grid{gap:.875rem!important;grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr))!important}.categories-filters-bar{align-items:stretch;flex-direction:column;gap:.75rem}.categories-filters-bar .filters-left,.categories-filters-bar .filters-right{flex:none;max-width:100%;width:100%}.search-wrapper{max-width:100%;width:100%}.view-toggle-switch{max-width:200px;width:100%}.category-card{min-width:100%}.subcategories-grid{gap:clamp(.75rem,2vw,1rem);justify-content:center}.subcategory-card{width:clamp(220px,45vw,280px)}.modal{margin:1rem;max-width:600px;width:95%}}@media (max-width:767px){.categories-management{max-height:none;padding:clamp(.5rem,2vw,.85rem) clamp(.75rem,3vw,1.25rem)}.categories-management .categories-grid{gap:.75rem!important;grid-template-columns:repeat(auto-fit,minmax(min(140px,100%),1fr))!important}.category-card-header{height:clamp(45px,10vw,55px);padding:clamp(.5rem,2vw,.75rem)}.category-title{font-size:clamp(.8rem,2.5vw,.95rem)}.category-card-body{min-height:clamp(80px,18vw,95px);padding:clamp(.5rem,2vw,.75rem)}.category-description{font-size:clamp(.625rem,1.8vw,.7rem)}.primary-actions{flex-wrap:wrap;gap:.375rem;justify-content:center}.cat-btn{font-size:clamp(.625rem,1.8vw,.7rem);height:clamp(26px,7vw,30px);width:clamp(45px,12vw,55px)}.action-btn{min-width:auto;padding:clamp(.25rem,1.5vw,.35rem) clamp(.35rem,2vw,.5rem)}.categories-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.categories-table{min-width:800px}.form-row{gap:clamp(.75rem,2vw,1rem);grid-template-columns:1fr}.modal{border-radius:12px;margin:.5rem;max-height:90vh;width:98%}.modal-body,.modal-footer,.modal-header{padding:clamp(.875rem,3vw,1.25rem)}.enhanced-modal{max-width:98%}.subcategory-card{height:auto;max-width:300px;min-height:240px;width:100%}.details-grid{gap:clamp(.75rem,2vw,1rem);grid-template-columns:1fr}}@media (max-width:599px){.categories-management{padding:clamp(.5rem,3vw,.75rem)}.categories-stats-header{flex-wrap:wrap;gap:.375rem;padding:.5rem}.stat-box{flex-basis:calc(50% - 0.375rem);flex-grow:1;flex-shrink:1;min-width:calc(50% - .375rem);padding:clamp(.3rem,2vw,.5rem) clamp(.4rem,2.5vw,.6rem)}.stat-number{font-size:clamp(1rem,4vw,1.25rem)}.stat-text{font-size:clamp(.5rem,1.5vw,.58rem)}.categories-management .categories-grid{gap:.75rem!important;grid-template-columns:1fr!important}.add-category-btn{font-size:clamp(.75rem,2vw,.85rem);padding:clamp(.5rem,2vw,.625rem) clamp(.875rem,3vw,1rem);width:100%}.search-input-compact{font-size:clamp(.7rem,2vw,.8rem);padding:clamp(.4rem,2vw,.5rem) clamp(.6rem,2.5vw,.75rem) clamp(.4rem,2vw,.5rem) 2rem}.category-card-actions{min-height:auto;padding:.5rem}.toggle-container{margin-top:.375rem}.toggle-btn{font-size:clamp(.55rem,1.5vw,.65rem);height:clamp(24px,7vw,28px);width:clamp(70px,20vw,85px)}.subcategories-grid{gap:.75rem}.subcategory-card{max-width:100%;width:100%}.action-buttons{flex-direction:column;gap:.5rem}.action-buttons .btn{width:100%}}@media (max-width:479px){.categories-management{padding:.5rem}.categories-stats-header{margin-bottom:.75rem;padding:.4rem}.stat-box{padding:.3rem .4rem}.stat-number{font-size:1rem}.stat-text{font-size:.5rem;line-height:1}.categories-filters-bar{gap:.5rem;padding:.5rem .75rem}.category-card{border-radius:8px}.category-card-header{height:45px;padding:.5rem}.category-title{font-size:.8rem}.category-card-body{min-height:75px;padding:.5rem}.category-description{font-size:.625rem;margin-bottom:.5rem}.category-stats{gap:.4rem;min-height:42px;padding:.375rem}.stat-icon{font-size:1rem}.stat-number{font-size:.85rem}.stat-label{font-size:.55rem}.category-card-actions{min-height:auto;padding:.5rem}.primary-actions{gap:.25rem;margin-bottom:.4rem}.cat-btn{font-size:.625rem;height:26px;width:45px}.toggle-btn{font-size:.55rem;height:24px;width:70px}.modal-header h3{font-size:clamp(1rem,4vw,1.125rem)}.form-group label{font-size:clamp(.8rem,2.5vw,.9rem)}.form-group input,.form-group select,.form-group textarea{font-size:clamp(.8rem,2.5vw,.9375rem);padding:clamp(.625rem,2.5vw,.875rem)}.modal-footer .btn{flex:1 1;font-size:clamp(.8rem,2.5vw,.9375rem);min-width:auto;padding:clamp(.5rem,2vw,.625rem)}.section-header{align-items:flex-start;flex-direction:column;gap:.75rem}.subcategory-header h4{font-size:clamp(.95rem,3vw,1.05rem)}.subcategory-desc{font-size:clamp(.8rem,2.5vw,.85rem)}.subcategory-meta{gap:.375rem;min-height:32px}.duration-tag,.price-tag,.skill-tag{font-size:.625rem;height:22px;padding:3px 8px}.subcategory-actions{gap:.25rem;padding-top:.5rem}.action-btn-sm{font-size:.625rem;height:28px;min-width:45px;padding:0 6px}}@media (max-width:374px){.categories-management{padding:.4rem}.categories-stats-header{gap:.25rem;padding:.35rem}.stat-box{flex:1 1 100%;min-width:100%;padding:.3rem}.stat-number{font-size:.9375rem}.stat-text{font-size:.4875rem}.categories-filters-bar{padding:.5rem}.add-category-btn{font-size:.7rem;padding:.5rem .75rem}.search-input-compact{font-size:.7rem;padding:.4rem .6rem .4rem 2rem}.category-card-header{height:40px}.category-title{font-size:.75rem}.category-card-body{min-height:70px;padding:.4rem}.category-description{font-size:.5875rem}.category-stats{gap:.3rem;min-height:38px;padding:.3rem}.cat-btn{font-size:.5875rem;height:24px;width:42px}.toggle-btn{font-size:.5rem;height:22px;width:65px}.categories-table{font-size:.625rem}.table-action-btn{font-size:.5875rem;padding:.2rem .4rem}.modal{border-radius:8px;margin:.25rem;width:100%}.modal-body,.modal-footer,.modal-header{padding:.75rem}.subcategory-card{height:auto;min-height:220px;padding:.75rem}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.categories-management{font-size:15px}.action-btn,.cat-btn,.table-action-btn{min-height:32px;touch-action:manipulation}.toggle-btn{min-height:28px}.add-category-btn{min-height:40px}}.success-animation{background:#000000b3;z-index:2000}.success-popup{box-shadow:0 25px 80px #0000004d;overflow:hidden}.success-popup:before{background:linear-gradient(90deg,#28a745,#20c997);content:"";height:4px;left:0;position:absolute;right:0;top:0;z-index:1}.success-icon{font-size:4rem;margin-bottom:20px;position:relative;z-index:2}.success-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#28a745,#20c997);-webkit-background-clip:text;font-size:1.2rem;margin-bottom:10px;position:relative;text-shadow:0 2px 4px #0000001a;z-index:2}.form-group input.error,.form-group select.error,.form-group textarea.error{background-color:#dc354508;border-color:#dc3545!important;box-shadow:0 0 0 .2rem #dc354540!important}.error-message,.error-text{animation:fadeInError .3s ease-in-out;color:#dc3545;display:block;font-size:.875rem;font-weight:500;margin-top:5px}.error-text:before{content:"⚠️ "}.form-hint{color:#6c757d;display:block;font-size:.75rem;font-style:italic;margin-top:3px}@keyframes fadeInError{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-group input:focus.error,.form-group select:focus.error,.form-group textarea:focus.error{border-color:#dc3545;box-shadow:0 0 0 .2rem #dc354540}.form-group input:valid:not(.error),.form-group select:valid:not(.error),.form-group textarea:valid:not(.error){border-color:#28a745;box-shadow:0 0 0 .1rem #28a74526}.search-container{flex:0 0 auto}.search-icon{stroke-width:2.5;color:#6b7280;height:16px;right:14px;width:16px}.search-input:focus{border-color:#9ca3af;box-shadow:0 1px 3px #0000001a}.search-input::placeholder{font-size:.85rem}.clear-search{align-items:center;background:none;border:none;border-radius:50%;color:#9ca3af;cursor:pointer;display:flex;font-size:1.3rem;height:20px;justify-content:center;padding:0;position:absolute;right:36px;transition:all .2s ease;width:20px}.clear-search:hover{color:#4b5563}.no-results{background:linear-gradient(135deg,#f8f9fa,#fff);border:2px dashed #e9ecef;border-radius:20px;box-shadow:0 8px 25px #0000000d;margin:40px 0;padding:60px 20px;text-align:center}.no-results-icon{font-size:4rem;margin-bottom:20px;opacity:.6}.no-results h3{color:#2c3e50;font-size:1.5rem;font-weight:700;margin-bottom:10px}.no-results p{color:#6c757d;font-size:1rem;margin-bottom:25px}@media (max-width:768px){.categories-header{flex-direction:column;gap:20px;text-align:center}.header-left,.header-right{flex:none;width:100%}.header-right{flex-direction:column;gap:15px}.search-container{width:100%}}@media (max-width:480px){.header-right{gap:12px}.search-input-wrapper{padding:10px 16px}}.recently-modified{animation:newItemPulse 2s ease-in-out;border:2px solid #28a745!important;box-shadow:0 0 15px #28a7454d!important;position:relative}.recently-modified:before{background:linear-gradient(45deg,#28a745,#20c997);border-radius:12px;box-shadow:0 2px 8px #28a74566;color:#fff;content:"✨ NEW";font-size:.7rem;font-weight:700;padding:4px 8px;position:absolute;right:-8px;top:-8px;z-index:10}.recently-modified.updated:before{background:linear-gradient(45deg,#007bff,#17a2b8);box-shadow:0 2px 8px #007bff66;content:"✏️ UPDATED"}@keyframes newItemPulse{0%,to{box-shadow:0 0 15px #28a7454d;transform:scale(1)}50%{box-shadow:0 0 25px #28a74580;transform:scale(1.02)}}.users-management{background:#fff9e6;min-height:70vh;overflow:visible;padding:.5rem}.users-stats-header{background:linear-gradient(135deg,#6b8dd6,#5272c4);border-radius:12px;box-shadow:0 2px 8px #6b8dd640;display:flex;font-size:.58rem;gap:.75rem;margin-bottom:.75rem;padding:.75rem}.stat-card{border-radius:10px;box-shadow:0 2px 6px #00000014;padding:.65rem .85rem}.stat-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.stat-value{font-size:1.65rem;margin-bottom:.3rem;order:1}.stat-value,.users-stats-header .stat-value{color:#6b8dd6!important}.stat-label{order:2}.stat-label,.users-management .stat-label,.users-stats-header .stat-label{font-size:.58rem!important;font-weight:600!important}.users-filters-bar{align-items:center;background:#fff;border:1px solid #dfe6e9;border-radius:10px;box-shadow:0 2px 6px #0000000f;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:.75rem;padding:.65rem .85rem}.search-wrapper{width:100%}.search-icon{height:18px;opacity:.6;pointer-events:none;width:18px;z-index:1}.search-input-compact{background:#f5f6fa;border:1px solid #dfe6e9;border-radius:8px;color:#2d3436;font-size:.85rem;min-width:220px;outline:none;padding:.5rem .75rem .5rem 2.5rem;transition:all .2s ease;width:100%}.search-input-compact::placeholder{color:#9ca3af}.search-input-compact:focus{background:#fff;border-color:#6b8dd6;box-shadow:0 0 0 3px #6b8dd61a}.filters-right{flex-shrink:0;gap:.5rem;max-width:280px}.filter-select-compact{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:linear-gradient(135deg,#fff,#f5f6fa);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='%236B8DD6' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right .65rem center;background-repeat:no-repeat;border:2px solid #dfe6e9;border-radius:10px;box-shadow:0 2px 4px #0000000d;color:#3b4f7d;cursor:pointer;font-size:.75rem;font-weight:600;min-width:130px;overflow:hidden;padding:.55rem 2rem .55rem .75rem;transition:all .3s ease}.filter-select-compact:hover{background:linear-gradient(135deg,#f5f6fa,#e8effa);border-color:#6b8dd6;box-shadow:0 3px 6px #6b8dd61f}.filter-select-compact:focus{background:#fff;border-color:#5272c4;box-shadow:0 0 0 4px #6b8dd633;outline:none}.filter-select-compact{scrollbar-color:#6b8dd6 #f5f6fa;scrollbar-width:thin}.filter-select-compact::-webkit-scrollbar{width:8px}.filter-select-compact::-webkit-scrollbar-track{background:#f5f6fa;border-radius:10px}.filter-select-compact::-webkit-scrollbar-thumb{background:#6b8dd6;border-radius:10px}.filter-select-compact option{background:#fff;border-radius:8px;color:#2d3436;font-weight:500;margin:.2rem .35rem;padding:.6rem .75rem}.filter-select-compact option:hover{background:#fff9e6;color:#3b4f7d}.filter-select-compact option:checked,.filter-select-compact option:focus{background:linear-gradient(135deg,#6b8dd6,#5272c4);color:#fff;font-weight:600}.filter-menu-btn{align-items:center;background:#fff;border:1px solid #dfe6e9;border-radius:8px;color:#636e72;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.filter-menu-btn:hover{background:#6b8dd6;border-color:#6b8dd6;box-shadow:0 2px 6px #6b8dd64d;color:#fff;transform:translateY(-1px)}.user-info{display:flex;flex-direction:column;gap:.25rem}.user-name{line-height:1.3}.user-email{font-size:.8rem;font-style:italic;line-height:1.2}.username-fallback{color:#95a5a6;font-size:.7rem;font-style:italic;font-weight:400}.phone-display{color:#495057;font-size:.7rem;font-weight:500;padding:.2rem}.user-actions{flex-wrap:wrap;gap:.5rem}.action-btn{font-weight:500;gap:.25rem;min-width:70px;padding:.35rem .7rem}.action-btn:disabled{cursor:not-allowed;opacity:.6}.view-btn{background:linear-gradient(135deg,#3498db,#2980b9)}.view-btn:hover:not(:disabled){box-shadow:0 4px 8px #3498db4d;transform:translateY(-1px)}.suspend-btn{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff}.suspend-btn:hover:not(:disabled){box-shadow:0 4px 8px #f39c124d;transform:translateY(-1px)}.ban-btn{background:linear-gradient(135deg,#e74c3c,#c0392b)}.ban-btn:hover:not(:disabled){box-shadow:0 4px 8px #e74c3c4d;transform:translateY(-1px)}.delete-btn{background:linear-gradient(135deg,#95a5a6,#7f8c8d)}.delete-btn:hover:not(:disabled){box-shadow:0 4px 8px #95a5a64d;transform:translateY(-1px)}.users-header{display:none}.header-title{border-bottom:2px solid #f1f3f5;justify-content:space-between;padding-bottom:.75rem}.header-title,.header-title h2{align-items:center;display:flex}.header-title h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:700;gap:.6rem;letter-spacing:-.5px;margin:0}.header-title h2:before{content:"👥";filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:1.5rem}.header-controls{align-items:center;background:#0000;border:none;border-radius:0;display:flex;gap:1.5rem;justify-content:space-between;padding:0}.header-controls-left{display:none}.header-controls-right{align-items:center;display:flex;flex-shrink:0;gap:1rem}.search-bar-wrapper{flex:1 1;max-width:350px;min-width:250px;position:relative}.search-bar-input{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:.85rem;font-weight:400;outline:none;padding:.6rem 2.75rem .6rem 1rem;transition:all .2s ease;width:100%}.search-bar-input::placeholder{color:#9ca3af;font-weight:400}.search-bar-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.search-bar-button{align-items:center;background:#0000;border:none;border-radius:4px;cursor:pointer;display:flex;justify-content:center;padding:.4rem;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:all .2s ease}.search-bar-button:hover{background:#e5e7eb}.search-bar-icon{stroke-width:2.5;color:#6b7280;height:18px;width:18px}.search-bar-button:hover .search-bar-icon{color:#374151}.header-filters{align-items:center;display:flex;gap:1rem}.header-filters .filter-group{align-items:center;display:flex;gap:.5rem}.header-filters .filter-group label{color:#6c757d;font-size:.75rem;font-weight:600;margin:0;white-space:nowrap}.header-filters .filter-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:.8rem;font-weight:500;min-width:130px;padding:.55rem .75rem;transition:all .2s ease}.header-filters .filter-select:hover{border-color:#9ca3af}.header-filters .filter-select:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.refresh-btn{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:5px;color:#6c757d;cursor:pointer;display:flex;font-size:.7rem;font-weight:600;gap:.3rem;padding:.4rem .75rem;transition:all .2s ease;white-space:nowrap}.refresh-btn:hover{background:#f8f9fa;border-color:#667eea;color:#667eea}.clear-search,.search-btn,.search-container,.search-icon,.search-input,.search-input-wrapper{display:none}.users-filters{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;gap:2rem;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.filters-left{gap:2rem}.filters-right{align-items:center;display:flex;gap:1rem}.filter-group{flex-direction:column;gap:.5rem}.filter-group label{color:#495057;font-size:.9rem;font-weight:600}.filter-select{border:2px solid #e9ecef;color:#495057;font-size:.95rem;min-width:180px;padding:.75rem 1rem}.filter-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.loading-spinner{display:none!important}.success-animation{background:#0000001a}.success-popup{align-items:center;box-shadow:0 20px 60px #00000026;display:flex;gap:1rem;padding:2rem 3rem}.success-icon{font-size:2rem}.success-text{color:#2c3e50;font-size:1.1rem}.users-table-container{background:#fff;border:1px solid #dfe6e9;border-radius:10px;box-shadow:0 2px 8px #00000014;overflow:hidden;position:relative}.users-table tbody::-webkit-scrollbar{width:10px}.users-table tbody::-webkit-scrollbar-track{background:#f5f6fa;border-radius:5px}.users-table tbody::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#6b8dd6,#5272c4);border:2px solid #f5f6fa;border-radius:5px}.users-table tbody::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5272c4,#3b4f7d)}.users-table{border-collapse:initial;border-spacing:0;font-size:.95rem;width:100%}.users-table thead{background:linear-gradient(135deg,#6b8dd6,#5272c4);color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:20}.users-table th{border:none;font-size:.65rem;font-weight:700;letter-spacing:.3px;padding:.6rem .5rem;text-align:center;text-transform:uppercase}.users-table th:first-child{border-top-left-radius:10px;text-align:left}.users-table th:last-child{border-top-right-radius:16px}.users-table td:first-child,.users-table th:first-child{width:20%}.users-table td:nth-child(2),.users-table th:nth-child(2){font-size:.65rem;width:12%}.users-table td:nth-child(3),.users-table td:nth-child(4),.users-table th:nth-child(3),.users-table th:nth-child(4){width:11%}.users-table td:nth-child(5),.users-table th:nth-child(5){font-size:.65rem;width:11%}.users-table td:nth-child(6),.users-table th:nth-child(6){padding:.4rem .3rem;width:35%}.users-table tbody{display:block;max-height:350px;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth;width:100%}.users-table tbody tr,.users-table thead{display:table;table-layout:fixed;width:100%}.users-table tbody tr{border-bottom:1px solid #f1f3f4;transition:all .3s ease}.users-table tbody tr:last-child{border-bottom:none}.users-table tbody tr:hover{box-shadow:0 3px 12px #6b8dd626;transform:translateY(-1px)}.user-row.seeker-row,.users-table tbody tr:hover{background:linear-gradient(135deg,#f5f6fa,#fffef8)}.user-row.seeker-row:hover{background:linear-gradient(135deg,#e8effa,#fff9e6)}.user-row.provider-row{background:linear-gradient(135deg,#fffef8,#fff4d4)}.user-row.provider-row:hover{background:linear-gradient(135deg,#fff9e6,#ffefc1)}.user-row.banned-row{background:linear-gradient(135deg,#ffe8e8,#fff5f5)!important;opacity:.85}.user-row.suspended-row{background:linear-gradient(135deg,#fff4e0,#fffbf0)!important;opacity:.9}.users-table td{border:none;padding:.5rem .4rem;text-align:center;vertical-align:middle}.users-table td:first-child{text-align:left}.user-details-cell{align-items:center;display:flex;gap:.6rem}.user-avatar{align-items:center;background:linear-gradient(135deg,#6b8dd6,#5272c4);border-radius:50%;box-shadow:0 1px 4px #6b8dd64d;color:#fff;display:flex;flex-shrink:0;font-size:.8rem;font-weight:700;height:32px;justify-content:center;width:32px}.user-info{flex:1 1}.user-name{color:#2c3e50;font-size:.75rem;font-weight:600;margin-bottom:.15rem}.user-email{color:#6c757d;font-size:.65rem;margin-bottom:.15rem}.user-phone{color:#8b949e;font-size:.85rem}.role-badge{border-radius:10px;display:inline-block;font-size:.6rem;font-weight:600;letter-spacing:.2px;padding:.25rem .5rem;text-transform:uppercase}.role-badge.service_seeker{background:linear-gradient(135deg,#6b8dd6,#5272c4);box-shadow:0 2px 6px #6b8dd64d;color:#fff}.role-badge.service_provider{background:linear-gradient(135deg,#ffa726,#fb8c00);box-shadow:0 2px 6px #ffa7264d;color:#fff}.status-badge{border-radius:10px;font-size:.6rem;letter-spacing:.2px;padding:.25rem .5rem}.status-badge.active{background:linear-gradient(135deg,#4caf50,#388e3c);box-shadow:0 2px 6px #4caf504d;color:#fff}.status-badge.suspended{background:linear-gradient(135deg,#ffa726,#fb8c00);box-shadow:0 2px 6px #ffa7264d;color:#fff}.status-badge.banned{background:linear-gradient(135deg,#ef5350,#e53935);box-shadow:0 2px 6px #ef53504d;color:#fff}.ban-info{color:#d32f2f;font-size:.75rem;font-weight:500;margin-top:.25rem}.verification-badge{font-size:.9rem;font-weight:500;gap:.25rem}.verification-badge.verified{color:#4caf50}.verification-badge.unverified{color:#f44336}.date-text{color:#6c757d;font-size:.65rem;font-weight:500}.user-actions{flex-wrap:nowrap;gap:.35rem;justify-content:center}.filters-left,.user-actions{align-items:center;display:flex}.filters-left{flex:1 1;flex-wrap:wrap;gap:.65rem}.action-btn{border-radius:5px;display:inline-flex;font-size:.58rem;padding:.3rem .4rem;text-decoration:none;transition:transform .2s ease}.action-btn:after,.action-btn:before,.ban-btn:after,.ban-btn:before,.delete-btn:after,.delete-btn:before,.unban-btn:after,.unban-btn:before,.view-btn:after,.view-btn:before{content:none!important;display:none!important}.view-btn{background:linear-gradient(135deg,#6b8dd6,#5272c4);box-shadow:0 2px 6px #6b8dd64d}.view-btn:hover{transform:translateY(-2px)}.suspend-btn{background:linear-gradient(135deg,#ffc107,#e0a800);box-shadow:0 2px 8px #ffc1074d;color:#212529}.suspend-btn:hover{transform:translateY(-2px)}.ban-btn{background:linear-gradient(135deg,#ffa726,#fb8c00);box-shadow:0 2px 6px #ffa7264d;color:#fff}.ban-btn:hover{transform:translateY(-2px)}.unban-btn{background:linear-gradient(135deg,#4caf50,#388e3c);box-shadow:0 2px 6px #4caf504d;color:#fff}.unban-btn:hover{transform:translateY(-2px)}.delete-btn{background:linear-gradient(135deg,#ef5350,#e53935);box-shadow:0 2px 6px #ef53504d}.delete-btn:hover{transform:translateY(-2px)}.modal{animation:modalSlideIn .3s cubic-bezier(.175,.885,.32,1.275);background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;max-height:90vh;max-width:900px;overflow-y:auto;width:95%}.modal.delete-modal{border:2px solid #dfe6e9;border-radius:12px;max-width:450px}.modal.delete-modal .modal-header{background:linear-gradient(135deg,#f5f6fa,#e8effa);border-bottom:2px solid #dfe6e9;border-radius:12px 12px 0 0;padding:1rem 1.5rem}.modal.delete-modal .modal-header h3{align-items:center;color:#3b4f7d;display:flex;font-size:1.1rem;font-weight:700;gap:.5rem}.modal.delete-modal .modal-body{background:#fffef8;padding:1.25rem 1.5rem;text-align:center}.modal.delete-modal .modal-body .delete-icon{font-size:3rem;margin-bottom:.75rem}.modal.delete-modal .modal-body h4{color:#2d3436;font-size:1rem;font-weight:600;margin:.5rem 0 .75rem}.modal.delete-modal .modal-body p{color:#636e72;font-size:.85rem;line-height:1.4;margin:.5rem 0}.modal.delete-modal .modal-body .warning-box{background:linear-gradient(135deg,#ffe8e8,#fff5f5);border-left:4px solid #ef5350;border-radius:8px;margin:1rem 0 .5rem;padding:.75rem 1rem}.modal.delete-modal .modal-body .warning-box p{align-items:center;color:#c62828;display:flex;font-size:.8rem;font-weight:600;gap:.5rem;margin:0}.modal.delete-modal .modal-footer{background:linear-gradient(135deg,#f5f6fa,#e8effa);border-radius:0 0 12px 12px;border-top:2px solid #dfe6e9;gap:.65rem;padding:1rem 1.5rem}.modal-header{background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:16px 16px 0 0;padding:1.5rem 2rem}.modal-header h3{font-size:1.3rem}.modal-close{border-radius:4px;font-size:1.5rem;padding:.25rem;transition:all .2s ease}.modal-close:hover{background:#f8f9fa;color:#dc3545}.modal-body{padding:2rem}.modal-footer{border-radius:0 0 16px 16px;gap:1rem;padding:1.5rem 2rem}.user-details-view{gap:1.5rem}.detail-section{padding:1.5rem}.detail-section h4{margin:0 0 1rem}.detail-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.detail-item{gap:.25rem}.detail-item label{color:#495057;font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-item span{color:#2c3e50;font-weight:500}.ban-details{background:linear-gradient(135deg,#fff5f5,#fed7d7);border-left-color:#dc3545}.action-confirmation{padding:1rem 0;text-align:center}.warning-icon{font-size:4rem;margin-bottom:1rem}.action-confirmation h4{color:#2c3e50;font-size:1.3rem;margin-bottom:1rem}.action-confirmation p{color:#6c757d;font-size:1rem;margin-bottom:.5rem}.warning-text{color:#dc3545!important;font-size:.9rem!important;font-weight:600!important}.delete-warning{background:linear-gradient(135deg,#fff5f5,#fed7d7);border-left:4px solid #dc3545;border-radius:8px;margin-top:1rem;padding:1rem}.ban-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{gap:.5rem}.form-group label{color:#495057;font-size:.95rem}.radio-group{display:flex;gap:1.5rem;margin-top:.5rem}.radio-label{align-items:center;color:#495057;cursor:pointer;display:flex;font-weight:500;gap:.5rem}.radio-label input[type=radio]{margin:0}.ban-duration{background:#f8f9fa;border-left:4px solid #ffc107;border-radius:8px;padding:1rem}.ban-select,.date-input{background:#fff;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;padding:.75rem;transition:all .2s ease}.ban-select:focus,.date-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.ban-reason-textarea{background:#fff;border:2px solid #e9ecef;border-radius:8px;font-family:inherit;font-size:1rem;min-height:80px;padding:.75rem;resize:vertical;transition:all .2s ease}.ban-reason-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.ban-warning{background:linear-gradient(135deg,#fff5f5,#fed7d7);border-left:4px solid #dc3545;border-radius:8px;padding:1rem}.btn-primary{background:linear-gradient(135deg,#6b8dd6,#5272c4);box-shadow:0 4px 12px #6b8dd64d}.btn-primary:hover{box-shadow:0 6px 20px #6b8dd666}.btn-secondary{background:#6c757d;box-shadow:0 2px 8px #6c757d4d}.btn-secondary:hover{background:#5a6268;box-shadow:0 4px 12px #6c757d66}.btn-warning{background:linear-gradient(135deg,#ffc107,#e0a800);box-shadow:0 4px 12px #ffc1074d;color:#212529}.btn-warning:hover{box-shadow:0 6px 20px #ffc10766;transform:translateY(-2px)}.btn-danger{background:linear-gradient(135deg,#dc3545,#c82333);box-shadow:0 4px 12px #dc35454d}.btn-danger:hover{box-shadow:0 6px 20px #dc354566;transform:translateY(-2px)}.user-details-view{display:flex;flex-direction:column;gap:2rem}.detail-section{background:#f8f9fa;border-left:4px solid #6b8dd6;box-shadow:0 2px 8px #0000000d;padding:2rem}.detail-section h4{border-bottom:2px solid #e9ecef;color:#2c3e50;font-size:1.2rem;font-weight:700;margin:0 0 1.5rem;padding-bottom:.5rem}@media (min-width:1440px) and (max-width:1920px){.users-management{padding:clamp(.5rem,1.5vw,1rem)}.detail-grid{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))}.modal-body{padding:clamp(2rem,2.5vw,2.5rem)}}@media (max-width:1439px){.users-management{padding:clamp(.5rem,1.5vw,.85rem)}.users-stats-header{gap:clamp(.375rem,1vw,.5rem);padding:clamp(.4rem,1.5vw,.6rem) clamp(.5rem,2vw,.85rem)}.stat-card{padding:clamp(.4rem,1.5vw,.6rem) clamp(.5rem,2vw,.75rem)}.stat-number{font-size:clamp(1rem,2vw,1.15rem)}.stat-text{font-size:clamp(.5rem,1vw,.58rem)}.detail-grid{grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr))}}@media (max-width:1023px){.users-management{padding:clamp(.5rem,2vw,.75rem)}.users-filters-bar{flex-wrap:wrap;padding:clamp(.5rem,1.5vw,.75rem) clamp(.75rem,2vw,1rem)}.filters-left{flex-wrap:wrap;gap:.5rem}.filter-select-compact{min-width:clamp(100px,20vw,140px)}.users-table{font-size:clamp(.65rem,1.5vw,.75rem)}.action-btn{font-size:clamp(.6rem,1.2vw,.7rem);padding:clamp(.25rem,1vw,.35rem) clamp(.45rem,1.5vw,.65rem)}.modal{max-width:750px;width:92%}.detail-grid{grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr))}}@media (min-width:769px){.detail-grid{grid-template-columns:repeat(auto-fit,minmax(min(200px,32%),1fr))}.modal-body{padding:clamp(1.75rem,2.5vw,2.5rem)}.ban-form{margin:0 auto;max-width:700px}.action-confirmation{margin:0 auto;max-width:500px}}@media (max-width:899px){.users-management{padding:clamp(.5rem,2.5vw,.75rem)}.users-stats-header{flex-wrap:wrap;gap:.5rem}.stat-card{flex-basis:calc(50% - 0.25rem);flex-grow:1;flex-shrink:1;min-width:clamp(120px,30vw,150px)}.users-filters-bar{align-items:stretch;flex-direction:column;gap:.75rem}.filters-left,.filters-right{flex:none;max-width:100%;width:100%}.search-wrapper{width:100%}.users-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.users-table{min-width:900px}.modal{margin:1rem;max-width:650px;width:95%}}@media (max-width:767px){.users-management{padding:clamp(.5rem,2vw,.625rem)}.users-stats-header{flex-wrap:wrap;gap:.375rem;padding:.5rem}.stat-card{flex-basis:calc(50% - 0.375rem);flex-grow:1;flex-shrink:1;min-width:calc(50% - .375rem);padding:clamp(.4rem,2vw,.5rem) clamp(.5rem,2.5vw,.6rem)}.stat-number{font-size:clamp(1rem,4vw,1.15rem)}.stat-text{font-size:clamp(.5rem,1.5vw,.58rem)}.users-filters-bar{align-items:stretch;flex-direction:column;gap:.75rem;padding:clamp(.625rem,2vw,.75rem)}.filters-left{flex-wrap:wrap;gap:.5rem;order:2}.filters-right{max-width:100%;order:1}.search-wrapper{width:100%}.search-input-compact{font-size:clamp(.75rem,2vw,.85rem);min-width:100%;padding:clamp(.4rem,2vw,.5rem) clamp(.6rem,2.5vw,.75rem) clamp(.4rem,2vw,.5rem) 2.25rem}.filter-select-compact{flex:1 1;font-size:clamp(.7rem,2vw,.8rem);min-width:calc(50% - .25rem)}.users-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.users-table{font-size:clamp(.65rem,1.8vw,.75rem);min-width:800px}.user-actions{flex-direction:column;gap:.25rem}.action-btn{font-size:clamp(.625rem,1.8vw,.7rem);justify-content:center;padding:clamp(.3rem,1.5vw,.4rem) clamp(.5rem,2vw,.6rem);width:100%}.modal{border-radius:12px;margin:.5rem;max-height:92vh;max-width:none;width:98%}.modal-body,.modal-footer,.modal-header{padding:clamp(.875rem,3vw,1.25rem)}.modal-header h3{font-size:clamp(1.125rem,4vw,1.375rem)}.detail-grid{gap:clamp(.75rem,2vw,1rem);grid-template-columns:1fr}.radio-group{flex-direction:column;gap:.75rem}.modal-footer{flex-wrap:wrap;gap:.5rem}.btn,.modal-btn{flex:1 1;justify-content:center;min-width:clamp(100px,30vw,140px)}.action-confirmation,.ban-form{max-width:100%}}@media (max-width:599px){.users-management{padding:.5rem}.users-stats-header{gap:.375rem;padding:.5rem}.stat-card{flex:1 1 100%;min-width:100%;padding:.4rem .5rem}.stat-number{font-size:1rem}.stat-text{font-size:.5rem}.users-filters-bar{gap:.625rem;padding:.625rem}.filter-select-compact{flex:1 1 100%;min-width:100%}.users-table{font-size:.65rem;min-width:700px}.users-table td,.users-table th{padding:clamp(.4rem,2vw,.5rem)}.action-btn{font-size:.625rem;padding:.3rem .5rem}.modal{margin:.25rem;max-height:95vh;width:100%}.modal-body,.modal-footer,.modal-header{padding:1rem}.modal-header h3{font-size:1.125rem}.modal-close{font-size:20px;height:28px;width:28px}.custom-reason-input,.suspend-reason-select{font-size:clamp(.85rem,2.5vw,.9375rem);padding:clamp(.625rem,2.5vw,.875rem)}.modal-btn{flex:1 1;font-size:clamp(.85rem,2.5vw,.9375rem);min-width:auto;padding:clamp(.5rem,2vw,.625rem) clamp(.875rem,3vw,1rem)}.modal-footer{flex-direction:column;gap:.5rem}.modal-footer .modal-btn{width:100%}}@media (max-width:479px){.users-management{padding:.4rem}.users-stats-header{margin-bottom:.75rem;padding:.4rem}.stat-card{padding:.3rem .4rem}.stat-number{font-size:.9375rem}.stat-text{font-size:.4875rem;line-height:1}.users-filters-bar{gap:.5rem;padding:.5rem}.search-input-compact{font-size:.75rem;padding:.4rem .6rem .4rem 2rem}.filter-select-compact{font-size:.7rem;padding:.4rem .5rem}.users-table{font-size:.625rem;min-width:600px}.users-table td,.users-table th{padding:.35rem}.action-btn{font-size:.5875rem;padding:.25rem .4rem}.modal{border-radius:8px}.modal-body,.modal-footer,.modal-header{padding:.875rem}.modal-header h3{font-size:1rem}.modal-close{font-size:18px;height:26px;width:26px}.custom-reason-input,.suspend-reason-select{font-size:.85rem;padding:.625rem}.modal-btn{font-size:.85rem;padding:.5rem .75rem}.detail-grid .detail-row{align-items:flex-start;flex-direction:column}}@media (max-width:374px){.users-management{padding:.35rem}.users-stats-header{gap:.25rem;padding:.35rem}.stat-card{padding:.3rem}.stat-number{font-size:.875rem}.stat-text{font-size:.4375rem}.users-filters-bar{padding:.4rem}.search-input-compact{font-size:.7rem;padding:.35rem .5rem .35rem 1.875rem}.filter-select-compact{font-size:.65rem;padding:.35rem .4rem}.users-table{font-size:.5875rem;min-width:550px}.users-table td,.users-table th{padding:.3rem}.action-btn{font-size:.5625rem;padding:.2rem .35rem}.modal-body,.modal-footer,.modal-header{padding:.75rem}.modal-header h3{font-size:.9375rem}.modal-close{font-size:16px;height:24px;width:24px}.custom-reason-input,.suspend-reason-select{font-size:.8rem;padding:.5rem}.modal-btn{font-size:.8rem;padding:.4rem .6rem}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.users-management{font-size:15px}.action-btn,.btn,.modal-btn{min-height:32px;touch-action:manipulation}.filter-select-compact,.search-input-compact{min-height:36px}}.action-btn.unsuspend-btn{background:linear-gradient(135deg,#00d2d3,#1dd1a1);border:1px solid #00d2d3;color:#fff}.action-btn.unsuspend-btn:hover{background:linear-gradient(135deg,#1dd1a1,#00d2d3);box-shadow:0 3px 8px #00d2d34d;opacity:.85}.action-btn.unban-btn{background:linear-gradient(135deg,#10ac84,#1dd1a1);border:1px solid #10ac84;color:#fff}.action-btn.unban-btn:hover{background:linear-gradient(135deg,#1dd1a1,#10ac84);box-shadow:0 3px 8px #10ac844d;opacity:.85}.status-badge.offense{animation:pulseOffense 2s ease-in-out infinite;background:linear-gradient(135deg,#ffa726,#ff9800);border:1px solid #ff9800;box-shadow:0 2px 6px #ffa7264d;color:#fff;font-weight:600}@keyframes pulseOffense{0%,to{box-shadow:0 2px 6px #ffa7264d}50%{box-shadow:0 4px 12px #ffa72680}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009}.suspend-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 40px #00000026;max-height:80vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{border-bottom:1px solid #e9ecef}.modal-header h3{color:#2c3e50;font-size:1.5rem;font-weight:600}.modal-close{align-items:center;background:none;border-radius:50%;color:#6c757d;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:background-color .2s;width:30px}.modal-close:hover{background-color:#f8f9fa;color:#495057}.modal-body p{color:#495057;font-size:1rem;margin:0 0 16px}.suspend-reason-select{background:#fff;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;margin-bottom:16px;padding:12px;transition:border-color .2s;width:100%}.suspend-reason-select:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.custom-reason-input{background:#fff;border:2px solid #e9ecef;font-size:1rem;margin-top:16px;padding:12px;transition:border-color .2s}.custom-reason-input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.modal-footer{background:#f8f9fa;border-radius:0 0 12px 12px;border-top:1px solid #e9ecef;padding:20px 24px}.modal-btn{border:none;border-radius:6px;font-size:1rem;font-weight:500;min-width:100px;padding:10px 20px;transition:all .2s}.modal-btn.cancel-btn{background:#6c757d;color:#fff}.modal-btn.cancel-btn:hover{background:#5a6268}.modal-btn.confirm-btn{background:linear-gradient(135deg,#ffc107,#ffb300);color:#fff}.modal-btn.confirm-btn:hover:not(:disabled){background:linear-gradient(135deg,#ffb300,#ffc107);box-shadow:0 4px 8px #ffc1074d;transform:translateY(-1px)}.modal.delete-modal .modal-btn{border-radius:8px;font-size:.8rem;min-width:85px;padding:.55rem 1.15rem}.modal.delete-modal .modal-btn.cancel-btn{background:linear-gradient(135deg,#9ca3af,#6b7280);color:#fff}.modal.delete-modal .modal-btn.cancel-btn:hover{background:linear-gradient(135deg,#6b7280,#4b5563);transform:translateY(-1px)}.modal.delete-modal .modal-btn.delete-btn{background:linear-gradient(135deg,#ef5350,#e53935);color:#fff}.modal.delete-modal .modal-btn.delete-btn:hover:not(:disabled){background:linear-gradient(135deg,#e53935,#c62828);box-shadow:0 3px 8px #ef53504d;transform:translateY(-1px)}.modal-btn:disabled{transform:none!important}.ban-info,.suspend-info{background:#ffc1071a;border-left:4px solid #ffc107;border-radius:4px;font-size:.85rem;margin-top:8px;padding:8px 12px}.suspend-date,.suspend-reason{color:#856404;margin:2px 0}.suspend-reason{font-weight:500}.suspend-date{font-size:.8rem;opacity:.8}.new-ban-modal-overlay{align-items:center!important;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000000bf!important;bottom:0!important;display:flex!important;justify-content:center!important;left:0!important;position:fixed!important;right:0!important;top:0!important;z-index:99999!important}.new-ban-modal{animation:newBanModalFadeIn .3s ease-out!important;background:#fff!important;border:2px solid #dfe6e9!important;border-radius:12px!important;box-shadow:0 20px 50px #6b8dd64d!important;max-height:85vh!important;max-width:340px!important;overflow:hidden!important;position:relative!important;width:90%!important;z-index:100000!important}@keyframes newBanModalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.new-ban-modal-header{align-items:center!important;background:linear-gradient(135deg,#f5f6fa,#e8effa)!important;border-bottom:2px solid #dfe6e9!important;border-radius:12px 12px 0 0!important;display:flex!important;justify-content:space-between!important;padding:.85rem 1.25rem!important}.new-ban-modal.service_seeker .new-ban-modal-header{background:linear-gradient(135deg,#6b8dd6,#5272c4)!important;color:#fff!important}.new-ban-modal.service_provider .new-ban-modal-header{background:linear-gradient(135deg,#ffa726,#fb8c00)!important;color:#fff!important}.new-ban-modal-header h3{font-size:.95rem;font-weight:700;letter-spacing:.3px;margin:0}.new-ban-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:inherit;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;transition:background-color .2s;width:30px}.new-ban-modal-close:hover:not(:disabled){background:#0000001a}.new-ban-modal-close:disabled{cursor:not-allowed;opacity:.5}.new-ban-modal-body{background:#fffef8;padding:1.15rem}.new-form-group{margin-bottom:.85rem}.new-form-group:last-child{margin-bottom:0}.new-form-group label{color:#3b4f7d;display:block;font-size:.8rem;font-weight:600;margin-bottom:.4rem}.new-ban-input,.new-ban-select{background:#fff;border:2px solid #dfe6e9;border-radius:8px;color:#2d3436;font-size:.8rem;padding:.5rem .65rem;transition:all .2s;width:100%}.new-ban-input:focus,.new-ban-select:focus{border-color:#6b8dd6;box-shadow:0 0 0 3px #6b8dd61a;outline:none}.new-ban-input:disabled,.new-ban-select:disabled{background:#f9fafb;cursor:not-allowed}.new-ban-modal-footer{background:linear-gradient(135deg,#f5f6fa,#e8effa);border-top:2px solid #dfe6e9;display:flex;gap:.65rem;justify-content:flex-end;padding:.85rem 1.25rem}.new-ban-btn{border:none;border-radius:8px;cursor:pointer;font-size:.75rem;font-weight:600;min-width:75px;padding:.5rem 1rem;transition:all .2s}.new-cancel-btn{background:linear-gradient(135deg,#9ca3af,#6b7280);box-shadow:0 2px 4px #0000001a;color:#fff}.new-cancel-btn:hover:not(:disabled){background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:0 3px 6px #00000026;transform:translateY(-1px)}.new-confirm-btn{background:linear-gradient(135deg,#ef5350,#e53935);box-shadow:0 2px 4px #ef535033;color:#fff}.new-confirm-btn:hover:not(:disabled){background:linear-gradient(135deg,#e53935,#c62828);box-shadow:0 3px 6px #ef53504d;transform:translateY(-1px)}.new-ban-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:500px){.new-ban-modal{margin:1rem;width:95%}.new-ban-modal-body,.new-ban-modal-footer,.new-ban-modal-header{padding:1rem}.new-ban-modal-footer{flex-direction:column}.new-ban-btn{width:100%}}.report-modal-overlay{animation:rm-fade-in .15s ease-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1118278c;padding:24px;z-index:9999}.report-modal{animation:rm-pop .18s ease-out;background:#fff;box-shadow:0 10px 30px #0000002e,0 2px 8px #0000001f;overflow:hidden;transform-origin:center;width:min(560px,92vw)}.report-modal-header{border-bottom:1px solid #eef2f7;padding:16px 20px}.report-modal-title{color:#111827;font-size:18px;font-weight:700;margin:0}.report-modal-close{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:inline-flex;height:34px;justify-content:center;transition:background-color .12s ease,color .12s ease;width:34px}.report-modal-close:hover{background:#f3f4f6;color:#111827}.report-modal-body{max-height:calc(80vh - 120px);padding:16px 20px 8px}.report-modal-section{margin-bottom:14px}.report-label{color:#374151;font-size:14px;font-weight:600;margin-bottom:8px}.report-reasons{grid-gap:8px 12px;display:grid;gap:8px 12px;grid-template-columns:repeat(2,minmax(0,1fr))}.report-reason-item{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;display:flex;gap:8px;padding:10px 12px;-webkit-user-select:none;user-select:none}.report-reason-item input[type=checkbox]{height:16px;width:16px}.report-input,.report-textarea{border:1px solid #e5e7eb;border-radius:10px;font-size:14px;outline:none;padding:10px 12px;transition:border-color .12s ease,box-shadow .12s ease;width:100%}.report-input:focus,.report-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.report-textarea{min-height:96px;resize:vertical}.report-modal-actions{background:#fafafa;border-top:1px solid #eef2f7;display:flex;gap:10px;justify-content:flex-end;padding:14px 20px 16px}.report-btn{-webkit-appearance:none;appearance:none;border:none;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 14px;transition:transform 80ms ease,box-shadow .12s ease,background-color .12s ease,color .12s ease}.report-btn:active{transform:translateY(1px)}.report-btn.primary{background:#2563eb;box-shadow:0 4px 10px #2563eb40;color:#fff}.report-btn.primary:hover{background:#1d4ed8}.report-btn.primary:disabled{background:#93c5fd;box-shadow:none;cursor:not-allowed}.report-btn.secondary{background:#eef2f7;color:#374151}.report-btn.secondary:hover{background:#e5e7eb}@media (max-width:480px){.report-reasons{grid-template-columns:1fr}.report-modal{width:100%}}@keyframes rm-fade-in{0%{opacity:0}to{opacity:1}}@keyframes rm-pop{0%{transform:scale(.975)}to{transform:scale(1)}}.report-success{display:flex;flex-direction:column;gap:8px;min-height:180px;padding:28px 12px;text-align:center}.report-success,.report-success-check{align-items:center;justify-content:center}.report-success-check{animation:rm-check-pop .3s ease-out;background:#10b9811a;border-radius:50%;color:#10b981;display:inline-flex;font-size:28px;font-weight:800;height:56px;width:56px}.report-success-text{color:#111827;font-size:18px;font-weight:700}.report-success-sub{color:#6b7280;font-size:13px}@keyframes rm-check-pop{0%{opacity:0;transform:scale(.8)}60%{opacity:1;transform:scale(1.08)}to{transform:scale(1)}}.evidence-dropzone{align-items:center;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;color:#475569;cursor:pointer;display:flex;flex-direction:column;gap:6px;justify-content:center;padding:18px;text-align:center;transition:border-color .12s ease,background-color .12s ease}.evidence-dropzone:hover{background:#f1f5f9;border-color:#60a5fa}.evidence-instructions{color:#1f2937;font-weight:600}.evidence-sub{color:#6b7280;font-size:12px}.evidence-previews{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:10px}.evidence-thumb{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;position:relative}.evidence-thumb img{display:block;height:100px;object-fit:cover;width:100%}.evidence-remove{background:#ef4444e6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;padding:4px 6px;position:absolute;right:6px;top:6px}.evidence-remove:disabled{background:#ef4444aa;cursor:not-allowed}.report-global-overlay{align-items:center;animation:rm-fade-in .16s ease-out;background:#11182759;display:flex;inset:0;justify-content:center;position:fixed;z-index:10500}.report-global-card{background:#fff;border-radius:14px;box-shadow:0 14px 40px #00000040,0 4px 12px #0000002e;padding:20px 24px;text-align:center;width:min(380px,92vw)}.rg-icon{align-items:center;border-radius:50%;display:inline-flex;font-size:28px;font-weight:800;height:56px;justify-content:center;margin:4px auto 10px;width:56px}.rg-icon.success{background:#10b9811a;color:#10b981}.rg-icon.warning{background:#f59e0b1a;color:#f59e0b}.rg-title{color:#111827;font-size:18px;font-weight:700;margin-bottom:4px}.rg-sub{color:#6b7280;font-size:13px}.upm-overlay{align-items:center;background:#1118278c;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.upm-modal{background:#fff;border-radius:12px;box-shadow:0 20px 50px #00000026;display:flex;flex-direction:column;overflow:hidden;width:min(720px,92vw)}.upm-header{border-bottom:1px solid #eee;gap:16px;padding:16px 20px}.upm-avatar,.upm-header{align-items:center;display:flex}.upm-avatar{background:#f1f5f9;border-radius:50%;color:#334155;font-size:20px;font-weight:700;height:56px;justify-content:center;overflow:hidden;width:56px}.upm-avatar img{height:100%;object-fit:cover;width:100%}.upm-avatar-fallback{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.upm-title{flex:1 1;min-width:0}.upm-name{color:#0f172a;font-size:18px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upm-sub{display:flex;gap:8px;margin-top:2px}.upm-role{background:#f1f5f9;border-radius:999px;color:#334155;font-size:12px;padding:4px 8px}.upm-role.service_provider{background:#eff6ff;color:#1d4ed8}.upm-role.service_seeker{background:#ecfeff;color:#0891b2}.upm-verify{background:#f1f5f9;border-radius:999px;color:#334155;font-size:12px;padding:4px 8px}.upm-verify.yes{background:#ecfdf5;color:#059669}.upm-verify.no{background:#fef2f2;color:#dc2626}.upm-close{background:#0000;border:none;color:#64748b;cursor:pointer;font-size:20px}.upm-body{padding:16px 20px}.upm-error,.upm-loading{color:#475569;padding:24px 0;text-align:center}.upm-stats{display:flex;gap:12px;margin-bottom:16px}.upm-stat{background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;flex:1 1;padding:12px;text-align:center}.upm-stat-val{color:#0f172a;font-size:18px;font-weight:700}.upm-stat-label{color:#475569;font-size:12px}.upm-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.upm-item{background:#fff;border:1px solid #f1f5f9;border-radius:10px;padding:12px}.upm-label{color:#64748b;font-size:12px;margin-bottom:4px}.upm-value{color:#0f172a;font-size:14px}.upm-bio{background:#fff;border:1px solid #f1f5f9;border-radius:10px;margin-top:12px;padding:12px}.upm-value-text{color:#334155;font-size:14px;line-height:1.5}.upm-footer{border-top:1px solid #eee;display:flex;gap:8px;padding:16px 20px}.upm-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px 16px;transition:all .2s}.upm-btn.primary{background:#3b82f6;color:#fff}.upm-btn.primary:hover{background:#2563eb}.upm-btn.danger{background:#ef4444;color:#fff}.upm-btn.danger:hover{background:#dc2626}.upm-btn.ban{background:#ef5350;color:#fff}.upm-btn.ban:hover{background:#e53935}.upm-btn:disabled{cursor:not-allowed;opacity:.6}.verification-management-modern{background:#f9fafb;height:calc(100vh - 64px);overflow-x:hidden;overflow-y:auto;padding:.85rem 1.5rem 1.25rem;position:relative;scroll-behavior:smooth}.verification-management-modern::-webkit-scrollbar{width:8px}.verification-management-modern::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.verification-management-modern::-webkit-scrollbar-thumb{background:#6b8dd6;border-radius:4px}.verification-management-modern::-webkit-scrollbar-thumb:hover{background:#5272c4}.vm-header{background:#6b8dd6;border:2px solid #6b8dd6;border-radius:8px;box-shadow:0 2px 6px #6b8dd626;display:flex;gap:.5rem;margin:-.85rem -1.5rem .75rem;padding:.5rem 2.2rem;position:-webkit-sticky;position:sticky;top:-.85rem;z-index:100}.vm-header-content,.vm-subtitle{display:none}.vm-header-actions,.vm-stats{display:contents}.stat-badge{align-items:center;background:#fff;border-radius:6px;border-right:1px solid #e8effa;display:flex;flex:1 1;flex-direction:column;gap:.15rem;justify-content:center;min-width:90px;padding:.4rem .65rem;text-align:center}.stat-badge:last-child{border-right:none}.vm-filter-tabs{align-items:center;background:#fff;border:1px solid #dfe6e9;border-radius:8px;box-shadow:0 2px 6px #0000000f;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.75rem;margin-left:-1.5rem;margin-right:-1.5rem;padding:.6rem 2.5rem;position:-webkit-sticky;position:sticky;top:3.75rem;z-index:99}.status-dropdown-container,.vm-controls-right{align-items:center;display:flex;gap:.75rem}.status-dropdown-label{align-items:center;color:#2d3436;display:flex;font-size:.85rem;font-weight:600;gap:.5rem}.dropdown-icon{font-size:1.2rem}.dropdown-label-text{color:#64748b;font-weight:500}.status-dropdown{background:#fff;border:1.5px solid #dfe6e9;border-radius:8px;color:#2d3436;cursor:pointer;font-size:.85rem;font-weight:500;min-width:200px;outline:none;padding:.5rem .85rem;transition:all .2s ease}.status-dropdown:hover{background:#f5f6fa;border-color:#6b8dd6}.status-dropdown:focus{border-color:#6b8dd6;box-shadow:0 0 0 3px #6b8dd61a}.filter-tab{align-items:center;background:#0000;border:2px solid #0000;border-radius:10px;color:#64748b;display:flex;font-size:.95rem;gap:.5rem;padding:.65rem 1.25rem}.filter-tab:hover{background:#f8fafc;color:#334155}.filter-tab.active{background:linear-gradient(135deg,#6b8dd6,#5272c4);border-color:#6b8dd6;box-shadow:0 4px 12px #6b8dd640}.filter-tab .tab-icon{font-size:1.1rem}.filter-tab .tab-label{font-weight:600}.vm-controls{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end;margin:-1rem 0 1.25rem}.view-toggle-minimal{align-items:center;background:#fff;border:1px solid #dfe6e9;border-radius:8px;box-shadow:0 1px 3px #0000000d;display:flex;gap:.25rem;min-height:36px;overflow:hidden;padding:.2rem}.toggle-btn{background:#0000;border:none;border-radius:6px;cursor:pointer;font-size:.95rem;padding:.4rem .5rem}.toggle-btn:hover{background:#f7fafc;transform:scale(1.05)}.toggle-btn.active{background:linear-gradient(135deg,#6b8dd6,#5272c4);box-shadow:0 4px 12px #6b8dd659}.vm-loading{align-items:center;background:#fff;border-radius:16px;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem}.spinner{animation:spin .8s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#667eea;height:48px;width:48px}.vm-loading p{color:#718096;margin-top:1rem}.vm-empty{background:#fff;border-radius:16px;padding:4rem 2rem;text-align:center}.empty-icon{color:#48bb78;margin-bottom:1rem}.vm-empty h3{color:#1a202c;font-size:1.5rem;margin-bottom:.5rem}.vm-empty p{color:#718096}.vm-error{background:#fed7d7;border-radius:8px;color:#c53030;margin-bottom:1.5rem;padding:1rem 1.5rem}.vm-table-container{-webkit-overflow-scrolling:touch;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;overflow-x:auto}.vm-table{border-collapse:collapse;width:100%}.vm-table thead{background:#f7fafc}.vm-table th{border-bottom:2px solid #e2e8f0;color:#4a5568;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:1rem 1.5rem;text-align:left;text-transform:uppercase}.vm-table td{border-bottom:1px solid #e2e8f0;font-size:.9rem;padding:1.25rem 1.5rem}.vm-table tbody tr{transition:background .2s ease}.vm-table tbody tr:hover{background:#f7fafc}.table-user{gap:.75rem}.table-user,.user-avatar-sm{align-items:center;display:flex}.user-avatar-sm{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;color:#fff;flex-shrink:0;font-size:.95rem;font-weight:600;height:40px;justify-content:center;width:40px}.user-info-sm{min-width:0}.user-name-sm{color:#1a202c;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email-sm{color:#718096;font-size:.8rem}.id-type-badge{background:#edf2f7;color:#2d3748;font-size:.8rem;font-weight:500}.id-type-badge,.match-badge{border-radius:6px;display:inline-block;padding:.35rem .75rem}.match-badge{font-size:.85rem;font-weight:600}.match-badge.high{background:#c6f6d5;color:#22543d}.match-badge.medium{background:#fef3c7;color:#78350f}.match-badge.low{background:#fed7d7;color:#742a2a}.action-btn{background:#f7fafc;font-size:1.1rem;padding:.5rem;width:32px}.action-btn:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.action-btn.accept:hover,.action-btn.view:hover{background:#bee3f8;color:#2c5282}.action-btn.reject:hover{background:#fed7d7;color:#742a2a}.vm-cards-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(3,minmax(0,1fr))}@media (min-width:1440px) and (max-width:1920px){.verification-management-modern{padding:clamp(.85rem,1.5vw,1.5rem) clamp(1.5rem,2vw,2rem)}.vm-cards-grid{gap:clamp(1rem,1.5vw,1.25rem);grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr))}}@media (max-width:1439px){.verification-management-modern{padding:clamp(.85rem,1.5vw,1.25rem) clamp(1.25rem,2vw,1.75rem)}.vm-cards-grid{gap:clamp(1rem,1.5vw,1.25rem);grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr))}.vm-stats-grid{gap:clamp(.75rem,1.5vw,1rem)}.vm-stat-box{padding:clamp(.75rem,1.5vw,1rem)}}@media (max-width:1199px){.verification-management-modern{padding:clamp(.75rem,2vw,1rem) clamp(1rem,2.5vw,1.5rem)}.vm-cards-grid{gap:clamp(.875rem,2vw,1rem);grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr))}.vm-header-actions{flex-wrap:wrap;gap:.75rem}.vm-search-input{width:clamp(200px,30vw,260px)}.vm-table{font-size:clamp(.65rem,1.5vw,.75rem)}.vm-action-btn{font-size:clamp(.6rem,1.2vw,.7rem);padding:clamp(.25rem,1vw,.35rem) clamp(.45rem,1.5vw,.65rem)}}@media (max-width:1200px){.vm-cards-grid{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))}}@media (max-width:1023px){.verification-management-modern{padding:clamp(.625rem,2.5vw,.85rem)}.vm-header-actions{align-items:stretch;flex-direction:column;gap:.75rem}.vm-filter-tabs{flex-wrap:wrap;gap:.5rem}.vm-tab{flex:1 1 auto;font-size:clamp(.75rem,2vw,.85rem);min-width:-webkit-fit-content;min-width:fit-content;padding:clamp(.4rem,2vw,.5rem) clamp(.75rem,2.5vw,1rem)}.vm-controls{align-items:stretch;flex-direction:column;gap:.75rem}.vm-search-input,.vm-select{width:100%}.vm-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.vm-table{min-width:900px}}@media (max-width:900px){.vm-cards-grid{grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr))}}@media (max-width:767px){.verification-management-modern{padding:clamp(.5rem,2vw,.75rem)}.vm-stats-grid{gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(min(140px,100%),1fr))}.vm-stat-box{padding:clamp(.5rem,2vw,.75rem)}.vm-stat-number{font-size:clamp(1.125rem,4vw,1.375rem)}.vm-stat-label{font-size:clamp(.6875rem,2vw,.75rem)}.vm-cards-grid{gap:.875rem;grid-template-columns:1fr}.vm-card{height:auto;min-height:220px}.vm-filter-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}.vm-tab{flex:0 0 auto;font-size:.75rem;padding:.4rem .875rem;white-space:nowrap}.vm-table{font-size:clamp(.65rem,1.8vw,.75rem);min-width:800px}.vm-action-btn{font-size:clamp(.625rem,1.8vw,.7rem);padding:clamp(.3rem,1.5vw,.4rem) clamp(.5rem,2vw,.6rem)}.vm-modal{margin:.5rem;max-height:92vh;max-width:none;width:98%}.vm-modal-body,.vm-modal-footer,.vm-modal-header{padding:clamp(.875rem,3vw,1.25rem)}}.vm-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;height:240px;min-width:0;padding:1rem;transition:all .3s ease}.vm-card:hover{border-color:#6b8dd6;box-shadow:0 8px 24px #0000001a;transform:translateY(-4px)}.vm-card-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;gap:1rem;margin-bottom:1rem;padding-bottom:.75rem}.user-avatar-card{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:1.25rem;font-weight:600;height:48px;justify-content:center;width:48px}.vm-card-info{flex:1 1;min-width:0}.card-name{color:#1a202c;font-size:1rem;font-weight:600;margin:0 0 .25rem}.card-email,.card-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-email{color:#718096;font-size:.85rem;margin:0}.vm-search{position:relative}.vm-search-input{background:#fff;border:1.5px solid #dfe6e9;border-radius:8px;color:#2d3436;font-size:.85rem;padding:.5rem .85rem;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;width:260px}.vm-search-input:focus{background:#fff;border-color:#6b8dd6;box-shadow:0 0 0 3px #6b8dd626}.vm-search-input::placeholder{color:#9ca3af}@media (min-width:1200px){.vm-header-actions{align-items:center}.vm-controls{justify-content:flex-end}}.vm-card-details{display:flex;flex:1 1;flex-direction:column;gap:.5rem;margin-bottom:.75rem;min-height:0}.detail-row{align-items:center}.detail-label{color:#718096;font-weight:500}.detail-value{color:#1a202c;font-size:.875rem;font-weight:500}.detail-value.id-type-badge{background:#0000;border:none;border-radius:0;color:#1a202c;padding:0}.vm-card-actions{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr);margin-top:auto}.card-action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:0;justify-content:center;padding:.625rem .75rem;transition:all .2s ease}.card-action-btn span{font-size:1rem}.card-action-btn.view{background:#ebf4ff;color:#2c5282}.card-action-btn.view:hover{background:#bee3f8;transform:translateY(-2px)}.card-action-btn.accept{background:#ebf4ff;color:#2c5282}.card-action-btn.accept:hover{background:#bee3f8;transform:translateY(-2px)}.card-action-btn.reject{background:#fff5f5;color:#742a2a}.card-action-btn.reject:hover{background:#fed7d7;transform:translateY(-2px)}.table-user-info{display:flex;flex-direction:column;gap:.25rem}.table-full-name{color:#1a202c;font-size:.95rem;font-weight:600}.table-email{color:#718096;font-size:.8rem}.table-id-type{background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;color:#2d3748;display:inline-block;font-size:.85rem;font-weight:500;padding:.4rem .75rem;text-transform:capitalize}.table-datetime{display:flex;flex-direction:column;gap:.15rem}.table-date{color:#2d3748;font-size:.9rem;font-weight:500}.table-time{color:#718096;font-size:.8rem}.table-barangay{color:#2d3748;font-size:.9rem;font-weight:500}.table-actions{gap:.5rem;justify-content:center}.table-action-btn{border:none;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1rem;text-transform:capitalize;transition:all .2s ease}.table-action-btn.view-btn{background:#ebf4ff;border:1px solid #bee3f8;color:#2c5282}.table-action-btn.view-btn:hover{background:#bee3f8;border-color:#90cdf4;box-shadow:0 2px 8px #2c528233;transform:translateY(-2px)}.table-action-btn.accept-btn{background:#ebf4ff;border:1px solid #bee3f8;color:#2c5282}.table-action-btn.accept-btn:hover{background:#bee3f8;border-color:#90cdf4;box-shadow:0 2px 8px #2c528233;transform:translateY(-2px)}.table-action-btn.reject-btn{background:#fff5f5;border:1px solid #fed7d7;color:#742a2a}.table-action-btn.reject-btn:hover{background:#fed7d7;border-color:#fc8181;box-shadow:0 2px 8px #742a2a33;transform:translateY(-2px)}.vm-table thead th{background:#f7fafc;border-bottom:2px solid #e2e8f0;color:#4a5568;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase}.vm-table thead th:last-child{text-align:center}.vm-table tbody td{border-bottom:1px solid #f1f5f9;padding:1rem;text-align:left;vertical-align:middle}.vm-table tbody td:last-child{text-align:center}.vm-table tbody tr:hover{background:#f8fafc;transition:background .2s ease}.vm-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:10000}.vm-modal{animation:slideUp .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:85vh;max-width:1100px;overflow:hidden;position:relative;width:100%}.vm-modal-close{align-items:center;background:#0000000d;border:none;border-radius:10px;color:#4a5568;cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;position:absolute;right:1.5rem;top:1.5rem;transition:all .2s ease;width:40px;z-index:10}.vm-modal-close:hover{background:#0000001a;transform:none}.vm-modal-content{grid-gap:0;display:grid;gap:0;grid-template-columns:1fr 1fr;height:85vh;max-height:85vh}.vm-modal-images{background:#1a202c;padding:2rem 2rem 1.25rem;position:relative}.image-carousel,.vm-modal-images{align-items:center;display:flex;justify-content:center}.image-carousel{flex-direction:column;height:100%;width:100%}.carousel-image-container{border-radius:12px;box-shadow:0 8px 32px #0000004d;max-height:calc(85vh - 220px);max-width:400px;overflow:hidden;position:relative;width:100%}.carousel-image{background:#fff;height:100%;object-fit:contain;width:100%}.image-label{background:#000c;bottom:0;font-size:.9rem;font-weight:500;left:0;padding:.75rem 1rem;position:absolute;right:0}.carousel-controls{flex-shrink:0;gap:1rem;margin-top:1rem;position:static;width:100%}.carousel-btn,.carousel-controls{align-items:center;display:flex;justify-content:center}.carousel-btn{background:#fff3;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.5rem;height:40px;transition:all .2s ease;width:40px}.carousel-btn:hover{background:#ffffff4d;transform:scale(1.1)}.carousel-indicators{display:flex;gap:.5rem}.indicator{background:#ffffff4d;border:none;border-radius:50%;cursor:pointer;height:8px;padding:0;transition:all .2s ease;width:8px}.indicator.active{background:#fff;border-radius:4px;width:24px}.vm-modal-details{max-height:85vh;overflow-y:auto;padding:2rem}.modal-kv-list{display:flex;flex-direction:column;gap:.5rem}.kv-row{align-items:center;border-bottom:1px solid #e5e7eb;display:grid;grid-template-columns:1fr auto;padding:.55rem 0}.kv-label{color:#6b7280;font-size:.85rem;font-weight:600;justify-self:start;text-align:left}.kv-value{color:#1f2937;font-size:.95rem;font-weight:500;justify-self:end;text-align:right}.modal-user-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;gap:1rem;margin-bottom:1rem;padding-bottom:1rem}.modal-user-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;display:flex;flex-shrink:0;font-size:1.4rem;font-weight:600;height:52px;justify-content:center;width:52px}.modal-user-name{color:#1a202c;font-size:1.5rem;font-weight:700;margin:0 0 .25rem;text-align:left}.modal-user-email{color:#718096;font-size:.95rem;margin:0;text-align:left}.modal-details-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin-bottom:2rem}.modal-detail-item{display:flex;flex-direction:column;gap:.5rem}.modal-detail-item.full-width{grid-column:1/-1}.detail-label-modal{color:#718096;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-value-modal{color:#1a202c;font-size:1rem;font-weight:500}.modal-actions{gap:1rem}.modal-action-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-size:.95rem;font-weight:600;gap:.4rem;justify-content:center;padding:.65rem 1rem;transition:all .2s ease}.modal-action-btn span{font-size:1.25rem}.modal-action-btn.accept-btn{background:linear-gradient(135deg,#6b8dd6,#5272c4);color:#fff}.modal-action-btn.accept-btn:hover{box-shadow:0 8px 20px #6b8dd666;transform:translateY(-2px)}.modal-action-btn.reject-btn{background:linear-gradient(135deg,#ef5350,#e53935);color:#fff}.modal-action-btn.reject-btn:hover{box-shadow:0 8px 20px #f5656566;transform:translateY(-2px)}.vm-reject-modal{animation:slideUp .3s ease;background:#fff;border-radius:16px;max-width:500px;padding:2rem;width:100%}.vm-reject-modal h3{color:#1a202c;font-size:1.5rem;margin:0 0 .5rem}.vm-reject-modal>p{color:#718096;margin:0 0 1.5rem}.reject-reasons{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.reason-option{align-items:center;background:#f7fafc;border-radius:8px;cursor:pointer;display:flex;gap:.75rem;padding:.875rem 1rem;transition:all .2s ease}.reason-option:hover{background:#edf2f7}.reason-option input[type=radio]{cursor:pointer;height:18px;width:18px}.custom-reason-input{border:2px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:.95rem;padding:.875rem 1rem;resize:vertical;transition:border-color .2s ease;width:100%}.custom-reason-input:focus{border-color:#667eea;outline:none}.reject-modal-actions{display:flex;gap:1rem;margin-top:1.5rem}.reject-modal-btn{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:600;padding:.875rem 1.5rem;transition:all .2s ease}.reject-modal-btn.cancel{background:#edf2f7;color:#4a5568}.reject-modal-btn.cancel:hover{background:#e2e8f0}.reject-modal-btn.confirm{background:linear-gradient(135deg,#f56565,#e53e3e);color:#fff}.reject-modal-btn.confirm:hover:not(:disabled){box-shadow:0 8px 20px #f5656566;transform:translateY(-2px)}.reject-modal-btn.confirm:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.vm-modal-content{grid-template-columns:1fr}.vm-modal-images{max-height:400px}.modal-details-grid{grid-template-columns:1fr}.modal-actions{flex-direction:column;gap:.5rem}.modal-actions button{width:100%}}@media (max-width:599px){.verification-management-modern{padding:.5rem}.vm-stats-grid{gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(100%,1fr))}.vm-stat-box{padding:.5rem}.vm-stat-number{font-size:1.125rem}.vm-stat-label{font-size:.6875rem}.vm-filter-tabs{gap:.375rem}.vm-tab{font-size:.7rem;padding:.375rem .75rem}.vm-search-input,.vm-select{font-size:clamp(.75rem,2vw,.85rem);padding:clamp(.4rem,2vw,.5rem) clamp(.6rem,2.5vw,.75rem)}.vm-card{min-height:200px;padding:.875rem}.user-avatar-card{font-size:1.125rem;height:40px;width:40px}.card-name{font-size:.9375rem}.card-email{font-size:.8125rem}.vm-table{font-size:.65rem;min-width:700px}.vm-table td,.vm-table th{padding:clamp(.4rem,2vw,.5rem)}.vm-action-btn{font-size:.625rem;padding:.3rem .5rem}.vm-modal{margin:.25rem;max-height:95vh;width:100%}.vm-modal-body,.vm-modal-footer,.vm-modal-header{padding:1rem}.vm-modal-images{max-height:350px}.success-popup{padding:2rem 2.5rem;width:95%}.success-icon{font-size:2.5rem;height:70px;width:70px}.success-title{font-size:1.5rem}.success-message{font-size:1rem}}@media (max-width:479px){.verification-management-modern{padding:.4rem}.vm-stats-grid{gap:.375rem}.vm-stat-box{padding:.4rem}.vm-stat-number{font-size:1rem}.vm-stat-label{font-size:.625rem;line-height:1}.vm-tab{font-size:.65rem;padding:.35rem .625rem}.vm-search-input,.vm-select{font-size:.75rem;padding:.4rem .6rem}.vm-card{min-height:180px;padding:.75rem}.user-avatar-card{font-size:1rem;height:36px;width:36px}.card-name{font-size:.875rem}.card-email{font-size:.75rem}.vm-table{font-size:.625rem;min-width:600px}.vm-table td,.vm-table th{padding:.35rem}.vm-action-btn{font-size:.5875rem;padding:.25rem .4rem}.vm-modal-body,.vm-modal-footer,.vm-modal-header{padding:.875rem}.vm-modal-images{max-height:300px}.success-popup{padding:1.5rem 2rem}.success-icon{font-size:2rem;height:60px;width:60px}.success-title{font-size:1.25rem}.success-message{font-size:.9375rem}}@media (max-width:374px){.verification-management-modern{padding:.35rem}.vm-stats-grid{gap:.25rem}.vm-stat-box{padding:.35rem}.vm-stat-number{font-size:.9375rem}.vm-stat-label{font-size:.5625rem}.vm-tab{font-size:.625rem;padding:.3rem .5rem}.vm-search-input,.vm-select{font-size:.7rem;padding:.35rem .5rem}.vm-card{min-height:170px;padding:.65rem}.user-avatar-card{font-size:.875rem;height:32px;width:32px}.card-name{font-size:.8125rem}.card-email{font-size:.6875rem}.vm-table{font-size:.5875rem;min-width:550px}.vm-table td,.vm-table th{padding:.3rem}.vm-action-btn{font-size:.5625rem;padding:.2rem .35rem}.vm-modal-body,.vm-modal-footer,.vm-modal-header{padding:.75rem}.vm-modal-images{max-height:250px}.success-popup{padding:1.25rem 1.5rem}.success-icon{font-size:1.75rem;height:50px;margin-bottom:1rem;width:50px}.success-title{font-size:1.125rem}.success-message{font-size:.875rem}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.verification-management-modern{font-size:15px}.modal-actions button,.vm-action-btn{min-height:32px;touch-action:manipulation}.vm-tab{min-height:36px}.vm-search-input,.vm-select{min-height:38px}}.success-popup-overlay{animation:fadeIn .3s ease;pointer-events:none;position:fixed;z-index:20000}.success-popup{animation:successSlideUp .4s ease;box-shadow:0 20px 60px #0000004d;max-width:450px;padding:2.5rem 3rem;pointer-events:auto;width:90%}.success-icon{align-items:center;animation:successIconPop .6s ease;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;box-shadow:0 8px 24px #10b98166;color:#fff;display:flex;font-size:3rem;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}@keyframes successIconPop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.success-title{animation:successTextFade .5s ease .2s both;color:#1a202c;font-size:1.75rem;font-weight:700;margin:0 0 .75rem}.success-message{animation:successTextFade .5s ease .3s both;color:#4a5568;font-size:1.1rem;margin:0}@keyframes successTextFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.platform-analytics{background:#f8f9fa;min-height:100vh;padding:20px}.analytics-header{margin-bottom:30px}.analytics-header h2{color:#2c3e50;font-size:28px;margin-bottom:8px}.analytics-header .subtitle{color:#7f8c8d;font-size:14px}.analytics-overview{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.analytics-overview .stat-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px;text-align:center;transition:transform .2s}.analytics-overview .stat-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-4px)}.analytics-overview .stat-value{color:#2c3e50;font-size:32px;font-weight:700;margin-bottom:8px}.analytics-overview .stat-label{color:#7f8c8d;font-size:14px;letter-spacing:.5px;text-transform:uppercase}.barangay-filter{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:12px;margin-bottom:30px;padding:16px 20px}.barangay-filter label{color:#2c3e50;font-weight:600}.barangay-filter select{border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:14px;min-width:200px;padding:8px 16px;transition:border-color .2s}.barangay-filter select:hover{border-color:#4ecdc4}.barangay-filter select:focus{border-color:#4ecdc4;box-shadow:0 0 0 3px #4ecdc41a;outline:none}.charts-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));margin-bottom:30px}.chart-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px}.chart-card.full-width{grid-column:1/-1}.chart-card h3{color:#2c3e50;font-size:18px;margin-bottom:4px}.chart-card .chart-subtitle{color:#95a5a6;font-size:12px;margin-bottom:16px}.forecast-list{display:flex;flex-direction:column;gap:12px;margin-top:20px}.forecast-item{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;gap:12px;padding:12px;transition:background .2s}.forecast-item:hover{background:#e9ecef}.forecast-item .rank{color:#4ecdc4;font-weight:700;min-width:30px}.forecast-item .category{color:#2c3e50;flex:1 1;font-weight:500}.forecast-item .value{color:#7f8c8d;font-size:14px}.forecast-item .trend{border-radius:4px;font-size:12px;font-weight:700;padding:4px 8px}.forecast-item .trend.up{background:#d5f4e6;color:#27ae60}.forecast-item .trend.down{background:#fadbd8;color:#e74c3c}.barangay-categories{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:20px}.barangay-card{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:12px;padding:20px;transition:all .3s}.barangay-card:hover{border-color:#4ecdc4;box-shadow:0 4px 12px #4ecdc433}.barangay-card h4{color:#2c3e50;font-size:16px;font-weight:600;margin-bottom:12px}.barangay-stats{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.barangay-stats span{background:#fff;border-radius:4px;color:#7f8c8d;font-size:12px;padding:4px 8px}.category-list{display:flex;flex-direction:column;gap:8px}.category-item{align-items:center;border-left:3px solid #4ecdc4;border-radius:6px;display:flex;justify-content:space-between;padding:8px 12px}.category-item .category-name{color:#2c3e50;font-size:13px;font-weight:500}.category-item .category-count{color:#4ecdc4;font-size:14px;font-weight:700}.custom-tooltip{background:#fff;border:2px solid #4ecdc4;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:12px}.custom-tooltip .label{color:#2c3e50;font-weight:700;margin-bottom:8px}.custom-tooltip p{font-size:13px;margin:4px 0}.custom-tooltip .providers{color:#4ecdc4}.custom-tooltip .seekers{color:#ff6b6b}.custom-tooltip .ratio{color:#7f8c8d;font-style:italic}.platform-analytics.error,.platform-analytics.loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px}.platform-analytics.error p,.platform-analytics.loading p{color:#7f8c8d;margin-top:16px}@media (min-width:1440px) and (max-width:1920px){.platform-analytics{padding:clamp(1.25rem,2vw,2rem)}.charts-grid{gap:clamp(1.25rem,2vw,2rem)}}@media (max-width:1439px){.platform-analytics{padding:clamp(1rem,2vw,1.5rem)}.analytics-overview{grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr))}.analytics-overview,.charts-grid{gap:clamp(1rem,2vw,1.5rem)}}@media (max-width:1199px){.platform-analytics{padding:clamp(1rem,2.5vw,1.25rem)}.charts-grid{gap:1.25rem}.barangay-categories,.charts-grid{grid-template-columns:1fr}.analytics-header h1{font-size:clamp(1.5rem,3vw,2rem)}}@media (max-width:1023px){.platform-analytics{padding:clamp(.875rem,2.5vw,1rem)}.analytics-overview{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr))}.stat-card{padding:clamp(.875rem,2vw,1rem)}.stat-value{font-size:clamp(1.5rem,4vw,2rem)}.stat-label{font-size:clamp(.75rem,1.5vw,.875rem)}.barangay-filter{align-items:stretch;flex-direction:column;gap:.75rem}.barangay-filter select{width:100%}}@media (max-width:767px){.platform-analytics{padding:clamp(.75rem,2vw,.875rem)}.analytics-header{padding:clamp(1rem,2.5vw,1.25rem)}.analytics-header h1{font-size:clamp(1.375rem,4vw,1.75rem)}.analytics-overview{gap:.875rem;grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr))}.stat-card{padding:.875rem}.stat-value{font-size:clamp(1.5rem,5vw,1.875rem)}.stat-label{font-size:clamp(.7rem,2vw,.8125rem)}.barangay-filter{align-items:flex-start;flex-direction:column;padding:clamp(.875rem,2vw,1rem)}.barangay-filter select{font-size:clamp(.8125rem,2.5vw,.9375rem);padding:clamp(.5rem,2vw,.625rem) clamp(.75rem,2.5vw,1rem);width:100%}.chart-card{padding:clamp(.875rem,2vw,1rem)}.chart-card h3{font-size:clamp(1rem,3vw,1.125rem)}.forecast-item{flex-wrap:wrap;gap:.5rem;padding:clamp(.625rem,2vw,.875rem)}.forecast-month{font-size:clamp(.8125rem,2.5vw,.9375rem)}.forecast-value{font-size:clamp(1.125rem,3vw,1.375rem)}}@media (max-width:599px){.platform-analytics{padding:.75rem}.analytics-header{padding:1rem}.analytics-header h1{font-size:1.375rem}.analytics-overview{gap:.875rem;grid-template-columns:1fr}.stat-card{padding:.875rem}.stat-value{font-size:1.5rem}.stat-label{font-size:.7rem}.barangay-filter{padding:.875rem}.barangay-filter select{font-size:.8125rem;padding:.5rem .75rem}.chart-card{padding:.875rem}.chart-card h3{font-size:1rem}.forecast-item{align-items:flex-start;flex-direction:column;padding:.625rem}}@media (max-width:479px){.platform-analytics{padding:.625rem}.analytics-header{padding:.875rem}.analytics-header h1{font-size:1.25rem}.stat-card{padding:.75rem}.stat-value{font-size:1.375rem}.stat-label{font-size:.6875rem}.barangay-filter{padding:.75rem}.barangay-filter label{font-size:.875rem}.barangay-filter select{font-size:.75rem;padding:.4rem .625rem}.chart-card{padding:.75rem}.chart-card h3{font-size:.9375rem}.forecast-item{padding:.5rem}.forecast-month{font-size:.8125rem}.forecast-value{font-size:1.125rem}}@media (max-width:374px){.platform-analytics{padding:.5rem}.analytics-header{padding:.75rem}.analytics-header h1{font-size:1.125rem}.stat-card{padding:.625rem}.stat-value{font-size:1.25rem}.stat-label{font-size:.625rem}.barangay-filter{padding:.625rem}.barangay-filter select{font-size:.7rem;padding:.375rem .5rem}.chart-card{padding:.625rem}.chart-card h3{font-size:.875rem}.forecast-item{padding:.5rem}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.platform-analytics{font-size:15px}.barangay-filter select{min-height:36px}}.recharts-wrapper{font-family:inherit!important}.recharts-cartesian-axis-tick-value{fill:#7f8c8d;font-size:12px}.recharts-legend-item-text{color:#2c3e50!important;font-size:13px}.recharts-tooltip-wrapper{z-index:100}.admin-analytics{background:#f9fafb;height:calc(100vh - 64px);overflow-x:hidden;overflow-y:auto;padding:.85rem 1.5rem 2rem;position:relative;scroll-behavior:smooth}.admin-analytics::-webkit-scrollbar{width:8px}.admin-analytics::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.admin-analytics::-webkit-scrollbar-thumb{background:#6b8dd6;border-radius:4px}.admin-analytics::-webkit-scrollbar-thumb:hover{background:#5272c4}.page-header{margin-bottom:1.5rem}.page-header h1{color:#2d3436;font-size:1.75rem;font-weight:700;margin:0 0 .5rem}.page-header p{color:#636e72;font-size:.95rem;margin:0}.analytics-stats-header{background:#6b8dd6;border:2px solid #6b8dd6;border-radius:8px;box-shadow:0 2px 6px #6b8dd626;display:flex;gap:.5rem;margin-bottom:1.5rem;margin-left:-1.5rem;margin-right:-1.5rem;padding:.5rem 2.2rem}.chart-container{background:#fff;border:1px solid #dfe6e9;border-radius:8px;box-shadow:0 2px 6px #0000000f;margin-bottom:1.25rem;padding:1.25rem}.chart-container h3{color:#2d3436;font-size:1.1rem;font-weight:700;margin:0 0 1rem}.forecast-section{background:#fff;border:1px solid #dfe6e9;border-radius:8px;box-shadow:0 2px 6px #0000000f;margin-bottom:1.25rem;padding:1.25rem}.forecast-section h3{color:#2d3436;font-size:1.1rem;font-weight:700;margin:0 0 1rem}.forecast-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:2fr 1fr}.forecast-metrics{display:flex;flex-direction:column;gap:.75rem}.metric-card{background:#f9fafb;border-radius:6px;padding:1rem}.metric-card-label{color:#636e72;font-size:.75rem;font-weight:600;margin-bottom:.35rem;text-transform:uppercase}.metric-card-value{color:#2d3436;font-size:1.15rem;font-weight:700;margin-bottom:.2rem}.metric-card-subvalue{color:#636e72;font-size:.8rem}.categories-table{margin-top:1rem}.table-header{border-bottom:2px solid #dfe6e9;color:#2d3436;font-size:.85rem;font-weight:700;letter-spacing:.3px;padding:.75rem 0;text-transform:uppercase}.table-header,.table-row{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:2fr 1fr 1fr 1fr 1fr}.table-row{border-bottom:1px solid #f3f4f6;font-size:.9rem;padding:.85rem 0;transition:background .2s}.table-row:hover{background:#f9fafb}.table-row span:first-child{color:#2d3436;font-weight:600}.table-row span{color:#636e72}.loading-container{padding:3rem}.chart-btn:hover{background:#f9fafb;border-color:#6b8dd6}@media (max-width:1200px){.forecast-grid{grid-template-columns:1fr}}@media (max-width:768px){.admin-analytics{padding:.5rem 1rem 1.5rem}.analytics-stats-header{flex-wrap:wrap;margin-left:-1rem;margin-right:-1rem;padding:.5rem 1rem}.stat-box{min-width:calc(50% - .25rem)}.table-header,.table-row{grid-template-columns:2fr 1fr 1fr}.table-header span:nth-child(4),.table-header span:nth-child(5),.table-row span:nth-child(4),.table-row span:nth-child(5){display:none}}.reports-page{background:#f9fafb;height:calc(100vh - 64px);overflow-x:hidden;overflow-y:auto;padding:.85rem 1.5rem 2rem;position:relative;scroll-behavior:smooth}.reports-page::-webkit-scrollbar{width:8px}.reports-page::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.reports-page::-webkit-scrollbar-thumb{background:#6b8dd6;border-radius:4px}.reports-page::-webkit-scrollbar-thumb:hover{background:#5272c4}.reports-header{background:#6b8dd6;border:2px solid #6b8dd6;border-radius:8px;box-shadow:0 2px 6px #6b8dd626;display:flex;gap:.5rem;margin:-.85rem -1.5rem 1.5rem;padding:.5rem 2.2rem;position:-webkit-sticky;position:sticky;top:-.85rem;z-index:100}.stat-box{gap:.15rem;min-width:90px;padding:.4rem .65rem}.reports-filter-bar{align-items:center;background:#fff;border:1px solid #dfe6e9;border-radius:8px;box-shadow:0 2px 6px #0000000f;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.75rem;margin-left:-1.5rem;margin-right:-1.5rem;padding:.6rem 2.2rem;position:-webkit-sticky;position:sticky;top:60px;z-index:99}.reports-filter-bar .rf-left,.reports-filter-bar .rf-right{align-items:center;display:flex;gap:.7rem}.rf-select{background:#fff;border:1px solid #dfe6e9;border-radius:6px;color:#2d3436;cursor:pointer;font-size:.875rem;font-weight:600;padding:.45rem .85rem;transition:all .2s}.rf-select:hover{background:#f9fafb;border-color:#6b8dd6}.rf-select:focus{border-color:#6b8dd6;box-shadow:0 0 0 3px #6b8dd61a;outline:none}.rf-search{align-items:center;display:flex}.rf-input{border:1px solid #dfe6e9;border-radius:6px;font-size:.875rem;padding:.45rem .85rem;transition:all .2s;width:clamp(200px,20vw,350px)}.rf-input:focus{border-color:#6b8dd6;box-shadow:0 0 0 3px #6b8dd61a;outline:none}.rf-input::placeholder{color:#9ca3af}.view-toggle{background:#f9fafb;border:1px solid #dfe6e9;border-radius:6px;gap:.25rem;padding:.25rem}.vt-btn{background:#0000;border:none;border-radius:4px;color:#636e72;cursor:pointer;font-size:1rem;font-weight:600;padding:.35rem .7rem;transition:all .2s}.vt-btn:hover{background:#fff;color:#6b8dd6}.vt-btn.active{background:#6b8dd6;box-shadow:0 1px 3px #6b8dd64d;color:#fff}.reports-empty,.reports-loading{color:#636e72;font-size:.95rem;padding:2rem;text-align:center}.reports-table{background:#fff;border:1px solid #dfe6e9;border-radius:8px;box-shadow:0 1px 3px #0000000d;overflow:hidden}.reports-table .table-header,.reports-table .table-row{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:minmax(100px,.8fr) minmax(140px,1.2fr) minmax(160px,1.4fr) minmax(100px,.8fr) minmax(160px,1.2fr) minmax(120px,.8fr);padding:.75rem 1rem}.reports-table .table-header{background:#f9fafb;color:#2d3436;font-size:.85rem;font-weight:700;letter-spacing:.3px;text-transform:uppercase}.reports-table .table-row{border-top:1px solid #f3f4f6;transition:background .2s}.reports-table .table-row:hover{background:#f9fafb}.rep-status{border:1px solid;border-radius:999px;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .65rem;text-transform:capitalize}.rep-status.unresolved{background:#fff7ed;border-color:#ffa726;color:#9a3412}.rep-status.in_review{background:#eff6ff;border-color:#6b8dd6;color:#1d4ed8}.rep-status.resolved{background:#ecfdf5;border-color:#4caf50;color:#047857}.rep-status.dismissed{background:#f3f4f6;border-color:#d1d5db;color:#636e72}.reports-cards{grid-gap:.85rem;display:grid;gap:.85rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:1rem;margin-top:.5rem}.report-card{background:#fff;border:1px solid #dfe6e9;border-radius:8px;box-shadow:0 1px 3px #0000000d;cursor:default;display:flex;flex-direction:column;gap:1rem;min-height:280px;padding:1.25rem;transition:all .2s}.report-card:hover{border-color:#6b8dd6;box-shadow:0 4px 12px #6b8dd626;transform:translateY(-2px)}.rc-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.rc-title{color:#2d3436;font-size:.95rem;font-weight:700}.rc-sub{color:#636e72;font-size:.8rem}.rc-desc{color:#374151;font-size:.875rem;line-height:1.5;margin-top:.5rem}.rc-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.65rem}.rc-tag{background:#f3f4f6;border:1px solid #dfe6e9;border-radius:999px;color:#636e72;font-size:.75rem;font-weight:600;padding:.2rem .6rem}.rc-tag.more{background:#eff6ff;border-color:#6b8dd6;color:#1d4ed8}.rc-evidence{grid-gap:.4rem;display:grid;gap:.4rem;grid-template-columns:repeat(4,1fr);margin-top:.65rem}.rc-thumb{border:1px solid #dfe6e9;border-radius:6px;height:56px;object-fit:cover;width:100%}.rc-datetime{align-items:center;color:#636e72;display:flex;font-size:.8rem;gap:.4rem}.rc-date{font-weight:600}.rc-time{background:#f9fafb;border:1px solid #dfe6e9;border-radius:999px;font-size:.75rem;padding:.1rem .4rem}.rc-lines{display:flex;flex:1 1;flex-direction:column;gap:.75rem;margin:.75rem 0 1.25rem}.rc-line{grid-gap:1rem;align-items:center;border-bottom:1px solid #f3f4f6;color:#2d3436;display:grid;font-size:.875rem;gap:1rem;grid-template-columns:1fr auto;padding:.5rem 0}.rc-line:last-child{border-bottom:none}.rc-line-label{color:#636e72;font-size:.8rem;font-weight:700;letter-spacing:.3px;text-align:left;text-transform:uppercase}.rc-line-value{color:#2d3436;font-weight:600;text-align:right;word-break:break-word}.rc-actions{border-top:1px solid #f3f4f6;display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin-top:auto;padding-top:.75rem}.rc-btn{border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:700;padding:.5rem .875rem;transition:all .2s}.rc-btn.view{background:#6b8dd6;color:#fff}.rc-btn.view:hover{background:#5272c4;box-shadow:0 2px 8px #6b8dd64d;transform:translateY(-1px)}.rc-btn.ok{background:#4caf50;color:#fff}.rc-btn.ok:hover{background:#388e3c}.rc-btn.muted{background:#9ca3af;color:#fff}.rc-btn.muted:hover{background:#6b7280}.table-row.clickable{cursor:pointer}.table-row.clickable:hover{background:#f9fafb}.user-link{background:#0000;border:none;color:#5272c4;cursor:pointer;font-weight:700;padding:0;text-decoration:none}.user-link:hover{color:#6b8dd6;text-decoration:underline}.reports-table-container{-webkit-overflow-scrolling:touch;margin-bottom:1rem;overflow-x:auto;width:100%}.mod-action-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-top:10px}.mod-action-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:6px;padding:12px 10px;transition:all .2s}.mod-action-btn:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.mod-action-btn.warning{border-color:#f59e0b}.mod-action-btn.warning:hover{background:#fef3c7;border-color:#d97706}.mod-action-btn.restrict{border-color:#ef5350}.mod-action-btn.restrict:hover{background:#fee2e2;border-color:#e53935}.mod-action-btn.suspend{border-color:#3b82f6}.mod-action-btn.suspend:hover{background:#dbeafe;border-color:#2563eb}.mod-action-btn.ban{border-color:#dc2626}.mod-action-btn.ban:hover{background:#fee2e2;border-color:#b91c1c}.mod-action-btn.notes{border-color:#6b8dd6}.mod-action-btn.notes:hover{background:#eff6ff;border-color:#5272c4}.mod-action-icon{font-size:22px}.mod-action-text{color:#374151;font-size:12px;font-weight:600;line-height:1.2;text-align:center}.rd-case-actions{display:flex;gap:10px;margin-top:10px}.rd-case-btn{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-family:inherit;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s}.rd-case-btn:disabled{cursor:not-allowed;opacity:.5}.rd-case-btn.dismiss{background:#f3f4f6;border:1px solid #d1d5db;color:#6b7280}.rd-case-btn.dismiss:hover:not(:disabled){background:#e5e7eb;color:#374151}.rd-case-btn.resolve{background:#4caf50;color:#fff}.rd-case-btn.resolve:hover:not(:disabled){background:#45a049;transform:translateY(-1px)}.rd-case-btn.reviewed{background:#6b8dd6;color:#fff}.rd-case-btn.reviewed:hover:not(:disabled){background:#5272c4;transform:translateY(-1px)}@media (max-width:768px){.mod-action-grid{grid-template-columns:repeat(2,1fr)}.rd-case-actions{flex-direction:column}.rd-case-btn{width:100%}}@media (max-width:480px){.mod-action-grid{grid-template-columns:1fr}}.reports-pagination{align-items:center;display:flex;gap:.75rem;justify-content:center;margin:1rem 0}.rp-page{color:#636e72;font-size:.9rem}.report-modal-overlay{background:#0006;inset:0;z-index:1098}.report-modal{background:#fffef8;border:1px solid #dfe6e9;border-radius:12px;box-shadow:0 20px 60px #0003;display:flex;flex-direction:column;left:50%;max-height:90vh;max-width:760px;position:fixed;top:50%;transform:translate(-50%,-50%);width:92vw;z-index:1099}.rm-header{align-items:center;background:#fff;border-bottom:1px solid #e8effa;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:1rem 1.25rem}.rm-body{overflow:auto;padding:1.5rem 1.75rem}.rd-section{grid-gap:1.5rem;align-items:start;border-bottom:1px solid #f3f4f6;display:grid;gap:1.5rem;grid-template-columns:1fr auto;padding:1rem 0}.rd-section:last-child{border-bottom:none}.rd-label{color:#636e72;font-size:.85rem;font-weight:700;letter-spacing:.3px;min-width:140px;padding-top:.25rem;text-align:left;text-transform:uppercase}.rd-value{color:#2d3436;font-size:.9rem;font-weight:600;word-break:break-word}.rd-box,.rd-value{flex:1 1;text-align:right}.rd-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;color:#374151;font-size:.875rem;line-height:1.6;padding:.875rem}.rd-tags{display:flex;flex:1 1;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.rd-evidence{grid-gap:.75rem;display:grid;flex:1 1;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));justify-items:end}.rd-thumb{border:2px solid #dfe6e9;border-radius:8px;cursor:pointer;height:120px;object-fit:cover;transition:all .2s;width:100%}.rd-thumb:hover{border-color:#6b8dd6;box-shadow:0 4px 12px #6b8dd640;transform:scale(1.05)}.rd-pure-text{display:flex;flex-direction:column;gap:1.25rem;padding:.5rem 0}.rd-field{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:180px 1fr;justify-items:start}.rd-field.rd-actions-field{border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:.5rem;margin-top:1rem;padding-top:1.25rem}.rd-field-label{color:#2d3436;font-size:.9rem;font-weight:700;letter-spacing:.2px;order:1;text-align:left}.rd-field-value{color:#374151;font-size:.875rem;justify-self:end;line-height:1.6;order:2;text-align:right;width:100%;word-break:break-word}.rd-field-value div{margin-bottom:.4rem}.rd-field-value div:last-child{margin-bottom:0}.rd-field-value strong{color:#2d3436;font-weight:600;margin-right:.25rem}.rd-evidence-images{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end;width:100%}.rd-evidence-img{border:2px solid #dfe6e9;border-radius:6px;cursor:pointer;flex-shrink:0;height:100px;object-fit:cover;transition:all .2s;width:120px}.rd-evidence-img:hover{border-color:#6b8dd6;box-shadow:0 4px 12px #6b8dd640;transform:scale(1.03)}.rd-view-profile-btn{background:#6b8dd6;border:none;border-radius:6px;color:#fff;cursor:pointer;float:right;font-size:.85rem;font-weight:600;margin-top:.75rem;padding:.5rem 1rem;transition:all .2s}.rd-view-profile-btn:hover{background:#5272c4;box-shadow:0 2px 8px #6b8dd64d;transform:translateY(-1px)}.image-lightbox{align-items:center;animation:fadeIn .2s ease-out;background:#000000e6;display:flex;inset:0;justify-content:center;padding:2rem;position:fixed;z-index:2000}.lightbox-content{animation:zoomIn .3s ease-out;max-height:90vh;max-width:90vw;position:relative}.lightbox-image{border-radius:8px;box-shadow:0 8px 32px #00000080;max-height:90vh;max-width:100%;object-fit:contain}.lightbox-close{align-items:center;background:#fffffff2;border:2px solid #6b8dd6;border-radius:50%;box-shadow:0 2px 8px #0000004d;color:#2d3436;cursor:pointer;display:flex;font-size:1.25rem;font-weight:700;height:36px;justify-content:center;left:0;position:absolute;top:-40px;transition:all .2s;width:36px}.lightbox-close:hover{background:#6b8dd6;color:#fff;transform:scale(1.1)}.rd-textarea{border:1px solid #dfe6e9;border-radius:6px;font-family:inherit;font-size:.875rem;grid-column:1/-1;max-width:100%;min-height:120px;padding:.875rem;resize:vertical;text-align:left;transition:all .2s;width:100%}.rd-textarea:focus{border-color:#6b8dd6;box-shadow:0 0 0 3px #6b8dd61a;outline:none}.rd-actions{background:#fff;border-top:1px solid #dfe6e9;bottom:0;display:flex;flex-wrap:wrap;gap:.6rem;padding:1rem 0 .5rem;position:-webkit-sticky;position:sticky}.rd-btn{background:#6b8dd6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:700;padding:.6rem 1rem;transition:all .2s}.rd-btn:hover{background:#5272c4;box-shadow:0 2px 8px #6b8dd64d;transform:translateY(-1px)}.rd-btn.info{background:#6b8dd6}.rd-btn.ok{background:#4caf50}.rd-btn.ok:hover{background:#388e3c}.rd-btn.muted{background:#9ca3af}.rd-btn.muted:hover{background:#6b7280}@media (min-width:1440px) and (max-width:1920px){.reports-page{padding:clamp(.85rem,1.5vw,1.5rem) clamp(1.5rem,2vw,2rem)}.reports-cards-grid{gap:clamp(1rem,1.5vw,1.25rem);grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr))}}@media (max-width:1439px){.reports-page{padding:clamp(.85rem,1.5vw,1.25rem) clamp(1.25rem,2vw,1.75rem)}.reports-filter-bar,.reports-header{margin-left:calc(clamp(1.25rem, 2vw, 1.75rem)*-1);margin-right:calc(clamp(1.25rem, 2vw, 1.75rem)*-1);padding-left:clamp(1.25rem,2vw,1.75rem);padding-right:clamp(1.25rem,2vw,1.75rem)}.reports-cards-grid{gap:clamp(1rem,1.5vw,1.25rem);grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr))}.reports-stats-header{gap:clamp(.375rem,1vw,.5rem);padding:clamp(.4rem,1.5vw,.6rem) clamp(.5rem,2vw,.85rem)}}@media (max-width:1023px){.reports-page{padding:clamp(.75rem,2vw,1rem) clamp(1rem,2.5vw,1.5rem)}.reports-filter-bar,.reports-header{margin-left:calc(clamp(1rem, 2.5vw, 1.5rem)*-1);margin-right:calc(clamp(1rem, 2.5vw, 1.5rem)*-1);padding-left:clamp(1rem,2.5vw,1.5rem);padding-right:clamp(1rem,2.5vw,1.5rem)}.reports-filters-bar{flex-wrap:wrap;gap:.75rem;padding:clamp(.5rem,1.5vw,.75rem) clamp(.75rem,2vw,1rem)}.reports-cards-grid{gap:clamp(.875rem,2vw,1rem);grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr))}.reports-table{font-size:clamp(.65rem,1.5vw,.75rem)}.table-action-btn{font-size:clamp(.6rem,1.2vw,.7rem);padding:clamp(.25rem,1vw,.35rem) clamp(.45rem,1.5vw,.65rem)}}@media (max-width:899px){.reports-page{padding:clamp(.625rem,2.5vw,.85rem)}.reports-filter-bar,.reports-header{margin-left:calc(clamp(.625rem, 2.5vw, .85rem)*-1);margin-right:calc(clamp(.625rem, 2.5vw, .85rem)*-1);padding-left:clamp(.625rem,2.5vw,.85rem);padding-right:clamp(.625rem,2.5vw,.85rem)}.reports-stats-header{flex-wrap:wrap;gap:.5rem}.stat-box{flex-basis:calc(50% - 0.25rem);flex-grow:1;flex-shrink:1;min-width:clamp(120px,30vw,150px)}.reports-filters-bar{align-items:stretch;flex-direction:column;gap:.75rem}.filters-left,.filters-right{flex:none;max-width:100%;width:100%}.rf-input{width:100%}.reports-cards-grid{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))}.reports-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.reports-table{min-width:900px}}@media (max-width:767px){.reports-page{padding:clamp(.5rem,2vw,.75rem)}.reports-filter-bar,.reports-header{margin-left:calc(clamp(.5rem, 2vw, .75rem)*-1);margin-right:calc(clamp(.5rem, 2vw, .75rem)*-1);padding-left:clamp(.5rem,2vw,.75rem);padding-right:clamp(.5rem,2vw,.75rem)}.reports-filter-bar{top:65px}.rf-input{width:100%}.reports-stats-header{gap:.375rem;padding:.5rem}.stat-box{flex-basis:calc(50% - 0.375rem);flex-grow:1;flex-shrink:1;min-width:calc(50% - .375rem);padding:clamp(.4rem,2vw,.5rem) clamp(.5rem,2.5vw,.6rem)}.stat-number{font-size:clamp(1rem,4vw,1.15rem)}.stat-text{font-size:clamp(.5rem,1.5vw,.58rem)}.reports-filters-bar{padding:clamp(.625rem,2vw,.75rem)}.filter-select-compact,.search-input-compact{font-size:clamp(.75rem,2vw,.85rem);padding:clamp(.4rem,2vw,.5rem) clamp(.6rem,2.5vw,.75rem)}.reports-cards-grid{gap:.875rem;grid-template-columns:1fr}.report-card{padding:clamp(.75rem,2.5vw,.875rem)}.reports-table{font-size:clamp(.65rem,1.8vw,.75rem);min-width:800px}.table-action-btn{font-size:clamp(.625rem,1.8vw,.7rem);padding:clamp(.3rem,1.5vw,.4rem) clamp(.5rem,2vw,.6rem)}.report-detail-drawer{max-width:none;width:100%}.rd-actions,.rd-body,.rd-header{padding:clamp(.875rem,3vw,1.25rem)}}@media (max-width:599px){.reports-page{padding:.5rem}.reports-filter-bar,.reports-header{margin-left:-.5rem;margin-right:-.5rem;padding-left:.5rem;padding-right:.5rem}.reports-filter-bar{top:50px}.reports-stats-header{gap:.375rem;padding:.5rem}.stat-box{flex:1 1 100%;min-width:100%;padding:.4rem .5rem}.stat-number{font-size:1rem}.stat-text{font-size:.5rem}.reports-filters-bar{gap:.625rem;padding:.625rem}.filter-select-compact,.search-input-compact{font-size:.75rem;padding:.4rem .6rem}.reports-table{font-size:.65rem;min-width:700px}.reports-table td,.reports-table th{padding:clamp(.4rem,2vw,.5rem)}.table-action-btn{font-size:.625rem;padding:.3rem .5rem}.rd-actions,.rd-body,.rd-header{padding:1rem}.rd-images{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.rd-btn{font-size:clamp(.8125rem,2.5vw,.9375rem);padding:clamp(.5rem,2vw,.625rem) clamp(.875rem,3vw,1rem)}.rd-field{gap:.5rem;grid-template-columns:1fr}.rd-field-label{text-align:left}.rd-field-value{justify-self:start;text-align:left}.rd-view-profile-btn{display:block;float:none;width:100%}.rd-evidence-images{justify-content:flex-start}.rd-evidence-img{height:80px;width:100px}}@media (max-width:479px){.reports-page{padding:.4rem}.reports-filter-bar,.reports-header{margin-left:-.4rem;margin-right:-.4rem;padding-left:.4rem;padding-right:.4rem}.reports-stats-header{padding:.4rem}.stat-box{padding:.3rem .4rem}.stat-number{font-size:.9375rem}.stat-text{font-size:.4875rem;line-height:1}.reports-filters-bar{padding:.5rem}.filter-select-compact,.search-input-compact{font-size:.7rem;padding:.35rem .5rem}.reports-table{font-size:.625rem;min-width:600px}.reports-table td,.reports-table th{padding:.35rem}.table-action-btn{font-size:.5875rem;padding:.25rem .4rem}.rd-actions,.rd-body,.rd-header{padding:.875rem}.rd-title{font-size:1rem}.rd-btn{font-size:.8125rem;padding:.5rem .75rem}.rd-field{gap:.5rem;grid-template-columns:1fr}.rd-field-value{justify-self:start;text-align:left}.rd-view-profile-btn{display:block;float:none;width:100%}.rd-evidence-images{justify-content:flex-start}.rd-evidence-img{height:75px;width:90px}}@media (max-width:374px){.reports-page{padding:.35rem}.reports-filter-bar,.reports-header{margin-left:-.35rem;margin-right:-.35rem;padding-left:.35rem;padding-right:.35rem}.reports-stats-header{gap:.25rem;padding:.35rem}.stat-box{padding:.3rem}.stat-number{font-size:.875rem}.stat-text{font-size:.4375rem}.reports-filters-bar{padding:.4rem}.filter-select-compact,.search-input-compact{font-size:.65rem;padding:.3rem .4rem}.reports-table{font-size:.5875rem;min-width:550px}.reports-table td,.reports-table th{padding:.3rem}.table-action-btn{font-size:.5625rem;padding:.2rem .35rem}.rd-actions,.rd-body,.rd-header{padding:.75rem}.rd-btn{font-size:.75rem;padding:.4rem .6rem}.rd-field{gap:.5rem;grid-template-columns:1fr}.rd-field-value{justify-self:start;text-align:left}.rd-view-profile-btn{display:block;float:none;width:100%}.rd-evidence-images{justify-content:flex-start}.rd-evidence-img{height:70px;width:85px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.reports-page{font-size:15px}.rd-btn,.table-action-btn{min-height:32px;touch-action:manipulation}.filter-select-compact,.search-input-compact{min-height:36px}}.offense-modal-overlay{z-index:1150!important}.offense-select-modal{max-height:85vh;max-width:560px}.offense-select-modal .rm-body{padding:1.25rem}.offense-instruction{color:#636e72;font-size:.875rem;line-height:1.5;margin-bottom:1.25rem;text-align:center}.offense-buttons-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.offense-btn{align-items:center;background:#fffef8;border:2px solid #dfe6e9;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:.4rem;padding:1rem .75rem;transition:all .2s}.offense-btn:hover{background:#fff9e6;border-color:#6b8dd6;box-shadow:0 4px 12px #6b8dd626;transform:translateY(-2px)}.offense-num{background:#6b8dd6;border-radius:50%;color:#fff;display:inline-block;font-size:1rem;font-weight:700;height:36px;line-height:36px;width:36px}.offense-label{color:#2d3436;font-size:.85rem;font-weight:700}.offense-desc,.offense-label{line-height:1.2;text-align:center}.offense-desc{color:#636e72;font-size:.75rem}.offense-btn.first:hover .offense-num{background:#4caf50}.offense-btn.second-minor:hover .offense-num{background:#ffa726}.offense-btn.third:hover .offense-num{background:#ef5350}.offense-btn.fourth:hover .offense-num{background:#b71c1c}.first-offense-modal{max-height:90vh;max-width:750px}.first-offense-modal .rm-body{padding:1.25rem}.warning-preview{background:#fff9e6;border:1px solid #fff4d4;border-radius:6px;margin-bottom:1.25rem;padding:1rem}.warning-preview h3{color:#3b4f7d;font-size:.9rem;font-weight:700;margin-bottom:.75rem}.warning-template{background:#fff;border:1px solid #dfe6e9;border-radius:6px;color:#374151;font-size:.825rem;line-height:1.6;padding:1rem}.warning-template p{margin-bottom:.6rem}.warning-template p:last-child{margin-bottom:0}.warning-template strong{color:#2d3436;font-weight:700}.warning-form{display:flex;flex-direction:column;gap:1rem}.form-group{gap:.4rem}.form-group label{color:#2d3436;font-size:.85rem;font-weight:700}.form-input,.form-textarea{border:1px solid #dfe6e9;border-radius:6px;color:#374151;font-family:inherit;font-size:.85rem;padding:.65rem;transition:all .2s;width:100%}.form-input:focus,.form-textarea:focus{border-color:#6b8dd6;box-shadow:0 0 0 3px #6b8dd61a;outline:none}.form-textarea{min-height:85px;resize:vertical}.warning-actions{border-top:1px solid #dfe6e9;display:flex;gap:.75rem;justify-content:flex-end;margin-top:.75rem;padding-top:1rem}.warning-btn{border:none;border-radius:6px;cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:600;padding:.6rem 1.25rem;transition:all .2s}.warning-btn:disabled{cursor:not-allowed;opacity:.5}.warning-btn.cancel{background:#f3f4f6;border:1px solid #d1d5db;color:#6b7280}.warning-btn.cancel:hover:not(:disabled){background:#e5e7eb}.warning-btn.send{background:#4caf50;color:#fff}.warning-btn.send:hover:not(:disabled){background:#45a049;box-shadow:0 2px 8px #4caf504d;transform:translateY(-1px)}@media (max-width:768px){.offense-buttons-grid{grid-template-columns:1fr}.first-offense-modal,.offense-select-modal{max-height:90vh;width:95vw}.first-offense-modal .rm-body,.offense-select-modal .rm-body{padding:1rem}.warning-preview{padding:.875rem}.warning-template{font-size:.8rem;padding:.875rem}}@media (max-width:480px){.offense-btn{padding:.875rem .625rem}.offense-num{font-size:.9rem;height:32px;line-height:32px;width:32px}.offense-label{font-size:.8rem}.offense-desc{font-size:.7rem}.warning-actions{flex-direction:column}.warning-btn{width:100%}}.restriction-modal{background:#fffef8;box-shadow:0 12px 48px #3b4f7d40;max-height:85vh;max-width:550px}.restriction-modal .rm-header{background:linear-gradient(135deg,#6b8dd6,#5272c4);border-bottom:none;color:#fff;padding:.95rem 1.25rem}.restriction-modal .rm-title{color:#fff;font-size:1rem;font-weight:700}.restriction-modal .rm-close{color:#fff;font-size:1.35rem;opacity:.9}.restriction-modal .rm-close:hover{opacity:1;transform:scale(1.1)}.restriction-modal .rm-body{background:#fffef8;padding:1.25rem}.restriction-info{background:#fff9e6;border:2px solid #ffe5b4;border-radius:8px;margin-bottom:1.25rem;padding:.85rem}.restriction-user-info{color:#2d3436;font-size:.85rem;line-height:1.6;margin:0}.restriction-user-info strong{color:#3b4f7d;font-weight:700}.restriction-section{background:#fff;border:1px solid #dfe6e9;border-radius:8px;margin-bottom:1.25rem;padding:.95rem}.restriction-section-title{align-items:center;color:#3b4f7d;display:flex;font-size:.9rem;font-weight:700;gap:.4rem;margin-bottom:.75rem}.restriction-section-title:before{color:#6b8dd6;content:"●";font-size:.65rem}.restriction-features{grid-gap:.65rem;display:grid;gap:.65rem;grid-template-columns:repeat(2,1fr)}.restriction-checkbox{align-items:center;background:#fffef8;border:2px solid #dfe6e9;border-radius:6px;cursor:pointer;display:flex;gap:.5rem;padding:.65rem .75rem;transition:all .2s ease}.restriction-checkbox:hover{background:#fff9e6;border-color:#6b8dd6;transform:translateX(2px)}.restriction-checkbox input[type=checkbox]:checked{accent-color:#6b8dd6}.restriction-checkbox input[type=checkbox]{accent-color:#6b8dd6;cursor:pointer;height:17px;width:17px}.restriction-checkbox span{color:#2d3436;font-size:.82rem;font-weight:600}.restriction-duration{display:flex;flex-wrap:wrap;gap:.75rem}.restriction-radio{align-items:center;background:#fffef8;border:2px solid #dfe6e9;border-radius:8px;cursor:pointer;display:flex;flex:1 1;gap:.5rem;justify-content:center;min-width:110px;padding:.7rem 1.1rem;transition:all .25s ease}.restriction-radio:hover{background:#fff9e6;border-color:#6b8dd6;box-shadow:0 4px 12px #6b8dd626;transform:translateY(-2px)}.restriction-radio input[type=radio]{accent-color:#6b8dd6;cursor:pointer;height:17px;width:17px}.restriction-radio input[type=radio]:checked{accent-color:#5272c4}.restriction-radio input[type=radio]:checked+span{color:#3b4f7d;font-weight:700}.restriction-radio span{color:#2d3436;font-size:.85rem;font-weight:600}.restriction-actions{border-top:2px solid #f5f6fa;display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.25rem;padding-top:1.25rem}.restriction-btn{border:none;border-radius:8px;cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:700;min-width:120px;padding:.7rem 1.5rem;transition:all .2s ease}.restriction-btn:disabled{cursor:not-allowed;opacity:.5}.restriction-btn.cancel{background:#fff;border:2px solid #dfe6e9;color:#636e72}.restriction-btn.cancel:hover:not(:disabled){background:#f5f6fa;border-color:#6b8dd6;color:#3b4f7d;transform:translateY(-2px)}.restriction-btn.apply{background:#6b8dd6;box-shadow:0 4px 12px #6b8dd640;color:#fff}.restriction-btn.apply:hover:not(:disabled){background:#5272c4;box-shadow:0 6px 16px #6b8dd659;transform:translateY(-2px)}@media (max-width:768px){.restriction-modal{max-height:90vh;width:95vw}.restriction-modal .rm-header{padding:.85rem 1rem}.restriction-modal .rm-title{font-size:.95rem}.restriction-modal .rm-body{padding:1rem}.restriction-info{padding:.75rem}.restriction-user-info{font-size:.8rem}.restriction-section{margin-bottom:1rem;padding:.85rem}.restriction-section-title{font-size:.85rem;margin-bottom:.65rem}.restriction-features{gap:.6rem;grid-template-columns:1fr}.restriction-checkbox{padding:.6rem .7rem}.restriction-checkbox span{font-size:.8rem}.restriction-duration{flex-direction:column;gap:.6rem}.restriction-radio{min-width:0;min-width:auto;padding:.65rem 1rem}.restriction-radio span{font-size:.82rem}.restriction-actions{flex-direction:column;gap:.6rem;margin-top:1rem;padding-top:1rem}.restriction-btn{font-size:.85rem;min-width:0;min-width:auto;padding:.65rem 1.2rem;width:100%}}.dismiss-block-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.dismiss-block-modal{animation:scaleIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 25px 50px -12px #00000059;max-width:480px;padding:2rem;text-align:center;width:90%}.dismiss-block-icon{animation:bounce .6s ease-out;font-size:3.5rem;margin-bottom:1rem}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.dismiss-block-message{color:#374151;font-size:1.1rem;font-weight:500;line-height:1.6;margin-bottom:1.5rem}.dismiss-block-close-btn{background:#6b8dd6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:600;min-width:120px;padding:.75rem 2rem;transition:all .2s}.dismiss-block-close-btn:hover{background:#5272c4;box-shadow:0 4px 12px #6b8dd64d;transform:translateY(-2px)}.dismiss-block-close-btn:active{transform:translateY(0)}body:has(.dismiss-block-overlay){overflow:hidden}@media (max-width:480px){.dismiss-block-modal{padding:1.5rem;width:95%}.dismiss-block-icon{font-size:3rem}.dismiss-block-message{font-size:1rem}.dismiss-block-close-btn{width:100%}}.custom-confirm-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#3b4f7dbf;display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}.custom-confirm-modal{animation:slideDown .3s cubic-bezier(.34,1.56,.64,1);background:#fffef8;border:2px solid #dfe6e9;border-radius:12px;box-shadow:0 12px 48px #3b4f7d59,0 4px 16px #6b8dd633;max-width:540px;min-width:420px;overflow:hidden}.custom-confirm-header{display:none}.custom-confirm-message{border-bottom:1px solid #f5f6fa;color:#2d3436;font-size:1rem;font-weight:500;line-height:1.65;padding:2rem 1.75rem;text-align:center}.custom-confirm-actions{background:#fff9e6;display:flex;gap:1rem;justify-content:center;padding:1.5rem 1.75rem}.custom-confirm-btn{border:none;border-radius:8px;box-shadow:0 2px 8px #00000014;cursor:pointer;font-family:inherit;font-size:.9375rem;font-weight:600;min-width:100px;padding:.75rem 2rem;transition:all .2s ease}.custom-confirm-btn.ok{background:#6b8dd6;color:#fff}.custom-confirm-btn.ok:hover{background:#5272c4;box-shadow:0 4px 12px #6b8dd64d;transform:translateY(-2px)}.custom-confirm-btn.cancel{background:#fff;border:2px solid #dfe6e9;color:#636e72}.custom-confirm-btn.cancel:hover{background:#f5f6fa;border-color:#6b8dd6;box-shadow:0 4px 12px #6b8dd626;color:#3b4f7d;transform:translateY(-2px)}.custom-confirm-btn:active{transform:translateY(0) scale(.98)}@media (max-width:480px){.custom-confirm-modal{margin:1rem;max-width:90%;min-width:90%}.custom-confirm-message{font-size:.9375rem;padding:1.5rem 1.25rem}.custom-confirm-actions{flex-direction:column-reverse;gap:.75rem;padding:1.25rem}.custom-confirm-btn{width:100%}}.restriction-success-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#3b4f7dcc;display:flex;inset:0;justify-content:center;position:fixed;z-index:10001}.restriction-success-modal{animation:successSlideUp .4s cubic-bezier(.34,1.56,.64,1);background:#fff;border:3px solid #4caf50;border-radius:16px;box-shadow:0 20px 60px #00000059;max-width:480px;padding:2.5rem 2rem;text-align:center;width:90%}.restriction-success-icon{animation:successPulse .6s ease-out;height:80px;margin:0 auto 1.5rem;width:80px}@keyframes successPulse{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.restriction-success-icon svg{filter:drop-shadow(0 4px 12px rgba(76,175,80,.3));height:100%;width:100%}.restriction-success-title{animation:slideInFromTop .5s ease-out .1s both;color:#2d3436;font-size:1.5rem;font-weight:700;margin-bottom:1rem}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.restriction-success-message{animation:slideInFromTop .5s ease-out .2s both;color:#636e72;font-size:1rem;line-height:1.6;margin-bottom:2rem}.restriction-success-btn{animation:slideInFromTop .5s ease-out .3s both;background:linear-gradient(135deg,#6b8dd6,#5272c4);border:none;border-radius:10px;box-shadow:0 4px 16px #6b8dd666;color:#fff;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:700;min-width:160px;padding:.85rem 2.5rem;transition:all .3s ease}.restriction-success-btn:hover{background:linear-gradient(135deg,#5272c4,#3b4f7d);box-shadow:0 6px 20px #6b8dd680;transform:translateY(-3px)}.restriction-success-btn:active{transform:translateY(-1px) scale(.98)}body:has(.restriction-success-overlay){overflow:hidden}@media (max-width:480px){.restriction-success-modal{padding:2rem 1.5rem;width:95%}.restriction-success-icon{height:64px;margin-bottom:1.25rem;width:64px}.restriction-success-title{font-size:1.25rem}.restriction-success-message{font-size:.9375rem;margin-bottom:1.5rem}.restriction-success-btn{padding:.75rem 2rem;width:100%}}.third-offense-modal{max-height:90vh;max-width:600px;overflow-y:auto}.third-offense-info{background:#fff9e6;border-left:4px solid #ef5350;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.third-offense-user-info{color:#2d3436;font-size:.95rem;line-height:1.6;margin:0}.third-offense-user-info strong{color:#3b4f7d;font-weight:700}.third-offense-section{margin-bottom:1.75rem}.third-offense-section-title{border-bottom:2px solid #dfe6e9;color:#3b4f7d;font-size:1.05rem;font-weight:700;margin-bottom:1rem;padding-bottom:.5rem}.third-offense-duration-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}.third-offense-checkbox-item{align-items:center;background:#fffef8;border:2px solid #dfe6e9;border-radius:8px;cursor:pointer;display:flex;gap:.65rem;padding:.85rem 1rem;transition:all .2s ease}.third-offense-checkbox-item:hover{background:#fff9e6;border-color:#6b8dd6}.third-offense-checkbox-item input[type=radio]{accent-color:#6b8dd6;cursor:pointer;flex-shrink:0;height:18px;margin:0;width:18px}.third-offense-checkbox-item span{color:#2d3436;font-size:.9rem;font-weight:500;line-height:1.4}.third-offense-checkbox-item:has(input[type=radio]:checked){background:#eff5ff;border-color:#6b8dd6;box-shadow:0 2px 8px #6b8dd626}.third-offense-checkbox-item:has(input[type=radio]:checked) span{color:#3b4f7d;font-weight:600}.third-offense-checkbox-item.custom-date-option{grid-column:1/-1}.custom-date-display{color:#6b8dd6;font-weight:600;margin-left:.35rem}.third-offense-actions{border-top:2px solid #dfe6e9;display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem}.third-offense-btn{border:none;border-radius:10px;cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:700;padding:.85rem 1.75rem;transition:all .2s}.third-offense-btn.cancel{background:#f5f6fa;border:2px solid #dfe6e9;color:#636e72}.third-offense-btn.cancel:hover{background:#fffef8;border-color:#6b8dd6;color:#3b4f7d}.third-offense-btn.apply{background:linear-gradient(135deg,#ef5350,#d32f2f);box-shadow:0 4px 12px #ef53504d;color:#fff}.third-offense-btn.apply:hover:not(:disabled){background:linear-gradient(135deg,#d32f2f,#b71c1c);box-shadow:0 6px 16px #ef535066;transform:translateY(-2px)}.third-offense-btn.apply:disabled{background:#dfe6e9;box-shadow:none;color:#636e72;cursor:not-allowed}.custom-date-modal{max-width:500px}.custom-date-instruction{color:#636e72;font-size:.9rem;line-height:1.6;margin-bottom:1.5rem;text-align:center}.custom-date-picker-container{display:flex;justify-content:center;margin-bottom:1.5rem}.custom-date-input{background:#fffef8;border:2px solid #dfe6e9;border-radius:10px;color:#2d3436;cursor:pointer;font-family:inherit;font-size:1rem;max-width:300px;padding:1rem;transition:all .2s;width:100%}.custom-date-input:hover{background:#fff9e6;border-color:#6b8dd6}.custom-date-input:focus{background:#fff;border-color:#6b8dd6;box-shadow:0 0 0 4px #6b8dd61a;outline:none}.custom-date-actions{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.custom-date-btn{border:none;border-radius:10px;cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:700;min-width:120px;padding:.85rem 2rem;transition:all .2s}.custom-date-btn.cancel{background:#f5f6fa;border:2px solid #dfe6e9;color:#636e72}.custom-date-btn.cancel:hover{background:#fffef8;border-color:#6b8dd6;color:#3b4f7d}.custom-date-btn.confirm{background:linear-gradient(135deg,#6b8dd6,#5272c4);box-shadow:0 4px 12px #6b8dd64d;color:#fff}.custom-date-btn.confirm:hover:not(:disabled){background:linear-gradient(135deg,#5272c4,#3b4f7d);box-shadow:0 6px 16px #6b8dd666;transform:translateY(-2px)}.custom-date-btn.confirm:disabled{background:#dfe6e9;box-shadow:none;color:#636e72;cursor:not-allowed}@media (max-width:768px){.third-offense-modal{max-width:95%}.third-offense-duration-grid{grid-template-columns:1fr}.third-offense-actions{flex-direction:column-reverse}.third-offense-btn{width:100%}.custom-date-actions{flex-direction:column-reverse}.custom-date-btn{width:100%}}.mod-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#111827b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.mod-modal{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 25px 50px #00000040;display:flex;flex-direction:column;max-height:90vh;overflow:hidden;width:min(560px,90vw)}.mod-modal.large{width:min(720px,92vw)}.mod-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;justify-content:space-between;padding:20px 24px}.mod-header,.mod-title{align-items:center;display:flex}.mod-title{gap:12px}.mod-title h3{color:#111827;font-size:18px;font-weight:700;margin:0}.mod-icon{align-items:center;background:#f3f4f6;border-radius:10px;display:flex;font-size:24px;height:40px;justify-content:center;width:40px}.mod-icon.warning{background:#fef3c7}.mod-icon.restrict{background:#fee2e2}.mod-icon.suspend{background:#dbeafe}.mod-icon.notes{background:#e0e7ff}.mod-close{background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;font-size:24px;padding:4px 8px;transition:all .2s}.mod-close:hover{background:#f3f4f6;color:#111827}.mod-body{flex:1 1;overflow-y:auto;padding:24px}.mod-body::-webkit-scrollbar{width:8px}.mod-body::-webkit-scrollbar-track{background:#f9fafb}.mod-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.mod-user-info{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#374151;font-size:14px;margin-bottom:20px;padding:12px 16px}.mod-user-info.warning-bg{background:#fef3c7;border-color:#fcd34d}.mod-field{margin-bottom:20px}.mod-label{color:#374151;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.mod-input,.mod-select,.mod-textarea{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#111827;font-family:inherit;font-size:14px;padding:10px 14px;transition:all .2s;width:100%}.mod-input:focus,.mod-select:focus,.mod-textarea:focus{border-color:#6b8dd6;box-shadow:0 0 0 3px #6b8dd61a;outline:none}.mod-textarea{min-height:80px;resize:vertical}.mod-hint{color:#6b7280;font-size:12px;margin-top:6px}.mod-radio-group{display:flex;flex-direction:column;gap:10px}.mod-radio{align-items:center;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:10px 14px;transition:all .2s}.mod-radio:hover{background:#f9fafb;border-color:#d1d5db}.mod-radio input[type=radio]{cursor:pointer}.mod-checkbox-group{display:flex;flex-direction:column;gap:12px}.mod-checkbox{border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px 14px;transition:all .2s}.mod-checkbox:hover{background:#f9fafb;border-color:#d1d5db}.mod-checkbox input[type=checkbox]{cursor:pointer;flex-shrink:0;margin-top:2px}.mod-checkbox-content{flex:1 1}.mod-checkbox-label{color:#111827;font-size:14px;font-weight:600}.mod-checkbox-desc{color:#6b7280;font-size:12px;margin-top:2px}.mod-info-box,.mod-warning-box{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;color:#1e40af;font-size:13px;margin-top:20px;padding:14px 16px}.mod-warning-box{background:#fef3c7;border-color:#fcd34d;color:#92400e}.mod-info-box strong,.mod-warning-box strong{display:block;font-size:14px;margin-bottom:8px}.mod-info-box ul,.mod-warning-box ul{margin:0;padding-left:20px}.mod-info-box li,.mod-warning-box li{margin:4px 0}.mod-notes-list{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;max-height:200px;overflow-y:auto;padding:8px}.mod-note-item{background:#fff;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:8px;padding:10px 12px}.mod-note-item:last-child{margin-bottom:0}.mod-note-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.mod-note-type{background:#f3f4f6;border-radius:4px;color:#6b7280;display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;text-transform:uppercase}.mod-note-type.evidence{background:#dbeafe;color:#1e40af}.mod-note-type.decision{background:#d1fae5;color:#065f46}.mod-note-time{color:#9ca3af;font-size:11px}.mod-note-text{color:#374151;font-size:13px;line-height:1.5}.mod-footer{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:10px;padding:16px 24px}.mod-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.mod-btn:disabled{cursor:not-allowed;opacity:.5}.mod-btn.cancel{background:#fff;border:1px solid #d1d5db;color:#6b7280}.mod-btn.cancel:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.mod-btn.primary{background:#6b8dd6;color:#fff}.mod-btn.primary:hover:not(:disabled){background:#5272c4}.mod-btn.warning{background:#f59e0b;color:#fff}.mod-btn.warning:hover:not(:disabled){background:#d97706}.mod-btn.restrict{background:#ef5350;color:#fff}.mod-btn.restrict:hover:not(:disabled){background:#e53935}.mod-btn.suspend{background:#3b82f6;color:#fff}.mod-btn.suspend:hover:not(:disabled){background:#2563eb}@media (max-width:640px){.mod-modal,.mod-modal.large{max-height:95vh;width:95vw}.mod-header{padding:16px 20px}.mod-body{padding:20px}.mod-footer{flex-direction:column}.mod-btn{width:100%}}.notifications-page{background:linear-gradient(135deg,#fff9e6,#fffef8 50%,#fff4d4);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;padding:0}.notifications-header{align-items:center;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #1118270f;display:flex;gap:12px;justify-content:space-between;margin:12px 16px 10px;padding:12px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:30}.notifications-title{align-items:center;display:flex;gap:1rem}.notifications-title h2{color:#1f2937;font-size:1.25rem;font-weight:800;letter-spacing:-.02em;margin:0}.unread-badge{background:linear-gradient(135deg,#6b8dd6,#5272c4);border-radius:16px;box-shadow:0 2px 8px #dc26264d;letter-spacing:.5px;padding:.35rem .75rem;text-transform:uppercase}.notifications-actions{align-items:center;gap:1rem}.filter-select{border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000000d;color:#374151;font-size:.9rem;min-width:120px;padding:.6rem 1rem;transition:all .2s ease}.btn{font-size:1rem;gap:.5rem;padding:.75rem 1.5rem}.btn-secondary{background:linear-gradient(135deg,#6b8dd6,#5272c4);box-shadow:0 2px 8px #6b8dd64d}.btn-secondary:hover{box-shadow:0 4px 12px #dc262666;transform:translateY(-2px)}.loading-spinner{height:400px}.error-message{background:linear-gradient(135deg,#fff5f5,#fed7d7);border:2px solid #feb2b2;box-shadow:0 4px 12px #feb2b233;color:#e53e3e;margin-bottom:1.5rem}.notifications-list{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 12px #0000000f;margin:0 16px 16px;overflow:hidden}.no-notifications{color:#6c757d;font-size:1.1rem;padding:4rem 2rem;text-align:center}.notification-item{align-items:flex-start;border-bottom:1px solid #f1f3f4;gap:1rem;padding:1.5rem;transition:all .3s ease}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:#f8f9fa;box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.notification-item.unread{background:linear-gradient(135deg,#fff9e6,#fffef8);border-left:4px solid #6b8dd6}.notification-item.unread:hover{background:linear-gradient(135deg,#fff4d4,#fffef8)}.notification-item.priority-high{border-left-color:#e74c3c}.notification-item.priority-medium{border-left-color:#f39c12}.notification-item.priority-low{border-left-color:#27ae60}.notification-icon{background:linear-gradient(135deg,#6b8dd6,#5272c4);box-shadow:0 4px 12px #dc26264d;color:#fff;font-size:1.75rem;height:52px;min-width:52px}.notification-header{margin-bottom:.5rem}.notification-title{color:#2c3e50;font-size:1.1rem;margin:0}.notification-time{color:#6c757d;font-size:.85rem;font-weight:500;white-space:nowrap}.notification-message{color:#495057;font-size:.95rem;margin:0 0 1rem}.notification-meta{align-items:center;display:flex;gap:1rem}.notification-priority{font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.notification-priority.priority-high{color:#e74c3c}.notification-priority.priority-medium{color:#f39c12}.notification-priority.priority-low{color:#27ae60}.notification-status{background:linear-gradient(135deg,#e74c3c,#c0392b);border-radius:12px;color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.5px;padding:.2rem .6rem;text-transform:uppercase}.notification-actions{align-items:flex-end;gap:.5rem;opacity:0;transition:opacity .3s ease}.notification-item:hover .notification-actions{opacity:1}.action-btn{border-radius:8px;font-size:.85rem;gap:.4rem;padding:.5rem 1rem}.action-btn.view-btn{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af}.action-btn.view-btn:hover{background:#dbeafe;box-shadow:0 4px 12px #1e40af33;transform:translateY(-2px)}.action-btn.read-btn{background:#f0fdf4;border:1px solid #bbf7d0;color:#15803d}.action-btn.read-btn:hover{background:#dcfce7;box-shadow:0 4px 12px #15803d33;transform:translateY(-2px)}.action-btn.delete-btn{background:#fff4d4;border:1px solid #ffa726;color:#ef5350}.action-btn.delete-btn:hover{background:#ffe0b2;box-shadow:0 4px 12px #ef535033;transform:translateY(-2px)}@media (min-width:1440px) and (max-width:1920px){.notifications-page{padding:clamp(1.25rem,2vw,2rem)}.notification-item{padding:clamp(1.25rem,2vw,1.5rem)}}@media (max-width:1439px){.notifications-page{padding:clamp(1rem,2vw,1.5rem)}.notification-item{padding:clamp(1rem,2vw,1.25rem)}.notifications-title h2{font-size:clamp(2rem,3vw,2.5rem)}}@media (max-width:1023px){.notifications-page{padding:clamp(1rem,2.5vw,1.25rem)}.notifications-header{flex-wrap:wrap;gap:1rem}.notifications-actions{flex-wrap:wrap;gap:.75rem}.notification-filter-select{font-size:clamp(.8rem,1.5vw,.9rem);min-width:clamp(140px,25vw,180px)}.notification-item{padding:clamp(.875rem,2vw,1rem)}}@media (max-width:899px){.notifications-page{padding:clamp(.875rem,2.5vw,1rem)}.notifications-header{align-items:stretch;flex-direction:column;gap:.875rem}.notifications-actions{align-items:stretch;flex-direction:column;gap:.625rem}.notification-filter-select{width:100%}.notification-item{padding:.875rem}}@media (max-width:767px){.notifications-page{padding:clamp(.75rem,2vw,1rem)}.notifications-header{align-items:stretch;flex-direction:column;gap:.875rem}.notifications-title h2{font-size:clamp(1.75rem,5vw,2rem)}.notifications-actions{align-items:stretch;flex-direction:column;gap:.5rem}.notification-filter-select{font-size:clamp(.8125rem,2.5vw,.9375rem);padding:clamp(.5rem,2vw,.625rem) clamp(.75rem,2.5vw,1rem)}.notification-item{flex-direction:column;gap:.875rem;padding:clamp(.75rem,2.5vw,.875rem)}.notification-header{align-items:flex-start;flex-direction:column;gap:.5rem}.notification-icon{font-size:clamp(1.125rem,3vw,1.375rem);height:clamp(44px,12vw,52px);width:clamp(44px,12vw,52px)}.notification-content h3{font-size:clamp(1rem,3vw,1.125rem)}.notification-content p{font-size:clamp(.8125rem,2.5vw,.9375rem)}.notification-time{font-size:clamp(.75rem,2vw,.8125rem)}.notification-actions{flex-direction:row;flex-wrap:wrap;gap:.5rem;justify-content:flex-end;opacity:1}.notification-action-btn{font-size:clamp(.75rem,2vw,.8125rem);padding:clamp(.375rem,1.5vw,.5rem) clamp(.75rem,2.5vw,1rem)}}@media (max-width:599px){.notifications-page{padding:.75rem}.notifications-title h2{font-size:1.75rem}.notification-item{padding:.75rem}.notification-icon{font-size:1.125rem;height:44px;width:44px}.notification-content h3{font-size:1rem}.notification-content p{font-size:.8125rem}.notification-time{font-size:.75rem}.notification-action-btn{font-size:.75rem;padding:.375rem .75rem}}@media (max-width:479px){.notifications-page{padding:.625rem}.notifications-title h2{font-size:1.5rem}.notification-item{padding:.625rem}.notification-icon{font-size:1rem;height:40px;width:40px}.notification-content h3{font-size:.9375rem}.notification-content p{font-size:.8125rem}.notification-time{font-size:.6875rem}.notification-actions{flex-direction:column;gap:.375rem}.notification-action-btn{font-size:.6875rem;justify-content:center;padding:.375rem .625rem;width:100%}}@media (max-width:374px){.notifications-page{padding:.5rem}.notifications-title h2{font-size:1.375rem}.notification-item{padding:.5rem}.notification-icon{font-size:.875rem;height:36px;width:36px}.notification-content h3{font-size:.875rem}.notification-content p{font-size:.75rem}.notification-time{font-size:.625rem}.notification-action-btn{font-size:.625rem;padding:.3rem .5rem}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.notifications-page{font-size:15px}.notification-action-btn{min-height:32px;touch-action:manipulation}.notification-filter-select{min-height:36px}}.admin-notification-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.admin-notification-modal{animation:modalSlideUp .4s cubic-bezier(.68,-.55,.265,1.55);background:#fff;border:2px solid #6b8dd6;border-radius:16px;box-shadow:0 20px 60px #6b8dd64d;max-height:85vh;max-width:600px;overflow:hidden;width:90%}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.admin-notification-modal-header{align-items:center;background:linear-gradient(135deg,#6b8dd6,#5272c4);border-bottom:3px solid #3b4f7d;color:#fff;display:flex;justify-content:space-between;padding:20px 24px}.admin-notification-modal-header h3{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin:0}.admin-notification-modal-close{align-items:center;background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:32px;height:40px;justify-content:center;line-height:1;transition:all .2s ease;width:40px}.admin-notification-modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.admin-notification-modal-content{max-height:calc(85vh - 200px);overflow-y:auto;padding:24px}.admin-notification-modal-type{align-items:center;border-bottom:2px solid #dfe6e9;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px;padding-bottom:16px}.admin-notification-type-badge{background:linear-gradient(135deg,#6b8dd6,#5272c4);box-shadow:0 2px 8px #dc26264d;color:#fff}.admin-notification-priority-badge,.admin-notification-type-badge{border-radius:20px;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:6px 14px}.admin-notification-priority-badge.priority-high{background:linear-gradient(135deg,#6b8dd6,#5272c4);box-shadow:0 2px 8px #6b8dd64d;color:#fff}.admin-notification-priority-badge.priority-medium{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 8px #f59e0b4d;color:#fff}.admin-notification-priority-badge.priority-low{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b9814d;color:#fff}.admin-notification-modal-time{color:#6c757d;font-size:.9rem;font-weight:500;margin-left:auto}.admin-notification-modal-rows{background:#fff9e6;border:1px solid #fecaca;border-radius:12px;margin-bottom:20px;padding:16px}.admin-notification-modal-row{border-bottom:1px solid #dfe6e9;display:flex;justify-content:space-between;padding:12px 0}.admin-notification-modal-row:last-child{border-bottom:none}.admin-notification-modal-row .label{color:#3b4f7d;font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.admin-notification-modal-row .value{color:#374151;font-weight:500;text-align:right}.admin-notification-modal-message-section{background:#fff;border:2px solid #dfe6e9;border-radius:12px;padding:20px}.admin-notification-modal-message-section h4{color:#6b8dd6;font-size:1.1rem;font-weight:700;margin:0 0 12px}.admin-notification-modal-message{color:#1f2937;font-size:1rem;line-height:1.7;margin:0;white-space:pre-wrap}.admin-notification-modal-actions{background:#fff9e6;border-top:2px solid #dfe6e9;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.admin-notification-modal-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.admin-notification-modal-btn.primary{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b9814d;color:#fff}.admin-notification-modal-btn.primary:hover{box-shadow:0 4px 12px #10b98166;transform:translateY(-2px)}.admin-notification-modal-btn.danger{background:linear-gradient(135deg,#ef5350,#e53935);box-shadow:0 2px 8px #ef53504d;color:#fff}.admin-notification-modal-btn.danger:hover{box-shadow:0 4px 12px #dc262666;transform:translateY(-2px)}.admin-notification-modal-btn:not(.primary):not(.danger){background:#fff;border:2px solid #e5e7eb;color:#374151}.admin-notification-modal-btn:not(.primary):not(.danger):hover{background:#f9fafb;border-color:#d1d5db;transform:translateY(-2px)}@media (max-width:768px){.admin-notification-modal{max-height:90vh;width:95%}.admin-notification-modal-actions{flex-direction:column;gap:.625rem}.admin-notification-modal-btn{justify-content:center;width:100%}.admin-notification-modal-header{padding:clamp(.875rem,3vw,1.25rem)}.admin-notification-modal-content{padding:clamp(1rem,3vw,1.5rem)}}@media (max-width:599px){.admin-notification-modal{margin:.5rem;max-height:92vh;width:98%}.admin-notification-modal-header h3{font-size:clamp(1.125rem,4vw,1.375rem)}.admin-notification-modal-close{font-size:28px;height:36px;width:36px}.admin-notification-modal-content{padding:1rem}.admin-notification-modal-type{flex-wrap:wrap;margin-bottom:1rem}.admin-notification-priority-badge,.admin-notification-type-badge{font-size:.6875rem;padding:5px 12px}.admin-notification-modal-row{align-items:flex-start;flex-direction:column;gap:.5rem}.admin-notification-modal-row .value{text-align:left}.admin-notification-modal-btn{font-size:clamp(.875rem,2.5vw,1rem);padding:clamp(.625rem,2vw,.875rem) clamp(1rem,3vw,1.25rem)}}@media (max-width:479px){.admin-notification-modal{border-radius:12px;margin:.25rem;max-height:95vh;width:100%}.admin-notification-modal-header{padding:.875rem}.admin-notification-modal-header h3{font-size:1.125rem}.admin-notification-modal-close{font-size:24px;height:32px;width:32px}.admin-notification-modal-content{padding:.875rem}.admin-notification-priority-badge,.admin-notification-type-badge{font-size:.625rem;padding:4px 10px}.admin-notification-modal-message-section h4{font-size:1rem}.admin-notification-modal-message{font-size:.9375rem}.admin-notification-modal-actions{padding:.875rem}.admin-notification-modal-btn{font-size:.875rem;padding:.625rem 1rem}}@media (max-width:374px){.admin-notification-modal{border-radius:8px}.admin-notification-modal-header{padding:.75rem}.admin-notification-modal-header h3{font-size:1rem}.admin-notification-modal-close{font-size:20px;height:28px;width:28px}.admin-notification-modal-actions,.admin-notification-modal-content{padding:.75rem}.admin-notification-modal-btn{font-size:.8125rem;padding:.5rem .875rem}}.active-punishments-container{background:#f9fafb;height:calc(100vh - 64px);overflow-x:hidden;overflow-y:auto;padding:.85rem 1.5rem 2rem;position:relative;scroll-behavior:smooth}.active-punishments-container::-webkit-scrollbar{width:8px}.active-punishments-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.active-punishments-container::-webkit-scrollbar-thumb{background:#6b8dd6;border-radius:4px}.active-punishments-container::-webkit-scrollbar-thumb:hover{background:#5272c4}.punishments-header{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#6b8dd6;border:2px solid #6b8dd6;border-radius:8px;box-shadow:0 2px 6px #6b8dd626;display:flex;gap:.5rem;margin:-.85rem -1.5rem 1.5rem;min-height:0;padding:.5rem 2.2rem;position:-webkit-sticky;position:sticky;top:-.85rem;will-change:transform;z-index:100}.punishments-title{display:none}.punishments-stats{display:flex;flex:1 1;gap:.5rem}.stat-card{border-radius:6px;border-right:1px solid #e8effa;flex:1 1;flex-direction:column;gap:.15rem;height:auto;justify-content:center;min-width:90px;padding:.4rem .65rem}.stat-card:last-child{border-right:none}.stat-card.providers,.stat-card.seekers,.stat-card.total{background:#fff}.punishments-stats .stat-icon,.stat-card .stat-icon{display:none!important;height:0;margin:0;padding:0;visibility:hidden;width:0}.stat-content{width:100%}.stat-value{color:#2d3436;font-size:1.25rem;font-weight:700;line-height:1}.stat-label{font-size:.58rem}.punishments-filters{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#fff;border:1px solid #dfe6e9;border-radius:8px;box-shadow:0 2px 6px #0000000f;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.75rem;margin-left:-1.5rem;margin-right:-1.5rem;padding:.6rem 2.2rem;position:-webkit-sticky;position:sticky;top:60px;will-change:transform;z-index:99}.filter-left{display:flex}.filter-left,.filter-right{align-items:center;gap:.7rem}.filter-right{display:flex!important;flex:1 1;justify-content:flex-end}.filter-search{align-items:center;display:flex!important;position:relative;visibility:visible!important}.filter-search:before{color:#3b4f7d;content:"⌕";font-size:1.3rem;font-weight:400;left:18px;pointer-events:none;position:absolute;z-index:2}.search-input{border:2px solid #3b4f7d;border-radius:50px;box-shadow:none;display:block!important;font-size:.875rem;font-weight:400;opacity:1!important;padding:.65rem 1.5rem .65rem 3rem;visibility:visible!important;width:320px}.search-input:hover{background:#fafbff;border-color:#6b8dd6;box-shadow:0 2px 8px #3b4f7d26}.search-input:focus{background:#fff;border-color:#6b8dd6;box-shadow:0 0 0 3px #6b8dd626}.search-input::placeholder{color:#636e72;font-size:.875rem;letter-spacing:.2px}.filter-group{align-items:center;display:flex}.filter-label{display:none}.filter-select{background:#fff;border:1px solid #dfe6e9;border-radius:6px;color:#2d3436;cursor:pointer;font-size:.875rem;font-weight:600;padding:.45rem .85rem;transition:all .2s}.filter-select:hover{background:#f9fafb;border-color:#6b8dd6}.filter-select:focus{border-color:#6b8dd6;box-shadow:0 0 0 3px #6b8dd61a;outline:none}.refresh-btn,.view-toggle-group{display:none}.punishments-grid{grid-gap:1rem;box-sizing:border-box;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-left:-1.5rem;margin-right:-1.5rem;padding:0 2.2rem;width:calc(100% + 3rem)}.punishment-card{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#fff;border:1px solid #dfe6e9;border-radius:8px;box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column;min-height:280px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;will-change:transform}.punishment-card:hover{border-color:#6b8dd6;box-shadow:0 4px 12px #6b8dd626;transform:translateY(-2px)}.punishment-card-header{align-items:center;border-bottom:1px solid #dfe6e9;display:flex;justify-content:space-between;padding:.75rem 1rem}.punishment-card-header.low{background:linear-gradient(135deg,#4caf50,#45a049)}.punishment-card-header.medium{background:linear-gradient(135deg,#ffa726,#fb8c00)}.punishment-card-header.high{background:linear-gradient(135deg,#ef5350,#e53935)}.punishment-card-header.critical{background:linear-gradient(135deg,#8b0000,#6b0000)}.punishment-type{color:#fff;font-size:.875rem;font-weight:700;margin:0}.punishment-badge{background:#ffffff4d;border-radius:20px;color:#fff;font-size:.7rem;font-weight:600;letter-spacing:.3px;padding:.2rem .6rem;text-transform:uppercase}.punishment-card-body{flex:1 1;padding:1rem}.punishment-user-info{align-items:center;border-bottom:1px solid #dfe6e9;display:flex;gap:.75rem;justify-content:center;margin-bottom:.75rem;min-height:50px;padding-bottom:.75rem}.user-avatar{display:none}.user-details{display:flex;flex:1 1;flex-direction:column;gap:.15rem;justify-content:center;min-width:0}.user-name{color:#2d3436;font-size:.9rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-name,.user-role{line-height:1.2;margin:0}.user-role{color:#636e72;font-size:.75rem;font-weight:600}.punishment-details{display:flex;flex-direction:column;gap:.6rem}.detail-row{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.detail-label{color:#636e72;flex-shrink:0;font-size:.8rem;text-align:left}.detail-value{word-wrap:break-word;color:#000;flex:1 1;font-size:.8rem;text-align:right}.detail-value.highlight{color:#000;font-weight:600}.time-remaining{margin-top:.2rem}.restrictions-list{display:flex;flex-wrap:wrap;gap:.3rem;justify-content:flex-end;text-align:right}.restriction-tag{color:#000;font-size:.8rem;font-weight:600}.restriction-tag:not(:last-child):after{content:","}.punishment-card-actions{background:#f5f6fa;border-top:1px solid #dfe6e9;display:flex;gap:.5rem;justify-content:center;padding:.75rem 1rem}.action-btn{color:#fff;padding:.5rem .75rem}.lift-btn{background:#45a049;border:2px solid #3d8b40;color:#fff}.lift-btn:hover{background:#3d8b40;border-color:#2d6b30;box-shadow:0 2px 6px #4caf504d}.view-user-btn{background:#5272c4;border:2px solid #4161b0;color:#fff}.view-user-btn:hover{background:#4161b0;border-color:#3550a0;box-shadow:0 2px 6px #6b8dd64d}.no-punishments{background:#fffef8;border:2px dashed #dfe6e9;border-radius:12px;grid-column:1/-1;padding:4rem 2rem;text-align:center}.no-punishments-icon{font-size:4rem;margin-bottom:1rem}.no-punishments h3{color:#3b4f7d;font-size:1.5rem;margin-bottom:.5rem}.no-punishments p{color:#636e72;font-size:1rem}.loading-spinner{color:#6b8dd6;font-weight:600;padding:4rem 2rem}.error-message{background:#ef5350;color:#fff;margin-bottom:2rem;padding:1rem 1.5rem}.report-modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.report-modal-content{animation:slideUp .3s ease;background:#fffef8;border-radius:12px;box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:700px;width:90%}.report-modal-header{align-items:center;background:linear-gradient(135deg,#6b8dd6,#5272c4);border-radius:12px 12px 0 0;color:#fff;display:flex;justify-content:space-between;padding:1.5rem}.report-modal-header h3{font-size:1.5rem;font-weight:700;margin:0}.close-btn{background:#0000;font-size:2rem;height:40px;transition:background .3s ease;width:40px}.report-modal-body{flex:1 1;overflow-y:auto;padding:1.5rem}.report-section{background:#f5f6fa;border-left:4px solid #6b8dd6;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.report-section h4{color:#3b4f7d;font-size:1.1rem;font-weight:700;margin:0 0 1rem}.report-detail-row{align-items:center;border-bottom:1px solid #dfe6e9;display:flex;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.75rem}.report-detail-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.report-detail-full{margin-bottom:1rem}.report-detail-full:last-child{margin-bottom:0}.report-label{color:#3b4f7d;font-size:.9rem;font-weight:700;min-width:140px}.report-value{word-wrap:break-word;color:#2d3436;flex:1 1;font-size:.9rem;text-align:right}.report-status{border-radius:20px;font-size:.85rem;font-weight:600;padding:.25rem .75rem;text-transform:capitalize}.report-status.pending{background:#ffa726;color:#fff}.report-status.resolved{background:#4caf50;color:#fff}.report-status.rejected{background:#ef5350;color:#fff}.report-admin-notes,.report-description,.report-evidence{background:#fff;border:1px solid #dfe6e9;border-radius:6px;color:#2d3436;font-size:.9rem;line-height:1.6;margin:.5rem 0 0;padding:1rem}.report-modal-footer{background:#f5f6fa;border-radius:0 0 12px 12px;border-top:1px solid #dfe6e9;display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem}.mod.action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:background .2s ease,box-shadow .2s ease;will-change:background}.close-modal-btn{background:#6b8dd6;color:#fff}.close-modal-btn:hover{background:#5272c4;box-shadow:0 2px 6px #6b8dd64d}.loading-overlay{align-items:center;background:#0006;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:999}.loading-overlay .loading-spinner{background:#fffef8;border-radius:12px;box-shadow:0 10px 30px #0000004d;padding:2rem 3rem}@media (min-width:1400px){.punishments-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1200px){.punishments-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:900px){.punishments-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media (max-width:768px){.active-punishments-container{padding:.5rem 1rem 1.5rem}.punishments-header{margin-left:-1rem;margin-right:-1rem;padding:.4rem 1rem}.punishments-stats{flex-wrap:wrap;gap:.4rem}.stat-card{min-width:80px;padding:.3rem .5rem}.stat-value{font-size:1.1rem}.stat-label{font-size:.55rem}.punishments-filters{align-items:stretch;flex-direction:column;gap:.5rem;margin-left:-1rem;margin-right:-1rem;padding:.5rem 1rem}.filter-left,.filter-right{flex-direction:column;gap:.5rem;width:100%}.filter-group,.filter-search,.filter-select{width:100%}.search-input{border-radius:50px;padding-left:3rem;width:100%}.filter-search:before{left:18px}.punishments-grid{grid-template-columns:1fr;margin-left:-1rem;margin-right:-1rem;padding:0 1rem;width:calc(100% + 2rem)}.punishment-card-actions{flex-direction:column}.action-btn{width:100%}.detail-row{align-items:flex-start;flex-direction:column}.detail-value{text-align:left}.restrictions-list{justify-content:flex-start}.report-modal-content{max-height:95vh;width:95%}.report-modal-header h3{font-size:1.2rem}.report-detail-row{align-items:flex-start;flex-direction:column}.report-value{margin-top:.25rem;text-align:left}.report-label{min-width:auto}}.punishment-details-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.punishment-details-modal{animation:slideUp .3s ease;background:#fffef8;border-radius:12px;box-shadow:0 8px 32px #0003;max-height:85vh;max-width:600px;overflow-y:auto;width:90%}.punishment-modal-header{align-items:center;background:linear-gradient(135deg,#6b8dd6,#5272c4);border-radius:12px 12px 0 0;color:#fff;display:flex;justify-content:space-between;padding:1.5rem}.punishment-modal-header h2{font-size:1.25rem;font-weight:700;margin:0}.punishment-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;transition:background .2s;width:30px}.punishment-modal-close:hover{background:#fff3}.punishment-modal-body{padding:1.5rem}.punishment-modal-user{background:#f5f6fa;border-radius:8px;margin-bottom:1.5rem;padding:1rem;text-align:center}.punishment-modal-user h3{color:#2d3436;font-size:1.1rem;margin:0 0 .5rem}.punishment-modal-user p{color:#636e72;font-size:.9rem;font-weight:600;margin:0}.punishment-modal-details{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.punishment-modal-detail-row{align-items:flex-start;background:#fffef8;border:1px solid #dfe6e9;border-radius:6px;display:flex;gap:1rem;justify-content:space-between;padding:.75rem}.punishment-modal-label{color:#636e72;flex-shrink:0;font-size:.85rem;font-weight:700;letter-spacing:.5px;min-width:140px;text-transform:uppercase}.punishment-modal-value{color:#2d3436;flex:1 1;font-size:.9rem;font-weight:600;text-align:right}.punishment-modal-value.highlight{color:#ef5350;font-weight:700}.punishment-modal-reason{background:#fff4d4;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.punishment-modal-reason h4{color:#636e72;font-size:.85rem;font-weight:700;letter-spacing:.5px;margin:0 0 .5rem;text-transform:uppercase}.punishment-modal-reason p{color:#2d3436;font-size:.9rem;line-height:1.6;margin:0}.punishment-modal-actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.punishment-modal-btn{border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:.8rem;font-weight:600;max-width:180px;min-width:140px;padding:.6rem 1rem;transition:all .2s ease}.punishment-modal-btn.lift{background:#45a049;border:2px solid #3d8b40}.punishment-modal-btn.lift:hover{background:#3d8b40;border-color:#2d6b30;box-shadow:0 2px 8px #4caf504d}.punishment-modal-btn.view-details{background:#5272c4;border:2px solid #4161b0}.punishment-modal-btn.view-details:hover{background:#4161b0;border-color:#3550a0;box-shadow:0 2px 8px #6b8dd64d}.punishment-modal-btn.report{background:#fb8c00;border:2px solid #e67e00}.punishment-modal-btn.report:hover{background:#e67e00;border-color:#d16f00;box-shadow:0 2px 8px #ffa7264d}.punishment-modal-restrictions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.punishment-modal-restriction-tag{background:#6b8dd6;border-radius:4px;color:#fff;font-size:.8rem;font-weight:600;padding:.3rem .6rem}.lift-confirm-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2001}.lift-confirm-modal{animation:slideUp .3s ease;background:#fffef8;border-radius:12px;box-shadow:0 8px 32px #0003;max-width:450px;width:90%}.lift-confirm-header{align-items:center;background:linear-gradient(135deg,#6b8dd6,#5272c4);border-radius:12px 12px 0 0;color:#fff;display:flex;justify-content:space-between;padding:1rem 1.5rem}.lift-confirm-header h3{font-size:1.1rem;font-weight:700;margin:0}.lift-confirm-close{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:28px;justify-content:center;padding:0;transition:background .2s;width:28px}.lift-confirm-close:hover{background:#fff3}.lift-confirm-body{padding:2rem 1.5rem;text-align:center}.lift-confirm-message{color:#2d3436;font-size:1rem;line-height:1.5;margin:0 0 .75rem}.lift-confirm-user{color:#6b8dd6;font-size:1.05rem;font-weight:700}.lift-confirm-actions{display:flex;gap:.75rem;justify-content:center;padding:0 1.5rem 1.5rem}.lift-confirm-btn{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;max-width:150px;padding:.65rem 1.5rem;transition:all .2s ease}.lift-confirm-btn.cancel{background:#636e72;border:2px solid #555;color:#fff}.lift-confirm-btn.cancel:hover{background:#555;box-shadow:0 2px 8px #636e724d}.lift-confirm-btn.confirm{background:#45a049;border:2px solid #3d8b40;color:#fff}.lift-confirm-btn.confirm:hover{background:#3d8b40;border-color:#2d6b30;box-shadow:0 2px 8px #4caf504d}.notification-modal-overlay{z-index:2002}.notification-modal{max-width:400px}.notification-modal-overlay{animation:fadeIn .2s ease;background:#0009;z-index:3000}.notification-modal{animation:slideUp .3s ease;background:#fffef8;border-radius:12px;box-shadow:0 8px 32px #0003;max-width:450px}.notification-modal-header{border-radius:12px 12px 0 0;color:#fff;padding:1rem 1.5rem}.notification-modal-header.success{background:linear-gradient(135deg,#45a049,#3d8b40)}.notification-modal-header.error{background:linear-gradient(135deg,#ef5350,#d32f2f)}.notification-modal-header.warning{background:linear-gradient(135deg,#ffa726,#fb8c00)}.notification-modal-header.info{background:linear-gradient(135deg,#6b8dd6,#5272c4)}.notification-modal-header h3{font-size:1.1rem}.notification-modal-close{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:1.5rem;height:28px;justify-content:center;padding:0;transition:background .2s;width:28px}.notification-modal-close:hover{background:#fff3}.notification-modal-body{padding:2rem 1.5rem;text-align:center}.notification-modal-body p{word-wrap:break-word;color:#2d3436;font-size:1rem;line-height:1.6;margin:0}.notification-modal-footer{display:flex;justify-content:center;padding:0 1.5rem 1.5rem}.notification-modal-btn{background:#6b8dd6;border:2px solid #5272c4;border-radius:6px;color:#fff;font-size:.9rem;min-width:120px;padding:.65rem 2rem}.notification-modal-btn:hover{background:#5272c4;border-color:#4161b0;box-shadow:0 2px 8px #6b8dd64d}.sp-custom-messaging-interface{background:#fff!important;border:2px solid #d97706;border-radius:12px;box-shadow:0 4px 20px #00000014;display:flex!important;height:calc(100vh - 100px)!important;overflow:hidden;position:relative;z-index:10}.sp-left-panel{background:#fff;border-right:2px solid #d97706;display:flex;flex-direction:column;width:240px}.sp-left-header{background:#fff;border-bottom:1px solid #fef3c7;padding:20px 16px 12px}.sp-left-header h2{color:#92400e;font-size:18px;font-weight:700;letter-spacing:-.02em;margin:0}.sp-search-section{background:#fff;border-bottom:1px solid #fef3c7;padding:10px 16px 12px}.sp-search-input-container{align-items:center;background:#fef7ed;border:1px solid #fed7aa;border-radius:10px;display:flex;padding:8px 10px;position:relative;transition:all .2s ease}.sp-search-input-container:focus-within{background:#fff;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.sp-search-section .sp-search-icon{color:#a16207;font-size:14px;margin-right:10px}.sp-search-section .sp-search-input{background:#0000;border:none;color:#92400e;font-size:12px;font-weight:400;outline:none;width:100%}.sp-search-section .sp-search-input::placeholder{color:#a16207}.sp-conversations-section{background:#fff;flex:1 1;overflow-y:auto}.sp-empty-state,.sp-loading-state{align-items:center;color:#a16207;display:flex;flex-direction:column;height:250px;justify-content:center;padding:16px;text-align:center}.sp-loading-spinner{animation:spin 1s linear infinite;border:2px solid #fed7aa;height:28px;margin-bottom:12px;width:28px}.sp-empty-icon{font-size:36px;margin-bottom:12px;opacity:.6}.sp-empty-state p{color:#92400e;font-size:14px;font-weight:600;margin:0 0 6px}.sp-empty-state span{color:#a16207;font-size:12px}.sp-conversation-list{padding:0}.sp-conversation-item{align-items:center;border-bottom:1px solid #fef3c7;cursor:pointer;display:flex;padding:10px 16px;position:relative;transition:all .2s ease}.sp-conversation-item:hover{background:#fef7ed}.sp-conversation-item.active{background:#fef3c7;border-left:3px solid #f59e0b}.sp-conversation-item:last-child{border-bottom:none}.sp-avatar-section{flex-shrink:0;height:32px;margin-right:10px;position:relative;width:32px}.sp-profile-image{height:100%;object-fit:cover;width:100%}.sp-avatar-placeholder,.sp-profile-image{border:2px solid #fed7aa;border-radius:50%}.sp-avatar-placeholder{background:linear-gradient(135deg,#f59e0b,#d97706);font-size:14px}.sp-profile-image+.sp-avatar-placeholder{display:none}.sp-unread-badge{background:#ef4444;border:2px solid #fff;border-radius:50%;height:10px;position:absolute;right:-2px;top:-2px;width:10px}.sp-conversation-info{flex:1 1;min-width:0}.sp-name-time{align-items:center;display:flex;justify-content:space-between;margin-bottom:2px}.sp-person-name{color:#92400e;font-size:12px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-time-stamp{color:#a16207;flex-shrink:0;font-size:10px;font-weight:400;margin-left:6px}.sp-message-preview{align-items:center;display:flex;justify-content:space-between}.sp-last-msg{color:#a16207;flex:1 1;font-size:10px;font-weight:400;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-unread-counter{background:#f59e0b;border-radius:10px;color:#fff;font-size:9px;font-weight:700;margin-left:6px;min-width:16px;padding:1px 6px;text-align:center}.sp-right-panel{flex:1 1!important;flex-direction:column!important;height:100%!important;min-width:0}.sp-right-header,.sp-right-panel{background:#fff!important;display:flex!important;position:relative}.sp-right-header{align-items:center!important;border-bottom:1px solid #fef3c7!important;box-sizing:border-box;flex-shrink:0!important;min-height:72px!important;padding:12px 16px!important;width:100%;z-index:1}.sp-contact-info{align-items:center;display:flex;width:100%}.sp-contact-avatar{flex-shrink:0;height:36px;margin-right:10px;position:relative;width:36px}.sp-contact-image{object-fit:cover}.sp-contact-image,.sp-contact-placeholder{border:2px solid #fed7aa;border-radius:50%;height:100%;width:100%}.sp-contact-placeholder{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;display:flex;font-size:14px;font-weight:600;justify-content:center}.sp-contact-image+.sp-contact-placeholder{display:none}.sp-contact-details{flex:1 1}.sp-contact-name{color:#92400e;font-size:16px;font-weight:600;margin:0 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-contact-role{color:#a16207;font-size:12px;font-weight:400}.sp-conversation-area{background:#fefbf7;flex:1 1;overflow-y:auto;padding:12px 16px;position:relative}.sp-empty-conversation,.sp-loading-messages{align-items:center;color:#a16207;display:flex;height:100%;justify-content:center;text-align:center}.sp-wave-icon{font-size:40px;margin-bottom:12px}.sp-welcome-msg h4{color:#92400e;font-size:18px;font-weight:600;margin:0 0 6px}.sp-welcome-msg p{color:#a16207;font-size:14px;margin:0}.sp-messages-flow{display:flex;flex-direction:column;gap:8px;height:100%;overflow-y:auto;padding:12px}.sp-message-item{clear:both;display:flex;margin-bottom:8px}.sp-message-item.sent{justify-content:flex-end;margin-left:20%}.sp-message-item.received{justify-content:flex-start;margin-right:20%}.sp-message-content{background:#fff;border:1px solid #fed7aa;border-radius:18px;box-shadow:0 2px 4px #0000001a;max-width:100%;padding:10px 14px;position:relative}.sp-message-item.sent .sp-message-content{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#f59e0b;color:#fff;margin-left:auto}.sp-message-item.received .sp-message-content{background:#fff;border:2px solid #f59e0b;color:#333;margin-right:auto}.sp-message-content p{word-wrap:break-word;font-size:14px;line-height:1.4;margin:0 0 4px}.sp-msg-time{font-size:10px;opacity:.7;text-align:right}.sp-message-item.sent .sp-msg-time{color:#fffc}.sp-message-item.received .sp-msg-time{color:#a16207}.sp-error-message{background:#ffebee;border-radius:4px;color:#d32f2f;font-size:12px;margin-top:10px;padding:8px}.sp-info-message{background:#e3f2fd!important;border-left:3px solid #2196f3;color:#1976d2!important}.sp-input-area{background:#fff!important;border-top:1px solid #fef3c7!important;box-sizing:border-box;display:block!important;flex-shrink:0!important;padding:12px 16px!important;position:relative;width:100%;z-index:1}.sp-input-container{align-items:center;background:#fff;border:2px solid #d97706;border-radius:20px;display:flex;gap:10px;padding:10px 12px;transition:all .2s ease}.sp-input-container:focus-within{background:#fff;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.sp-message-field{background:#0000;border:none;color:#92400e;flex:1 1;font-family:inherit;font-size:14px;font-weight:400;outline:none;padding:2px 0}.sp-message-field::placeholder{color:#a16207}.sp-message-field:disabled{cursor:not-allowed;opacity:.6}.sp-like-btn,.sp-send-btn{align-items:center!important;background:none;border:none;border-radius:50%;cursor:pointer;display:flex!important;flex-shrink:0;font-size:16px!important;height:34px!important;justify-content:center!important;padding:6px;position:relative;transition:all .2s ease;width:34px!important;z-index:2}.sp-like-btn{color:#a16207}.sp-like-btn:hover{background:#fef3c7;color:#f59e0b}.sp-like-btn:disabled{cursor:not-allowed;opacity:.5}.sp-send-btn{background:#f59e0b;color:#fff}.sp-send-btn:hover:not(:disabled){background:#d97706}.sp-send-btn:disabled{background:#fed7aa;cursor:not-allowed}.sp-no-selection{align-items:center;background:#fefbf7;display:flex;flex:1 1;justify-content:center}.sp-welcome-display{color:#a16207;max-width:400px;padding:40px;text-align:center}.sp-chat-logo{font-size:64px;margin-bottom:24px;opacity:.6}.sp-welcome-display h2{color:#92400e;font-size:28px;font-weight:700;margin:0 0 12px}.sp-welcome-display p{color:#a16207;font-size:16px;line-height:1.5;margin:0 0 24px}.sp-features-list{display:flex;gap:24px;justify-content:center}.sp-feature-item{align-items:center;color:#92400e;display:flex;font-size:14px;font-weight:500;gap:8px}.sp-feature-icon{font-size:16px}.sp-conversation-area::-webkit-scrollbar,.sp-conversations-section::-webkit-scrollbar{width:6px}.sp-conversation-area::-webkit-scrollbar-track,.sp-conversations-section::-webkit-scrollbar-track{background:#fef3c7}.sp-conversation-area::-webkit-scrollbar-thumb,.sp-conversations-section::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:3px}.sp-conversation-area::-webkit-scrollbar-thumb:hover,.sp-conversations-section::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#d97706,#92400e)}@media (max-width:768px){.sp-custom-messaging-interface{flex-direction:column;height:calc(100vh - 60px)}.sp-left-panel{max-height:300px;width:100%}.sp-right-panel{flex:1 1}}.sp-dashboard{background:#fffbeb;color:#1f2937;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden;width:100vw}.sp-dashboard,.sp-sidebar{display:flex;height:100vh;left:0;position:fixed;top:0}.sp-sidebar{align-items:stretch;background:linear-gradient(180deg,#f59e0b,#d97706);box-shadow:4px 0 20px #f59e0b26;color:#fff;flex-direction:column;flex-shrink:0;padding:16px;transition:width .3s ease;width:180px;z-index:1000}.sp-sidebar:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='10' height='10' patternUnits='userSpaceOnUse'%3E%3Cpath d='M10 0H0v10' fill='none' stroke='rgba(255,255,255,0.15)' stroke-width='.5'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.4;position:absolute;right:0;top:0}.sp-brand{align-items:center;border-bottom:1px solid #fff3;display:flex;justify-content:center;padding:8px 0 12px;position:relative;z-index:2}.sp-logo{display:block;filter:brightness(1.1) contrast(110%);height:auto;width:120px}.sp-nav{flex:1 1;flex-direction:column;gap:8px;z-index:2}.sp-nav,.sp-nav-item{display:flex;position:relative}.sp-nav-item{align-items:center;background:none;border:none;border-radius:12px;color:#ffffffe6;cursor:pointer;font-weight:400;gap:12px;overflow:hidden;padding:8px 12px;text-align:left;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.sp-nav-item:before{background:#ffffff26;border-radius:12px;content:"";height:100%;left:0;position:absolute;top:0;transition:width .3s ease;width:0}.sp-nav-item:hover:before{width:100%}.sp-nav-item:hover{box-shadow:0 4px 15px #0003;color:#fff;transform:translateX(8px)}.sp-nav-item.active{background:#fff3;box-shadow:0 4px 15px #00000026;color:#fff}.sp-nav-icon{font-size:1.1rem;text-align:center;width:20px;z-index:2}.sp-nav-icon img{display:inline-block;height:20px;object-fit:contain;vertical-align:middle;width:20px}.sp-nav-label{font-size:.75rem;font-weight:400;position:relative;z-index:2}.sp-collapse-btn{align-items:center;background:#fff;border:2px solid #f59e0b;border-radius:50%;box-shadow:0 4px 12px #f59e0b66,0 0 0 4px #f59e0b1a;color:#f59e0b;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:40px;justify-content:center;position:absolute;right:-18px;top:50%;transform:translateY(-50%);transition:all .3s ease;width:40px;z-index:1001}.sp-collapse-btn:hover{background:#f59e0b;box-shadow:0 6px 16px #f59e0b80,0 0 0 6px #f59e0b26;color:#fff;transform:translateY(-50%) scale(1.15)}.sp-collapse-btn:active{transform:translateY(-50%) scale(1.05)}.sp-sidebar.collapsed{width:60px}.sp-sidebar.collapsed .sp-logo{width:40px}.sp-sidebar.collapsed .sp-logout-btn .sp-nav-label,.sp-sidebar.collapsed .sp-nav-label{display:none}.sp-sidebar.collapsed .sp-nav-item{justify-content:center;padding:8px}.sp-sidebar.collapsed .sp-logout-btn{justify-content:center;padding:10px}.sp-logout{border-top:1px solid #fff3;margin-top:auto;padding-top:12px;position:relative;z-index:2}.sp-logout-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#ffffffe6;cursor:pointer;display:flex;font-size:.75rem;font-weight:400;gap:12px;padding:10px 16px;transition:all .3s ease;width:100%}.sp-logout-btn:hover{background:#fff3;box-shadow:0 8px 25px #0003;color:#fff;transform:translateY(-2px)}.sp-logout-btn .sp-nav-icon{font-size:1.1rem;position:relative;text-align:center;width:20px;z-index:2}.sp-main{background:#fffbeb;display:flex;flex:1 1;flex-direction:column;margin-left:180px;min-height:0;overflow:hidden;transition:margin-left .3s ease}.sp-main.sidebar-collapsed{margin-left:60px}.sp-header{align-items:center;background:#fff;border-bottom:1px solid #fef3c7;box-shadow:0 2px 10px #f59e0b14;display:flex;flex-shrink:0;justify-content:space-between;padding:14px 18px}.sp-header-search{flex:0 0 auto;max-width:360px;width:360px}.sp-header-search-container{align-items:center;background:#fef7ed;border:1px solid #fed7aa;border-radius:12px;display:flex;padding:8px 12px;position:relative;transition:all .2s ease}.sp-header-search-container:focus-within{background:#fff;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1f}.sp-header-search-icon{color:#a16207;font-size:14px;line-height:1;margin-right:8px}.sp-header-search-input{background:#0000;border:none;color:#92400e;font-size:14px;outline:none;width:100%}.sp-header-search-input::placeholder{color:#a16207}.sp-header-search-clear{background:#0000;border:none;border-radius:6px;color:#a16207;cursor:pointer;font-size:14px;margin-left:6px;padding:4px}.sp-header-search-clear:hover{background:#fef3c7;color:#f59e0b}.sp-username{align-items:center;color:#1f2937;display:flex;font-size:1rem;font-weight:700;gap:12px}.sp-username:before{content:"🏢";font-size:1.5rem}.sp-header-actions{align-items:center;display:flex;gap:12px;margin-left:auto}.sp-icon-btn{align-items:center;background:#fef3c7;border:none;border-radius:12px;color:#f59e0b;cursor:pointer;display:flex;font-size:1rem;height:36px;justify-content:center;text-decoration:none;transition:all .3s ease;width:36px}.sp-icon-btn:hover{background:#fde68a;transform:scale(1.05)}.sp-content{flex:1 1;font-size:.95rem;max-width:none;min-height:0;overflow:auto;padding:14px 16px 0;width:100%}.sp-content>:last-child{margin-bottom:0}.sp-page-title{color:#1f2937;font-size:1.6rem;font-weight:800;margin-bottom:20px;position:relative}.sp-page-title:after{background:linear-gradient(90deg,#f59e0b,#fbbf24);border-radius:2px;bottom:-8px;content:"";height:4px;left:0;position:absolute;width:80px}.sp-hero{align-items:center;background:#fff;border:1px solid #fef3c7;border-radius:16px;box-shadow:0 4px 20px #f59e0b14;display:flex;justify-content:space-between;margin-bottom:24px;overflow:hidden;padding:24px;position:relative}.sp-hero:before{background:linear-gradient(135deg,#fef3c7,#fde68a);content:"";height:100%;opacity:.5;position:absolute;right:0;top:0;transform:skewX(-10deg) translateX(100px);width:300px}.sp-hero-left{flex:1 1;position:relative;z-index:2}.sp-hero-left h2{color:#1f2937;font-size:1.3rem;font-weight:700;line-height:1.3;margin-bottom:8px}.sp-hero-left p{color:#6b7280;font-size:.9rem;margin-bottom:16px}.sp-hero-actions{display:flex;flex-wrap:wrap;gap:16px}.sp-hero-stats{display:flex;gap:24px;position:relative;z-index:2}.stat{background:#fffc;border:1px solid #fef3c7;border-radius:12px;box-shadow:0 4px 15px #f59e0b1a;min-width:80px;padding:14px;text-align:center}.stat-value{color:#f59e0b;font-size:1.4rem;font-weight:800;margin-bottom:4px}.stat-label{font-size:.7rem}.sp-section-title{align-items:center;color:#1f2937;display:flex;font-size:1.5rem;font-weight:700;gap:12px;margin-bottom:24px}.sp-section-title:before{background:linear-gradient(180deg,#f59e0b,#fbbf24);border-radius:2px;content:"";height:24px;width:4px}.sp-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:40px}.sp-card{background:#fff;border:1px solid #fef3c7;border-radius:16px;box-shadow:0 4px 20px #f59e0b14;overflow:hidden;transition:all .3s ease}.sp-card:hover{box-shadow:0 8px 30px #f59e0b26;transform:translateY(-6px)}.sp-card-media{background:linear-gradient(135deg,#fef3c7,#fde68a);height:160px;position:relative}.sp-card-media:before{content:"📋";font-size:2.5rem;left:50%;opacity:.7;position:absolute;top:50%;transform:translate(-50%,-50%)}.sp-card-body{padding:24px}.sp-card-row{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:12px}.sp-card-body h3{color:#1f2937;font-size:1.1rem;font-weight:700;margin:0}.price{color:#059669;font-size:1.2rem;font-weight:700;white-space:nowrap}.sp-card-body p{color:#6b7280;font-size:.95rem;line-height:1.5;margin-bottom:8px}.listing-status{color:#f59e0b;font-weight:600}.sp-card-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.no-listings{background:#fff;border:2px dashed #fde68a;border-radius:20px;color:#6b7280;padding:60px 20px;text-align:center}.no-listings p{color:#9ca3af;font-size:1.1rem;margin-bottom:24px}.btn-primary{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.btn-primary:hover{box-shadow:0 8px 25px #f59e0b4d}.btn-outline{border:2px solid #f59e0b;color:#f59e0b;padding:12px 24px}.btn-outline:hover,.btn-sm{background:#f59e0b}.btn-sm{font-size:.9rem;padding:8px 16px}.btn-sm:hover{background:#d97706}.btn-sm-outline{color:#f59e0b;font-size:.9rem;padding:8px 16px}.btn-sm-outline:hover{background:#f59e0b}.loading-container{background:#fffbeb}.loading-spinner{height:50px;width:50px}.loading-spinner:after{color:#f59e0b;top:70px}@media (max-width:1024px){.sp-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.sp-hero{flex-direction:column;gap:24px;text-align:center}.sp-hero-actions,.sp-hero-stats{justify-content:center}}@media (max-width:768px){.sp-dashboard{overflow:hidden}.sp-dashboard,.sp-sidebar{flex-direction:column;height:100vh}.sp-sidebar{flex-shrink:0;left:0;overflow-x:hidden;overflow-y:auto;padding:16px;position:fixed;top:0;width:240px;z-index:1001}.sp-nav{flex:1 1 auto;flex-direction:column;gap:12px;padding:12px}.sp-nav-item{justify-content:flex-start;min-width:auto}.sp-nav-label{display:inline-block}.sp-sidebar.collapsed{width:56px}.sp-sidebar.collapsed .sp-nav-label{display:none}.sp-nav-icon img{height:16px;width:16px}.sp-logout{border-left:1px solid #fff3;border-top:none;padding-left:16px;padding-top:0}.sp-content{min-height:0;padding:16px 16px 0}.sp-main{margin-left:0}.sp-main.sidebar-collapsed{margin-left:0!important}.sp-header{flex-shrink:0;padding:16px}.sp-main{min-height:0;overflow:hidden}.sp-hero{padding:24px}.sp-grid{grid-template-columns:1fr}.sp-hero-actions,.sp-hero-stats{flex-direction:column}.sp-hero-stats{gap:16px}.sp-card-actions{flex-direction:column}}.quick-stats{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-card{border:1px solid #fef3c7;box-shadow:0 4px 15px #f59e0b14;gap:1rem;padding:1.5rem}.stat-card:hover{box-shadow:0 8px 25px #f59e0b26}.stat-icon{background:#fef3c7;font-size:2rem;height:50px;width:50px}.stat-number{font-size:1.5rem;margin-bottom:.25rem}.activity-section{background:#fff;border:1px solid #fef3c7;border-radius:16px;box-shadow:0 4px 15px #f59e0b14;margin-bottom:2rem;padding:2rem}.activity-section h3{color:#1f2937;font-weight:600;margin:0 0 1.5rem}.activity-list{gap:1rem}.activity-item{background:#fffbeb;gap:1rem;padding:1rem}.activity-item:hover{background:#fef3c7}.activity-icon{background:#fde68a;font-size:1.5rem;height:40px;width:40px}.activity-title{margin-bottom:.25rem}.activity-time{font-size:.875rem}.section-header{gap:1rem;margin-bottom:2rem}.section-header .btn-sm-outline{border:1px solid #059669;color:#059669;font-size:12px;padding:6px 12px}.section-header .btn-sm-outline:hover{background:#059669;box-shadow:0 2px 4px #05966933}.search-filters{gap:1rem}.filter-select,.search-input{border:1px solid #fde68a;font-size:.875rem;padding:.75rem 1rem}.filter-select:focus,.search-input:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.status-badge{padding:.25rem .75rem}.status-badge.paid{background:#d1fae5;color:#065f46}.appointments-stats{display:flex;gap:2rem;justify-content:center;margin-bottom:2rem}.appointment-stat{background:#fff;border:1px solid #fef3c7;border-radius:12px;box-shadow:0 4px 15px #f59e0b14;min-width:120px;padding:1.5rem;text-align:center}.appointments-list{display:flex;flex-direction:column;gap:1rem}.appointment-card{background:#fff;border:1px solid #fef3c7;border-radius:12px;box-shadow:0 4px 15px #f59e0b14;padding:1.5rem;transition:all .3s ease}.appointment-card:hover{box-shadow:0 8px 25px #f59e0b26;transform:translateY(-2px)}.appointment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.appointment-header h3{color:#1f2937;margin:0}.appointment-details{margin-bottom:1rem}.appointment-details p{color:#6b7280;margin:.5rem 0}.appointment-actions{display:flex;flex-wrap:wrap;gap:.75rem}.analytics-grid{grid-gap:2rem;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.chart-section,.top-services{background:#fff;border:1px solid #fef3c7;border-radius:16px;box-shadow:0 4px 15px #f59e0b14;padding:2rem}.chart-section h3,.top-services h3{color:#1f2937;font-weight:600;margin:0 0 1.5rem}.chart-placeholder{align-items:end;background:#fffbeb;border-radius:8px;display:flex;height:200px;justify-content:center;padding:1rem}.chart-bars{align-items:end;display:flex;gap:1rem;height:100%}.chart-bar{align-items:center;display:flex;flex-direction:column;gap:.5rem}.bar{background:linear-gradient(180deg,#f59e0b,#fbbf24);border-radius:4px 4px 0 0;min-height:20px;transition:all .3s ease;width:40px}.chart-bar span{color:#6b7280;font-size:.75rem;font-weight:600}.services-list{display:flex;flex-direction:column;gap:1rem}.service-item{background:#fffbeb;border-radius:8px;padding:1rem;transition:all .3s ease}.service-item:hover{background:#fef3c7}.service-stats{align-items:end;flex-direction:column;gap:.25rem}.service-stats span{color:#6b7280;font-size:.875rem}.revenue{color:#f59e0b;font-weight:600}.performance-metrics{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.metric-card{border:1px solid #fef3c7;border-radius:12px;box-shadow:0 4px 15px #f59e0b14;padding:1.5rem;text-align:center}.metric-card h4{color:#6b7280;font-size:.875rem;font-weight:500;margin:0 0 .5rem}.metric-value{color:#f59e0b;margin-bottom:.5rem}.metric-change{font-size:.75rem}.metric-change.positive{color:#059669}.metric-change.negative{color:#dc2626}.reviews-summary{background:#fff;border:1px solid #fef3c7;border-radius:16px;box-shadow:0 4px 15px #f59e0b14;margin-bottom:2rem;padding:2rem}.rating-overview{display:flex;justify-content:center}.overall-rating{text-align:center}.rating-value{color:#f59e0b;display:block;font-size:3rem;font-weight:700;margin-bottom:.5rem}.rating-stars{font-size:1.5rem;margin-bottom:.5rem}.reviews-list{gap:1rem}.review-card{border:1px solid #fef3c7;box-shadow:0 4px 15px #f59e0b14;padding:1.5rem}.review-card:hover{box-shadow:0 8px 25px #f59e0b26}.review-header{margin-bottom:1rem}.reviewer-info h4{color:#1f2937;margin:0 0 .25rem}.review-service{color:#6b7280;font-size:.875rem}.review-date{font-size:.75rem;margin-top:.25rem}.review-comment p{margin:0 0 1rem}.review-actions{gap:.75rem}.messages-list{gap:1rem}.message-card{border:1px solid #fef3c7;box-shadow:0 4px 15px #f59e0b14;padding:1.5rem}.message-card.unread{background:#fffbeb;border-left:4px solid #f59e0b}.message-card:hover{box-shadow:0 8px 25px #f59e0b26}.message-header{margin-bottom:1rem}.message-content p{margin:0 0 1rem}.message-actions{gap:.75rem}.earnings-summary{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-bottom:2rem}.earning-stat{background:#fff;border:1px solid #fef3c7;border-radius:12px;box-shadow:0 4px 15px #f59e0b14;min-width:150px;padding:1.5rem;text-align:center}.earnings-list h3{color:#1f2937;margin-bottom:1.5rem}.earning-card{align-items:center;background:#fff;border:1px solid #fef3c7;border-radius:12px;box-shadow:0 4px 15px #f59e0b14;display:flex;justify-content:space-between;margin-bottom:1rem;padding:1.5rem;transition:all .3s ease}.earning-card:hover{box-shadow:0 8px 25px #f59e0b26;transform:translateY(-2px)}.earning-details h4{color:#1f2937;margin:0 0 .25rem}.earning-details p{color:#6b7280;font-size:.875rem;margin:0 0 .25rem}.earning-date{color:#9ca3af;font-size:.75rem}.earning-amount{text-align:right}.amount{color:#f59e0b;display:block;font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.profile-header{margin-bottom:2rem}.profile-main-card{border:1px solid #fef3c7;box-shadow:0 4px 20px #f59e0b14;gap:2rem;padding:2rem}.profile-left{gap:1.5rem}.profile-avatar img{box-shadow:0 4px 15px #f59e0b26;height:120px;width:120px}.profile-name{font-size:1.75rem;margin-bottom:.5rem}.profile-location{color:#f59e0b}.profile-tabs{background:#fffbeb}.tab-btn.active{box-shadow:0 2px 4px #f59e0b1a;color:#f59e0b}.profile-section{border:1px solid #fef3c7;box-shadow:0 4px 15px #f59e0b14}.info-item span.link{color:#f59e0b}.skills-grid{display:flex;flex-direction:column;gap:1rem}.skill-category h4{color:#1f2937;font-size:.875rem;font-weight:600;margin:0 0 .5rem}.skill-tags{display:flex;flex-wrap:wrap;gap:.5rem}.skill-tag{border-radius:6px;padding:.25rem .75rem}.skill-tag.expert{background:#f59e0b;color:#fff}.skill-tag.intermediate{background:#fde68a;color:#92400e}.skill-tag.beginner{background:#fef3c7;color:#78350f}.performance-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);text-align:center}.perf-stat{align-items:center;display:flex;flex-direction:column}.perf-stat .stat-number{color:#f59e0b;font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.perf-stat .stat-label{color:#6b7280;font-size:.75rem;font-weight:500}.experience-timeline{display:flex;flex-direction:column;gap:1rem}.exp-item{background:#fffbeb;border-left:3px solid #f59e0b;border-radius:8px;padding:1rem}.exp-title{color:#1f2937;font-weight:600;margin-bottom:.25rem}.exp-company{color:#f59e0b;font-weight:500;margin-bottom:.25rem}.exp-period{color:#6b7280;font-size:.75rem;margin-bottom:.5rem}.exp-desc{color:#4b5563;font-size:.875rem;line-height:1.4}.education-list{display:flex;flex-direction:column;gap:1rem}.edu-item{background:#fffbeb;border-radius:8px;padding:1rem}.edu-title{color:#1f2937;font-weight:600;margin-bottom:.25rem}.edu-school{color:#f59e0b;font-weight:500;margin-bottom:.25rem}.edu-year{color:#6b7280;font-size:.75rem}.rate-info{display:flex;flex-direction:column;gap:.75rem}.rate-item{align-items:center;background:#fffbeb;border-radius:8px;display:flex;justify-content:space-between;padding:.75rem}.rate-type{color:#1f2937;font-size:.875rem;font-weight:500}.rate-amount,.rate-status.available{color:#059669;font-size:.875rem;font-weight:600}.service-areas{display:flex;flex-direction:column;gap:.75rem}.area-item{align-items:center;background:#fffbeb;border-radius:8px;display:flex;justify-content:space-between;padding:.75rem}.area-name{color:#1f2937;font-size:.875rem;font-weight:500}.area-type{background:#fef3c7;border-radius:4px;color:#6b7280;font-size:.75rem;padding:.25rem .5rem}@media (max-width:768px){.profile-main-card{padding:1.5rem}.profile-avatar img{height:100px;width:100px}.profile-actions-top{flex-direction:column;width:100%}.performance-grid{gap:.75rem;grid-template-columns:1fr}.info-item{gap:.25rem;grid-template-columns:1fr}}.listing-bookings,.listing-category{color:#6b7280;font-size:.875rem;margin:.5rem 0}.listing-status{margin-top:1rem}.provider-notification-badge{animation:providerNotificationPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#f59e0b,#d97706);border:1px solid #fff3;border-radius:10px;box-shadow:0 2px 4px #f59e0b4d;color:#fff;font-size:.625rem;font-weight:700;min-width:16px;padding:2px 6px;position:absolute;right:-2px;text-align:center;top:-2px}@keyframes providerNotificationPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.sp-icon-btn,.sp-nav-icon{position:relative}@media (max-width:768px){.analytics-grid,.performance-metrics{grid-template-columns:1fr}.quick-stats{grid-template-columns:repeat(2,1fr)}.appointments-stats,.earnings-summary{align-items:center;flex-direction:column}.section-header{align-items:stretch;flex-direction:column}.search-filters{justify-content:stretch}.filter-select,.search-input{flex:1 1}}.notifications-header{border:1px solid #fbbf241a;box-shadow:0 4px 16px #f59e0b14}.notification-stat{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fbbf241a}.notification-stat .stat-number{color:#f59e0b}.notification-card{border:1px solid #fbbf241a;box-shadow:0 4px 16px #f59e0b14}.notification-card:before{background:#f59e0b}.notification-card:hover{box-shadow:0 8px 32px #f59e0b26}.notification-card.booking:before{background:#3b82f6}.notification-card.payment:before{background:#059669}.notification-card.review:before{background:#f59e0b}.notification-card.message:before{background:#8b5cf6}.notification-icon{background:linear-gradient(135deg,#fffbeb,#fef3c7)}.empty-state{border:1px solid #fbbf241a;box-shadow:0 4px 16px #f59e0b14}.messaging-interface{background:#f0f2f5;border-radius:8px;box-shadow:0 1px 3px #0000001f}.conversations-panel{background:#fffbeb;border-right:1px solid #fbbf2433;width:350px}.conversations-panel h3{background:#fef3c7;border-bottom:1px solid #fbbf2433;color:#1f2937;font-size:1.25rem;font-weight:600;margin:0;padding:20px 24px}.no-conversations{color:#6b7280;padding:40px 24px}.no-conversations p:first-child{color:#1f2937;font-size:1.1rem;font-weight:600;margin-bottom:8px}.conversation-item{border-bottom:1px solid #fbbf241a;padding:16px 24px}.conversation-item:hover{background:#fef3c7}.conversation-item.active{background:#fed7aa;border-left:4px solid #f59e0b}.default-avatar{background:linear-gradient(135deg,#f59e0b,#d97706);font-size:1.25rem}.conversation-header h4{font-size:1rem}.conversation-time{color:#6b7280;font-size:.75rem}.conversation-preview p{flex:1 1;font-size:.875rem}.unread-badge{background:#dc2626;font-size:.75rem;margin-left:8px}.chat-panel{background:#fff}.chat-header{background:#fef3c7;border-bottom:1px solid #fbbf2433}.chat-header h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0}.user-type-badge{background:#f59e0b;font-size:.875rem;font-weight:500;padding:4px 12px}.messages-container{gap:16px;padding:24px}.message{gap:8px;max-width:70%}.message-content{background:#f3f4f6}.message.sent .message-content{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.message-content p{font-size:.9rem}.message-time{display:block}.message.sent .message-time{color:#fffc}.message-avatar{border-radius:50%;flex-shrink:0;height:32px;overflow:hidden;width:32px}.message-avatar img{height:100%;object-fit:cover;width:100%}.message-avatar .default-avatar{font-size:.875rem}.message-input-container{background:#fffbeb;border-top:1px solid #fbbf2433;padding:24px}.message-input{align-items:flex-end;border:2px solid #fbbf244d;gap:12px;padding:12px;transition:border-color .2s ease}.message-input:focus-within{border-color:#f59e0b}.message-input textarea{min-height:20px}.send-button{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:20px;font-size:.875rem;padding:8px 16px;transition:all .2s ease}.send-button:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-1px)}.send-button:disabled{opacity:.5}.no-conversation-selected{color:#6b7280;font-size:1.1rem}.loading{color:#6b7280}.sp-date-separator{align-items:center;display:flex;gap:15px;margin:20px 0}.sp-date-separator-line{background:#fed7aa;flex:1 1;height:1px}.sp-date-separator-text{background:#fef7ed;border:1px solid #fed7aa;border-radius:12px;color:#a16207;font-size:12px;font-weight:500;padding:4px 12px;white-space:nowrap}.sp-profile-popup{animation:sp-slideDown .3s ease-out;position:absolute;right:20px;top:80px;z-index:10000}.sp-profile-popup-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 20px 40px #00000026;overflow:hidden;width:266px}.sp-profile-banner{background:linear-gradient(135deg,#f97316,#ea580c);height:96px;position:relative}.sp-profile-avatar,.sp-profile-banner{align-items:center;display:flex;justify-content:center}.sp-profile-avatar{background:#fff;border:6px solid #fff;border-radius:50%;bottom:-60px;box-shadow:0 20px 40px #00000026;height:120px;left:50%;overflow:hidden;position:absolute;transform:translateX(-50%);width:120px}.sp-avatar-image{border-radius:50%;height:100%;object-fit:cover;width:100%}.sp-avatar-placeholder{align-items:center;color:#fff;display:flex;font-size:48px;font-weight:600;height:100%;justify-content:center;text-transform:uppercase;width:100%}.sp-profile-info{border-bottom:1px solid #f1f5f9;padding:75px 20px 16px;text-align:center}.sp-profile-name{color:#ea580c;font-size:28px;font-weight:700;line-height:1.3;margin:0 0 6px}.sp-profile-email{color:#6b7280;font-size:.85rem;line-height:1.4;margin:0 0 10px;word-break:break-word}.sp-profile-location{align-items:center;color:#6b7280;display:flex;font-size:.8rem;gap:4px;justify-content:center;margin:0}.sp-profile-actions{display:flex;flex-direction:column;gap:12px;padding:20px}.sp-popup-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:10px;justify-content:center;min-height:40px;padding:10px 16px;text-align:center;transition:all .2s ease}.sp-view-profile-btn{background:#f97316;color:#fff}.sp-view-profile-btn:hover{background:#ea580c;box-shadow:0 4px 12px #f973164d;transform:translateY(-1px)}.sp-edit-profile-btn{background:#f1f5f9;border:1px solid #e2e8f0;color:#374151}.sp-edit-profile-btn:hover{background:#e2e8f0;box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}@keyframes sp-slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.sp-profile-popup{right:10px;top:75px}.sp-profile-popup-content{width:240px}.sp-profile-banner{height:90px}.sp-profile-avatar{bottom:-45px;height:90px;width:90px}.sp-profile-info{padding:65px 16px 16px}.sp-profile-actions{padding:20px}}.sp-profile-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.sp-profile-loading .sp-loading-spinner{align-items:center;color:#f97316;display:flex;font-size:1rem;font-weight:500;gap:8px}.sp-profile-loading .sp-loading-spinner:before{content:"⏳";margin-right:4px}.profile-edit-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:1000}.profile-edit-content{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-height:90vh;max-width:650px;overflow-y:auto;width:100%}.profile-edit-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e0e0e0;border-radius:12px 12px 0 0;color:#fff;display:flex;justify-content:space-between;padding:16px 24px}.profile-edit-header h2{font-size:1.4rem;font-weight:600;margin:0}.close-btn{font-size:24px;height:30px;width:30px}.profile-edit-form{padding:24px}.form-section{margin-bottom:24px}.form-section h3{border-bottom:3px solid #4299e1;color:#2d3748;font-size:1.2rem;font-weight:700;margin:0 0 18px;padding-bottom:10px;position:relative}.form-section h3:before{background:linear-gradient(90deg,#4299e1,#63b3ed);border-radius:2px;bottom:-3px;content:"";height:3px;left:0;position:absolute;width:40px}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.form-group.full-width{grid-column:1/-1}.form-group label{align-items:center;color:#2d3748;display:flex;font-size:14px;font-weight:600;gap:4px;margin-bottom:8px}.field-hint{color:#718096;font-size:12px;line-height:1.4;margin-top:4px}.character-count{margin-top:4px;text-align:right}.character-count span{color:#a0aec0;font-size:11px}.character-count span.over-limit{color:#e53e3e;font-weight:600}.form-group input,.form-group select,.form-group textarea{background:#fafafa;border:2px solid #e2e8f0;border-radius:10px;color:#2d3748;font-size:14px;padding:14px 16px;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;border-color:#4299e1;box-shadow:0 0 0 4px #4299e11a;transform:translateY(-1px)}.form-group input::placeholder,.form-group textarea::placeholder{color:#a0aec0;opacity:1}.form-group input:disabled{background-color:#f7fafc;border-color:#cbd5e0;color:#718096;cursor:not-allowed}.form-group input:disabled::placeholder{color:#cbd5e0}.form-actions{border-top:1px solid #e0e0e0;display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:20px}.btn-primary{background:linear-gradient(135deg,#4299e1,#3182ce);box-shadow:0 4px 12px #4299e133;font-size:15px;font-weight:700;padding:14px 28px}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#3182ce,#2c5282);box-shadow:0 8px 20px #4299e14d}.btn-primary:disabled{box-shadow:none}.btn-secondary{border:2px solid #e2e8f0;border-radius:10px;color:#4a5568;font-size:15px;padding:14px 28px;transition:all .3s ease}.btn-secondary:hover{background-color:#f7fafc;border-color:#4299e1;color:#2d3748}.error-message{background:linear-gradient(135deg,#fed7d7,#feb2b2);border:1px solid #fc8181;border-radius:10px;box-shadow:0 4px 12px #c530301a;color:#c53030;padding:16px 20px}.location-info{background:linear-gradient(135deg,#ebf8ff,#bee3f8);border:2px solid #90cdf4;border-radius:12px;box-shadow:0 4px 12px #4299e11a;margin-top:20px;padding:20px}.info-text{color:#2d3748;font-size:15px;font-weight:500;line-height:1.7;margin:0}.info-text strong{color:#2c5282;font-weight:700}.form-group input:required:invalid{border-color:#fc8181}.form-group input:required:valid{border-color:#68d391}.form-group input:required:invalid:focus{border-color:#f56565;box-shadow:0 0 0 4px #f565651a}.form-group input:required:valid:focus{border-color:#48bb78;box-shadow:0 0 0 4px #48bb781a}.form-group label:after{content:""}.form-group input:required+label:after,.form-group select:required+label:after{color:#e53e3e;content:" *";font-weight:700}.profile-edit-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #fff3}.profile-edit-header{background:linear-gradient(135deg,#4299e1,#3182ce);box-shadow:0 4px 12px #4299e133}@media (max-width:768px){.profile-edit-modal{padding:10px}.profile-edit-content{max-height:95vh}.profile-edit-header{padding:15px 20px}.profile-edit-form{padding:20px}.form-grid{gap:15px;grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.btn-primary,.btn-secondary{width:100%}}.skills-preferences-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:1000}.skills-preferences-content{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:720px;width:100%}.skills-preferences-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e0e0e0;border-radius:12px 12px 0 0;color:#fff;display:flex;justify-content:space-between;padding:16px 24px}.skills-preferences-header h2{font-size:1.4rem;font-weight:600;margin:0}.close-btn{border-radius:50%;color:#fff;font-size:28px;height:35px;padding:0;transition:background-color .2s;width:35px}.close-btn:hover{background:#fff3}.skills-preferences-body{flex:1 1;overflow-y:auto;padding:24px}.skills-preferences-body::-webkit-scrollbar{width:8px}.skills-preferences-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.skills-preferences-body::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:10px}.skills-preferences-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#2563eb,#1e40af)}.section{margin-bottom:40px}.section h3{color:#333;font-size:20px;font-weight:600;margin:0 0 10px}.section-description{color:#666;font-size:14px}.current-skills{background:#f9f9f9;border:2px dashed #e0e0e0;border-radius:8px;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;min-height:60px;padding:15px}.current-skills:empty:before{color:#999;content:"No skills added yet";font-style:italic}.skill-tag{background:linear-gradient(135deg,#667eea,#764ba2);gap:8px;padding:8px 12px}.skill-tag,.skill-tag button{align-items:center;display:flex}.skill-tag button{background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:16px;height:20px;justify-content:center;padding:0;transition:background-color .2s;width:20px}.skill-tag button:hover{background:#fff3}.add-skills-section{margin-bottom:20px}.skill-search input{border:2px solid #e0e0e0;border-radius:8px;font-size:16px;padding:12px;transition:border-color .2s;width:100%}.skill-search input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.skill-suggestions{background:#fff;border:1px solid #e0e0e0;border-radius:8px;display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;max-height:150px;overflow-y:auto;padding:10px}.skill-suggestion{background:#fff;border:1px solid #ddd;border-radius:15px;cursor:pointer;font-size:14px;padding:6px 12px;transition:all .2s}.skill-suggestion:hover{background:#667eea;border-color:#667eea;color:#fff}.custom-skill-section{margin-top:15px}.add-custom-btn{background:#fff;border:2px dashed #667eea;border-radius:8px;color:#667eea;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s}.add-custom-btn:hover{background:#667eea;color:#fff}.custom-skill-input{align-items:center;display:flex;gap:10px}.custom-skill-input input{border:2px solid #e0e0e0;border-radius:6px;flex:1 1;font-size:14px;padding:10px}.custom-skill-input button{border:none;border-radius:6px;cursor:pointer;font-weight:500;padding:10px 15px;transition:background-color .2s}.custom-skill-input button:first-of-type{background:#667eea;color:#fff}.custom-skill-input button:first-of-type:hover{background:#5a6fd8}.custom-skill-input button:last-of-type{background:#e0e0e0;color:#666}.custom-skill-input button:last-of-type:hover{background:#d0d0d0}.categories-list{display:flex;flex-direction:column;gap:15px}.category-item{background:#fff;border:2px solid #e0e0e0;border-radius:8px;transition:all .2s}.category-item:hover{background:#f8f9ff;border-color:#667eea}.category-header{align-items:center;display:flex;justify-content:space-between;padding:15px}.category-checkbox{align-items:center;cursor:pointer;display:flex;flex:1 1;gap:12px}.category-checkbox input[type=checkbox]{accent-color:#667eea;height:20px;width:20px}.category-checkbox input[type=checkbox]:checked+.category-label{color:#667eea;font-weight:600}.category-label{color:#333;font-size:16px;font-weight:500;transition:all .2s}.expand-btn{background:none;border:none;border-radius:4px;color:#667eea;cursor:pointer;font-size:18px;padding:5px 10px;transition:background-color .2s}.expand-btn:hover{background:#667eea1a}.subcategories{background:#fafafa;border-top:1px solid #f0f0f0;padding:0 15px 15px}.subcategory-description{color:#666;font-size:14px;font-style:italic;margin:15px 0 10px}.subcategories-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.subcategory-checkbox{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 12px;transition:all .2s}.subcategory-checkbox:hover{background:#f8f9ff;border-color:#667eea}.subcategory-checkbox input[type=checkbox]{accent-color:#667eea;height:16px;width:16px}.subcategory-checkbox input[type=checkbox]:checked+.subcategory-label{color:#667eea;font-weight:600}.subcategory-label{color:#555;line-height:1.3;transition:all .2s}.subcategories-container{background:#fafafa;border-top:1px solid #f0f0f0;padding:0 15px 15px}.subcategories-list{display:flex;flex-wrap:wrap;gap:12px;margin-top:15px}.subcategory-item{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000000d;cursor:pointer;display:inline-flex;font-size:14px;gap:8px;min-width:-webkit-fit-content;min-width:fit-content;padding:10px 14px;transition:all .3s ease;width:auto}.subcategory-item:hover{background:#eff6ff;border-color:#3b82f6;box-shadow:0 4px 8px #3b82f626;transform:translateY(-1px)}.subcategory-item.selected{background:#eff6ff;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.subcategory-item input[type=checkbox]{accent-color:#3b82f6;border-radius:3px;cursor:pointer;height:18px;width:18px}.subcategory-item input[type=checkbox]:checked{accent-color:#3b82f6;background-color:#3b82f6}.subcategory-item .subcategory-label{color:#374151;font-weight:500;line-height:1.4;transition:all .2s;-webkit-user-select:none;user-select:none;white-space:nowrap}.subcategory-item.selected .subcategory-label{color:#1d4ed8;font-weight:600}.subcategory-item:hover .subcategory-label{color:#1d4ed8}.categories-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.skills-preferences-actions{background:#f8f9fa;border-radius:0 0 12px 12px;border-top:1px solid #e0e0e0;display:flex;gap:15px;justify-content:flex-end;padding:20px 30px}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;transition:transform .2s,box-shadow .2s}.btn-primary:hover:not(:disabled){box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-secondary{border:2px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;font-weight:600;padding:12px 24px;transition:border-color .2s,background-color .2s}.btn-secondary:hover{background-color:#f8f9ff;border-color:#667eea}.error-message{margin:20px 30px}@media (max-width:768px){.skills-preferences-modal{padding:10px}.skills-preferences-content{max-height:95vh}.skills-preferences-header{padding:15px 20px}.skills-preferences-body{padding:20px}.skills-preferences-actions{flex-direction:column-reverse;padding:15px 20px}.categories-grid{grid-template-columns:1fr}.btn-primary,.btn-secondary{width:100%}}.document-upload-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.document-upload-modal-new{animation:slideUp .3s ease-out;background:#fff;border:2px solid #fff5e6;border-radius:12px;box-shadow:0 10px 40px #ff6b0026;display:flex;flex-direction:column;max-height:90vh;max-width:550px;overflow:hidden;width:100%}.modal-header-new{align-items:center;background:linear-gradient(135deg,#ff6b00,#ff8533);border-bottom:2px solid #ffe5cc;display:flex;justify-content:space-between;padding:20px 24px}.modal-title-section{align-items:center;display:flex;gap:14px}.modal-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:10px;display:flex;font-size:20px;height:40px;justify-content:center;width:40px}.modal-title{color:#fff!important;font-size:20px;font-weight:700;line-height:1.2}.modal-subtitle{color:#ffffffe6;font-size:13px;font-weight:400;margin:4px 0 0}.modal-close-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:8px;color:#fff;font-size:18px;transition:all .2s}.modal-close-btn:hover{background:#ffffff4d}.modal-close-btn:disabled{cursor:not-allowed;opacity:.5}.modal-body-new{flex:1 1;overflow-y:auto;padding:20px 24px}.modal-body-new::-webkit-scrollbar{width:6px}.modal-body-new::-webkit-scrollbar-track{background:#fff5e6;border-radius:3px}.modal-body-new::-webkit-scrollbar-thumb{background:#ffb366;border-radius:3px}.modal-body-new::-webkit-scrollbar-thumb:hover{background:#ff6b00}.rejection-notice{animation:shake .5s ease-out;background:linear-gradient(135deg,#fff5e6,#ffe5cc);border:2px solid #ffb366;border-radius:10px;display:flex;gap:12px;margin-bottom:20px;padding:16px}.rejection-icon{flex-shrink:0;font-size:24px}.rejection-content h4{color:#c50;font-size:16px;font-weight:700;margin:0 0 8px}.rejection-reason{background:#fff;border-left:3px solid #ff6b00;border-radius:6px;color:#c50;font-size:13px;font-weight:500;margin:0 0 10px;padding:10px}.rejection-reason strong{color:#993d00}.rejection-instruction{color:#666;font-size:13px;line-height:1.5;margin:0}.alert-message{align-items:center;animation:slideDown .3s ease-out;border-radius:8px;display:flex;font-size:13px;font-weight:500;gap:10px;margin-bottom:16px;padding:12px 16px}.error-alert{background:#fff5f5;border:1px solid #ffb3b3;color:#dc2626}.success-alert{background:#f0fdf4;border:1px solid #86efac;color:#059669}.alert-icon{font-size:16px}.form-section{align-items:center;display:flex;flex-direction:column;margin-bottom:18px}.form-label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:8px;text-align:left;width:100%}.label-icon{font-size:16px;margin-right:6px}.form-select-new{background:#fff;border:2px solid #ffe5cc;border-radius:8px;color:#333;cursor:pointer;font-family:inherit;font-size:14px;margin:0 auto;max-width:450px;padding:10px 14px;transition:all .2s;width:100%}.form-select-new:hover{border-color:#ffb366}.form-select-new:focus{border-color:#ff6b00;box-shadow:0 0 0 3px #ff6b001a;outline:none}.form-select-new:disabled{background:#f9fafb;cursor:not-allowed;opacity:.5}.upload-dropzone{background:#fff9f0;border:2px dashed #ffb366;border-radius:8px;cursor:pointer;margin:0 auto;max-width:450px;padding:28px 20px;text-align:center;transition:all .2s;width:100%}.upload-dropzone:hover{background:#fff5e6;border-color:#ff6b00}.upload-dropzone.disabled{cursor:not-allowed;opacity:.6}.upload-dropzone.disabled,.upload-dropzone.disabled:hover{background:#f9fafb;border-color:#e5e5e5}.upload-dropzone.disabled .dropzone-icon{opacity:.5}.upload-dropzone.disabled .dropzone-text{color:#999}.upload-dropzone.disabled .dropzone-hint{color:#c50;font-weight:500}.dropzone-icon{font-size:32px;margin-bottom:10px}.dropzone-text{color:#333;font-size:14px;font-weight:600;margin:0 0 6px}.dropzone-hint{color:#999;font-size:12px;margin:0}.image-preview-container{border:2px solid #ffe5cc;border-radius:8px;margin:0 auto;max-width:450px;overflow:hidden;position:relative;width:100%}.image-preview{display:block;height:auto;max-height:250px;object-fit:cover;width:100%}.image-overlay{align-items:center;background:#000000bf;bottom:0;display:flex;flex-direction:column;justify-content:space-between;left:0;opacity:0;padding:16px;position:absolute;right:0;top:0;transition:opacity .2s}.image-preview-container:hover .image-overlay{opacity:1}.image-label{background:linear-gradient(135deg,#ff6b00,#ff8533);border-radius:20px;box-shadow:0 4px 12px #ff6b0066;color:#fff;font-size:14px;font-weight:600;padding:8px 20px;text-align:center}.overlay-buttons{display:flex;gap:10px;justify-content:center}.btn-overlay{border:none;border-radius:8px;box-shadow:0 4px 12px #0000004d;cursor:pointer;font-size:13px;font-weight:600;padding:10px 22px;transition:all .2s}.btn-change{background:#ff6b00;color:#fff}.btn-change:hover{background:#ff8533}.btn-remove{background:#dc2626;color:#fff}.btn-remove:hover{background:#ef4444}.btn-overlay:disabled{cursor:not-allowed;opacity:.5}.upload-options{align-items:center;display:flex;gap:12px;margin:0 auto;max-width:450px;width:100%}.upload-option{background:#fff9f0;border:2px dashed #ffb366;border-radius:8px;cursor:pointer;flex:1 1;padding:20px 14px;text-align:center;transition:all .2s}.upload-option:hover{background:#fff5e6;border-color:#ff6b00;transform:translateY(-2px)}.option-icon{font-size:28px;margin-bottom:8px}.option-text{color:#333;font-size:13px;font-weight:600;margin:0}.option-divider{color:#999;flex-shrink:0;font-size:13px;font-weight:500}.info-box{background:linear-gradient(135deg,#fff9f0,#fff5e6);border:1px solid #ffd9a6;border-radius:8px;display:flex;gap:12px;margin-top:18px;padding:14px}.info-icon{flex-shrink:0;font-size:20px}.info-content{text-align:center}.info-content p{color:#993d00;font-size:13px;font-weight:600;margin:0 0 8px}.info-content ul{color:#666;display:inline-block;font-size:12px;line-height:1.7;margin:0;padding-left:18px;text-align:left}.info-content li{margin-bottom:3px}.modal-footer-new{background:#fffbf5;border-top:2px solid #ffe5cc;display:flex;gap:10px;justify-content:flex-end;padding:16px 24px}.btn-primary-new,.btn-secondary-new{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:11px 24px;transition:all .2s}.btn-secondary-new{background:#fff;border:2px solid #e5e5e5;color:#666}.btn-secondary-new:hover{background:#f9fafb;border-color:#d1d5db;color:#333}.btn-primary-new{background:linear-gradient(135deg,#ff6b00,#ff8533);box-shadow:0 4px 12px #ff6b0040;color:#fff}.btn-primary-new:hover{box-shadow:0 6px 16px #ff6b0059;transform:translateY(-2px)}.btn-primary-new:disabled,.btn-secondary-new:disabled{cursor:not-allowed;opacity:.5;transform:none}.spinner-small{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:14px;width:14px}.camera-capture-overlay{align-items:center;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}@media (max-width:768px){.document-upload-modal-new{border-radius:0;max-height:100vh;max-width:100%}.modal-header-new{padding:16px 20px}.modal-icon,.modal-title{font-size:18px}.modal-icon{height:36px;width:36px}.modal-body-new{padding:16px 20px}.upload-options{flex-direction:column}.option-divider{transform:rotate(90deg)}.modal-footer-new{padding:14px 20px}.btn-primary-new,.btn-secondary-new{flex:1 1;justify-content:center}}.document-upload-modal-new *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.success-popup-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;border-radius:16px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10000}.success-popup{animation:successSlideUp .5s cubic-bezier(.68,-.55,.265,1.55);background:#fff;border-radius:20px;box-shadow:0 20px 60px #10b9814d;max-width:400px;padding:40px}@keyframes successSlideUp{0%{opacity:0;transform:translateY(50px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.success-icon-circle{height:100px;margin:0 auto 24px;position:relative;width:100px}.success-checkmark{stroke-width:3;stroke:#10b981;stroke-miterlimit:10;animation:fillCheckmark .4s ease-in-out .4s forwards,scaleCheckmark .3s ease-in-out .9s both;border-radius:50%;display:block;height:100px;width:100px}.success-checkmark-circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:3;stroke-miterlimit:10;stroke:#10b981;fill:none;animation:strokeCheckmark .6s cubic-bezier(.65,0,.45,1) forwards}.success-checkmark-check{stroke-dasharray:48;stroke-dashoffset:48;stroke:#10b981;stroke-width:3;animation:strokeCheckmark .3s cubic-bezier(.65,0,.45,1) .8s forwards;transform-origin:50% 50%}@keyframes strokeCheckmark{to{stroke-dashoffset:0}}@keyframes scaleCheckmark{0%,to{transform:none}50%{transform:scale3d(1.1,1.1,1)}}@keyframes fillCheckmark{to{box-shadow:inset 0 0 0 30px #10b981}}.success-popup-title{animation:fadeInUp .5s ease-out .6s both;color:#10b981;font-size:24px;font-weight:700;margin:0 0 12px}.success-popup-message{animation:fadeInUp .5s ease-out .8s both;color:#666;font-size:15px;line-height:1.6;margin:0}.camera-modal-overlay{align-items:center;animation:fadeInCamera .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}@keyframes fadeInCamera{0%{opacity:0}to{opacity:1}}.camera-modal-container{animation:slideUpCamera .3s ease-out;background:#fff;border:3px solid #ffb366;border-radius:16px;box-shadow:0 20px 60px #ff6b004d;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:100%}@keyframes slideUpCamera{0%{opacity:0;transform:translateY(50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.camera-modal-header{align-items:center;background:linear-gradient(135deg,#ff6b00,#ff8533);border-bottom:3px solid #ffb366;display:flex;justify-content:space-between;padding:20px 24px}.camera-modal-title{align-items:center;display:flex;gap:12px}.camera-title-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:12px;display:flex;font-size:28px;height:48px;justify-content:center;width:48px}.camera-modal-title h2{color:#fff;font-size:22px;font-weight:700;margin:0}.camera-close-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:24px;height:36px;justify-content:center;transition:all .2s;width:36px}.camera-close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.camera-modal-body{background:#fffbf5;flex:1 1;overflow-y:auto;padding:24px}.camera-error-box{align-items:center;animation:shake .5s ease-out;background:linear-gradient(135deg,#fff5f5,#fee2e2);border:2px solid #fca5a5;border-radius:10px;display:flex;gap:12px;margin-bottom:20px;padding:16px}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}.error-icon{flex-shrink:0;font-size:24px}.camera-error-box p{color:#dc2626;font-size:14px;font-weight:500;margin:0}.camera-view-container{align-items:center;aspect-ratio:4/3;background:#1a1a1a;border:3px solid #ffe5cc;border-radius:12px;display:flex;justify-content:center;overflow:hidden;position:relative}.camera-video{display:block;height:100%;object-fit:cover;width:100%}.camera-loading-box{align-items:center;color:#fff;display:flex;flex-direction:column;gap:16px}.loading-spinner-camera{animation:spin .8s linear infinite;border:4px solid #ff6b0033;border-radius:50%;border-top-color:#ff6b00;height:48px;width:48px}.camera-loading-box p{color:#ffb366;font-size:15px;font-weight:500;margin:0}.face-guide-overlay{align-items:center;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:0}.face-circle-guide{animation:pulse 2s ease-in-out infinite;background:#ff6b000d;border:4px dashed #ff6b00;border-radius:50%;box-shadow:0 0 30px #ff6b004d;height:250px;width:250px}.guide-instruction{background:#ff6b00e6;border-radius:20px;color:#fff;font-size:15px;font-weight:600;margin-top:20px;padding:10px 20px;text-shadow:0 2px 4px #0000004d}.camera-preview-container{background:#1a1a1a;border:3px solid #ffe5cc;border-radius:12px;overflow:hidden;position:relative}.captured-image-preview{display:block;height:auto;max-height:500px;object-fit:contain;width:100%}.preview-label{background:linear-gradient(135deg,#ff6b00,#ff8533);border-radius:20px;box-shadow:0 4px 12px #ff6b0066;color:#fff;font-size:13px;font-weight:600;left:16px;padding:8px 16px;position:absolute;top:16px}.camera-tips-box{background:linear-gradient(135deg,#fff9f0,#fff5e6);border:2px solid #ffd9a6;border-radius:10px;margin-top:20px;padding:16px}.tips-title{color:#993d00;font-size:14px;font-weight:700;margin:0 0 10px}.tips-list{color:#666;font-size:13px;line-height:1.8;margin:0;padding-left:20px}.tips-list li{margin-bottom:4px}.camera-modal-footer{background:#fffbf5;border-top:3px solid #ffe5cc;gap:12px;padding:20px 24px}.camera-btn,.camera-modal-footer{display:flex;justify-content:center}.camera-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;font-size:15px;font-weight:600;gap:8px;min-width:130px;padding:13px 28px;transition:all .2s}.camera-btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.camera-btn-cancel{background:#fff;border:2px solid #e5e5e5;color:#666}.camera-btn-cancel:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db;box-shadow:0 4px 12px #0000001a;color:#333;transform:translateY(-2px)}.camera-btn-capture{background:linear-gradient(135deg,#ff6b00,#ff8533);box-shadow:0 6px 20px #ff6b004d;color:#fff}.camera-btn-capture:hover:not(:disabled){box-shadow:0 8px 24px #ff6b0066;transform:translateY(-2px)}.capture-icon{font-size:18px}.camera-btn-retake{background:#fff;border:2px solid #ff6b00;color:#ff6b00}.camera-btn-retake:hover:not(:disabled){background:#fff5e6;border-color:#ff8533;box-shadow:0 4px 12px #ff6b0033;transform:translateY(-2px)}.retake-icon{font-size:16px}.camera-btn-submit{background:linear-gradient(135deg,#059669,#10b981);box-shadow:0 6px 20px #0596694d;color:#fff}.camera-btn-submit:hover:not(:disabled){box-shadow:0 8px 24px #05966966;transform:translateY(-2px)}.submit-icon{font-size:18px;font-weight:700}@media (max-width:768px){.camera-modal-container{border-radius:0;max-height:100vh;max-width:100%}.camera-modal-header{padding:16px 20px}.camera-modal-title h2{font-size:18px}.camera-title-icon{font-size:24px;height:40px;width:40px}.camera-modal-body{padding:20px}.face-circle-guide{height:200px;width:200px}.camera-modal-footer{flex-direction:column;padding:16px 20px}.camera-btn{min-width:auto;width:100%}}*{box-sizing:border-box}.camera-modal-container *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}body,html{max-width:100vw!important;overflow-x:hidden!important}.job-postings{background:#fffbeb;box-sizing:border-box;height:calc(100vh - 64px);margin:0;max-width:100%;overflow-x:hidden;overflow-y:auto;padding:12px 22px 22px;width:100%}.job-postings-toolbar{background:#fff7ed;border:1px solid #fde68a;gap:12px;margin:8px 0 12px;padding:12px 16px}.job-postings-header,.job-postings-toolbar{align-items:center;border-radius:16px;display:flex;justify-content:space-between}.job-postings-header{background:linear-gradient(180deg,#f59e0b,#d97706);box-shadow:0 6px 24px #f59e0b4d;color:#fff;margin-bottom:18px;margin-top:6px;padding:16px 22px;position:-webkit-sticky;position:sticky;top:8px;z-index:100}.header-actions{flex:1 1;flex-wrap:nowrap;gap:0;justify-content:flex-end;overflow:hidden}.sp-search-container{border-radius:16px;margin-left:120px;width:280px}.sp-search-input{font-size:.9rem}.job-postings-toolbar .toolbar-title h2{color:#f59e0b;font-size:1.25rem;font-weight:800;margin:0}.clear-search-btn{background:linear-gradient(135deg,#f59e0b,#d97706);font-size:.75rem;height:22px;margin-left:4px;width:22px}.clear-search-btn:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 2px 8px #f59e0b4d}.filter-controls{margin-left:12px}.filter-dropdowns{align-items:center;display:flex;gap:8px}.filter-dropdown{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffff2;border:2px solid #fff6;border-radius:20px;box-shadow:0 2px 8px #0000001a;color:#374151;font-weight:600;height:40px;min-width:120px;padding:8px 12px}.filter-dropdown:focus{background:#fff;border-color:#fffc;box-shadow:0 4px 16px #00000026;transform:translateY(-1px)}.filter-dropdown:hover{background:#fff;border-color:#fff9;transform:translateY(-1px)}.filter-dropdown option{font-weight:500;padding:8px 12px}.job-detail-header h2{color:#fff;font-size:1.4rem;font-weight:700;margin:0;text-align:center}.header-content p{font-size:1.1rem}.create-post-btn{align-items:center!important;background:#f59e0b!important;border:2px solid #f59e0b!important;border-radius:10px!important;box-sizing:border-box!important;color:#fff!important;display:flex!important;flex-shrink:0!important;font-size:.9rem!important;font-weight:700!important;gap:6px!important;height:40px!important;padding:10px 16px!important;transition:all .2s ease!important;white-space:nowrap!important}.create-post-btn:hover{background:#d97706!important;border-color:#d97706!important;box-shadow:0 4px 12px #f59e0b4d;transform:translateY(-1px)}.success-popup{border:1px solid #f59e0b33}.success-popup.deactivated{border:1px solid #9ca3af4d}.success-popup.activated{border:1px solid #22c55e4d}.modal-overlay{background:#000000b3;z-index:1000}.job-post-modal{background:#fff;border:none;border-radius:20px;box-shadow:0 20px 60px #00000026;max-height:90vh;max-width:1000px;overflow:hidden;position:relative;width:100%}.modal-header{border-bottom:1px solid #e5e7eb;border-radius:20px 20px 0 0;padding:32px 40px 24px;position:relative}.modal-header h3{color:#111827;font-size:1.8rem;font-weight:700;letter-spacing:-.025em;margin:0}.job-detail-header .modal-close{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:1.4rem;font-weight:600;height:32px;justify-content:center;padding:6px;position:absolute;right:8px;top:8px;transition:all .2s ease;width:32px;z-index:10}.job-detail-header .modal-close:hover{background:#ffffff4d;border-color:#ffffff80}.job-post-form{background:#fff;max-height:75vh;overflow-y:auto;padding:40px}.form-main-container{grid-gap:40px;align-items:start;display:grid;gap:40px;grid-template-columns:1fr 280px}.form-left-column{display:flex;flex-direction:column;gap:32px}.form-right-column{position:-webkit-sticky;position:sticky;top:0}.form-section{background:#0000;border-bottom:none;margin-bottom:0;padding:0;position:relative}.form-section h4{border-bottom:none;color:#111827;display:block;font-size:1.1rem;font-weight:600;letter-spacing:0;margin:0 0 20px;padding-bottom:0;text-transform:none}.form-group{margin-bottom:20px;position:relative}.form-group label{color:#374151;display:block;font-size:.875rem;font-weight:500;line-height:1.4;margin-bottom:6px;padding-left:0;position:relative}.form-group input,.form-group select,.form-group textarea{background:#fff;border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:.875rem;line-height:1.5;min-height:42px;padding:12px 16px;transition:all .2s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#6b7280;font-size:.95rem;font-style:normal;opacity:.8}.form-group textarea{line-height:1.6;min-height:120px;padding:16px 20px}.form-group select{height:48px;position:relative;z-index:50}.form-group select:focus{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23f59e0b' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E")}.form-row{align-items:start}.form-group[data-icon]:before{color:#9ca3af;content:attr(data-icon);font-size:1.1rem;pointer-events:none;position:absolute;right:15px;top:50%;transform:translateY(-50%);z-index:1}.form-section:has(#budget_type){background:linear-gradient(135deg,#fef3c7,#fde68a)}.form-group label[for=category]:after,.form-group label[for=description]:after,.form-group label[for=title]:after{color:#ef4444;content:" *";font-weight:700}.form-group select:disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed;opacity:.7}.section-title{align-items:center!important;border:none!important;color:#111827!important;display:flex!important;font-size:1.15rem!important;font-weight:600!important;gap:8px!important;margin:0 0 24px!important;padding:0!important}.section-title[data-section=basic]:after{content:"📝";font-size:1.2rem}.section-title[data-section=budget]:after{content:"💰";font-size:1.2rem}.section-title[data-section=details]:after{content:"🔧";font-size:1.2rem}.form-group-horizontal{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.form-group-horizontal label{color:#374151;font-size:.875rem;font-weight:500;margin:0}.form-group-horizontal input,.form-group-horizontal select,.form-group-horizontal textarea{background:#fff;border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:.875rem;padding:12px 16px;transition:all .2s ease;width:100%}.form-group-horizontal textarea{line-height:1.6;min-height:140px;padding:16px 20px;resize:vertical}.form-row-horizontal{grid-gap:20px;align-items:end;display:grid;gap:20px;margin-bottom:24px}.form-group-half{display:flex;flex-direction:column;gap:8px}.form-group-half label{color:#374151;font-size:.875rem;font-weight:500;margin:0}.form-group-half input,.form-group-half select{background:#fff;border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:.875rem;height:48px;padding:12px 16px;transition:all .2s ease;width:100%}.form-group-third{display:flex;flex-direction:column;gap:8px}.form-group-third label{color:#374151;font-size:.875rem;font-weight:500;margin:0}.form-group-third input,.form-group-third select{background:#fff;border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:.875rem;height:48px;padding:12px 16px;transition:all .2s ease;width:100%}.auto-fill-hint{align-items:center;background:linear-gradient(135deg,#fef3c7,#fed7aa);border:1px solid #f59e0b;border-radius:6px;color:#92400e;display:flex;font-size:.8rem;gap:6px;margin-bottom:16px;padding:8px 12px}.duration-input-group{align-items:stretch;display:flex;gap:8px}.duration-input-group input{flex:2 1;margin:0}.duration-unit-select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;flex:1 1;font-size:.875rem;margin:0;min-width:80px;padding:12px 40px 12px 16px}.duration-unit-select:focus{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23f59e0b' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a;outline:none}.form-row-horizontal:has(.form-group-half){grid-template-columns:1fr 1fr}.form-row-horizontal:has(.form-group-third){grid-template-columns:1fr 1fr 1fr}.form-group-half input:focus,.form-group-half select:focus,.form-group-horizontal input:focus,.form-group-horizontal select:focus,.form-group-horizontal textarea:focus,.form-group-third input:focus,.form-group-third select:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a;outline:none}.form-group-half select,.form-group-horizontal select,.form-group-third select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:18px;cursor:pointer;padding-right:50px}.form-group-half select:focus,.form-group-horizontal select:focus,.form-group-third select:focus{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23f59e0b' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E")}.form-section h4[data-section=basic]:after{content:"📝";font-size:1.2rem;margin-left:auto}.form-section h4[data-section=budget]:after{content:"💰";font-size:1.2rem;margin-left:auto}.form-section h4[data-section=details]:after{content:"🔧";font-size:1.2rem;margin-left:auto}.form-section h4[data-section=images]:after{content:"📷";font-size:1.2rem;margin-left:auto}.form-section h4[data-section=timeline]:after{content:"⏰";font-size:1.2rem;margin-left:auto}.form-section h4[data-section=expiry]:after{content:"📅";font-size:1.2rem;margin-left:auto}.photo-upload-section{align-items:center;display:flex;flex-direction:column;text-align:center}.photo-upload-circle{align-items:center;background:linear-gradient(135deg,#f59e0b,#f97316);border-radius:50%;cursor:pointer;display:flex;height:120px;justify-content:center;margin-bottom:16px;overflow:hidden;position:relative;transition:all .3s ease;width:120px}.photo-upload-circle:hover{box-shadow:0 8px 25px #f973164d;transform:scale(1.05)}.upload-icon{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.upload-text-below{color:#374151;font-size:.875rem;font-weight:500;margin-bottom:4px}.upload-description{color:#6b7280;font-size:.8rem;font-weight:400;line-height:1.4;margin-bottom:8px}.upload-subtitle{color:#6b7280;font-size:.75rem;margin-bottom:20px}.image-upload-input{display:none}.image-previews{margin-top:20px}.existing-images h5,.image-previews h5{margin:0 0 12px}.existing-images{margin-bottom:20px;margin-top:20px}.existing-image-item{position:relative}.view-image-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#3b82f6e6;border:none;border-radius:50%;bottom:4px;color:#fff;cursor:pointer;display:flex;font-size:.7rem;height:24px;justify-content:center;left:4px;position:absolute;transition:all .2s ease;width:24px}.view-image-btn:hover{background:#3b82f6;transform:scale(1.1)}.existing-image-item .preview-image{cursor:pointer;transition:all .2s ease}.existing-image-item .preview-image:hover{border:2px solid #3b82f6;transform:scale(1.05)}.preview-grid{grid-gap:12px;gap:12px;grid-template-columns:repeat(2,1fr)}.image-preview-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden;position:relative;transition:all .2s ease}.image-preview-item:hover{border-color:#f59e0b;box-shadow:0 2px 8px #00000026}.preview-image{display:block;height:80px;object-fit:cover;width:100%}.remove-image-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ef4444e6;font-size:.8rem;right:4px;top:4px}.remove-image-btn:hover{background:#ef4444}.image-name{background:#f9fafb;color:#6b7280;font-size:.75rem;overflow:hidden;padding:8px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.image-name,.modal-footer{border-top:1px solid #e5e7eb}.modal-footer{background:#fff;border-radius:0 0 20px 20px;display:flex;gap:12px;justify-content:flex-end;padding:24px 40px}.btn{border:1px solid #0000;font-size:.875rem;gap:6px;letter-spacing:0;min-height:40px;overflow:hidden;padding:10px 24px;position:relative;text-transform:none}.btn-primary{background:#f59e0b;border-color:#f59e0b}.btn-primary:hover{background:#d97706;border-color:#d97706}.btn-secondary{border-color:#d1d5db}.job-posts-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-top:20px;padding-bottom:50px;width:100%}.job-posts-empty{align-items:center;display:flex;justify-content:center;margin-top:20px;min-height:400px;width:100%}.job-post-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;height:360px;overflow:hidden;transition:all .3s ease;width:100%}.job-post-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.job-post-card.active{border:2px solid #f59e0b;box-shadow:0 6px 18px #f59e0b33}.job-post-card.inactive{background:linear-gradient(135deg,#f8f9fa,#e9ecef)!important;border:2px solid #dee2e6!important;filter:grayscale(30%);opacity:.8;transition:all .3s ease}.job-post-card.inactive:hover{box-shadow:0 8px 20px #0000001a;filter:grayscale(15%);opacity:.9;transform:translateY(-2px)}.job-post-card.inactive .job-title{color:#495057}.job-post-card.inactive .detail-text,.job-post-card.inactive .job-description{color:#6c757d}.job-post-card.inactive .detail-label{color:#868e96}.job-post-card.inactive .job-details{background:#f1f3f4!important;border-color:#dee2e6!important}.job-post-card.inactive .detail-item{background:#f8f9fa!important;border-color:#dee2e6!important}.job-post-card.inactive .card-header{background:linear-gradient(135deg,#e9ecef,#f8f9fa)!important}.job-post-card.inactive .card-footer{background:#f1f3f4!important}.job-detail-modal{background:#fff;border:3px solid #f59e0b;border-radius:12px;box-shadow:0 8px 32px #00000026;max-height:90vh;max-width:700px;overflow:hidden;position:relative;width:90%}.job-detail-header{align-items:center;background:#f59e0b;border-bottom:2px solid #d97706;color:#fff;display:flex;justify-content:center;min-height:60px;padding:20px 24px;position:relative}.job-detail-content{display:flex;flex-direction:column;gap:20px;max-height:75vh;overflow-y:auto;padding:24px}.job-detail-content::-webkit-scrollbar{width:12px}.job-detail-content::-webkit-scrollbar-track{background:#fef3c7;border-radius:6px}.job-detail-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#f59e0b,#d97706);border:2px solid #fef3c7;border-radius:6px}.job-detail-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#d97706,#b45309)}.job-detail-content{scrollbar-color:#f59e0b #fef3c7;scrollbar-width:thin}.job-detail-main{background:#0000;border:none}.job-detail-main,.job-detail-sidebar{display:flex;flex-direction:column;gap:20px;margin:0;width:100%}.detail-section{background:#fff;border:none;border-radius:12px;box-shadow:0 2px 8px #0000001a;box-sizing:border-box;margin:0 0 20px;padding:24px;width:100%}.detail-section h4{align-items:center;color:#111827;display:flex;font-size:1.1rem;gap:8px;margin:0 0 16px}.detail-section-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.detail-field{align-items:flex-start;border-bottom:2px solid #000;display:flex;gap:20px;justify-content:space-between;padding:16px 0}.detail-field-label{color:#6b7280;flex:0 0 auto;font-size:.95rem;font-weight:500;min-width:140px}.detail-field-value{word-wrap:break-word;color:#111827;flex:1 1;font-size:.95rem;font-weight:600;line-height:1.6;max-width:60%;text-align:right;white-space:pre-wrap;word-break:break-word}.detail-field:has(.detail-field-value[style*="text-align: left"]) .detail-field-value{color:#374151;font-weight:400;line-height:1.8;padding:12px 0}.job-detail-images{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;box-sizing:border-box;margin-top:20px;padding:20px;width:100%}.job-detail-images h4{color:#111827;font-size:1.1rem;font-weight:600;margin:0 0 16px}.detail-images-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));max-width:100%;overflow:hidden}.detail-image{border:2px solid #0000;border-radius:8px;cursor:pointer;height:100px;max-width:150px;object-fit:cover;transition:all .3s ease;width:100%}.detail-image:hover{border-color:#f59e0b;box-shadow:0 4px 12px #f59e0b4d;transform:scale(1.05)}.confirmation-modal{max-width:500px;width:90%}.confirmation-message{color:#374151;font-size:1.1rem;margin-bottom:20px;text-align:center}.job-preview{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin:16px 0;padding:16px}.job-preview h4{color:#111827;font-size:1rem;margin:0 0 8px}.job-preview p{color:#6b7280;font-size:.875rem;line-height:1.4;margin:0}.warning-text{color:#dc2626;font-size:.9rem;font-weight:500;margin:16px 0 0;text-align:center}.btn-danger{background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-danger:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);box-shadow:0 4px 12px #dc26264d}.card-header{background:linear-gradient(135deg,#fef3c7,#fff);border-bottom:1px solid #f1f3f4;flex-direction:column;gap:8px;min-height:72px}.header-top{align-items:flex-start;display:flex;justify-content:space-between;width:100%}.header-bottom{flex:1 1;justify-content:center;width:100%}.header-bottom,.status-section{align-items:center;display:flex}.status-section{flex-shrink:0}.status-section .toggle-btn{font-size:.75rem;height:auto;min-width:120px;padding:6px 20px}.job-title{color:#1f2937;font-size:1.1rem;font-weight:700;line-height:1.3;max-width:100%;text-align:center}.status-indicator{border-radius:20px;font-size:.85rem;padding:6px 12px}.status-indicator.active{background:#fde68a;border:1px solid #fbbf24;color:#92400e}.status-indicator.inactive{background:#fed7d7;border:1px solid #fca5a5;color:#991b1b}.card-body{display:flex;flex:1 1;flex-direction:column;margin-bottom:0;overflow:hidden;padding:12px 16px}.job-post-card .job-images{display:none}.job-detail-images{display:block}.images-grid{grid-gap:8px;border-radius:12px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);overflow:hidden;position:relative}.job-image{border-radius:8px;cursor:pointer;display:block;height:120px;object-fit:cover;transition:all .3s ease;width:100%}.job-image:hover{box-shadow:0 4px 12px #0003;transform:scale(1.05);z-index:2}.image-count-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;border-radius:6px;bottom:4px;color:#fff;font-size:.75rem;font-weight:600;padding:4px 8px;position:absolute;right:4px}.job-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6c757d;display:-webkit-box;flex-shrink:0;font-size:.8rem;height:48px;line-height:1.3;margin-bottom:12px;overflow:hidden}.job-details{grid-gap:4px;background:#fafafa;border:1px solid #e5e7eb;border-radius:6px;display:grid;gap:4px;grid-template-columns:1fr 1fr;margin-bottom:8px;padding:8px}.detail-item{background:#fff;border:1px solid #e5e7eb;border-radius:4px;color:#495057;display:flex;flex-direction:column;font-size:.68rem;gap:1px;padding:4px 2px;text-align:center}.detail-label{color:#f59e0b;font-size:.65rem;letter-spacing:.3px;margin-bottom:2px}.detail-text{color:#1f2937;font-size:.75rem;font-weight:600;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skills-section{border-top:1px solid #f1f3f4;flex-shrink:0;margin-top:auto;padding-top:8px}.skills-label{color:#495057;display:block;margin-bottom:6px}.skills-tags{gap:4px}.skill-tag{background:#e9ecef;border-radius:10px;color:#495057;font-size:.7rem;padding:3px 8px}.card-footer{align-items:center;background:#f8f9fa;border-top:1px solid #e5e7eb;display:flex;flex-shrink:0;justify-content:center;margin-top:auto;padding:14px 16px}.post-info{display:none}.expiry-date,.post-date{color:#6c757d;font-size:.7rem}.card-actions{align-items:center;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:4px;justify-content:center;overflow:hidden;width:100%}.action-btn{background:#fff;border:2px solid #d1d5db;border-radius:4px;box-sizing:border-box;color:#374151;display:inline-block!important;font-size:.7rem;line-height:18px;max-width:110px!important;min-width:110px!important;padding:6px 8px;vertical-align:top;width:110px!important}.view-btn{background:#6b7280;border-color:#6b7280}.view-btn:hover{background:#6b7280;color:#fff}.edit-btn{border-color:#f59e0b}.edit-btn:hover{background:#f59e0b;color:#fff}.delete-btn{background:#fff;border-color:#dc2626;color:#dc2626}.delete-btn:hover{background:#dc2626;color:#fff}.toggle-btn.active{background:#10b981;color:#fff}.toggle-btn.active:hover{background:#059669}.toggle-btn.inactive{background:#6b7280;color:#fff}.toggle-btn.inactive:hover{background:#4b5563}.empty-state{min-height:300px;padding:80px 40px}.empty-state p{color:#6c757d}.loading-spinner{align-items:center;color:#6c757d;display:flex;grid-column:1/-1;height:200px;justify-content:center}.error-message{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.error-text{align-items:center;color:#dc3545;display:flex;font-size:.8rem;font-weight:500;gap:4px;margin-top:4px}.error-text:before{content:"⚠️";font-size:.9rem}input.error,select.error,textarea.error{background-color:#dc354505!important;border-color:#dc3545!important;box-shadow:0 0 0 3px #dc35451a!important}input.error:focus,select.error:focus,textarea.error:focus{border-color:#dc3545!important;box-shadow:0 0 0 3px #dc354526!important}.image-viewer-overlay{animation:fadeIn .3s ease;background:#000000f2;bottom:0;right:0;z-index:10000}.image-viewer-container{align-items:center;display:flex;flex-direction:column;height:90vh;justify-content:center;position:relative;width:90vw}.image-viewer-close{font-size:2rem;height:50px;right:20px;top:20px;width:50px;z-index:10001}.image-viewer-nav{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:3rem;height:60px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:60px;z-index:10001}.image-viewer-nav:hover{background:#ffffff4d;transform:translateY(-50%) scale(1.1)}.image-viewer-prev{left:20px}.image-viewer-next{right:20px}.image-viewer-content{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;position:relative}.image-viewer-image{animation:zoomIn .3s ease;border-radius:8px;box-shadow:0 10px 40px #00000080;max-height:70%;max-width:90%;object-fit:contain}.image-viewer-counter{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border-radius:20px;color:#fff;font-size:1rem;font-weight:600;left:20px;padding:8px 16px;position:absolute;top:20px}.image-viewer-info{margin-top:20px;text-align:center}.image-viewer-info .image-name{border-radius:20px;color:#fff;font-size:1.1rem;font-weight:500;margin:0;padding:10px 20px}.image-viewer-info .image-name,.image-viewer-thumbnails{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000080}.image-viewer-thumbnails{border-radius:25px;bottom:20px;display:flex;gap:10px;left:50%;max-width:80%;overflow-x:hidden;padding:15px;position:absolute;transform:translateX(-50%)}.image-viewer-thumbnail{border:2px solid #0000;border-radius:8px;cursor:pointer;flex-shrink:0;height:60px;object-fit:cover;transition:all .3s ease;width:60px}.image-viewer-thumbnail:hover{border-color:#ffffff80;transform:scale(1.1)}.image-viewer-thumbnail.active{border-color:#f59e0b;box-shadow:0 0 15px #f59e0b80;transform:scale(1.1)}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (max-width:1200px){.job-posts-grid{gap:16px;grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.job-posts-grid{gap:16px;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.job-postings{padding:10px 15px 20px}.job-postings-header{flex-direction:column;gap:12px;margin-top:5px;padding:16px 20px;text-align:center}.header-actions{flex-wrap:wrap;gap:12px;justify-content:center;width:100%}.search-container{max-width:none;order:2;width:100%}.create-post-btn{font-size:.8rem;margin-left:0;order:1;padding:8px 16px}.job-posts-grid{gap:24px;grid-template-columns:1fr}.job-post-card{border-radius:16px;max-width:100%}.form-row{grid-template-columns:1fr}.modal-overlay{padding:10px}.job-post-modal{max-height:95vh}.form-main-container{gap:24px;grid-template-columns:1fr}.form-right-column{order:-1;position:static}.photo-upload-circle{height:100px;width:100px}.preview-grid{grid-template-columns:repeat(3,1fr)}.card-footer{align-items:stretch;flex-direction:column;gap:12px}.card-actions{justify-content:center}.image-viewer-nav{font-size:2rem;height:50px;width:50px}.image-viewer-close{font-size:1.5rem;height:40px;right:15px;top:15px;width:40px}.image-viewer-counter{font-size:.9rem;left:15px;padding:6px 12px;top:15px}.image-viewer-thumbnails{bottom:15px;max-width:90%;padding:10px}.image-viewer-thumbnail{height:50px;width:50px}.image-viewer-image{max-height:65%;max-width:95%}.detail-field{align-items:flex-start;flex-direction:column;gap:8px;padding:12px 0}.detail-field-label{color:#6b7280;font-weight:600;min-width:auto}.detail-field-value{max-width:100%;text-align:right}.detail-images-grid{gap:8px;grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.detail-image{height:80px;max-width:none}}.unified-expiry-selector{position:relative;width:100%}.unified-expiry-dropdown{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.unified-expiry-dropdown:hover{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.unified-expiry-dropdown:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b33;outline:none}.expiry-status-info{align-items:center;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #bbf7d0;border-radius:6px;color:#065f46;display:flex;font-size:14px;gap:8px;margin-top:8px;padding:10px 12px}.status-icon{font-size:16px}.status-text{font-weight:500}.datetime-picker-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.datetime-picker-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;margin:20px;max-width:480px;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.datetime-picker-header{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-bottom:1px solid #e5e7eb;border-radius:16px 16px 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px 24px}.datetime-picker-header h4{font-size:18px;font-weight:600;margin:0}.close-picker-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.close-picker-btn:hover{background:#ffffff4d;transform:scale(1.1)}.datetime-picker-content{padding:24px}.datetime-input-group{display:flex;flex-direction:column;gap:12px}.datetime-input-group label{color:#374151;font-size:14px;font-weight:600}.datetime-input{background:#fafafa;border:2px solid #e5e7eb;border-radius:10px;color:#374151;font-size:16px;padding:14px 16px;transition:all .2s ease;width:100%}.datetime-input:focus,.datetime-input:hover{background:#fff;border-color:#f59e0b}.datetime-input:focus{box-shadow:0 0 0 3px #f59e0b1a;outline:none}.datetime-input.error{background:#fef2f2;border-color:#ef4444}.datetime-helper{align-items:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;color:#1e40af;display:flex;font-size:13px;gap:8px;padding:10px 14px}.datetime-picker-actions{background:#fafafa;border-radius:0 0 16px 16px;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.set-datetime-btn{align-items:center;background:linear-gradient(135deg,#059669,#047857);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s ease}.set-datetime-btn:hover:not(:disabled){background:linear-gradient(135deg,#047857,#065f46);box-shadow:0 4px 12px #0596694d;transform:translateY(-1px)}.set-datetime-btn:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}@media (max-width:768px){.datetime-picker-modal{margin:10px;max-width:calc(100vw - 20px)}.datetime-picker-actions,.datetime-picker-content,.datetime-picker-header{padding:16px}.datetime-input{font-size:16px}}.job-post-card{height:auto!important;min-height:auto!important;position:relative}.listing-status-toggle-pill{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:50px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;overflow:hidden;padding:3px;position:absolute;right:12px;top:12px;transition:all .3s ease;z-index:10}.listing-status-toggle-pill:hover{box-shadow:0 4px 12px #00000026}.toggle-option{border-radius:50px;font-size:.8rem;font-weight:600;padding:6px 16px;transition:all .3s ease;white-space:nowrap}.listing-status-toggle-pill.active .toggle-activate{background:#10b981;box-shadow:0 2px 4px #10b9814d;color:#fff}.listing-status-toggle-pill.active .toggle-deactivate,.listing-status-toggle-pill.inactive .toggle-activate{background:#0000;color:#9ca3af}.listing-status-toggle-pill.inactive .toggle-deactivate{background:#ef4444;box-shadow:0 2px 4px #ef44444d;color:#fff}.listing-card-body{display:flex;flex:1 1;flex-direction:column;gap:14px;padding:20px}.listing-card-meta{align-items:center;display:flex;gap:12px;justify-content:flex-start;margin-bottom:8px}.listing-posted-text{color:#9ca3af;font-size:.75rem;font-weight:400}.listing-title{line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#d97706;cursor:pointer;display:-webkit-box;font-size:1.15rem;font-weight:700;line-height:1.4;margin:0 0 8px;overflow:hidden}.listing-title:hover{color:#b45309;text-decoration:underline}.listing-info-grid{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.listing-info-row{align-items:baseline;border-bottom:1px solid #f3f4f6;display:flex;gap:12px;justify-content:space-between;padding-bottom:8px}.listing-info-row:last-child{border-bottom:none;padding-bottom:0}.listing-info-label{color:#f59e0b;flex-shrink:0;font-size:.75rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.listing-info-value{color:#1f2937;font-size:.875rem;font-weight:500;text-align:right}.listing-price-value{color:#f59e0b;font-size:.95rem;font-weight:700}.listing-card-actions{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr 1fr;margin-top:auto;padding-top:0}.listing-btn-delete,.listing-btn-edit,.listing-btn-view{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:4px;justify-content:center;padding:10px 12px;transition:all .3s ease}.listing-btn-view{background:#f59e0b;box-shadow:0 2px 4px #f59e0b4d;color:#fff}.listing-btn-view:hover{background:#d97706;box-shadow:0 4px 12px #f59e0b66;transform:translateY(-2px)}.listing-btn-edit{background:#fff;border:2px solid #3b82f6;color:#3b82f6}.listing-btn-edit:hover{background:#dbeafe;border-color:#2563eb;box-shadow:0 4px 12px #3b82f633;color:#2563eb;transform:translateY(-2px)}.listing-btn-delete{background:#fff;border:2px solid #ef4444;color:#ef4444}.listing-btn-delete:hover{background:#fee2e2;border-color:#dc2626;box-shadow:0 4px 12px #ef444433;color:#dc2626;transform:translateY(-2px)}@media (max-width:768px){.listing-card-actions{gap:8px;grid-template-columns:1fr}.listing-btn-delete,.listing-btn-edit,.listing-btn-view{width:100%}}.applicants-container{background:#fffbeb;margin:0;max-width:100%;min-height:100vh;padding:20px;width:100%}.applicants-header{align-items:center;background:linear-gradient(180deg,#f59e0b,#d97706);border-radius:20px;box-shadow:0 8px 32px #f59e0b4d;color:#fff;display:flex;justify-content:space-between;margin-bottom:24px;padding:18px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.applicants-title{margin:8px 0 10px}.applicants-title h2{color:#1f2937;font-size:1.25rem;font-weight:800;margin:0}.applicants-title p{color:#6b7280;font-size:.9rem;margin:4px 0 0}.minimal-search{margin:8px 0 16px;max-width:100%;position:relative;width:360px}.applicants-topbar{align-items:center;background:#fff7ec;border:1px solid #fde68a;border-radius:12px;box-shadow:0 2px 10px #f59e0b1f;display:flex;gap:16px;justify-content:space-between;margin-bottom:12px;padding:12px 16px}.minimal-search-input{background:#fff;border:1px solid #e5e7eb;border-radius:24px;box-shadow:0 2px 8px #11182714;color:#374151;font-size:.95rem;padding:10px 44px 10px 14px;width:100%}.minimal-search-input::placeholder{color:#9ca3af}.search-icon-btn{background:#0000;border:none;color:#6b7280;cursor:pointer;font-size:1rem;right:8px}.minimal-search .clear-search-btn,.search-icon-btn{position:absolute;top:50%;transform:translateY(-50%)}.minimal-search .clear-search-btn{color:#9ca3af;right:34px}.applicants-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 20px #0000001a;height:auto;max-height:70vh;overflow:hidden;overflow-y:auto}.applicants-table-container::-webkit-scrollbar{width:8px}.applicants-table-container::-webkit-scrollbar-track{background:#f59e0b1a;border-radius:10px}.applicants-table-container::-webkit-scrollbar-thumb{background:#f59e0b4d;border-radius:10px}.applicants-table-container::-webkit-scrollbar-thumb:hover{background:#f59e0b80}.bulk-actions-bar{align-items:center;background:linear-gradient(135deg,#fef3c7,#fbbf24);border-bottom:1px solid #f59e0b;display:flex;justify-content:space-between;padding:16px 24px}.selected-count{color:#92400e;font-weight:600}.bulk-action-buttons{display:flex;gap:8px}.bulk-btn{border:none;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:600;padding:8px 16px;transition:all .3s ease}.bulk-btn.accept{background:#22c55ee6;color:#fff}.bulk-btn.decline{background:#ef4444e6;color:#fff}.bulk-btn.cancel{background:#9ca3afe6;color:#fff}.bulk-btn:hover{opacity:.9;transform:translateY(-1px)}.applicants-table{overflow-x:auto}.applicants-table table{border-collapse:collapse;font-size:.9rem;width:100%}.applicants-table th{background:#f8fafc;border-bottom:1px solid #e5e7eb;color:#374151;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:16px 12px;text-align:left;text-transform:uppercase}.checkbox-col{text-align:center;width:50px}.applicants-table td{border-bottom:1px solid #f1f5f9;padding:16px 12px;vertical-align:middle}.table-row.new{background:#3b82f605;border-left:4px solid #3b82f6}.applicant-cell{align-items:center;display:flex;gap:12px}.applicant-photo{border:2px solid #fed7aa;border-radius:50%;height:40px;object-fit:cover;width:40px}.applicant-name{color:#1f2937;font-weight:600;margin-bottom:2px}.applicant-stats{color:#6b7280;font-size:.75rem}.rating-cell{text-align:center}.rating-stars{font-size:.9rem}.status-badge.new{background:#dbeafe;color:#1e40af}.table-btn.view{background:#f59e0b1a;border:1px solid #f59e0b4d;color:#f59e0b}.table-btn.accept{background:#22c55e1a;border:1px solid #22c55e4d;color:#22c55e}.table-btn.decline{background:#ef44441a;border:1px solid #ef44444d;color:#ef4444}.empty-row td{padding:60px 20px;text-align:center}.empty-state{gap:16px}.empty-icon{font-size:3rem}.empty-state h3{font-size:1.25rem;margin:0}.empty-state p{font-size:.9rem;margin:0;max-width:300px}.applicants-flashcards-container{background:#0000;max-height:70vh;overflow-y:auto;padding-right:8px}.applicants-flashcards-container::-webkit-scrollbar{width:8px}.applicants-flashcards-container::-webkit-scrollbar-track{background:#f59e0b1a;border-radius:10px}.applicants-flashcards-container::-webkit-scrollbar-thumb{background:#f59e0b4d;border-radius:10px}.applicants-flashcards-container::-webkit-scrollbar-thumb:hover{background:#f59e0b80}.applicants-flashcards-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-top:8px;padding-bottom:40px}.applicant-flashcard{border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.applicant-flashcard.minimal{border-radius:12px;display:flex;flex-direction:column;min-height:245px;padding:16px}.applicant-flashcard.minimal.viewed{min-height:265px}.applicant-flashcard.minimal .card-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.applicant-flashcard.minimal .card-top .top-left{color:#6b7280;font-size:.75rem}.applicant-flashcard.minimal .card-top .top-right{color:#d97706;font-size:.8rem;font-weight:700}.applicant-flashcard.minimal .card-date{color:#6b7280;font-size:.75rem}.applicant-flashcard.minimal .card-title{color:#d97706;font-size:1.05rem;font-weight:800;line-height:1.2;margin-bottom:4px}.applicant-flashcard.minimal .card-subtitle{color:#6b7280;font-size:.85rem;margin-bottom:12px}.applicant-flashcard.minimal.viewed .card-subtitle{display:none}.applicant-flashcard.minimal .card-meta{align-items:center;display:flex;gap:6px;margin-bottom:8px}.applicant-flashcard.minimal .card-chip{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:999px;color:#6b7280;font-size:.7rem;padding:2px 6px}.applicant-flashcard.minimal .card-dot{color:#d1d5db}.applicant-flashcard.minimal .card-row{align-items:baseline;display:flex;font-size:.8rem;gap:8px;justify-content:space-between;margin-bottom:6px}.applicant-flashcard.minimal .card-row:last-of-type{margin-bottom:12px}.applicant-flashcard.minimal .card-row .label{color:#6b7280;flex-shrink:0;min-width:88px}.applicant-flashcard.minimal .card-row .value{color:#374151;flex:1 1;font-weight:600;text-align:right}.applicant-flashcard.minimal .card-desc{line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:.8rem;height:56px;line-height:1.45;margin-bottom:10px;overflow:hidden;text-overflow:ellipsis}.applicant-flashcard.minimal .card-actions{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr 1fr;margin-bottom:0;margin-top:auto}.card-btn{background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:.78rem;font-weight:700;min-height:34px;padding:6px 12px;width:100%}.card-btn.view{background:#fffbeb;border-color:#fcd34d;color:#b45309}.card-btn.accept{background:#ecfdf5;border-color:#bbf7d0;color:#059669}.card-btn.decline{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.applicant-flashcard:hover{box-shadow:0 8px 30px #f59e0b26;transform:translateY(-4px)}.flashcard-btn:hover{opacity:.9;transform:translateY(-1px)}@media (max-width:768px){.minimal-search{width:100%}.applicants-title h2{font-size:1.1rem}.applicants-title p{font-size:.85rem}.applicants-container{padding:16px}.applicants-header{align-items:flex-start;flex-direction:column;gap:20px;padding:20px}.header-content h2{font-size:1.6rem}.header-content p{font-size:.9rem}.header-actions{flex-direction:column;gap:12px;width:100%}.search-input{width:100%}.filter-controls{flex-direction:column;gap:8px;width:100%}.filter-dropdown,.search-input-button{width:100%}.bulk-actions-bar{flex-direction:column;gap:12px;text-align:center}.bulk-action-buttons{justify-content:center;width:100%}.applicants-table{overflow-x:scroll}.applicants-table table{min-width:900px}.applicant-cell{min-width:180px}.job-cell{min-width:150px}.table-actions{min-width:140px}.applicants-flashcards-grid{gap:12px;grid-template-columns:1fr}.applicant-flashcard{padding:20px}.flashcard-actions{flex-direction:column}.flashcard-btn{min-width:auto;width:100%}.view-toggle{justify-content:center;order:-1;width:100%}.applicants-flashcards-container,.applicants-table-container{max-height:60vh}}@media (max-width:1200px) and (min-width:769px){.applicants-flashcards-grid{grid-template-columns:repeat(2,1fr)}}.applicant-modal-overlay{align-items:center;background:#0006;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.applicant-modal{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 20px 60px #11182740;display:flex;flex-direction:column;max-height:80vh;max-width:92vw;width:680px}.modal-header{border-bottom:1px solid #f3f4f6;padding:14px 16px}.modal-title{color:#111827;font-size:1.05rem;font-weight:800;margin:0}.modal-close{background:#0000;border:none;color:#6b7280;cursor:pointer;font-size:1rem}.modal-body{flex:1 1 auto;overflow-y:auto;padding:12px 16px 4px}.modal-grid{grid-gap:8px 16px;display:grid;gap:8px 16px;grid-template-columns:1fr 1fr;margin-bottom:12px}.modal-row{align-items:center;display:grid;font-size:.9rem;grid-template-columns:1fr auto}.modal-row .label{color:#6b7280}.modal-row .label:after{color:#9ca3af;content:":";margin-left:6px}.modal-row .value{color:#374151;font-weight:600}.modal-row .value.value-row{align-items:center;display:inline-flex;gap:8px}.modal-section{margin:8px 0 10px}.modal-section.job-desc .section-text{max-height:260px;overflow-y:auto}.section-title{color:#6b7280;font-size:.85rem;font-weight:700;margin-bottom:6px}.section-text{color:#374151;font-size:.92rem;line-height:1.5}.modal-contact{align-items:center;color:#374151;display:flex;font-size:.9rem;gap:8px}.copy-btn{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:.8rem;padding:4px 8px}.modal-actions{border-top:1px solid #f3f4f6;display:flex;gap:8px;justify-content:flex-end;padding:10px 16px 14px}.modal-btn{border:1px solid #0000;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:700;padding:8px 12px}.modal-btn.primary{background:#111827;color:#fff}.modal-btn.secondary{background:#fff;border-color:#e5e7eb;color:#111827}.modal-form{gap:12px}.form-group,.modal-form{display:flex;flex-direction:column}.form-group{gap:6px}.form-label{color:#6b7280;font-size:.85rem;font-weight:700}.modal-input,.modal-select,.modal-textarea{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#111827;font-size:.95rem;padding:10px 12px;width:100%}.modal-input:focus,.modal-select:focus,.modal-textarea:focus{border-color:#f59e0b;box-shadow:0 0 0 4px #f59e0b26;outline:none}.modal-textarea{min-height:90px;resize:vertical}.modal-btn.danger{background:#ef4444;border-color:#ef4444;color:#fff}.modal-btn:disabled{cursor:not-allowed;opacity:.6}.custom-dropdown{position:relative;width:100%}.dropdown-trigger{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#111827;cursor:pointer;font-size:.95rem;padding:10px 12px;text-align:left;width:100%}.custom-dropdown.open .dropdown-trigger{border-color:#f59e0b;box-shadow:0 0 0 4px #f59e0b26}.dropdown-menu{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 12px 30px #11182726;left:0;max-height:240px;overflow-y:auto;padding:6px 0;position:absolute;right:0;top:calc(100% + 6px);z-index:1100}.dropdown-option{align-items:center;cursor:pointer;display:flex;gap:10px;padding:8px 12px 8px 52px;position:relative}.dropdown-checkbox{left:18px;opacity:0;pointer-events:none}.checkbox-ui,.dropdown-checkbox{position:absolute;top:50%;transform:translateY(-50%)}.checkbox-ui{background:#fff;border:2px solid #e5e7eb;border-radius:6px;box-shadow:0 1px 0 #00000005;height:18px;left:20px;width:18px}.checkbox-ui:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:10px;left:4px;opacity:0;position:absolute;top:0;transform:rotate(45deg);width:6px}.dropdown-option:hover .checkbox-ui{background:#f9fafb;border-color:#d1d5db}.dropdown-checkbox:checked+.checkbox-ui{background:#f59e0b;border-color:#f59e0b}.dropdown-checkbox:checked+.checkbox-ui:after{opacity:1}.dropdown-option:hover{background:#f9fafb}.option-text{color:#111827}.my-applications-container{background:#fffbeb;margin:0;max-width:100%;min-height:100vh;padding:20px;width:100%}.application-modal-overlay{align-items:center;background:#0006;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.application-modal{background:#fff;border:1px solid #fef3c7;border-radius:16px;box-shadow:0 20px 60px #0000002e;max-width:720px;overflow:hidden;width:92%}.application-modal-header{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border-bottom:1px solid #fed7aa;display:flex;justify-content:space-between;padding:14px 16px}.application-modal-title{color:#7c2d12;font-size:1.05rem;font-weight:800}.application-modal-close{background:#0000;border:none;color:#7c2d12;cursor:pointer;font-size:1.1rem}.application-modal-body{padding:14px 16px 8px}.application-modal-row{align-items:flex-start;border-top:1px solid #f1f5f9;display:flex;gap:12px;justify-content:space-between;padding:8px 0}.application-modal-row:first-child{border-top:none}.application-modal-row .label{color:#94a3b8;font-size:.7rem;font-weight:900;letter-spacing:.04em}.application-modal-row .value{color:#0f172a;font-size:.95rem;font-weight:700;text-align:right}.application-modal-row .value.long{color:#334155;font-weight:500;text-align:left;white-space:pre-wrap}.application-modal-row .value.price{color:#f59e0b;font-weight:800}.application-modal-actions{border-top:1px solid #f1f5f9;display:flex;gap:10px;justify-content:flex-end;padding:12px 16px 16px}.my-applications-header{align-items:center;background:#0000;border-bottom:none;display:flex;height:auto;justify-content:space-between;padding:0 0 8px}.applications-table-container{height:auto}.applications-table-container::-webkit-scrollbar-track{background:#f59e0b1a}.applications-table-container::-webkit-scrollbar-thumb{background:#f59e0b4d}.applications-table-container::-webkit-scrollbar-thumb:hover{background:#f59e0b80}.table-row:hover{background:#fefbf4;box-shadow:inset 4px 0 0 #f59e0b}.table-row.pending{border-left:4px solid #fbbf24}.job-cell{max-width:200px}.job-title{color:#374151;margin-bottom:4px;text-overflow:ellipsis;white-space:nowrap}.job-snippet{color:#6b7280;font-size:.8rem;line-height:1.3}.client-cell{align-items:center;display:flex;gap:12px}.client-photo{border:2px solid #fed7aa;border-radius:50%;height:40px;object-fit:cover;width:40px}.client-name{color:#1f2937;font-weight:600;margin-bottom:2px}.client-stats{color:#6b7280;font-size:.75rem}.table-btn.view{background:#fff;border-color:#e2e8f0;color:#334155}.table-btn.view:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px)}.table-btn.edit{background:#3b82f61a;border:1px solid #3b82f64d;color:#3b82f6}.application-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:16px 16px 12px}.application-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.application-card .saved-date{color:#b45309;font-size:.75rem}.application-card .saved-date,.application-card .top-category{background:#fef3c7;border:1px solid #fed7aa;border-radius:8px;font-weight:700;padding:4px 8px}.application-card .top-category{color:#d97706;font-size:.85rem}.application-card-body{padding:6px 0 0}.application-card-body .job-info{align-items:center;display:flex;flex-direction:column;gap:4px;text-align:center}.application-card-body .job-title{color:#111827;font-size:1.05rem;font-weight:800;margin:6px 0 0}.application-card-body .job-subtitle{color:#6b7280;font-size:.9rem;margin:6px 0 10px}.application-details{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.application-details .detail-row{align-items:center;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:10px 12px}.application-details .detail-row:first-child{border-top:none}.application-details .detail-label{color:#94a3b8;font-size:.68rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.application-details .detail-value{color:#0f172a;font-size:.95rem;font-weight:700;text-align:right}.application-details .price-value{color:#f59e0b;font-weight:800}.application-card-actions{border-top:1px solid #e5e7eb;display:flex;gap:10px;margin-top:12px;padding-top:12px}.btn-danger,.btn-secondary{background:#fff;border:1px solid #e5e7eb;border-radius:10px;font-size:.9rem;font-weight:700;padding:10px 12px}.btn-secondary{border-color:#f59e0b;box-shadow:0 2px 6px #f59e0b1f;color:#92400e}.btn-secondary:hover{background:#fef3c7;border-color:#d97706;color:#7c2d12}.btn-danger{border-color:#ef4444;color:#ef4444}.btn-danger:hover{background:#ef4444}.card-header{align-items:center;background:linear-gradient(135deg,#fef3c7,#fed7aa);border-bottom:1px solid #f59e0b;display:flex;justify-content:space-between;padding:16px 20px}.applications-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}@media (max-width:1200px){.applications-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.applications-grid{grid-template-columns:1fr}}.application-flashcard:hover{border-color:#f59e0b4d;box-shadow:0 8px 30px #f59e0b26}.application-flashcard.pending{border-left:4px solid #fbbf24}.flashcard-status.pending{background:#fef3c7;color:#92400e}.flashcard-saved-date{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;font-size:.75rem;font-weight:700;padding:4px 8px}.flashcard-job{margin-bottom:20px}.flashcard-job-title{color:#1f2937;font-size:1.2rem;font-weight:700;line-height:1.3;margin:0 0 16px}.flashcard-client{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;display:flex;gap:12px;padding:12px}.flashcard-client-avatar{border:2px solid #fed7aa;border-radius:50%;height:45px;object-fit:cover;width:45px}.flashcard-client-info{flex:1 1}.flashcard-client-name{color:#374151;font-size:.9rem;font-weight:600;margin-bottom:4px}.flashcard-client-meta{color:#6b7280;display:flex;font-size:.8rem;gap:12px}.flashcard-budget-item{background:#fefce8;border:1px solid #fde68a}.requirement-tag{background:#f59e0b1a;border:1px solid #f59e0b4d;color:#d97706}.flashcard-proposal{background:linear-gradient(135deg,#fef3c7,#fed7aa);border:1px solid #f59e0b;border-radius:12px;margin-bottom:20px;padding:16px}.proposal-label{color:#f59e0b;font-size:.8rem;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.flashcard-proposal p{color:#92400e;font-size:.85rem;line-height:1.4;margin:0}.flashcard-action-btn.view{background:#f59e0b1a;border:1px solid #f59e0b4d;color:#f59e0b}.flashcard-action-btn.edit{background:#3b82f61a;border:1px solid #3b82f64d;color:#3b82f6}@media (max-width:768px){.my-applications-container{padding:16px}.my-applications-header{align-items:flex-start;flex-direction:column;gap:20px;padding:20px}.header-content h2{font-size:1.6rem}.header-content p{font-size:.9rem}.header-actions{flex-direction:column;gap:12px;width:100%}.search-input{width:100%}.filter-controls{flex-direction:column;gap:8px;width:100%}.filter-dropdown,.search-input-button{width:100%}.applications-grid{gap:16px;grid-template-columns:1fr}.card-actions{flex-direction:column}.action-btn{min-width:auto;width:100%}.applications-flashcards-grid{gap:16px;grid-template-columns:1fr}.application-flashcard{padding:20px}.flashcard-budgets{gap:12px;grid-template-columns:1fr}.flashcard-actions{flex-direction:column}.flashcard-action-btn{min-width:auto;width:100%}.view-toggle{justify-content:center;order:-1;width:100%}.applications-table{overflow-x:scroll}.applications-table table{min-width:900px}.applications-flashcards-content,.applications-table-container{max-height:60vh}}.reviews-content{padding:16px}.reviews-topbar{align-items:center;background:#fff7ec;border:1px solid #fde68a;border-radius:12px;box-shadow:0 2px 10px #f59e0b1f;display:flex;gap:16px;justify-content:space-between;margin-bottom:12px;padding:12px 16px}.reviews-title{display:flex;flex-direction:column;gap:4px}.reviews-title h2{color:#1f2937;font-size:1.25rem;font-weight:800;margin:0}.reviews-title p{color:#6b7280;font-size:.9rem;margin:0}.reviews-toggle{background:#f59e0b1f;border:1px solid #f59e0b59;border-radius:999px;display:flex;padding:4px}.reviews-toggle-btn{background:#0000;border:none;border-radius:999px;color:#b45309;cursor:pointer;font-weight:700;padding:8px 14px}.reviews-toggle-btn.active{background:#f59e0b;box-shadow:0 2px 6px #f59e0b59;color:#fff}.reviews-sections{display:flex;flex-direction:column;gap:16px}.reviews-scroll{max-height:68vh;overflow-y:auto;padding-right:6px}.reviews-scroll::-webkit-scrollbar{width:8px}.reviews-scroll::-webkit-scrollbar-track{background:#fff3e6;border-radius:10px}.reviews-scroll::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#f97316,#ea580c);border-radius:10px}.review-card{border:1px solid #ffe0b3;border-radius:10px;box-shadow:0 4px 14px #f59e0b12;margin-bottom:10px;padding:10px 12px}.review-card .review-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.review-card .reviewer-info{display:flex;flex-direction:column}.review-card h4{color:#b45309;font-size:.95rem;font-weight:800;margin:0}.review-card .review-service{color:#6b7280;font-size:.85rem}.review-card .review-meta,.review-card .review-rating{align-items:center;color:#92400e;display:flex;gap:10px}.review-card .review-date,.review-card .review-time{color:#9ca3af;font-size:.8rem}.review-form{display:flex;flex-direction:column;gap:10px}.rating-input{display:flex;gap:4px}.rating-input .star{background:#fff;border:1px solid #fcd34d;border-radius:6px;color:#f59e0b;cursor:pointer;font-size:.95rem;padding:2px 6px}.rating-input .star.on{background:#f59e0b;border-color:#f59e0b;color:#fff}.experience-tags{display:flex;flex-wrap:wrap;gap:8px}.experience-tags .tag{align-items:center;background:#fff;border:1px solid #fcd34d;border-radius:999px;color:#b45309;display:inline-flex;font-size:.8rem;gap:6px;padding:4px 8px}.experience-tags .tag.selected{background:#fff7ec;border-color:#f59e0b;color:#b45309}.message-input textarea{border:1px solid #f3f4f6;border-radius:10px;font-size:.92rem;min-height:80px;padding:8px 10px;width:100%}.review-actions{gap:8px}.btn-sm-outline{background:#fff;border:1px solid #f59e0b}.btn-sm-outline,.btn-view{color:#b45309;font-weight:700;padding:8px 12px}.btn-view{border:1px solid #fcd34d;cursor:pointer}.reviews-empty{background:#fffdf6;border:1px dashed #fcd34d;border-radius:12px;color:#6b7280;padding:20px;text-align:center}.review-modal-overlay{align-items:center;background:#0006;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.review-modal{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 20px 60px #11182740;display:flex;flex-direction:column;max-height:88vh;max-width:94vw;width:720px}.review-modal-header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;flex-shrink:0;justify-content:space-between;padding:14px 16px}.review-modal-title{color:#111827;font-size:1.05rem;font-weight:800;margin:0}.review-modal-close{background:#0000;border:none;color:#6b7280;cursor:pointer;font-size:1rem}.review-modal-body{max-height:calc(88vh - 56px);overflow:auto;padding:12px 16px 14px}.review-modal-grid{grid-gap:10px 18px;display:grid;gap:10px 18px;grid-template-columns:1fr 2fr;margin-bottom:12px}.review-modal-row{align-items:center;display:grid;font-size:.95rem;grid-template-columns:1fr auto}.review-modal-row .label{color:#b45309;font-weight:800;letter-spacing:.3px}.review-modal-row .label:after{color:#9ca3af;content:":";margin-left:6px}.review-modal-row .value{color:#374151;font-weight:600}@media (max-width:768px){.review-modal{width:92vw}.review-modal-grid{grid-template-columns:1fr}}.sp-browse-content{background:#fffbeb!important;display:flex;flex-direction:column;height:calc(100vh - 64px);overflow-x:hidden;overflow-y:auto;padding:0}.provider-browse-services.sp-browse-content{height:100%!important;padding:0!important}.sp-scrollable-container{background:#0000;flex:1 1;height:100%;overflow-x:hidden;overflow-y:auto;padding:0 16px}.provider-browse-services .sp-scrollable-container{height:100%!important;max-height:none!important;padding:0!important}.sp-scrollable-container::-webkit-scrollbar{width:12px}.sp-scrollable-container::-webkit-scrollbar-track{background:#fef3c7;border-radius:6px}.sp-scrollable-container::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#f59e0b,#d97706);border:2px solid #fef3c7;border-radius:6px}.sp-scrollable-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#d97706,#b45309)}.sp-browse-services-header{align-items:center;background:#fff7ed;border:1px solid #fde68a;border-radius:16px;display:flex;flex-shrink:0;gap:12px;justify-content:space-between;margin:8px 0 12px;padding:12px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.provider-browse-services .sp-browse-services-header{border-radius:16px;margin:20px}.sp-header-title-section{flex-shrink:0;text-align:left}.sp-header-title-section h2{color:#1f2937;font-size:1.8rem;font-weight:700;line-height:1.2;margin:0 0 4px}.sp-header-title-section p{color:#6b7280;font-size:.9rem;line-height:1.3;margin:0}.sp-header-controls{align-items:center;display:flex;flex-shrink:0;gap:12px}.sp-search-container{align-items:center;background:#fff;border-radius:20px;box-shadow:0 2px 8px #0000001a;display:flex;gap:0;max-width:90vw;overflow:hidden;width:360px}.sp-search-input{background:#0000;border:none;color:#374151;flex:1 1;font-family:inherit;font-size:1rem;font-weight:500;outline:none;padding:10px 16px}.sp-search-input::placeholder{color:#9ca3af;opacity:1}.sp-search-btn{background:#f59e0b;border:none;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:10px 18px;transition:all .3s ease;white-space:nowrap}.sp-search-btn:hover{background:#d97706}.sp-header-filters{align-items:center;display:flex;gap:15px}.sp-header-clear-btn{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 12px;transition:all .2s ease;white-space:nowrap}.sp-header-clear-btn:hover{background:#f3f4f6;border-color:#d1d5db;transform:translateY(-1px)}.sp-header-filter-item{align-items:center;display:flex;gap:8px}.sp-header-filter-label{color:#4b5563;font-size:.85rem;font-weight:600;white-space:nowrap}.sp-header-filter-select{background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;color:#374151;font-size:.85rem;min-width:130px;padding:8px 12px;transition:border-color .2s ease}.sp-header-filter-select:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a;outline:none}.sp-error-message{background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;margin:0 20px 20px;padding:12px 16px;text-align:center}.sp-loading-services{align-items:center;color:#374151;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.sp-loading-spinner{animation:sp-spin 1s linear infinite;border:4px solid #fde68a;border-radius:50%;border-top-color:#f59e0b;height:50px;margin-bottom:20px;width:50px}@keyframes sp-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.sp-loading-services p{font-size:1.1rem;font-weight:500;margin:0}.sp-services-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px;margin-left:auto;margin-right:auto;max-width:1400px}.sp-services-count{color:#374151;font-size:1rem;font-weight:500}.sp-services-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);margin-top:20px;padding:30px 10px 0}.provider-browse-services .sp-services-grid{margin-top:0!important;padding:0 20px 30px!important}@media (max-width:1200px){.sp-services-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.sp-services-grid{grid-template-columns:repeat(2,1fr)}}.sp-service-card{background:#fff;border:2px solid #f59e0b;border-radius:20px;box-shadow:0 6px 25px #f59e0b26;cursor:pointer;display:flex;flex-direction:column;max-width:400px;min-height:420px;overflow:hidden;position:relative;transition:all .3s ease;width:100%}.sp-service-card:hover{border-color:#d97706;box-shadow:0 12px 32px #f59e0b4d;transform:translateY(-4px)}.sp-clickable-card{cursor:pointer}.sp-service-card-header{flex-shrink:0;height:160px;padding:12px;position:relative}.sp-service-card-image{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;transition:transform .3s ease;width:100%}.sp-service-card:hover .sp-service-card-image{transform:scale(1.05)}.sp-service-card-no-image{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;display:flex;justify-content:center}.sp-service-card-default-image{background:linear-gradient(135deg,#f59e0b,#fbbf24);position:relative}.sp-service-card-default-image:before{color:#fff;content:"📋";font-size:3rem;left:50%;opacity:.8;position:absolute;text-shadow:0 2px 4px #0003;top:50%;transform:translate(-50%,-50%)}.sp-no-image-icon{font-size:3rem;opacity:.7}.sp-service-card-category{background:#f59e0b;border-radius:4px;color:#fff;font-size:.7rem;font-weight:600;left:20px;padding:4px 8px;position:absolute;text-transform:capitalize;top:20px;z-index:2}.sp-service-card-body{display:flex;flex:1 1;flex-direction:column;padding:16px}.sp-service-title{line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1e40af;cursor:pointer;display:-webkit-box;font-size:1.1rem;font-weight:600;line-height:1.4;margin:0 0 8px;overflow:hidden}.sp-service-title:hover{color:#1d4ed8}.sp-service-description{line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;flex:1 1;font-size:.85rem;line-height:1.4;margin:0 0 12px;overflow:hidden}.sp-service-provider{margin-bottom:16px}.sp-provider-name{color:#374151;display:block;font-size:.9rem;font-weight:500;margin-bottom:4px}.sp-provider-info{align-items:center;color:#6b7280;display:flex;font-size:.8rem;gap:4px}.sp-review-count{color:#9ca3af}.sp-service-info-row{display:flex;gap:16px;margin-bottom:8px}.sp-service-info-row .sp-service-info-item{flex:1 1}.sp-service-price{background:#dcfce7;border:1px solid #bbf7d0;border-radius:6px;color:#16a34a;display:inline-block;font-size:1.1rem;font-weight:700;margin-bottom:8px;padding:8px 12px;width:-webkit-fit-content;width:fit-content}.sp-service-info-item{align-items:center;color:#6b7280;display:flex;font-size:.8rem;gap:4px;margin-bottom:6px}.info-icon{font-size:.9rem}.sp-service-card-actions{align-items:center;border-top:1px solid #f3f4f6;display:flex;gap:8px;margin-top:auto;padding-top:12px}.sp-btn-sm-outline{align-items:center;background:#0000;border:1.5px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:4px;padding:8px 12px;transition:all .2s ease}.sp-btn-sm-outline:hover{background:#fef3c7;border-color:#f59e0b;color:#f59e0b}.sp-favorite-btn{align-items:center;border-radius:50%;display:flex;height:36px;justify-content:center;padding:8px;width:36px}.sp-favorite-btn.favorited{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.sp-btn-sm{background:#16a34a;border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:.75rem;font-weight:600;padding:6px 12px;transition:all .2s ease}.sp-btn-sm:hover{background:#15803d;box-shadow:0 2px 8px #16a34a4d;transform:translateY(-1px)}.sp-apply-btn{background:linear-gradient(135deg,#f59e0b,#d97706)}.sp-no-services-message{align-items:center;color:#374151;display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;padding:80px 20px;text-align:center}.sp-no-services-icon{font-size:4rem;margin-bottom:20px;opacity:.7}.sp-no-services-message h3{font-size:1.5rem;font-weight:600;margin:0 0 12px}.sp-no-services-message p{font-size:1rem;margin:0;opacity:.8}@media (max-width:768px){.sp-browse-content{padding:0}.provider-browse-services .sp-browse-services-header{margin:15px}.sp-browse-services-header{padding:20px 15px}.sp-header-layout{flex-direction:column;gap:20px;text-align:center}.sp-header-content h2{font-size:2rem}.sp-header-content p{font-size:1rem}.sp-search-container{max-width:400px;min-width:auto;width:100%}.sp-header-filters{gap:12px;margin-top:16px}.sp-header-filter-item{min-width:120px}.sp-services-grid{gap:20px;grid-template-columns:1fr;padding:30px 10px 0}.provider-browse-services .sp-services-grid{padding:0 15px 30px!important}.sp-service-card-header{height:160px}.sp-service-card-body{padding:16px}.sp-service-card-actions{flex-wrap:wrap;gap:6px}.sp-btn-sm{flex:1 1;min-width:0}.sp-services-info{align-items:flex-start;flex-direction:column;gap:12px}}@media (max-width:480px){.sp-header-content h2{font-size:1.75rem}.sp-browse-main{padding:15px 10px}.sp-filters-sidebar{padding:16px}.sp-service-card-header{height:140px}.sp-service-card-body{padding:14px}.sp-service-card-actions{gap:6px}.sp-btn-sm-outline{font-size:.75rem;padding:6px 8px}.sp-btn-sm{font-size:.8rem;padding:8px 12px}.sp-filter-group{margin-bottom:20px}.sp-price-range{flex-direction:column;gap:8px}.sp-price-separator{display:none}}.sp-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.sp-modal-content{animation:sp-modal-slide-up .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 25px 50px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:100%}@keyframes sp-modal-slide-up{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.sp-modal-header{align-items:center;background:linear-gradient(135deg,#f59e0b,#fbbf24 50%,#f59e0b);border-bottom:1px solid #e5e7eb;border-radius:20px 20px 0 0;color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:24px 30px 20px}.sp-modal-header h2{color:#fff;font-size:1.5rem;font-weight:700;margin:0;text-shadow:0 1px 3px #0000001a}.sp-modal-close-btn{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:36px;justify-content:center;transition:all .2s ease;width:36px}.sp-modal-close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.sp-modal-body{flex:1 1;min-height:0;overflow-y:auto;padding:30px}.sp-modal-body::-webkit-scrollbar{width:12px}.sp-modal-body::-webkit-scrollbar-track{background:#fef3c7;border-radius:6px}.sp-modal-body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#f59e0b,#d97706);border:2px solid #fef3c7;border-radius:6px}.sp-modal-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#d97706,#b45309)}.sp-modal-image-section{margin-bottom:30px;padding:12px}.sp-modal-image{background-position:50%;background-repeat:no-repeat;background-size:cover;height:300px;width:100%}.sp-modal-default-image{align-items:center;background:linear-gradient(135deg,#f59e0b,#fbbf24);display:flex;justify-content:center;position:relative}.sp-modal-default-image:before{content:"📋"}.sp-modal-default-image:before,.sp-modal-service-icon{color:#fff;font-size:4rem;opacity:.8;text-shadow:0 2px 4px #0003}.sp-modal-details{display:flex;flex-direction:column;gap:25px}.sp-modal-details h3{border-bottom:2px solid #f59e0b;color:#1f2937;font-size:1.2rem;font-weight:600;margin:0 0 12px;padding-bottom:6px;width:-webkit-fit-content;width:fit-content}.sp-modal-provider-card{background:#f8f9fa;border:1px solid #e5e7eb;border-radius:12px;padding:16px}.sp-modal-provider-name{color:#374151;font-size:1.1rem;font-weight:600;margin-bottom:6px}.sp-modal-provider-rating{color:#6b7280;font-size:.9rem}.sp-modal-description p{color:#374151;font-size:1rem;line-height:1.6;margin:0}.sp-modal-info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.sp-modal-info-item{display:flex;flex-direction:column;gap:4px}.sp-modal-info-label{color:#6b7280;font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.sp-modal-info-item span:last-child{color:#374151;font-size:1rem;font-weight:500}.sp-modal-price{color:#16a34a!important;font-size:1.1rem!important;font-weight:700!important}.sp-modal-skills-list{display:flex;flex-wrap:wrap;gap:8px}.sp-modal-skill-tag{background:#fef3c7;border:1px solid #fde68a;border-radius:20px;color:#92400e;font-size:.85rem;font-weight:500;padding:6px 12px}.sp-modal-footer{border-top:1px solid #e5e7eb;display:flex;flex-shrink:0;gap:12px;justify-content:flex-end;padding:20px 30px 30px}.sp-modal-btn{align-items:center;border-radius:10px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.sp-modal-btn-outline{background:#0000;border:2px solid #e5e7eb;color:#6b7280}.sp-modal-btn-outline:hover{background:#fef3c7;border-color:#f59e0b;color:#f59e0b}.sp-modal-btn-primary{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;color:#fff}.sp-modal-btn-primary:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 4px 12px #f59e0b4d;transform:translateY(-1px)}@media (max-width:768px){.sp-modal-overlay{padding:10px}.sp-modal-content{max-height:95vh}.sp-modal-header{padding:20px 20px 16px}.sp-modal-header h2{font-size:1.3rem}.sp-modal-body{padding:20px}.sp-modal-image{height:200px}.sp-modal-info-grid{gap:12px;grid-template-columns:1fr}.sp-modal-footer{flex-direction:column;padding:16px 20px 20px}.sp-modal-btn{justify-content:center;width:100%}}.sp-favorite-notification{align-items:center;animation:popupFadeIn .3s ease-out;background:#1f2937;border-radius:12px;box-shadow:0 8px 32px #0000004d;color:#fff;display:flex;gap:12px;left:50%;max-width:500px;min-width:360px;padding:20px 24px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:10000}.sp-notification-icon{flex-shrink:0;font-size:1.5rem}.sp-notification-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.sp-notification-title{color:#fff;font-size:.95rem;font-weight:700;line-height:1.3}.sp-notification-message{color:#d1d5db;font-size:.85rem;font-weight:400}.sp-notification-close{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.9rem;height:24px;justify-content:center;transition:all .2s ease;width:24px}.sp-notification-close:hover{background:#fff3;transform:scale(1.1)}.provider-browse-services .sp-filter-group{display:flex;flex-direction:column;gap:4px}.provider-browse-services .sp-filter-label{color:#4b5563;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.provider-browse-services .sp-filter-select{background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:.85rem;font-weight:500;min-width:150px;outline:none;padding:8px 12px;transition:all .2s ease}.provider-browse-services .sp-filter-select:hover{border-color:#d1d5db}.provider-browse-services .sp-filter-select:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.provider-browse-services .sp-service-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;height:100%;min-height:auto;overflow:visible;position:relative;transition:all .3s ease}.provider-browse-services .sp-service-card:hover{border-color:#d1d5db;box-shadow:0 8px 20px #00000026;transform:translateY(-2px)}.provider-browse-services .sp-heart-icon{background:none;border:none;cursor:pointer;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:1.5rem;padding:4px;position:absolute;right:12px;top:12px;transition:all .3s ease;z-index:10}.provider-browse-services .sp-heart-icon:hover{transform:scale(1.15)}.provider-browse-services .sp-heart-icon.favorited{color:#ef4444}.provider-browse-services .sp-service-card-body{display:flex;flex:1 1;flex-direction:column;gap:14px;padding:20px}.provider-browse-services .sp-card-meta{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.provider-browse-services .sp-saved-text{color:#9ca3af;font-size:.75rem;font-weight:400}.provider-browse-services .sp-category-link{color:#f59e0b;cursor:pointer;font-size:.8rem;font-weight:600;text-decoration:none}.provider-browse-services .sp-category-link:hover{color:#d97706;text-decoration:underline}.provider-browse-services .sp-service-title{line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#d97706;cursor:pointer;display:-webkit-box;font-size:1.15rem;font-weight:700;line-height:1.4;margin:0 0 8px;overflow:hidden}.provider-browse-services .sp-service-title:hover{color:#b45309;text-decoration:underline}.provider-browse-services .sp-service-description{line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:.875rem;line-height:1.5;margin:0 0 16px;overflow:hidden}.provider-browse-services .sp-info-grid{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.provider-browse-services .sp-info-row{align-items:baseline;border-bottom:1px solid #f3f4f6;display:flex;gap:12px;justify-content:space-between;padding-bottom:8px}.provider-browse-services .sp-info-row:last-child{border-bottom:none;padding-bottom:0}.provider-browse-services .sp-info-label{color:#f59e0b;flex-shrink:0;font-size:.75rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.provider-browse-services .sp-info-value{color:#1f2937;font-size:.875rem;font-weight:500;text-align:right}.provider-browse-services .sp-price-value{color:#f59e0b;font-size:.95rem;font-weight:700}.provider-browse-services .sp-service-card-actions{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-top:auto;padding-top:0}.provider-browse-services .sp-btn-view{align-items:center;background:#f59e0b;border:none;border-radius:8px;box-shadow:0 2px 4px #f59e0b4d;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:6px;justify-content:center;padding:12px 16px;transition:all .3s ease}.provider-browse-services .sp-btn-view:hover{background:#d97706;box-shadow:0 4px 12px #f59e0b66;transform:translateY(-2px)}.provider-browse-services .sp-btn-message{align-items:center;background:#fff;border:2px solid #f59e0b;border-radius:8px;color:#f59e0b;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:6px;justify-content:center;padding:12px 16px;transition:all .3s ease}.provider-browse-services .sp-btn-message:hover{background:#fef3c7;border-color:#d97706;box-shadow:0 4px 12px #f59e0b33;color:#d97706;transform:translateY(-2px)}@media (max-width:640px){.sp-favorite-notification{max-width:calc(100vw - 40px);min-width:auto;width:calc(100vw - 40px)}@keyframes popupFadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}}.provider-favorite-services .sp-scrollable-container{max-height:calc(100vh - 50px);overflow-x:hidden;overflow-y:auto;position:relative}.provider-favorite-services .sp-scrollable-container::-webkit-scrollbar{width:12px}.provider-favorite-services .sp-scrollable-container::-webkit-scrollbar-track{background:#fef3c7;border-radius:6px;margin:10px 0}.provider-favorite-services .sp-scrollable-container::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#f59e0b,#d97706);border:2px solid #fef3c7;border-radius:6px}.provider-favorite-services .sp-scrollable-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#d97706,#b45309);box-shadow:0 0 6px #f59e0b80}.provider-favorite-services .sp-browse-services-header{align-items:center;background:#fff7ed;border:1px solid #fde68a;border-radius:16px;display:flex;gap:12px;justify-content:space-between;margin:20px;padding:12px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.provider-favorite-services .sp-header-title-section{flex-shrink:0;text-align:left}.provider-favorite-services .sp-header-title-section h2{color:#1f2937;font-size:1.8rem;font-weight:700;line-height:1.2;margin:0 0 4px}.provider-favorite-services .sp-header-title-section p{color:#6b7280;font-size:.9rem;line-height:1.3;margin:0}.provider-favorite-services .sp-header-controls{flex:1 1;gap:12px;justify-content:flex-end}.provider-favorite-services .sp-filter-group,.provider-favorite-services .sp-header-filters{display:none!important}.provider-favorite-services .sp-search-container{align-items:center;background:#fff;border-radius:20px;box-shadow:0 2px 8px #0000001a;display:flex;gap:0;margin-top:0;max-width:400px;min-width:300px;overflow:hidden}.provider-favorite-services .sp-search-input{background:#0000;border:none;color:#374151;flex:1 1;font-family:inherit;font-size:.9rem;font-weight:500;outline:none;padding:10px 16px}.provider-favorite-services .sp-search-input::placeholder{color:#9ca3af;opacity:1}.provider-favorite-services .sp-search-btn{background:#f59e0b;border:none;border-radius:0;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:10px 18px;transition:all .3s ease;white-space:nowrap}.provider-favorite-services .sp-search-btn:hover{background:#d97706}.provider-favorite-services .sp-filter-group{display:flex;flex-direction:column;gap:4px}.provider-favorite-services .sp-filter-label{color:#4b5563;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.provider-favorite-services .sp-filter-select{background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:.85rem;font-weight:500;min-width:150px;outline:none;padding:8px 12px;transition:all .2s ease}.provider-favorite-services .sp-filter-select:hover{border-color:#d1d5db}.provider-favorite-services .sp-filter-select:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.provider-favorite-services .sp-service-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;height:100%;overflow:visible;position:relative;transition:all .3s ease}.provider-favorite-services .sp-service-card:hover{border-color:#d1d5db;box-shadow:0 8px 20px #00000026;transform:translateY(-2px)}.provider-favorite-services .sp-service-card-body{display:flex;flex:1 1;flex-direction:column;gap:14px;padding:20px}.provider-favorite-services .sp-card-meta{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.provider-favorite-services .sp-saved-text{color:#9ca3af;font-size:.75rem;font-weight:400}.provider-favorite-services .sp-category-link{color:#f59e0b;cursor:pointer;font-size:.8rem;font-weight:600;text-decoration:none}.provider-favorite-services .sp-category-link:hover{color:#d97706;text-decoration:underline}.provider-favorite-services .sp-service-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#d97706;cursor:pointer;display:-webkit-box;font-size:1.15rem;font-weight:700;line-height:1.4;margin:0 0 8px;overflow:hidden}.provider-favorite-services .sp-service-title:hover{color:#b45309;text-decoration:underline}.provider-favorite-services .sp-service-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:.875rem;line-height:1.5;margin:0 0 16px;overflow:hidden}.provider-favorite-services .sp-info-grid{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.provider-favorite-services .sp-info-row{align-items:baseline;border-bottom:1px solid #f3f4f6;display:flex;gap:12px;justify-content:space-between;padding-bottom:8px}.provider-favorite-services .sp-info-row:last-child{border-bottom:none;padding-bottom:0}.provider-favorite-services .sp-info-label{color:#f59e0b;flex-shrink:0;font-size:.75rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.provider-favorite-services .sp-info-value{color:#1f2937;font-size:.875rem;font-weight:500;text-align:right}.provider-favorite-services .sp-price-value{color:#f59e0b;font-size:.95rem;font-weight:700}.provider-favorite-services .sp-service-card-actions{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-top:auto;padding-top:0}.provider-favorite-services .sp-btn-view{align-items:center;background:#f59e0b;border:none;border-radius:8px;box-shadow:0 2px 4px #f59e0b4d;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:6px;justify-content:center;padding:12px 16px;transition:all .3s ease}.provider-favorite-services .sp-btn-view:hover{background:#d97706;box-shadow:0 4px 12px #f59e0b66;transform:translateY(-2px)}.provider-favorite-services .sp-btn-remove{align-items:center;background:#fff;border:2px solid #ef4444;border-radius:8px;color:#ef4444;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:6px;justify-content:center;padding:12px 16px;transition:all .3s ease}.provider-favorite-services .sp-btn-remove:hover{background:#fef2f2;border-color:#dc2626;box-shadow:0 4px 12px #ef444433;color:#dc2626;transform:translateY(-2px)}.provider-favorite-services .sp-btn-remove:disabled{background:#f3f4f6;border-color:#d1d5db;box-shadow:none;color:#9ca3af;cursor:not-allowed;transform:none}.provider-favorite-services .sp-no-services-message{align-items:center;background:#fff;border:2px dashed #fed7aa;border-radius:20px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;justify-content:center;margin:40px auto;max-width:600px;padding:80px 40px;text-align:center}.provider-favorite-services .sp-no-services-icon{animation:pulse 2s ease-in-out infinite;font-size:5rem;margin-bottom:24px}.provider-favorite-services .sp-no-services-message h3{color:#111827;font-size:1.75rem;font-weight:700;line-height:1.3;margin:0 0 12px}.provider-favorite-services .sp-no-services-message p{color:#6b7280;font-size:1rem;line-height:1.6;margin:0 0 8px}.provider-favorite-services .sp-no-services-message p:last-child{color:#f59e0b;font-weight:600;margin-bottom:24px}.provider-favorite-services .sp-browse-link{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:10px;box-shadow:0 4px 12px #f59e0b4d;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:8px;padding:12px 24px;text-decoration:none;transition:all .3s ease}.provider-favorite-services .sp-browse-link:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 6px 20px #f59e0b66;transform:translateY(-2px)}.provider-favorite-services .sp-services-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin:0;padding:30px 0}@media (max-width:1400px){.provider-favorite-services .sp-services-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.provider-favorite-services .sp-services-grid{grid-template-columns:repeat(2,1fr)}.provider-favorite-services .sp-header-controls{align-items:stretch;flex-direction:column}.provider-favorite-services .sp-search-container{max-width:100%}.provider-favorite-services .sp-filter-group,.provider-favorite-services .sp-filter-select{width:100%}}@media (max-width:640px){.provider-favorite-services .sp-services-grid{gap:20px;grid-template-columns:1fr}.provider-favorite-services .sp-browse-services-header{padding:16px 20px}.provider-favorite-services .sp-header-title-section h2{font-size:1.5rem}.provider-favorite-services .sp-header-title-section p{font-size:.85rem}.provider-favorite-services .sp-search-container{min-width:100%}.provider-favorite-services .sp-service-card-body{padding:16px}.provider-favorite-services .sp-service-card-actions{gap:10px;grid-template-columns:1fr}.provider-favorite-services .sp-no-services-message{margin:20px;padding:60px 30px}.provider-favorite-services .sp-no-services-icon{font-size:4rem}.provider-favorite-services .sp-no-services-message h3{font-size:1.5rem}.provider-favorite-services .sp-info-row{align-items:flex-start;flex-direction:column;gap:4px}.provider-favorite-services .sp-info-value{text-align:left}}.provider-favorite-services .service-modal-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:2000}.provider-favorite-services .service-modal{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:1000px;overflow-y:auto;width:100%}.provider-favorite-services .service-modal-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;border-radius:20px 20px 0 0;display:flex;justify-content:space-between;padding:24px}.provider-favorite-services .service-modal-header h2{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0}.provider-favorite-services .modal-close-btn{align-items:center;background:#f3f4f6;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.provider-favorite-services .modal-close-btn:hover{background:#e5e7eb;color:#374151;transform:scale(1.1)}.provider-favorite-services .service-modal-body{max-height:70vh;overflow-y:auto;padding:24px}.provider-favorite-services .modal-content-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:2fr 1fr;min-height:400px}.provider-favorite-services .modal-left-column,.provider-favorite-services .modal-right-column{display:flex;flex-direction:column;gap:20px}.provider-favorite-services .modal-section{background:#fff;border:2px solid #f59e0b;border-radius:8px;overflow:hidden}.provider-favorite-services .modal-section-full-width{border-color:#f59e0b;margin:0 20px 20px}.provider-favorite-services .section-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;gap:8px;justify-content:center;margin:0;padding:10px 16px}.provider-favorite-services .section-icon{font-size:1rem}.provider-favorite-services .section-title{color:#333;font-size:.95rem;font-weight:600;text-align:center}.provider-favorite-services .section-content{padding:16px}.provider-favorite-services .section-content p{color:#4b5563;line-height:1.6;margin:0}.provider-favorite-services .job-images-gallery{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.provider-favorite-services .job-image{border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;height:120px;object-fit:cover;transition:all .3s ease;width:120px}.provider-favorite-services .job-image:hover{border-color:#f59e0b;box-shadow:0 4px 12px #f59e0b4d;transform:scale(1.05)}.provider-favorite-services .job-image:first-child{height:180px;width:180px}.provider-favorite-services .details-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:12px}.provider-favorite-services .details-row:last-child{margin-bottom:0}.provider-favorite-services .detail-box{background:#fff7ed;border-left:4px solid #f59e0b;border-radius:8px;display:flex;flex-direction:column;gap:4px;padding:12px}.provider-favorite-services .image-viewer-overlay{align-items:center;animation:fadeIn .2s ease;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.provider-favorite-services .image-viewer-content{align-items:center;display:flex;justify-content:center;max-height:90vh;max-width:90vw;position:relative}.provider-favorite-services .image-viewer-img{border-radius:8px;box-shadow:0 8px 32px #00000080;max-height:90vh;max-width:90vw;object-fit:contain}.provider-favorite-services .image-viewer-close{align-items:center;background:#f59e0b;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;position:absolute;right:0;top:-50px;transition:all .3s ease;width:40px;z-index:10001}.provider-favorite-services .image-viewer-close:hover{background:#d97706;transform:rotate(90deg)}.provider-favorite-services .image-viewer-next,.provider-favorite-services .image-viewer-prev{align-items:center;background:#f59e0bcc;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:2rem;height:50px;justify-content:center;position:absolute;transition:all .3s ease;width:50px;z-index:10001}.provider-favorite-services .image-viewer-prev{left:20px}.provider-favorite-services .image-viewer-next{right:20px}.provider-favorite-services .image-viewer-next:hover,.provider-favorite-services .image-viewer-prev:hover{background:#d97706;transform:scale(1.1)}.provider-favorite-services .image-viewer-counter{background:#f59e0be6;border-radius:20px;bottom:-50px;color:#fff;font-size:.9rem;font-weight:600;left:50%;padding:8px 20px;position:absolute;transform:translateX(-50%)}.provider-favorite-services .detail-label{color:#6b7280;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.provider-favorite-services .detail-value{color:#f59e0b;font-size:.9rem;font-weight:600}.provider-favorite-services .price-highlight{color:#f59e0b;font-size:1.1rem;font-weight:700}.provider-favorite-services .provider-info{display:flex;flex-direction:column;gap:12px}.provider-favorite-services .provider-name-display{color:#1f2937;font-size:1.05rem;font-weight:700;text-align:center}.provider-favorite-services .provider-rating-display{color:#f59e0b;font-size:.9rem;font-weight:600;text-align:center}.provider-favorite-services .modal-actions-section{display:flex;flex-direction:column;gap:12px}.provider-favorite-services .modal-action-btn{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;padding:14px 20px;transition:all .3s ease;width:100%}.provider-favorite-services .modal-action-btn.btn-primary{background:#f59e0b;border:2px solid #f59e0b;color:#fff}.provider-favorite-services .modal-action-btn.btn-primary:hover{background:#d97706;border-color:#d97706;box-shadow:0 4px 12px #f59e0b4d;transform:translateY(-2px)}.provider-favorite-services .modal-action-btn.btn-outline{background:#fff;border:2px solid #e5e7eb;color:#374151}.provider-favorite-services .modal-action-btn.btn-outline:hover{border-color:#f59e0b;color:#f59e0b;transform:translateY(-2px)}.provider-favorite-services .modal-action-btn.btn-danger{background:#fff;border:2px solid #ef4444;color:#ef4444}.provider-favorite-services .modal-action-btn.btn-danger:hover{background:#fef2f2;border-color:#dc2626;color:#dc2626;transform:translateY(-2px)}@media (max-width:1024px){.provider-favorite-services .modal-content-grid{gap:16px;grid-template-columns:1fr}.provider-favorite-services .details-row{gap:8px;grid-template-columns:1fr}}@media (max-width:768px){.provider-favorite-services .service-modal{margin:10px;max-height:95vh}.provider-favorite-services .service-modal-header{padding:20px}.provider-favorite-services .service-modal-body{padding:16px}.provider-favorite-services .section-content{padding:12px}.provider-favorite-services .modal-action-btn{font-size:.9rem;padding:12px 16px}}.ban-monitor-overlay{align-items:center;background-color:#000000b3;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10000}.ban-monitor-modal{animation:slideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;max-width:420px;overflow:hidden;width:90%}@keyframes slideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(30px)}}.ban-monitor-modal.closing{animation:slideOut .3s ease-in forwards}.ban-monitor-header{align-items:center;background:#ef4444;color:#fff;display:flex;gap:.75rem;padding:.875rem 1rem;position:relative}.ban-monitor-icon{flex-shrink:0;font-size:1.5rem;line-height:1}.ban-monitor-title{flex:1 1;font-size:1.0625rem;font-weight:600;margin:0;text-align:left}.ban-monitor-close{align-items:center;background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.75rem;height:28px;justify-content:center;line-height:1;padding:0;transition:background-color .2s ease;width:28px}.ban-monitor-close:hover{background-color:#ffffff26}.ban-monitor-body{background:#fee2e2;padding:1.5rem 1.25rem}.ban-monitor-body p{color:#1f2937;font-size:.875rem;line-height:1.6;margin:0;text-align:center}.ban-reason-text{border-bottom:1px solid #fecaca;margin-bottom:1rem!important;padding-bottom:.75rem}.ban-duration-info,.ban-liftdate-info{background:#ffffff80;border-left:3px solid #ef4444;border-radius:6px;margin-top:.75rem;padding:.75rem}.ban-info-label{color:#991b1b;font-size:.75rem;font-weight:600;margin-bottom:.25rem;text-align:left}.ban-info-value{color:#1f2937;font-size:.9375rem;font-weight:700;text-align:left}.ban-info-value.highlight{color:#dc2626;font-size:.875rem}.ban-permanent-info{background:#fecacacc;border:2px solid #dc2626;border-radius:6px;color:#991b1b;font-size:.875rem;font-weight:600;margin-top:1rem;padding:.75rem;text-align:center}.ban-monitor-footer{background:#fee2e2;padding:1rem 1.25rem 1.25rem;text-align:center}.ban-monitor-btn{background:#ef4444;border:none;border-radius:8px;box-shadow:0 2px 8px #ef44444d;color:#fff;cursor:pointer;font-size:.9375rem;font-weight:600;overflow:hidden;padding:.65rem 1.75rem;position:relative;transition:all .2s ease}.ban-monitor-btn:hover{background:#dc2626;box-shadow:0 4px 12px #ef444466;transform:translateY(-1px)}.ban-monitor-btn:active{box-shadow:0 2px 6px #ef44444d;transform:translateY(0)}.ban-monitor-btn:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.ban-monitor-btn.loading{opacity:.8;pointer-events:none}.ban-monitor-btn.loading:after{animation:spin .8s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;content:"";height:18px;left:50%;margin:-9px 0 0 -9px;position:absolute;top:50%;width:18px}@media (max-width:480px){.ban-monitor-modal{width:95%}.ban-monitor-header{padding:.75rem .875rem}.ban-monitor-icon{font-size:1.25rem}.ban-monitor-title{font-size:1rem}.ban-monitor-body{padding:1.25rem 1rem}.ban-monitor-body p{font-size:.8125rem}.ban-reason-text{margin-bottom:.75rem!important;padding-bottom:.5rem}.ban-duration-info,.ban-liftdate-info{margin-top:.625rem;padding:.625rem}.ban-info-label{font-size:.6875rem}.ban-info-value{font-size:.875rem}.ban-info-value.highlight{font-size:.8125rem}.ban-permanent-info{font-size:.8125rem;padding:.625rem}.ban-monitor-footer{padding:.875rem 1rem 1rem}.ban-monitor-btn{max-width:200px;width:100%}}.restricted-section-wrapper{height:100%;min-height:200px;position:relative;width:100%}.restricted-section-content{filter:blur(8px);height:100%;opacity:.4;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%}.restricted-section-overlay{align-items:center;animation:fadeInOverlay .4s ease-out;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1000}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.restricted-section-modal{animation:slideUpModal .5s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;max-width:420px;padding:2.5rem 2rem;text-align:center}@keyframes slideUpModal{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.restricted-icon{align-items:center;animation:pulse 2s ease-in-out infinite;border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.restricted-icon svg{height:48px;width:48px}.restriction-theme-seeker .restricted-section-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#3b4f7dd9,#6b8dd6d9)}.restriction-theme-seeker .restricted-icon{background:linear-gradient(135deg,#6b8dd6,#5272c4);box-shadow:0 8px 24px #6b8dd666;color:#fff}.restriction-theme-seeker .restricted-title{color:#3b4f7d}.restriction-theme-seeker .countdown-time{background:linear-gradient(135deg,#6b8dd61a,#5272c426);border:2px solid #6b8dd6;color:#6b8dd6}.restriction-theme-provider .restricted-section-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ff9800d9,#ffa726d9)}.restriction-theme-provider .restricted-icon{background:linear-gradient(135deg,#ff9800,#ffa726);box-shadow:0 8px 24px #ff980066;color:#fff}.restriction-theme-provider .restricted-title{color:#e65100}.restriction-theme-provider .countdown-time{background:linear-gradient(135deg,#ff98001a,#ffa72626);border:2px solid #ff9800;color:#ff9800}.restricted-title{font-size:1.75rem;font-weight:700;line-height:1.3;margin-bottom:1rem}.restricted-message{color:#4a5568;font-size:.95rem;line-height:1.6;margin-bottom:2rem}.restricted-countdown{margin-top:2rem}.countdown-label{color:#718096;font-size:.875rem;font-weight:600;letter-spacing:.5px;margin-bottom:.75rem;text-transform:uppercase}.countdown-time{animation:countdownPulse 1s ease-in-out infinite;border-radius:12px;box-shadow:0 4px 16px #0000001a;display:inline-block;font-family:Courier New,monospace;font-size:2rem;font-weight:700;min-width:200px;padding:1rem 1.5rem}@keyframes countdownPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@media (max-width:768px){.restricted-section-modal{margin:1rem;max-width:90%;padding:2rem 1.5rem}.restricted-icon{height:64px;margin-bottom:1rem;width:64px}.restricted-icon svg{height:36px;width:36px}.restricted-title{font-size:1.5rem}.restricted-message{font-size:.875rem}.countdown-time{font-size:1.5rem;min-width:160px;padding:.75rem 1rem}}@media (max-width:480px){.restricted-section-content{filter:blur(6px)}.restricted-section-modal{padding:1.5rem 1.25rem}.restricted-icon{height:56px;width:56px}.restricted-icon svg{height:32px;width:32px}.countdown-time,.restricted-title{font-size:1.25rem}.countdown-time{min-width:140px}}.appointments-page{padding:16px}.appointments-layout{display:flex;gap:16px}.calendar-panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex:0 0 64%;max-height:520px;overflow:auto;padding:12px}.calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.cal-nav-btn{background:#fff7ed;border:1px solid #fde68a;border-radius:8px;cursor:pointer;padding:6px 10px}.month-label{color:#111827;font-weight:700}.calendar-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(7,1fr);padding:6px}.calendar-grid .dow{color:#6b7280;font-size:12px;text-align:center}.cal-day{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;height:64px;justify-content:center;transition:background .15s ease,border-color .15s ease,color .15s ease}.cal-day.has-appts .day-number{color:#f97316}.cal-day.has-appts .day-dot,.cal-day.selected.has-appts .day-dot{background:#f97316}.cal-day:hover{border-color:#fdba74}.cal-day.selected{background:#fff7ed;border:2px solid #f97316}.cal-day.today{background:#f97316;border:2px solid #f97316}.day-number{color:#111827;font-weight:700}.day-number.today{color:#ef4444}.cal-day.today .day-number{color:#fff}.cal-day.selected .day-number{color:#9a3412}.day-dot{background:#d1d5db;border-radius:999px;height:6px;margin-top:6px;width:6px}.day-dot.hidden{background:#0000}.side-panel{background:#fff7ed;border:1px solid #fdba74;border-radius:12px;display:flex;flex:0 0 36%;flex-direction:column;max-height:480px;overflow:auto;padding:12px}.side-title{color:#111827;font-weight:700;margin-bottom:8px}.empty-hint{color:#6b7280}.appts-list{grid-gap:8px;display:grid;flex:1 1;gap:8px;margin-bottom:6px;min-height:0;overflow-y:auto}.appts-list,.calendar-panel,.side-panel{scrollbar-color:#f97316 #fff3e6;scrollbar-width:thin}.appts-list::-webkit-scrollbar-track,.calendar-panel::-webkit-scrollbar-track,.side-panel::-webkit-scrollbar-track{background:#fff3e6;border-radius:8px}.appts-list::-webkit-scrollbar,.calendar-panel::-webkit-scrollbar,.side-panel::-webkit-scrollbar{width:10px}.appt-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;padding:10px}.appt-card.selected{background:#fff7ed;border-color:#fdba74;min-height:120px;padding-top:12px}.appt-card-top{align-items:center;display:flex}.appt-title{color:#111827;flex:1 1;font-size:14px;font-weight:600}.appt-subcat{color:#9ca3af;font-size:12px;margin-top:4px}.appt-status{border:1px solid #e5e7eb;border-radius:12px;color:#374151;font-size:12px;padding:2px 8px}.appt-meta{color:#6b7280;font-size:12px;margin-top:2px}.appt-actions{display:flex;gap:8px;justify-content:center;margin-top:8px}.btn-view{background:#fffbeb;border:1px solid #fdba74;border-radius:8px;color:#9a3412;font-weight:600;padding:6px 10px}.appt-actions .btn-cancel,.appt-actions .btn-message,.appt-actions .btn-view{flex:1 1;min-width:100px;text-align:center}.btn-message{background:#fff7ed;border:1px solid #fdba74;border-radius:8px;color:#9a3412}.btn-complete,.btn-message{font-weight:600;padding:6px 10px}.btn-complete{background:#eff6ff;border:1px solid #e5e7eb;border-radius:8px;color:#1d4ed8}.btn-cancel{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#b91c1c;font-weight:600;padding:6px 10px}.appt-modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:50}.appt-modal{background:#fff;border:1px solid #f3f4f6;border-radius:12px;box-shadow:0 10px 25px #0000001a;display:flex;flex-direction:column;max-height:85vh;max-width:96vw;overflow:hidden;width:560px}.appt-modal-header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:12px 14px}.appt-modal-title{color:#111827;font-size:16px;font-weight:700}.appt-modal-close{background:#0000;border:none;color:#9ca3af;cursor:pointer;font-size:18px}.appt-modal-body{grid-gap:8px;display:grid;gap:8px;overflow-y:auto;padding:12px 14px}.appt-modal-row .value.description{color:#374151;font-weight:400;white-space:pre-wrap}.appt-modal-row{align-items:center;display:flex;justify-content:space-between}.appt-modal-row .label{color:#6b7280;font-size:12px}.appt-modal-row .value{color:#111827;font-size:14px;font-weight:600}.appt-modal-row .value.status{color:#f97316}.appt-modal-actions{border-top:1px solid #f3f4f6;display:flex;gap:8px;justify-content:flex-end;padding:12px 14px}.btn-modal-cancel{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#b91c1c;font-weight:600;padding:8px 12px}.btn-modal-complete{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;color:#1d4ed8;font-weight:600;padding:8px 12px}.btn-modal-report{background:#fffbeb;border:1px solid #f59e0b;border-radius:8px;color:#9a3412;font-weight:700;padding:8px 12px}.btn-modal-report:hover{background:#ffedd5;box-shadow:0 4px 10px #f59e0b2e}.btn-modal-cancel,.btn-modal-complete,.btn-modal-message{cursor:pointer}.btn-modal-complete:disabled{cursor:not-allowed;opacity:.6}.btn-modal-complete:active:not(:disabled){transform:translateY(1px)}.btn-modal-complete.loading{align-items:center;display:inline-flex;gap:8px;pointer-events:none;position:relative}.btn-modal-complete.loading:after{animation:appt-spin .8s linear infinite;border:2px solid #93c5fd;border-radius:999px;border-top-color:#0000;content:"";display:inline-block;height:14px;width:14px}@keyframes appt-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.btn-modal-message{background:#fffbeb;border:1px solid #fdba74;border-radius:8px;color:#9a3412;font-weight:700;padding:8px 12px}.appt-toast{align-items:center;animation:appt-toast-in .22s ease-out;background:#fff;border:1px solid #0000;border-radius:10px;bottom:20px;box-shadow:0 8px 20px #0000001f;color:#111827;display:inline-flex;gap:8px;padding:10px 14px;position:fixed;right:20px;z-index:60}.appt-toast.success{animation:appt-toast-pop .26s cubic-bezier(.22,1,.36,1);background:#ecfdf5;border-color:#34d399;bottom:auto;color:#065f46;left:50%;right:auto;top:50%;transform:translate(-50%,-50%)}.appt-toast.error{background:#fef2f2;border-color:#ef4444;color:#991b1b}.appt-toast-icon{font-size:16px;line-height:1}.appt-toast-text{font-size:14px;font-weight:700}@keyframes appt-toast-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes appt-toast-pop{0%{opacity:0;transform:translate(-50%,-45%) scale(.92)}60%{opacity:1;transform:translate(-50%,-50%) scale(1.04)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.provider-notifications{background:linear-gradient(135deg,#fffbeb,#fef7ed 50%,#fff7ed);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;padding:0}.notifications-header-section{background:#fff!important;border:1px solid #fde68a;border-radius:12px;box-shadow:0 2px 8px #1118270f;margin:8px 8px 6px;overflow:hidden;padding:10px 14px;position:-webkit-sticky;position:sticky;top:0;z-index:30}.notifications-header-section:before{display:none}.notifications-header-content{align-items:center;display:flex;gap:6px;justify-content:space-between;margin:0 auto;max-width:1400px;position:relative;z-index:2}.notifications-title-section{align-items:center;display:flex;gap:0}.notifications-main-icon{display:none}.notifications-title-content h1{color:#f59e0b;font-size:1.25rem;font-weight:800;letter-spacing:-.02em;margin:0 0 2px}.notifications-subtitle{color:#6b7280;font-size:.9rem;font-weight:500;margin:0}.header-action-btn,.notifications-header-actions{align-items:center;display:flex}.header-action-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;gap:8px;padding:8px 18px;transition:all .3s cubic-bezier(.4,0,.2,1)}.header-action-btn:hover{background:#ffffff40;box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.notifications-main-content{margin:0 auto;max-width:100%;padding:0 6px 8px}.search-box{max-width:100%;width:360px}.search-input{border:1px solid #e5e7eb;box-shadow:0 2px 8px #11182714;font-size:.95rem;padding:10px 44px 10px 14px}.search-input::placeholder{color:#9ca3af}.search-input:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.search-button{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:.85rem;font-weight:500;padding:8px 12px;transition:all .2s ease;white-space:nowrap}.search-button:hover{background:#f9fafb;border-color:#d1d5db}.search-icon{color:#9ca3af;font-size:14px}.notifications-list-container{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 12px #0000000f;margin:0 auto;max-height:70vh;max-width:1400px;min-height:0;overflow-y:auto;width:100%}.notifications-list-header{background:#fff;border-bottom:1px solid #f3f4f6;margin-bottom:2px;padding:4px 12px;position:-webkit-sticky;position:sticky;top:0;z-index:20}.list-header-content{align-items:center;display:flex;justify-content:space-between;min-height:36px}.header-right{align-items:center;display:flex;gap:4px}.provider-minimal-search{max-width:100%;position:relative;width:360px}.provider-minimal-search-input{background:#fff;border:1px solid #e5e7eb;border-radius:24px;box-shadow:0 2px 8px #11182714;color:#374151;font-size:.95rem;padding:10px 44px 10px 14px;width:100%}.provider-minimal-search-input::placeholder{color:#9ca3af}.provider-minimal-search-input:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a;outline:none}.provider-search-icon-btn{color:#6b7280;font-size:1rem;right:8px}.provider-clear-search-btn,.provider-search-icon-btn{background:#0000;border:none;cursor:pointer;position:absolute;top:50%;transform:translateY(-50%)}.provider-clear-search-btn{color:#9ca3af;right:34px}.list-title{color:#1f2937;font-size:1.125rem;font-weight:600;margin:0}.list-meta{color:#9ca3af;font-size:.875rem;font-weight:400}.notifications-list{height:auto;max-height:none;overflow:visible;padding:0 2px 6px}.notification-item{align-items:center;border:1px solid #fed7aa!important;border-radius:10px!important;cursor:pointer;display:flex;gap:8px;margin-bottom:3px;min-height:72px;padding:10px 12px;position:relative;transition:all .2s ease}.notification-item.review{margin-bottom:2px}.notification-item:hover{background:#f9fafb!important;border-color:#fdba74!important;box-shadow:0 2px 8px #f59e0b1f!important;transform:translateY(-1px)!important}.notification-item.unread{background:#fefbf0!important;border:2px solid #f59e0b!important;box-shadow:0 2px 8px #f59e0b1a}.notification-item.read{background:#f8f9fa;border-left:3px solid #e5e7eb;opacity:.8}.notification-item.read .notification-message,.notification-item.read .notification-title{color:#6b7280}.notification-item.unread:before{animation:pulse 2s infinite;background:#f59e0b;border-radius:50%;content:"";height:8px;left:12px;position:absolute;top:28px;width:8px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}.notification-type-icon{align-items:center;background:#f3f4f6;border-radius:50%;display:flex;flex-shrink:0;font-size:14px;height:28px;justify-content:center;position:relative;width:28px}.notification-item.job_expiry_24_hour .notification-type-icon{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.notification-item.job_expiry_1_hour .notification-type-icon{animation:urgentPulse 1.5s infinite;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}@keyframes urgentPulse{0%,to{box-shadow:0 0 0 0 #ef4444b3}50%{box-shadow:0 0 0 8px #ef444400}}.notification-item.booking .notification-type-icon,.notification-item.job_expired .notification-type-icon{background:linear-gradient(135deg,#f59e0b,#d97706)!important;color:#fff!important}.notification-item.payment .notification-type-icon{background:linear-gradient(135deg,#059669,#047857);color:#fff}.notification-item.review .notification-type-icon,.notification-item.system .notification-type-icon{background:linear-gradient(135deg,#f59e0b,#d97706)!important;color:#fff!important}.notification-main-content{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.notification-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;width:100%}.notification-title{color:#1f2937;font-size:.85rem;font-weight:600;line-height:1.3;margin:0 0 2px}.notification-timestamp{color:#9ca3af;font-size:.75rem;font-weight:400;margin-left:auto;white-space:nowrap}.notification-message{line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:.8rem;line-height:1.3;margin:0;overflow:hidden}.notification-actions{display:flex!important;flex-direction:column;gap:6px;margin-left:auto;opacity:1!important;visibility:visible!important}.notification-action-btn{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;font-size:.7rem;font-weight:500;min-width:68px;padding:5px 10px;transition:all .2s ease;white-space:nowrap}.notification-action-btn.primary{background:linear-gradient(135deg,#f59e0b,#d97706)!important;border-color:#f59e0b!important;color:#fff!important}.notification-action-btn.danger{background:#fef2f2;border-color:#fecaca;color:#dc2626}.notifications-empty-state{background:linear-gradient(135deg,#fffbeb,#fef7ed);padding:80px 40px;text-align:center;width:100%}.notifications-empty-state-content{margin:0 auto;max-width:1400px}.empty-state-icon{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:30px;display:flex;font-size:48px;height:120px;justify-content:center;margin:0 auto 24px;opacity:.8;width:120px}.empty-state-title{color:#1f2937;font-size:1.5rem;font-weight:700;margin-bottom:8px}.empty-state-description{color:#6b7280;font-size:1rem;line-height:1.6;margin:0 auto 24px;max-width:400px}.empty-state-action{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:8px;padding:12px 24px;text-decoration:none;transition:all .3s ease}.empty-state-action:hover{box-shadow:0 8px 25px #f59e0b4d;transform:translateY(-2px)}.notifications-loading{align-items:center;display:flex;flex-direction:column;gap:24px;justify-content:center;padding:60px 40px}.loading-spinner{border:4px solid #fef3c7;border-top-color:#f59e0b;height:48px;width:48px}.loading-text{color:#6b7280;font-size:1.1rem;font-weight:600}.notifications-pagination{background:#f9fafb;border-top:1px solid #f3f4f6;padding:12px 0}.notifications-pagination-content{align-items:center;display:flex;justify-content:space-between;padding:0 16px}.pagination-info{color:#6b7280;font-size:.875rem}.pagination-controls{display:flex;gap:8px}.pagination-btn{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:.875rem;padding:8px 12px;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#f59e0b;border-color:#f59e0b;color:#fff}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-btn.active{background:#f59e0b;border-color:#f59e0b;color:#fff}@media (max-width:1200px){.notifications-main-content{padding:32px 24px}}@media (max-width:768px){.notifications-header-section{padding:24px 20px}.notifications-header-content{align-items:flex-start;flex-direction:column;gap:20px}.notifications-title-section{align-items:flex-start;flex-direction:column;gap:16px}.notifications-title-content h1{font-size:2rem}.notifications-main-content{padding:24px 16px}.controls-row,.notifications-filters{align-items:stretch;flex-direction:column}.search-box{min-width:auto}.notification-item{flex-direction:column;gap:16px;padding:20px 16px}.notification-header{flex-direction:column;gap:8px}.notification-footer{align-items:stretch;flex-direction:column;gap:12px}.notification-actions{justify-content:center}.notifications-pagination{flex-direction:column;gap:16px}}.notifications-list::-webkit-scrollbar{width:6px}.notifications-list::-webkit-scrollbar-track{background:#f9fafb}.notifications-list::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:3px}.notifications-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#d97706,#b45309)}.notifications-list-container{scrollbar-color:#f59e0b #fff7ed;scrollbar-width:thin}.notifications-list-container::-webkit-scrollbar{width:8px}.notifications-list-container::-webkit-scrollbar-track{background:#fff7ed}.notifications-list-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:4px}.notifications-list-container::-webkit-scrollbar-button{display:none;height:0;width:0}.bulk-action-btn:focus,.filter-select:focus,.notification-action-btn:focus,.notification-item:focus{outline:2px solid #f59e0b;outline-offset:2px}.notification-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.notification-modal{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:80vh;max-width:600px;overflow-y:auto;width:90%}.notification-modal-header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:24px 32px 16px}.notification-modal-header h3{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0}.notification-modal-close{background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;font-size:24px;padding:4px;transition:all .2s ease}.notification-modal-close:hover{background:#f3f4f6;color:#374151}.notification-modal-content{padding:24px 32px}.notification-modal-type{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.notification-modal-time{color:#9ca3af;font-size:.875rem;font-weight:500}.modal-badge{border-radius:12px;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.modal-badge.job_expiry_24_hour{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.modal-badge.job_expiry_1_hour{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.modal-badge.job_expired,.modal-badge.system{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.notification-modal-title{color:#1f2937;font-size:1.25rem;font-weight:700;line-height:1.4;margin:0 0 12px}.notification-modal-message{color:#4b5563;font-size:1rem;line-height:1.6;margin:0 0 16px;text-align:left;white-space:pre-line}.notification-item.warning .notification-modal-message,.notification-modal.warning .notification-modal-message{text-align:justify;text-justify:inter-word}.notification-modal-reference{background:#f3f4f6;border-radius:8px;color:#6b7280;font-size:.875rem;margin-top:16px;padding:12px 16px}.notification-modal-actions{border-top:1px solid #f3f4f6;display:flex;gap:12px;justify-content:flex-end;padding:16px 32px 24px}.notification-modal-btn{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:.875rem;font-weight:600;padding:10px 20px;transition:all .2s ease}.notification-modal-btn:hover{background:#f3f4f6;border-color:#d1d5db}.notification-modal-btn.primary{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#f59e0b;color:#fff}.notification-modal-btn.primary:hover{background:linear-gradient(135deg,#d97706,#b45309)}.notification-modal-btn.danger{background:#fef2f2;border-color:#fecaca;color:#dc2626}.notification-modal-btn.danger:hover{background:#dc2626;border-color:#dc2626;color:#fff}@media print{.bulk-actions,.notification-actions,.notifications-header-actions{display:none}.notification-item{break-inside:avoid;page-break-inside:avoid}.notification-modal-overlay{display:none}}.provider-profile-container{background:linear-gradient(135deg,#fffbeb,#fef3c7);min-height:100%;width:100%}.provider-profile-banner{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:0 0 32px 32px;height:150px;overflow:hidden;position:relative}.provider-banner-overlay{align-items:flex-start;background:linear-gradient(135deg,#f59e0b66,#d9770699);bottom:0;display:flex;justify-content:flex-end;left:0;padding:18px;position:absolute;right:0;top:0}.provider-banner-customize-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:10px 16px;transition:all .3s ease}.provider-banner-customize-btn:hover{background:#ffffff4d;box-shadow:0 8px 25px #0003;transform:translateY(-2px)}.provider-banner-color-picker{background:#fff;border:1px solid #0000001a;border-radius:14px;box-shadow:0 18px 36px #00000026;max-height:400px;max-width:380px;min-height:300px;min-width:320px;overflow-y:auto;padding:18px;position:absolute;right:20px;top:60px;z-index:1000}.provider-color-picker-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.provider-color-picker-header h4{color:#1f2937;font-size:16px;font-weight:600;margin:0}.provider-close-btn{background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;font-size:18px;padding:4px;transition:all .2s ease}.provider-close-btn:hover{background:#f3f4f6;color:#374151}.provider-color-presets{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.provider-color-preset{border:3px solid #0000;border-radius:12px;cursor:pointer;height:60px;position:relative;transition:all .3s ease;width:60px}.provider-color-preset:hover{box-shadow:0 8px 16px #00000026;transform:scale(1.05)}.provider-color-preset.active{border-color:#1f2937;box-shadow:0 8px 20px #0003;transform:scale(1.1)}.provider-color-preset.active:after{color:#fff;content:"✓";font-size:16px;font-weight:700;left:50%;position:absolute;text-shadow:0 2px 4px #00000080;top:50%;transform:translate(-50%,-50%)}.provider-color-picker-input{border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;height:50px;width:100%}.provider-profile-header{display:flex;gap:32px;margin-bottom:40px;margin-top:-70px;padding:0 40px;position:relative}.provider-profile-avatar-section{flex-shrink:0}.provider-profile-avatar-container{display:inline-block;position:relative}.provider-profile-avatar{align-items:center;background:#fff;border:6px solid #fff;border-radius:50%;box-shadow:0 16px 40px #00000026;display:flex;height:140px;justify-content:center;overflow:hidden;position:relative;width:140px}.provider-profile-avatar img{height:100%;object-fit:cover;width:100%}.provider-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;display:flex;font-size:48px;font-weight:700;height:100%;justify-content:center;width:100%}.provider-avatar-upload-btn{align-items:center;background:#fff;border:2px solid #f59e0b;border-radius:50%;bottom:8px;box-shadow:0 4px 12px #0000001a;cursor:pointer;display:flex;font-size:18px;height:44px;justify-content:center;position:absolute;right:8px;transition:all .3s ease;width:44px}.provider-avatar-upload-btn:hover{background:#fef3c7;box-shadow:0 6px 16px #00000026;transform:scale(1.05)}.provider-avatar-upload-btn:disabled{cursor:not-allowed;opacity:.6}.provider-upload-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.provider-upload-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:32px;width:32px}.provider-profile-info-section{display:flex;flex:1 1;gap:40px;margin-top:20px}.provider-profile-main-info{flex:1 1}.provider-profile-name{color:#fff;font-size:40px;font-weight:800;line-height:1.1;margin:0 0 12px;text-align:left}.provider-profile-title{align-items:center;display:flex;gap:12px;margin-bottom:16px}.user-type-badge{background:linear-gradient(135deg,#10b981,#059669);border-radius:20px;color:#fff;padding:6px 12px}.user-type-badge.provider{background:linear-gradient(135deg,#f59e0b,#d97706)}.provider-verification-badge{border-radius:16px;font-size:12px;font-weight:600;padding:6px 12px}.provider-verification-badge.verified{background:#d1fae5;color:#065f46}.provider-verification-badge.pending{background:#fef3c7;color:#92400e}.provider-profile-meta{display:flex;flex-direction:column;gap:8px;margin-bottom:24px;text-align:justify}.provider-meta-item{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:12px}.provider-meta-icon{font-size:16px;width:20px}.provider-profile-bio{background:#fef3c7;border-left:4px solid #f59e0b;border-radius:12px;margin:20px 0;padding:16px}.provider-profile-bio p{color:#4b5563;font-size:14px;line-height:1.6;margin:0}.provider-profile-actions{display:flex;flex-wrap:wrap;gap:16px}.provider-btn-primary{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 18px;transition:all .3s ease}.provider-btn-primary:hover{box-shadow:0 8px 20px #f59e0b66;transform:translateY(-2px)}.provider-btn-outline{align-items:center;background:#fff;border:2px solid #f59e0b;border-radius:12px;color:#f59e0b;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 18px;transition:all .3s ease}.provider-btn-outline:hover{background:#fef3c7;border-color:#f59e0b;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.provider-profile-stats{display:flex;flex-direction:column;gap:16px;min-width:200px}.provider-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 12px #0000000d;padding:24px;text-align:center;transition:all .3s ease}.provider-stat-card:hover{border-color:#f59e0b;box-shadow:0 12px 24px #0000001a;transform:translateY(-4px)}.provider-stat-number{color:#f59e0b;display:block;font-size:28px;font-weight:800;line-height:1;margin-bottom:8px}.provider-stat-label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.provider-profile-content,.provider-profile-content-scrollable{padding:0 40px 40px}.provider-profile-sections{grid-gap:36px;display:grid;gap:36px;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:1400px;width:98%}.provider-profile-section{background:#fff;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;max-height:680px;min-height:460px;padding:24px;transition:all .3s ease}.provider-profile-section:hover{border-color:#f59e0b;box-shadow:0 8px 32px #0000001f;transform:translateY(-2px)}.provider-profile-section.full-width{grid-column:1/-1;max-height:none;min-height:200px}.provider-section-header{align-items:center;border-bottom:3px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;position:relative}.provider-section-header h3{align-items:center;color:#1f2937;display:flex;font-size:18px;font-weight:700;gap:8px;margin:0}.provider-section-header h3:after{background:linear-gradient(90deg,#f59e0b,#d97706);border-radius:2px;bottom:-3px;content:"";height:3px;left:0;position:absolute;width:60px}.provider-edit-section-btn{background:#f59e0b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .3s ease}.provider-edit-section-btn:hover{background:#d97706;box-shadow:0 4px 12px #f59e0b4d;transform:translateY(-1px)}.provider-info-grid{flex:1 1;padding:20px 28px}.provider-info-row{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:12px}.provider-info-row:last-child{margin-bottom:0}.provider-info-item{display:flex;flex-direction:column;gap:8px}.provider-info-item label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.provider-info-item span{border-bottom:1px solid #fef3c7;color:#1f2937;font-size:14px;padding:10px 0}.rate-value{color:#059669!important;font-size:16px!important;font-weight:700!important}.transactions-list{grid-gap:12px;display:grid;flex:1 1;gap:12px;overflow-y:auto}.transaction-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 10px #f59e0b0f;padding:16px}.transaction-card:hover{border-color:#f59e0b;box-shadow:0 6px 16px #f59e0b1f}.txn-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.transaction-title{color:#1f2937;font-size:16px;font-weight:700;margin:0}.transaction-status{background:#d1fae5;border:1px solid #10b981;border-radius:999px;color:#065f46;font-size:11px;font-weight:700;padding:2px 8px;text-transform:uppercase}.txn-meta{color:#6b7280;font-size:12px;margin-bottom:8px}.txn-grid{grid-gap:8px 16px;display:grid;gap:8px 16px;grid-template-columns:1fr 1fr}.txn-item label{color:#6b7280;font-size:11px;font-weight:700}.txn-item span{color:#1f2937;font-size:13px}.skills-section{flex:1 1;overflow-y:auto}.skills-container{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.skill-tag{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:20px;box-shadow:0 2px 8px #f59e0b33;color:#fff;font-size:14px;font-weight:600;padding:8px 16px;transition:all .3s ease}.skill-tag:hover{box-shadow:0 4px 12px #f59e0b4d;transform:translateY(-2px)}.provider-verification-section{flex:1 1;overflow-y:auto}.provider-verification-card{align-items:flex-start;border:2px solid;border-radius:16px;display:flex;gap:16px;margin-top:8px;padding:24px;transition:all .3s ease}.provider-verification-card.verified{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#10b981}.provider-verification-card.pending{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#f59e0b}.provider-verification-card.pending.priority{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#10b981;box-shadow:0 4px 12px #10b98133}.provider-verification-card.pending.priority .verification-icon{animation:rocketBounce 2s ease-in-out infinite}@keyframes rocketBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.provider-verification-card.unverified{background:linear-gradient(135deg,#fef2f2,#fecaca);border-color:#ef4444}.provider-verification-card.rejected{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#ef4444}.provider-verification-card.rejected .provider-verification-info h4{color:#dc2626}.provider-verification-card.rejected .provider-verification-info p:first-of-type{color:#991b1b;font-weight:500}.provider-verification-icon{flex-shrink:0;font-size:32px}.provider-verification-info h4{color:#1f2937;font-size:18px;font-weight:700;margin:0 0 8px}.provider-verification-info p{color:#6b7280;line-height:1.6;margin:0 0 16px}.provider-verification-benefits{display:flex;flex-wrap:wrap;gap:8px}.provider-benefit{background:#10b98133;border-radius:12px;color:#047857;font-size:12px;font-weight:600;padding:4px 12px}.verify-btn{background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.verify-btn:hover{background:#dc2626;box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.bio-section{flex:1 1;overflow-y:auto}.bio-content{margin-top:8px}.bio-text{word-wrap:break-word;color:#1f2937;font-size:16px;line-height:1.8;margin:0;white-space:pre-wrap}.bio-placeholder{color:#9ca3af;font-style:italic;line-height:1.6;margin:0}.provider-profile-section{scrollbar-color:#f59e0b #fef3c7;scrollbar-width:thin}.provider-profile-section::-webkit-scrollbar{width:6px}.provider-profile-section::-webkit-scrollbar-track{background:#fef3c7;border-radius:4px}.provider-profile-section::-webkit-scrollbar-thumb{background:#f59e0b;border-radius:4px}.provider-profile-section::-webkit-scrollbar-thumb:hover{background:#d97706}@media (max-width:1400px){.provider-profile-sections{gap:36px;max-width:1200px}.provider-profile-content,.provider-profile-header{padding-left:40px;padding-right:40px}}@media (max-width:1200px){.provider-profile-sections{gap:24px;grid-template-columns:1fr;max-width:800px}.provider-profile-section.full-width{grid-column:1}.provider-profile-header{text-align:center}.provider-profile-header,.provider-profile-info-section{align-items:center;flex-direction:column;gap:24px}.provider-profile-stats{flex-direction:row;justify-content:center;min-width:auto}}@media (max-width:768px){.provider-profile-content,.provider-profile-header{padding-left:20px;padding-right:20px}.provider-profile-header{margin-top:-60px}.provider-profile-avatar{height:120px;width:120px}.provider-avatar-placeholder,.provider-profile-name{font-size:36px}.provider-profile-section{min-height:200px;padding:20px}.provider-info-row{gap:16px;grid-template-columns:1fr}.provider-profile-stats{gap:12px;grid-template-columns:repeat(2,1fr)}.provider-banner-color-picker{left:50%;max-height:400px;max-width:360px;min-height:350px;min-width:320px;right:auto;transform:translateX(-50%)}.provider-color-presets{grid-template-columns:repeat(3,1fr)}.provider-color-preset{height:50px;width:50px}.provider-info-grid{padding:24px}}@media (max-width:480px){.provider-profile-stats{grid-template-columns:1fr}.provider-banner-color-picker{max-width:300px;min-width:280px}.provider-color-presets{grid-template-columns:repeat(2,1fr)}.provider-profile-actions{flex-direction:column}.btn-primary,.provider-btn-outline{justify-content:center;width:100%}}.ss-dashboard{background:#f0f9ff;color:#1f2937;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100vw;z-index:1000}.ss-sidebar{align-items:stretch;background:linear-gradient(180deg,#1e40af,#1d4ed8);box-shadow:4px 0 20px #1e40af26;color:#fff;display:flex;flex-direction:column;flex-shrink:0;padding:16px;position:relative;transition:width .3s ease;width:180px}.ss-sidebar:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='10' height='10' patternUnits='userSpaceOnUse'%3E%3Cpath d='M10 0H0v10' fill='none' stroke='rgba(255,255,255,0.1)' stroke-width='.5'/%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}.ss-brand{align-items:center;border-bottom:1px solid #fff3;display:flex;justify-content:center;padding:8px 0 12px;position:relative;z-index:2}.ss-logo{display:block;filter:brightness(1.2) contrast(120%);height:auto;width:120px}.ss-nav{flex:1 1;flex-direction:column;gap:8px;z-index:2}.ss-nav,.ss-nav-item{display:flex;position:relative}.ss-nav-item{align-items:center;background:none;border:none;border-radius:12px;color:#ffffffe6;cursor:pointer;font-weight:400;gap:12px;overflow:hidden;padding:8px 12px;text-align:left;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.ss-nav-item:before{background:#ffffff26;border-radius:12px;content:"";height:100%;left:0;position:absolute;top:0;transition:width .3s ease;width:0}.ss-nav-item:hover:before{width:100%}.ss-nav-item:hover{box-shadow:0 4px 15px #0003;color:#fff;transform:translateX(8px)}.ss-nav-item.active{background:#fff3;box-shadow:0 4px 15px #00000026;color:#fff}.ss-nav-icon{font-size:1.1rem;position:relative;text-align:center;width:20px;z-index:2}.ss-nav-icon img{display:inline-block;height:20px;object-fit:contain;vertical-align:middle;width:20px}.ss-nav-label{font-size:.75rem;font-weight:400}.ss-logout,.ss-nav-label{position:relative;z-index:2}.ss-logout{border-top:1px solid #fff3;margin-top:auto;padding-top:12px}.ss-logout-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#ffffffe6;cursor:pointer;display:flex;font-size:.75rem;font-weight:400;gap:12px;padding:10px 16px;transition:all .3s ease;width:100%}.ss-logout-btn:hover{background:#fff3;box-shadow:0 8px 25px #0003;color:#fff;transform:translateY(-2px)}.ss-logout-btn .ss-nav-icon{font-size:1.1rem;position:relative;text-align:center;width:20px;z-index:2}.ss-collapse-btn{align-items:center;background:#fff;border:2px solid #1e40af;border-radius:50%;box-shadow:0 4px 12px #1e40af66,0 0 0 4px #1e40af1a;color:#1e40af;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:40px;justify-content:center;position:absolute;right:-18px;top:50%;transform:translateY(-50%);transition:all .3s ease;width:40px;z-index:900}.ss-collapse-btn:hover{background:#1e40af;box-shadow:0 6px 16px #1e40af80,0 0 0 6px #1e40af26;color:#fff;transform:translateY(-50%) scale(1.15)}.ss-collapse-btn:active{transform:translateY(-50%) scale(1.05)}.ss-sidebar.collapsed{width:60px}.ss-sidebar.collapsed .ss-logo{width:40px}.ss-sidebar.collapsed .ss-logout-btn .ss-nav-label,.ss-sidebar.collapsed .ss-nav-label{display:none}.ss-sidebar.collapsed .ss-nav-item{justify-content:center;padding:8px}.ss-sidebar.collapsed .ss-logout-btn{justify-content:center;padding:10px}.ss-main{background:#f0f9ff;display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.ss-header{background:#fff;border-bottom:1px solid #dbeafe;box-shadow:0 2px 10px #1e40af14;flex-shrink:0;justify-content:space-between;padding:16px 20px}.ss-header,.ss-username{align-items:center;display:flex}.ss-username{color:#1f2937;font-size:1.1rem;font-weight:700;gap:10px}.ss-username:before{content:"👋";font-size:1.2rem}.ss-header-actions{display:flex;gap:10px}.ss-icon-btn{align-items:center;background:#dbeafe;border:none;border-radius:12px;color:#1e40af;cursor:pointer;display:flex;font-size:1rem;height:36px;justify-content:center;position:relative;text-decoration:none;transition:all .3s ease;width:36px}.ss-icon-btn:hover{background:#bfdbfe;transform:scale(1.05)}.seeker-notification-badge{background:linear-gradient(135deg,#3b82f6,#2563eb);border:1px solid #fff3;border-radius:10px;box-shadow:0 2px 4px #3b82f64d;color:#fff;font-size:.625rem;font-weight:700;min-width:16px;padding:2px 6px;position:absolute;right:-2px;text-align:center;top:-2px}.ss-content{flex:1 1;min-height:0;overflow-y:auto;padding:16px}.ss-content::-webkit-scrollbar{width:6px}.ss-content::-webkit-scrollbar-track{background:#f0f9ff}.ss-content::-webkit-scrollbar-thumb{background:#bfdbfe;-webkit-transition:background .3s ease;transition:background .3s ease}.ss-content::-webkit-scrollbar-thumb:hover{background:#93c5fd}.ss-page-title{color:#1f2937;font-weight:800;margin-bottom:24px;position:relative}.ss-page-title:after{background:linear-gradient(90deg,#1e40af,#3b82f6);border-radius:2px;bottom:-8px;content:"";height:4px;left:0;position:absolute;width:60px}.ss-hero{align-items:center;background:#fff;border:1px solid #dbeafe;border-radius:20px;box-shadow:0 4px 20px #1e40af14;display:flex;justify-content:space-between;margin-bottom:20px;overflow:hidden;padding:20px;position:relative}.ss-hero:before{background:linear-gradient(135deg,#dbeafe,#bfdbfe);content:"";height:100%;opacity:.5;position:absolute;right:0;top:0;transform:skewX(-10deg) translateX(80px);width:200px}.ss-hero-left{flex:1 1;position:relative;z-index:2}.ss-hero-left h2{color:#1f2937;font-size:1.3rem;font-weight:700;line-height:1.3;margin-bottom:10px}.ss-hero-left p{color:#6b7280;font-size:1rem;margin-bottom:20px}.ss-hero-actions{display:flex;flex-wrap:wrap;gap:12px}.ss-hero-image{align-items:center;background:linear-gradient(135deg,#1e40af,#3b82f6);border-radius:50%;color:#fff;display:flex;font-size:2.5rem;height:100px;justify-content:center;position:relative;width:100px;z-index:2}.ss-hero-image:before{content:"🔍"}.ss-section-title{align-items:center;color:#1f2937;display:flex;font-size:1.1rem;font-weight:700;gap:10px;margin-bottom:20px}.ss-section-title:before{background:linear-gradient(180deg,#1e40af,#3b82f6);border-radius:2px;content:"";height:20px;width:3px}.ss-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.ss-card{background:#fff;border:1px solid #dbeafe;border-radius:16px;box-shadow:0 4px 20px #1e40af14;overflow:hidden;transition:all .3s ease}.ss-card:hover{box-shadow:0 8px 30px #1e40af26;transform:translateY(-6px)}.ss-card-media{background:linear-gradient(135deg,#dbeafe,#bfdbfe);height:140px;position:relative}.ss-card-media:before{content:"📋";font-size:2rem;left:50%;opacity:.7;position:absolute;top:50%;transform:translate(-50%,-50%)}.ss-card-body{padding:20px}.ss-card-body h3{color:#1f2937;font-size:1rem;font-weight:700;margin-bottom:10px}.ss-card-body p{color:#6b7280;font-size:.9rem;line-height:1.5;margin-bottom:8px}.service-provider{color:#1e40af;font-weight:600}.ss-card-actions{display:flex;gap:10px;margin-top:15px}.btn-primary{background:linear-gradient(135deg,#1e40af,#3b82f6);border-radius:10px;justify-content:center;padding:10px 20px;text-decoration:none}.btn-primary:hover{box-shadow:0 8px 25px #1e40af4d}.btn-outline{background:#0000;border:2px solid #1e40af;border-radius:10px;color:#1e40af;justify-content:center;padding:10px 20px;text-decoration:none}.btn-outline:hover,.btn-sm{background:#1e40af}.btn-sm{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:500;padding:6px 12px;text-decoration:none;transition:all .3s ease}.btn-sm:hover{background:#1d4ed8;transform:scale(1.05)}.btn-sm-outline{background:#0000;border:1px solid #1e40af;border-radius:8px;color:#1e40af;cursor:pointer;font-size:.8rem;font-weight:500;padding:6px 12px;transition:all .3s ease}.btn-sm-outline:hover{background:#1e40af;color:#fff}.error-message{background:#fee2e2;padding:12px}.info-message{background:#e3f2fd!important;border:1px solid #bbdefb!important;border-left:3px solid #2196f3!important;color:#1976d2!important}.loading-container{align-items:center;background:#f0f9ff;display:flex;justify-content:center;min-height:100vh}.loading-spinner{border:3px solid #dbeafe;border-top-color:#1e40af;height:40px;position:relative;width:40px}.loading-spinner:after{color:#1e40af;content:"Loading...";font-weight:600;left:50%;position:absolute;top:60px;transform:translateX(-50%);white-space:nowrap}@media (max-width:1024px){.ss-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.ss-hero{flex-direction:column;gap:20px;text-align:center}.ss-hero-actions{justify-content:center}}@media (max-width:768px){.ss-dashboard{flex-direction:column;height:auto;min-height:100vh}.ss-sidebar{align-items:stretch;flex-direction:column;height:100vh;left:0;overflow-x:hidden;overflow-y:auto;padding:12px;position:fixed;top:0;width:240px;z-index:1001}.ss-brand{border-bottom:none;border-right:1px solid #fff3;padding:6px 12px 6px 0}.ss-nav{flex:1 1 auto;flex-direction:column;gap:10px;padding:12px}.ss-nav-item{justify-content:flex-start;min-width:auto}.ss-nav-label{display:inline-block}.ss-logout{border-left:1px solid #fff3;border-top:none;margin-top:0;padding-left:12px;padding-top:0}.ss-main{margin-left:0;overflow:visible}.ss-content{overflow-y:visible}.ss-content,.ss-header{padding:12px}.ss-hero{padding:20px}.ss-grid{grid-template-columns:1fr}.ss-hero-actions{flex-direction:column}.ss-sidebar.collapsed{width:56px}.ss-nav-icon img{height:16px;width:16px}.ss-sidebar.collapsed .ss-nav-label{display:none}.ss-collapse-btn{z-index:900}}.quick-stats{grid-gap:1.2rem;display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:1.8rem}.stat-card{align-items:center;border:1px solid #dbeafe;border-radius:12px;box-shadow:0 4px 15px #1e40af14;display:flex;gap:.8rem;padding:1.2rem}.stat-card:hover{box-shadow:0 8px 25px #1e40af26}.stat-icon{align-items:center;background:#dbeafe;border-radius:10px;display:flex;font-size:1.8rem;height:40px;justify-content:center;width:40px}.stat-info{flex:1 1}.stat-number{color:#1e40af;font-size:1.2rem;margin-bottom:.2rem}.activity-section,.recommendations{background:#fff;border:1px solid #dbeafe;border-radius:16px;box-shadow:0 4px 15px #1e40af14;margin-bottom:1.8rem;padding:1.8rem}.activity-section h3,.recommendations h3{color:#1f2937;font-weight:600;margin:0 0 1.2rem}.activity-list{gap:.8rem}.activity-item{background:#f0f9ff;border-radius:10px;gap:.8rem;padding:.8rem}.activity-item:hover{background:#dbeafe;transform:translateX(4px)}.activity-icon{background:#bfdbfe;border-radius:8px;font-size:1.2rem;height:30px;width:30px}.activity-details{flex:1 1}.activity-title{color:#1f2937;font-weight:600;margin-bottom:.2rem}.activity-time{color:#6b7280;font-size:.8rem}.activity-status{border-radius:6px;font-size:.7rem;font-weight:600;padding:.2rem .6rem;text-transform:uppercase}.activity-status.confirmed{background:#d1fae5;color:#065f46}.activity-status.completed{background:#dbeafe;color:#1e40af}.activity-status.pending{background:#fef3c7;color:#92400e}.section-header{align-items:center;display:flex;flex-wrap:wrap;gap:.8rem;justify-content:space-between;margin-bottom:1.8rem}.section-header h3{margin:0}.section-header .btn-sm-outline{background:#fff;border:1px solid #1e40af;border-radius:4px;color:#1e40af;cursor:pointer;font-size:10px;font-weight:500;padding:4px 8px;text-decoration:none;transition:all .2s}.section-header .btn-sm-outline:hover{background:#1e40af;box-shadow:0 2px 4px #1e40af33;color:#fff;transform:translateY(-1px)}.search-filters{display:flex;flex-wrap:wrap;gap:.8rem}.filter-select,.search-input{background:#fff;border:1px solid #bfdbfe;border-radius:8px;font-size:.8rem;padding:.6rem .8rem;transition:all .3s ease}.filter-select:focus,.search-input:focus{border-color:#1e40af;box-shadow:0 0 0 3px #1e40af1a;outline:none}.status-badge{border-radius:6px;font-size:.7rem;letter-spacing:.025em;padding:.2rem .6rem;text-transform:uppercase}.status-badge.confirmed{background:#d1fae5;color:#065f46}.status-badge.completed{background:#dbeafe;color:#1e40af}.status-badge.pending{background:#fef3c7;color:#92400e}.status-badge.active{background:#d1fae5;color:#065f46}.service-rating{align-items:center;justify-content:space-between;margin-top:.4rem}.rating{color:#f59e0b;font-size:.8rem;font-weight:600}.bookings-stats{display:flex;flex-wrap:wrap;gap:1.6rem;justify-content:center;margin-bottom:1.8rem}.booking-stat{background:#fff;border:1px solid #dbeafe;border-radius:12px;box-shadow:0 4px 15px #1e40af14;min-width:100px;padding:1.2rem;text-align:center}.bookings-list,.requests-list{display:flex;flex-direction:column;gap:.8rem}.booking-card,.request-card{background:#fff;border:1px solid #dbeafe;border-radius:12px;box-shadow:0 4px 15px #1e40af14;padding:1.2rem;transition:all .3s ease}.booking-card:hover,.request-card:hover{box-shadow:0 8px 25px #1e40af26;transform:translateY(-2px)}.booking-header,.request-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.8rem}.booking-header h3,.request-header h3{color:#1f2937;margin:0}.booking-details,.request-details{margin-bottom:.8rem}.booking-details p,.request-details p{color:#6b7280;margin:.4rem 0}.booking-actions,.request-actions{display:flex;flex-wrap:wrap;gap:.6rem}.reviews-list{display:flex;flex-direction:column;gap:.8rem}.review-card{background:#fff;border:1px solid #dbeafe;border-radius:12px;box-shadow:0 4px 15px #1e40af14;padding:1.2rem;transition:all .3s ease}.review-card:hover{box-shadow:0 8px 25px #1e40af26;transform:translateY(-2px)}.review-header{align-items:start;display:flex;justify-content:space-between;margin-bottom:.8rem}.service-info h4{color:#1f2937;margin:0 0 .2rem}.provider-name{color:#6b7280}.review-rating{text-align:right}.review-date{color:#6b7280;display:block;font-size:.7rem;margin-top:.2rem}.review-comment p{color:#4b5563;line-height:1.6;margin:0 0 .8rem}.review-actions{display:flex;gap:.6rem}.messages-list{gap:.8rem}.message-card{background:#fff;border:1px solid #dbeafe;border-radius:12px;box-shadow:0 4px 15px #1e40af14;padding:1.2rem;transition:all .3s ease}.message-card.unread{background:#f0f9ff;border-left:4px solid #1e40af}.message-card:hover{box-shadow:0 8px 25px #1e40af26;transform:translateY(-2px)}.message-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.8rem}.message-header h4{color:#1f2937;margin:0}.message-time{color:#6b7280}.message-content p{color:#4b5563;line-height:1.6;margin:0 0 .8rem}.message-actions{display:flex;gap:.6rem}.profile-content{margin:0 auto;max-width:100%}.profile-header{margin-bottom:1.6rem}.profile-main-card{align-items:flex-start;background:#fff;border:1px solid #dbeafe;border-radius:20px;box-shadow:0 4px 20px #1e40af14;display:flex;gap:1.6rem;justify-content:space-between;padding:1.6rem}.profile-left{display:flex;flex:1 1;gap:1.2rem}.profile-avatar img{border-radius:16px;box-shadow:0 4px 15px #1e40af26;height:80px;width:80px}.profile-basic-info{flex:1 1}.profile-name{color:#1f2937;font-size:1.3rem;margin-bottom:.4rem}.profile-title{color:#6b7280;font-size:1rem;font-weight:500;margin-bottom:.5rem}.profile-location{color:#1e40af;font-weight:500;margin-bottom:1rem}.profile-stats{margin-bottom:1.5rem}.stat-item{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.stat-number{color:#f59e0b;font-size:1.25rem}.star-rating,.stat-label{font-size:.875rem}.profile-actions-top{display:flex;gap:1rem}.profile-right{min-width:200px}.profile-tabs{background:#f0f9ff;border-radius:10px;display:flex;gap:.5rem;padding:.25rem}.tab-btn{background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.tab-btn.active{background:#fff;box-shadow:0 2px 4px #1e40af1a;color:#1e40af}.profile-body{margin-top:2rem}.profile-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.profile-left-column,.profile-right-column{display:flex;flex-direction:column;gap:1.5rem}.profile-section{border:1px solid #dbeafe;border-radius:16px;box-shadow:0 4px 15px #1e40af14;padding:1.5rem}.profile-section h3{align-items:center;color:#1f2937;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.info-grid{display:flex;flex-direction:column;gap:.75rem}.info-item{grid-gap:1rem;align-items:start;display:grid;gap:1rem;grid-template-columns:80px 1fr}.info-item label{font-size:.875rem;font-weight:500}.info-item span{font-size:.875rem;line-height:1.4}.info-item span.link{color:#1e40af;text-decoration:none}.preferences-tags{gap:.5rem}.pref-tag{background:#dbeafe;border-radius:6px;color:#1e40af;font-size:.75rem;padding:.25rem .75rem}.pref-tag.primary{background:#1e40af;color:#fff}.activity-stats{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(3,1fr);text-align:center}.activity-stat{align-items:center;display:flex;flex-direction:column}.activity-stat .stat-number{color:#1e40af;font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.activity-stat .stat-label{color:#6b7280;font-size:.75rem;font-weight:500}.budget-ranges{display:flex;flex-direction:column;gap:.75rem}.budget-item{align-items:center;background:#f0f9ff;border-radius:8px;display:flex;justify-content:space-between;padding:.75rem}.budget-category{color:#1f2937;font-size:.875rem;font-weight:500}.budget-range{color:#059669;font-size:.875rem;font-weight:600}.notification-settings{display:flex;flex-direction:column;gap:.75rem}.setting-item{align-items:center;color:#1f2937;cursor:pointer;display:flex;font-size:.875rem;gap:.75rem}.setting-item input[type=checkbox]{accent-color:#1e40af;height:16px;width:16px}.location-history{display:flex;flex-direction:column;gap:.75rem}.location-item{align-items:center;background:#f0f9ff;border-radius:8px;display:flex;justify-content:space-between;padding:.75rem}.location-name{color:#1f2937;font-size:.875rem;font-weight:500}.location-time{color:#6b7280;font-size:.75rem}@media (max-width:1024px){.profile-grid{grid-template-columns:1fr}.profile-main-card{text-align:center}.profile-left,.profile-main-card{align-items:center;flex-direction:column}}@media (max-width:768px){.profile-main-card{padding:1.5rem}.profile-avatar img{height:100px;width:100px}.profile-actions-top{flex-direction:column;width:100%}.activity-stats{gap:.75rem;grid-template-columns:1fr}.info-item{gap:.25rem;grid-template-columns:1fr}}.notification-badge{background:#dc2626;border-radius:10px;color:#fff;font-size:.625rem;font-weight:700;min-width:16px;padding:2px 6px;position:absolute;right:-2px;text-align:center;top:-2px}.ss-content::-webkit-scrollbar{width:8px}.ss-content::-webkit-scrollbar-track{background:#dbeafe4d;border-radius:4px}.ss-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#3b82f6,#1e40af);border-radius:4px;-webkit-transition:all .3s ease;transition:all .3s ease}.ss-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#2563eb,#1d4ed8);transform:scale(1.1)}@media (max-width:768px){.ss-dashboard{flex-direction:column;height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100vw}.ss-main{flex:1 1;min-height:0;overflow:hidden}.ss-header{flex-shrink:0}.ss-content{flex:1 1;min-height:0;overflow-y:auto}.quick-stats{grid-template-columns:repeat(2,1fr)}.bookings-stats{align-items:center;flex-direction:column}.section-header{align-items:stretch;flex-direction:column}.search-filters{justify-content:stretch}.filter-select,.search-input{flex:1 1}}.verification-status{display:flex;flex-direction:column;gap:12px}.verification-item{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:10px 0}.verification-item:last-child{border-bottom:none}.verification-label{color:#374151;font-weight:500}.verification-status.pending{background:#fbbf241a;color:#92400e}.verification-status.pending,.verification-status.verified{border-radius:4px;font-size:14px;font-weight:500;padding:4px 8px}.verification-status.verified{background:#22c55e1a;color:#166534}.verification-status.unverified{background:#ef44441a;border-radius:4px;color:#dc2626;font-size:14px;font-weight:500;padding:4px 8px}.verification-btn{align-self:flex-start;margin-top:15px}.notifications-content{padding:0}.notifications-header{background:#fff;border:1px solid #3b82f61a;border-radius:16px;box-shadow:0 4px 16px #1e40af14;margin-bottom:24px;padding:24px}.notifications-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.notification-stat{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #3b82f61a;border-radius:12px;padding:16px;text-align:center}.notification-stat .stat-number{color:#1d4ed8;display:block;font-size:2rem;font-weight:700;line-height:1}.notification-stat .stat-label{color:#6b7280;font-size:.875rem;margin-top:4px}.notifications-actions{display:flex;gap:12px;justify-content:flex-end}.notifications-list{display:flex;flex-direction:column;gap:16px}.notification-card{align-items:flex-start;background:#fff;border:1px solid #3b82f61a;border-radius:16px;box-shadow:0 4px 16px #1e40af14;display:flex;gap:16px;overflow:hidden;padding:20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.notification-card:before{background:#1d4ed8;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.notification-card:hover{box-shadow:0 8px 32px #1e40af26;transform:translateY(-2px)}.notification-card.booking:before{background:#1d4ed8}.notification-card.message:before{background:#059669}.notification-card.review:before{background:#d97706}.notification-card.request:before{background:#7c3aed}.notification-card.system:before{background:#6b7280}.notification-icon{align-items:center;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:12px;display:flex;font-size:1.5rem;height:48px;justify-content:center;width:48px}.notification-content{flex:1 1;min-width:0}.notification-message{color:#1f2937;font-size:1rem;line-height:1.5;margin-bottom:4px}.notification-time{color:#6b7280;font-size:.875rem}.notification-actions{display:flex;flex-shrink:0;gap:8px}.empty-state{border:1px solid #3b82f61a;box-shadow:0 4px 16px #1e40af14;padding:60px 20px}.empty-state .empty-icon{font-size:4rem;margin-bottom:16px;opacity:.5}.empty-state h3{color:#1f2937;margin-bottom:8px}.browse-content{max-width:100%}.browse-services-header{background:#dbeafe;border:1px solid #bfdbfe;border-radius:12px;box-shadow:0 2px 10px #1e40af1f;color:#1f2937;display:flex;flex-direction:column;gap:12px;margin-bottom:12px;padding:12px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:20}.browse-services-header .header-actions{align-items:center;border-top:1px solid #bfdbfe;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start;margin-right:0;padding-top:8px}.browse-services-header .header-content h2{color:#1f2937;font-size:1.25rem;font-weight:800;margin:0 0 2px}.browse-services-header .header-content p{color:#6b7280;font-size:.9rem;font-weight:400;margin:0}.browse-services-header .search-container{align-items:center;display:flex;flex:1 1 100%;gap:8px;margin-left:0;order:0}.browse-services-header .header-actions .header-filter-select{flex:1 1 160px;order:1}.browse-services-header .search-input-wrapper{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffff2,#dbeafee6);border:2px solid #1e40af4d;border-radius:12px;box-shadow:0 4px 15px #1e40af1a;box-sizing:border-box;display:flex;height:48px;min-width:400px;padding:12px 18px;position:relative;transition:all .3s ease;width:400px}.browse-services-header .search-input-wrapper:focus-within{background:linear-gradient(135deg,#fff,#dbeafef2);border-color:#1e40af99;box-shadow:0 6px 25px #1e40af33;transform:translateY(-2px)}.browse-services-header .search-input{background:#0000;border:none;color:#374151;font-family:inherit;font-size:.95rem;font-weight:500;outline:none;padding:2px 0;width:100%}.browse-services-header .search-input::placeholder{color:#1e40af;font-style:normal;font-weight:400;opacity:.8}.browse-services-header .clear-search-btn{align-items:center;background:linear-gradient(135deg,#1e40af,#1e3a8a);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.75rem;height:20px;justify-content:center;margin-left:12px;min-height:20px;min-width:20px;padding:4px;transition:all .2s ease;width:20px}.browse-services-header .clear-search-btn:hover{background:linear-gradient(135deg,#1e3a8a,#1e40af);transform:scale(1.1)}.browse-services-header .header-filter-select{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffff2,#dbeafee6);border:2px solid #1e40af4d;border-radius:12px;box-shadow:0 4px 15px #1e40af1a;color:#374151;cursor:pointer;font-size:.85rem;font-weight:500;height:48px;max-width:160px;min-width:120px;padding:12px 14px;transition:all .3s ease}.browse-services-header .header-filter-select:focus{background:linear-gradient(135deg,#fff,#dbeafef2);border-color:#1e40af99;box-shadow:0 6px 25px #1e40af33;outline:none;transform:translateY(-2px)}.browse-services-header .header-filter-select:disabled{background:linear-gradient(135deg,#9ca3af80,#d1d5db80);color:#9ca3af;cursor:not-allowed;opacity:.6}.browse-services-header .header-filter-select option{background:#fff;color:#374151;padding:8px}.browse-services-header .header-search-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:2px solid #fffc;border-radius:12px;box-shadow:0 4px 15px #ffffff4d;color:#1e40af;cursor:pointer;font-size:1rem;font-weight:600;height:48px;min-width:100px;padding:12px 24px;transition:all .3s ease;white-space:nowrap}.browse-services-header .header-search-btn:hover{background:#fffffff2;border-color:#fff;box-shadow:0 6px 25px #fff6;color:#1e3a8a;transform:translateY(-2px)}.browse-services-header .header-clear-btn{background:linear-gradient(135deg,#ef444426,#dc262626);border:2px solid #ef444466;border-radius:12px;box-shadow:0 4px 15px #ef444433;color:#dc2626;font-weight:700;min-width:80px;padding:12px 18px}.browse-services-header .header-clear-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);border-color:#dc2626;box-shadow:0 6px 25px #ef444466;color:#fff}.main-search-input{background:#f9fafb;border:2px solid #dbeafe;border-radius:12px;flex:1 1;font-size:1rem;min-width:300px;padding:12px 16px;transition:all .3s ease}.main-search-input:focus{background:#fff;border-color:#1e40af;box-shadow:0 0 0 4px #1e40af1a;outline:none}.search-btn{align-items:center;background:linear-gradient(135deg,#1e40af,#3b82f6);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.search-btn:hover{box-shadow:0 8px 25px #1e40af4d;transform:translateY(-2px)}.filters-container{border-top:1px solid #e5e7eb;padding-top:20px}.filters-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.date-input,.filter-select,.price-input{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;min-width:140px;padding:10px 14px;transition:all .3s ease}.date-input:focus,.filter-select:focus,.price-input:focus{border-color:#1e40af;box-shadow:0 0 0 3px #1e40af1a;outline:none}.filter-select:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.price-input{min-width:120px}.date-input{min-width:150px}.clear-filters-btn{background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;font-weight:500;padding:10px 16px;transition:all .3s ease}.clear-filters-btn:hover{background:#e5e7eb;color:#374151}.loading-services{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.loading-services .loading-spinner{height:40px;margin-bottom:16px;width:40px}.loading-services p{color:#6b7280;font-size:1.1rem;margin:0}.services-count{margin-bottom:24px;padding:0 4px}.services-count p{color:#6b7280;font-size:.95rem;font-weight:500;margin:0}.services-grid{grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));margin-bottom:40px}.service-card{border:1px solid #dbeafe;box-shadow:0 4px 20px #1e40af14;transition:all .3s cubic-bezier(.4,0,.2,1)}.service-card:hover{box-shadow:0 12px 40px #1e40af26;transform:translateY(-8px)}.service-card-header{height:180px;overflow:hidden;position:relative}.service-card-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.service-card:hover .service-card-image{transform:scale(1.05)}.service-card-no-image{align-items:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#6b7280;display:flex;justify-content:center}.no-image-icon{font-size:3rem;opacity:.7}.service-card-category{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e40afe6;border-radius:20px;color:#fff;font-size:.75rem;font-weight:600;left:12px;padding:4px 12px;position:absolute;top:12px}.service-card-body{padding:20px}.service-title{margin-bottom:8px}.service-meta{margin-bottom:16px}.service-provider{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:12px}.provider-name{color:#1e40af;font-size:.9rem}.provider-rating{align-items:center;color:#f59e0b;display:flex;font-size:.85rem;font-weight:600;gap:4px}.review-count{font-weight:400}.service-details{font-size:.85rem}.service-price{font-size:1rem;grid-column:1/-1;margin-bottom:4px}.service-date,.service-duration,.service-location{align-items:center;color:#6b7280;display:flex;gap:4px}.service-card-actions{flex-wrap:wrap;gap:8px}.apply-btn{background:linear-gradient(135deg,#059669,#10b981);border:none;color:#fff}.apply-btn:hover{background:linear-gradient(135deg,#047857,#059669);transform:scale(1.05)}.favorite-btn{border-color:#dc2626;color:#dc2626}.favorite-btn:hover{background:#dc2626;color:#fff}.no-services{grid-column:1/-1;padding:80px 20px;text-align:center}.no-services-icon{font-size:4rem;margin-bottom:16px;opacity:.5}.no-services h3{color:#1f2937;font-size:1.5rem;font-weight:600;margin-bottom:8px}.no-services p{color:#6b7280;font-size:1rem;line-height:1.5;margin:0}.service-modal-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:2000}.service-modal{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:86vh;max-width:760px;overflow-y:auto;width:100%}.service-modal-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;border-radius:20px 20px 0 0;display:flex;justify-content:space-between;padding:16px}.service-modal-header h2{color:#1f2937;font-size:1.05rem;font-weight:700;margin:0}.modal-close-btn{align-items:center;background:#f3f4f6;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:1rem;height:32px;justify-content:center;transition:all .3s ease;width:32px}.modal-close-btn:hover{background:#e5e7eb;color:#374151;transform:scale(1.1)}.service-modal-body{padding:12px}.modal-content-grid{grid-gap:12px;align-items:start;display:grid;gap:12px;grid-template-columns:1.45fr 1fr}.modal-left-column,.modal-right-column{display:flex;flex-direction:column;gap:10px}.modal-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:10px}.section-label{color:#1e40af;font-size:.75rem;font-weight:700;letter-spacing:.04em;margin-bottom:4px;text-transform:uppercase}.section-content{color:#374151;font-size:.85rem}.service-modal-images{margin-bottom:10px}.main-image-container{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;height:220px;overflow:hidden;position:relative}.modal-main-image{cursor:zoom-in;height:100%;object-fit:cover;width:100%}.main-image-container .image-nav-btn{background:#00000040;color:#fff;font-size:1.25rem;height:34px;position:absolute;top:50%;transform:translateY(-50%);width:34px}.main-image-container .modal-prev-btn{left:8px}.main-image-container .modal-next-btn{right:8px}.main-image-container .image-counter{background:#11182799;border-radius:9999px;bottom:8px;color:#fff;font-size:.75rem;padding:2px 8px;position:absolute;right:8px}.modal-image-thumbnails{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;padding-bottom:2px}.modal-thumbnail{border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;flex:0 0 auto;height:56px;object-fit:cover;width:64px}.modal-thumbnail.active{outline:2px solid #1e40af}.main-image{border-radius:12px;margin-bottom:12px;overflow:hidden}.main-image img{height:300px;object-fit:cover;width:100%}.thumbnail-images{display:flex;flex-wrap:wrap;gap:8px}.thumbnail{border-radius:8px;cursor:pointer;height:80px;object-fit:cover;transition:all .3s ease;width:80px}.thumbnail:hover{box-shadow:0 4px 12px #00000026;transform:scale(1.05)}.thumbnail.active{border:3px solid #1e40af;box-shadow:0 4px 15px #1e40af4d}.image-viewer-overlay{background:#000000e6;height:100%;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:3000}.image-viewer,.image-viewer-overlay{align-items:center;display:flex;justify-content:center}.image-viewer{max-height:90vh;max-width:90vw;position:relative}.full-size-image{border-radius:8px;max-height:100%;max-width:100%;object-fit:contain}.image-viewer-close{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;position:absolute;right:0;top:-50px;transition:all .3s ease;width:40px}.image-viewer-close:hover{background:#ffffff4d;transform:scale(1.1)}.image-nav-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:2rem;font-weight:700;height:50px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:50px}.image-nav-btn:hover{background:#ffffff4d;transform:translateY(-50%) scale(1.1)}.prev-btn{left:-70px}.next-btn{right:-70px}.image-counter{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000080;border-radius:20px;bottom:-50px;color:#fff;font-size:1rem;font-weight:600;left:50%;padding:8px 16px;position:absolute;transform:translateX(-50%)}.provider-basic-info{align-items:center;display:flex;flex-direction:column;text-align:center}.provider-basic-info .provider-name{font-size:.95rem;margin:0 0 4px}.provider-basic-info .provider-rating{align-items:center;display:flex;font-size:.8rem;gap:4px;justify-content:center}.provider-basic-info .provider-location{align-items:center;color:#334155;display:flex;font-size:.85rem;gap:6px;justify-content:center;margin-top:6px}.provider-actions{align-items:center;display:flex;flex-direction:column;gap:10px}.service-modal .action-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#111827;cursor:pointer;display:inline-flex;font-size:.85rem;gap:6px;justify-content:center;padding:8px 10px;transition:all .2s ease}.service-modal .action-btn:hover{background:#f8fafc}.service-modal .message-provider-btn{background:#eff6ff;border-color:#bfdbfe;color:#1e40af}.service-modal .contact-btn{background:#ecfdf5;border-color:#bbf7d0;color:#065f46}.provider-actions .action-btn{max-width:420px;width:100%}.main-actions-section .action-buttons .action-btn,.provider-actions .action-btn{display:inline-flex;width:auto}.action-buttons{align-items:center;gap:10px}.service-modal .apply-btn.primary{background:#2563eb;border:none;color:#fff}.service-modal .apply-btn.primary:hover{background:#1e40af}.service-modal .favorite-btn{background:#fff;border:1px solid #fecaca;color:#dc2626}.service-modal .favorite-btn.favorited{border-color:#fecaca;color:#ef4444}.service-modal .report-btn{background:#fff;border:1px solid #fecaca;color:#ef4444}.action-buttons .action-btn{max-width:520px;width:100%}.modal-left-column .modal-section .section-content,.modal-right-column .modal-section .section-content{display:block}.edge-to-edge-btn{align-self:auto!important;display:inline-flex!important;justify-content:center;width:auto!important}.service-modal .details-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.service-modal .detail-column{display:flex;flex-direction:column;gap:10px}.service-modal .detail-item{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;box-sizing:border-box;display:flex;gap:12px;justify-content:space-between;min-height:60px;padding:10px 12px;position:relative}.service-modal .detail-item:before{background:#1e40af;border-radius:4px;bottom:8px;content:"";left:0;position:absolute;top:8px;width:4px}.service-modal .detail-item .detail-label{color:#64748b;flex-shrink:0;font-size:.7rem;font-weight:700;letter-spacing:.04em;min-width:120px}.service-modal .detail-item .detail-value{color:#111827;flex:1 1;font-size:.85rem;font-weight:600;text-align:right}.service-modal-content{grid-gap:32px;display:grid;gap:32px;grid-template-columns:2fr 1fr}.service-info-section{margin-bottom:32px}.service-info-section h3{align-items:center;color:#1f2937;display:flex;font-size:1.2rem;font-weight:600;gap:8px;margin-bottom:16px}.service-info-section p{color:#4b5563;line-height:1.6;margin:0}.service-details-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.detail-item{background:#f9fafb;border-left:4px solid #1e40af;border-radius:8px;padding:12px}.detail-item strong{color:#374151;font-weight:600;margin-right:8px}.related-services{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.related-service-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:16px;transition:all .3s ease}.related-service-item:hover{background:#f3f4f6;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.related-service-item h4{color:#1f2937;font-size:.95rem;font-weight:600;margin:0 0 8px}.related-service-item p{color:#6b7280;font-size:.85rem;margin:4px 0}.provider-info-card,.service-actions-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:16px;height:-webkit-fit-content;height:fit-content;margin-bottom:20px;padding:20px}.provider-info-card h3,.service-actions-card h3{align-items:center;color:#1f2937;display:flex;font-size:1.1rem;font-weight:600;gap:8px;margin:0 0 16px}.provider-details{margin-bottom:20px}.provider-details .provider-name{color:#1e40af;font-size:1.1rem;font-weight:700;margin-bottom:8px}.provider-details .provider-rating{align-items:center;color:#f59e0b;display:flex;font-weight:600;gap:6px;margin-bottom:8px}.provider-since{color:#6b7280;font-size:.9rem}.provider-contact{display:flex;flex-direction:column;gap:12px}.contact-btn{background:linear-gradient(135deg,#059669,#10b981);border:none}.contact-btn:hover{background:linear-gradient(135deg,#047857,#059669)}.action-buttons{display:flex;flex-direction:column;gap:12px}.apply-service-btn{background:linear-gradient(135deg,#1e40af,#3b82f6);border:none}.favorite-service-btn{border-color:#dc2626;color:#dc2626}.favorite-service-btn:hover{background:#dc2626;color:#fff}.report-btn{border-color:#ef4444;color:#ef4444}.report-btn:hover{background:#ef4444;color:#fff}@media (max-width:1024px){.services-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.service-modal-content{grid-template-columns:1fr}.filters-row{justify-content:stretch}.date-input,.filter-select,.price-input{flex:1 1;min-width:auto}}@media (max-width:768px){.services-grid{grid-template-columns:1fr}.browse-search-section{padding:16px}.browse-services-header{flex-direction:column;gap:20px;padding:20px}.browse-services-header .header-actions{width:100%}.browse-services-header .search-container{flex-direction:column;gap:12px;width:100%}.browse-services-header .search-input-wrapper{min-width:100%;width:100%}.browse-services-header .header-search-btn{min-width:auto;width:100%}.main-search-input{margin-bottom:12px}.service-modal{margin:10px;max-height:95vh}.service-modal-body{padding:16px}.service-details-grid{grid-template-columns:1fr}.service-card-actions{justify-content:stretch}.service-card-actions button{flex:1 1}}.messages-container{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;height:calc(100vh - 140px);margin-top:20px;overflow:hidden}.conversations-list{border-right:1px solid #e5e7eb;display:flex;flex-direction:column;width:350px}.conversations-header{background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:20px 24px}.conversations-header h3{color:#1f2937;font-size:18px;font-weight:600;margin:0}.conversations{flex:1 1;overflow-y:auto}.conversation-item{border-bottom:1px solid #f1f5f9}.conversation-item:hover{background:#f8fafc}.conversation-item.active{background:#dbeafe;border-right:3px solid #3b82f6}.conversation-avatar{height:48px;margin-right:12px;width:48px}.conversation-header{align-items:center}.conversation-header h4{color:#1f2937;font-size:16px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-type{background:#f1f5f9;border-radius:12px;color:#6b7280;font-size:12px;margin-left:8px;padding:2px 8px}.unread-badge{border-radius:10px;color:#fff;font-size:12px;font-weight:600;min-width:20px}.conversation-preview p{color:#6b7280;font-size:14px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-time{color:#9ca3af;font-size:12px;margin-top:2px}.messages-panel{display:flex;flex:1 1;flex-direction:column}.chat-header{background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:20px 24px}.chat-user-info{align-items:center;display:flex}.chat-avatar{flex-shrink:0}.chat-user-info h3{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 2px}.user-type{color:#6b7280;font-size:14px}.messages-area{background:#fafafa;display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:20px}.messages-list{gap:16px}.message-bubble{word-wrap:break-word;max-width:70%}.message-bubble.sent{align-self:flex-end}.message-bubble.sent .message-content{background:#3b82f6;color:#fff}.message-bubble.received{align-self:flex-start}.message-bubble.received .message-content{background:#fff;border:1px solid #e5e7eb;color:#1f2937}.message-content{border-radius:18px;margin-bottom:4px}.message-meta{color:#9ca3af;font-size:12px;gap:8px;padding:0 4px}.message-bubble.sent .message-meta{justify-content:flex-end}.message-bubble.received .message-meta{justify-content:flex-start}.message-input-area{background:#fff;border-top:1px solid #e5e7eb;padding:20px 24px}.message-input-container{align-items:center;display:flex;gap:12px;max-width:100%}.message-input-container input{border:1px solid #d1d5db;border-radius:24px;flex:1 1;font-size:14px;outline:none;padding:12px 16px;transition:border-color .2s ease}.message-input-container input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.send-button{background:#3b82f6;border-radius:24px;flex-shrink:0;font-size:14px;padding:12px 20px;transition:background-color .2s ease}.send-button:hover:not(:disabled){background:#2563eb}.send-button:disabled{background:#9ca3af}.empty-state{color:#6b7280;padding:40px 20px}.empty-state h3{font-size:18px;font-weight:600;margin:0 0 8px}.empty-state p{font-size:14px;line-height:1.5;margin:4px 0}.loading-state{color:#6b7280;font-size:14px;padding:40px 20px;text-align:center}.no-conversation-selected{background:#f9fafb}.empty-messages{background:#fafafa;border-radius:12px;color:#6b7280;margin:20px;padding:40px 20px}@media (max-width:768px){.messages-container{flex-direction:column;height:calc(100vh - 120px)}.conversations-list{border-bottom:1px solid #e5e7eb;border-right:none;height:50%;width:100%}.messages-panel{height:50%}.conversation-item{padding:12px 16px}.message-bubble{max-width:85%}.message-input-container{padding:0 8px}}.messaging-interface{border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 20px #00000014}.conversations-panel{background:linear-gradient(135deg,#059669,#047857);position:relative;width:380px}.conversations-panel-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:20px}.brand-logo{align-items:center;color:#fff;display:flex;gap:8px}.brand-logo .logo-icon{align-items:center;background:#fff;border-radius:50%;color:#059669;display:flex;font-size:1.2rem;font-weight:700;height:32px;justify-content:center;width:32px}.brand-logo h3{font-size:1.1rem;font-weight:600;letter-spacing:.5px;margin:0}.header-actions{gap:12px}.header-btn{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.header-btn:hover{background:#fff3;transform:scale(1.05)}.search-container{padding:16px 20px}.search-wrapper{position:relative}.search-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:12px 16px 12px 44px}.search-input:focus{background:#ffffff40;box-shadow:0 0 0 2px #ffffff4d}.search-icon{color:#ffffffb3;left:16px;top:50%;transform:translateY(-50%)}.section-divider{color:#fffc;font-size:.75rem;font-weight:500;letter-spacing:.5px;padding:16px 20px 8px;text-transform:uppercase}.conversation-item{border-radius:12px;margin:0 12px 8px;padding:16px 20px;transition:all .2s ease}.conversation-item:hover{background:#ffffff1a;transform:translateX(4px)}.conversation-item.active{background:#fff3;box-shadow:0 2px 8px #0000001a}.conversation-avatar{height:50px;width:50px}.default-avatar{align-items:center;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #00000026;color:#fff;display:flex;font-size:1.3rem;font-weight:600;height:100%;justify-content:center;width:100%}.conversation-info{margin-left:4px}.conversation-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:4px}.conversation-name{color:#fff;font-size:1rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-time{color:#ffffffb3;font-size:.7rem;margin-left:8px;white-space:nowrap}.conversation-preview{align-items:center;display:flex;justify-content:space-between}.conversation-last-message{color:#fffc;flex:1 1;font-size:.8rem;line-height:1.3;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-meta{align-items:center;display:flex;gap:4px}.unread-badge{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0003;color:#059669;font-size:.7rem;font-weight:700;min-width:18px;padding:2px 6px;text-align:center}.status-indicator{background:#10b981;border:2px solid #ffffff4d;border-radius:50%;height:8px;width:8px}.chat-panel{background:#e1f5fe;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cg fill-opacity='.05'%3E%3Cpath fill='%231976d2' d='M60 60H0V0h60z'/%3E%3Cpath d='M0 60 60 0v60z'/%3E%3C/g%3E%3C/svg%3E");display:flex;flex:1 1;flex-direction:column}.chat-header{border-bottom:1px solid #e4e6ea;justify-content:space-between;padding:12px 20px}.chat-header-info{align-items:center;display:flex}.chat-avatar{border-radius:50%;height:40px;margin-right:12px;overflow:hidden;width:40px}.chat-avatar img{height:100%;object-fit:cover;width:100%}.chat-user-info h3{color:#111b21;font-size:1.1rem;font-weight:500;line-height:1.3;margin:0}.chat-user-status{color:#667781;font-size:.8rem;margin:0}.chat-actions{display:flex;gap:16px}.messages-container{padding:16px 20px}.message{align-items:flex-end;gap:4px;margin-bottom:4px}.message.sent{flex-direction:row-reverse}.message-content{background:#fff;border-radius:8px;box-shadow:0 1px .5px #00000021;padding:8px 12px}.message.sent .message-content{background:#dcf8c6}.message.received .message-content{background:#fff}.message-content:before{bottom:0;content:"";height:0;position:absolute;width:0}.message.sent .message-content:before{border-bottom:8px solid #0000;border-left:8px solid #dcf8c6;right:-8px}.message.received .message-content:before{border-bottom:8px solid #0000;border-right:8px solid #fff;left:-8px}.message-text{word-wrap:break-word;color:#111b21;font-size:.9rem;line-height:1.4;margin:0}.message-meta{align-items:center;display:flex;gap:4px;justify-content:flex-end;margin-top:4px}.message-time{color:#667781}.message-status{color:#667781;font-size:.7rem}.message-input-container{border-top:1px solid #e4e6ea;padding:12px 20px}.message-input-wrapper{align-items:flex-end;display:flex;gap:8px}.message-input{align-items:center;background:#fff;border-radius:24px;display:flex;min-height:42px;padding:8px 16px}.message-input textarea{background:#0000;border:none;color:#111b21;flex:1 1;font-family:inherit;font-size:.9rem;line-height:1.4;max-height:100px;outline:none;resize:none}.message-input textarea::placeholder{color:#667781}.send-button{align-items:center;background:#1976d2;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.8rem;font-weight:600;height:42px;justify-content:center;transition:background-color .2s;width:42px}.send-button:hover:not(:disabled){background:#1565c0}.send-button:disabled{background:#8696a0;cursor:not-allowed}.no-conversation-selected{align-items:center;color:#667781;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.no-conversation-selected h3{color:#41525d;font-size:1.5rem;margin:16px 0 8px}.no-conversation-selected p{font-size:.9rem;line-height:1.4;margin:0}.no-conversations{color:#667781;padding:40px 20px}.no-conversations-icon{font-size:3rem;margin-bottom:16px;opacity:.5}.no-conversations h3{color:#111b21;font-size:1.25rem;margin:0 0 8px}.no-conversations p{font-size:.9rem;line-height:1.4}.loading{align-items:center;color:#667781;display:flex;font-size:1rem;height:100%;justify-content:center}.messaging-interface{background:#fff;border:none;border-radius:0;box-shadow:none;display:flex;height:calc(100vh - 200px);overflow:hidden}.conversations-panel{background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;width:400px}.search-header{background:#f0f2f5;padding:20px 16px 16px}.search-header h2{color:#111b21;font-size:1.5rem;font-weight:600;margin:0 0 16px}.search-box{align-items:center;display:flex;position:relative}.search-icon{color:#8696a0;font-size:1rem;left:12px;position:absolute;z-index:2}.search-input{background:#fff;border:1px solid #d1d7db;border-radius:8px;color:#111b21;padding:12px 16px 12px 40px;transition:all .2s ease}.search-input::placeholder{color:#8696a0}.search-input:focus{border-color:#00a884;box-shadow:0 0 0 2px #00a8841a}.conversations-list{flex:1 1;overflow-y:auto}.loading-conversations{align-items:center;color:#8696a0;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:40px 20px}.loading-spinner{border-top-color:#00a884;height:24px;width:24px}.no-conversations{align-items:center;color:#8696a0;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px;text-align:center}.no-conversations p{color:#111b21;font-size:1.1rem;font-weight:500;margin:0}.no-conversations span{color:#8696a0;font-size:.9rem}.conversation-card{align-items:center;border-bottom:1px solid #f0f2f5;cursor:pointer;display:flex;padding:16px;transition:background-color .2s}.conversation-card:hover{background:#f5f6f6}.conversation-card.active{background:#e7f3ff;border-right:3px solid #00a884}.conversation-avatar{border-radius:50%;flex-shrink:0;height:49px;margin-right:16px;overflow:hidden;position:relative;width:49px}.conversation-avatar img{height:100%;object-fit:cover;width:100%}.avatar-fallback{align-items:center;background:linear-gradient(135deg,#00a884,#008066);color:#fff;display:flex;font-size:1.3rem;font-weight:600;height:100%;justify-content:center;width:100%}.unread-indicator{background:#25d366;border:2px solid #fff;border-radius:50%;height:12px;position:absolute;right:-2px;top:-2px;width:12px}.conversation-content{flex:1 1;min-width:0}.conversation-top{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:4px}.contact-name{color:#111b21;font-size:1rem;font-weight:500;margin:0}.message-time{font-size:.75rem;white-space:nowrap}.conversation-bottom{align-items:center;display:flex;justify-content:space-between}.last-message{color:#8696a0;flex:1 1;font-size:.85rem;line-height:1.3;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unread-count{background:#25d366;border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;margin-left:8px;min-width:20px;padding:2px 6px;text-align:center}.chat-area{background:#efeae2;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cpath d='M0 20Q0 0 20 0h60q20 0 20 20v60q0 20-20 20H20Q0 100 0 80Z' opacity='.05'/%3E%3C/svg%3E");display:flex;flex:1 1;flex-direction:column}.chat-header{background:#f0f2f5;padding:20px 16px 16px}.chat-contact-info,.chat-header{align-items:center;display:flex}.contact-avatar{border-radius:50%;overflow:hidden}.contact-avatar img{height:100%;object-fit:cover;width:100%}.contact-avatar .avatar-fallback{align-items:center;background:linear-gradient(135deg,#00a884,#008066);color:#fff;display:flex;font-size:1.1rem;font-weight:600;height:100%;justify-content:center;width:100%}.contact-details h3{color:#111b21;font-size:1.1rem;font-weight:500;margin:0}.contact-status{color:#8696a0;font-size:.8rem;margin:2px 0 0}.messages-container{display:flex;flex:1 1;flex-direction:column;gap:8px;overflow-y:auto;padding:16px 16px 0}.loading-messages{color:#8696a0;gap:12px}.empty-messages{align-items:center;color:#8696a0;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.welcome-message{max-width:300px}.welcome-icon{font-size:3rem;margin-bottom:16px}.welcome-message h4{color:#111b21;font-size:1.2rem;margin:0 0 8px}.welcome-message p{font-size:.9rem;line-height:1.4;margin:0}.messages-list{display:flex;flex-direction:column;gap:8px}.message{word-wrap:break-word;display:flex;max-width:65%}.message.sent{align-self:flex-end;justify-content:flex-end}.message.received{align-self:flex-start;justify-content:flex-start}.message-bubble{border-radius:12px;line-height:1.4;max-width:100%;padding:8px 12px 6px;position:relative;word-break:break-word}.message.sent .message-bubble{background:#d9fdd3;border-bottom-right-radius:4px;color:#111b21}.message.received .message-bubble{background:#fff;border-bottom-left-radius:4px;box-shadow:0 1px .5px #0b141a21;color:#111b21}.message-bubble p{font-size:.9rem;margin:0}.message-time{color:#8696a0;font-size:.7rem;line-height:1;margin-top:4px;text-align:right}.message.received .message-time{text-align:left}.message-input-container{background:#f0f2f5;border-top:1px solid #d1d7db;padding:12px 16px}.input-wrapper{background:#fff;border-radius:24px;gap:8px;padding:6px 8px 6px 16px;width:100%}.emoji-btn,.input-wrapper{align-items:center;display:flex}.emoji-btn{background:none;border:none;border-radius:50%;color:#8696a0;cursor:pointer;font-size:1.2rem;height:32px;justify-content:center;padding:6px;transition:color .2s;width:32px}.emoji-btn:hover{color:#54656f}.message-input{background:#0000;border:none;color:#111b21;flex:1 1;font-family:inherit;font-size:.9rem;line-height:1.4;outline:none;padding:8px 4px}.message-input::placeholder{color:#8696a0}.send-btn{align-items:center;background:#00a884;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:1.2rem;height:32px;justify-content:center;transition:background-color .2s;width:32px}.send-btn:hover:not(:disabled){background:#008066}.send-btn:disabled{background:#8696a0}.no-chat-selected{align-items:center;background:#f8f9fa;color:#8696a0;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.welcome-screen{max-width:400px;padding:40px}.welcome-logo{font-size:6rem;margin-bottom:32px;opacity:.6}.welcome-screen h2{color:#111b21;font-size:2rem;font-weight:300;margin:0 0 16px}.welcome-screen p{font-size:1rem;line-height:1.5;margin:0 0 32px}.welcome-features{align-items:flex-start;display:flex;flex-direction:column;gap:16px}.feature{align-items:center;display:flex;font-size:.9rem;gap:12px}.feature-icon{font-size:1.2rem}.custom-messaging-interface{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 20px #00000014;display:flex;height:calc(100vh - 160px);overflow:hidden}.left-panel{background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;width:340px}.left-header{background:#fff;border-bottom:1px solid #f3f4f6;padding:24px 20px 16px}.left-header h2{color:#1f2937;font-size:28px;font-weight:700;letter-spacing:-.02em;margin:0}.search-section{background:#fff;border-bottom:1px solid #dbeafe;padding:12px 20px 16px}.search-input-container{align-items:center;background:#0000;border:1px solid #3b82f6;border-radius:6px;display:flex;padding:2px 10px;position:relative;transition:all .2s ease}.search-input-container:focus-within{background:#0000;border:1px solid #3b82f6;box-shadow:0 0 0 2px #3b82f61a}.search-section .search-icon{color:#1e40af;font-size:16px;margin-right:12px}.search-section .search-input{background:#0000;border:none;color:#1e40af;font-size:16px;font-weight:400;outline:none;width:100%}.search-section .search-input::placeholder{color:#1e40af}.conversations-section{background:#fff;flex:1 1;overflow-y:auto}.empty-state,.loading-state{align-items:center;color:#6b7280;display:flex;flex-direction:column;height:300px;justify-content:center;padding:20px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:32px;margin-bottom:16px;width:32px}.empty-icon{font-size:40px;margin-bottom:16px;opacity:.6}.empty-state p{color:#374151;font-size:16px;font-weight:600;margin:0 0 8px}.empty-state span{color:#9ca3af;font-size:14px}.conversation-list{background:#e3f2fd;border:1px solid #e5e5e5;border-radius:4px;max-height:400px;overflow:hidden;padding:0;width:100%}.conversation-item{align-items:center;background:#fff;border-bottom:1px solid #e5e5e5;border-radius:0;cursor:pointer;display:flex;margin:0;padding:12px 16px;position:relative;transition:all .3s ease}.conversation-item:hover{background:#f8f9fa}.conversation-item.active{background:#e3f2fd;border-left:3px solid #1976d2;color:#1976d2}.conversation-item:last-child{border-bottom:none}.avatar-section{flex-shrink:0;height:48px;margin-right:12px;position:relative;width:48px}.profile-image{height:100%;object-fit:cover;width:100%}.avatar-placeholder,.profile-image{border:2px solid #e5e7eb;border-radius:50%}.avatar-placeholder{background:linear-gradient(135deg,#3b82f6,#1d4ed8);font-size:18px}.profile-image+.avatar-placeholder{display:none}.unread-badge{background:#ef4444;border:2px solid #fff;border-radius:50%;height:12px;position:absolute;right:-2px;top:-2px;width:12px}.conversation-info{flex:1 1;min-width:0}.name-time{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.person-name{color:#111827;font-size:16px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.time-stamp{color:#9ca3af;flex-shrink:0;font-size:12px;font-weight:400;margin-left:8px}.message-preview{align-items:center;display:flex;justify-content:space-between}.last-msg{color:#6b7280;flex:1 1;font-size:14px;font-weight:400;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unread-counter{background:#3b82f6;border-radius:12px;color:#fff;font-size:11px;font-weight:700;margin-left:8px;min-width:20px;padding:2px 8px;text-align:center}.right-panel{flex:1 1;flex-direction:column}.right-header,.right-panel{background:#fff;display:flex}.right-header{align-items:center;border-bottom:1px solid #f3f4f6;min-height:84px;padding:20px 24px}.contact-info{align-items:center;display:flex;width:100%}.contact-avatar{flex-shrink:0;height:40px;margin-right:12px;position:relative;width:40px}.contact-image{object-fit:cover}.contact-image,.contact-placeholder{border:2px solid #e5e7eb;border-radius:50%;height:100%;width:100%}.contact-placeholder{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;display:flex;font-size:16px;font-weight:600;justify-content:center}.contact-image+.contact-placeholder{display:none}.contact-details{flex:1 1;min-width:0}.contact-name{color:#111827;font-size:18px;font-weight:600;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-role{color:#6b7280;font-size:14px;font-weight:400}.conversation-area{background:#f9fafb;display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:20px 24px}.empty-conversation,.loading-messages{align-items:center;color:#6b7280;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.welcome-msg{max-width:400px;padding:40px}.wave-icon{font-size:4rem;margin-bottom:24px;opacity:.6}.welcome-msg h4{color:#374151;font-size:1.5rem;font-weight:600;margin:0 0 16px}.welcome-msg p{color:#9ca3af;font-size:1rem;line-height:1.5;margin:0}.messages-flow{display:flex;flex-direction:column;gap:16px;padding-bottom:20px}.message-item{align-items:flex-end;display:flex;gap:8px}.message-item.sent{justify-content:flex-end}.message-item.received{justify-content:flex-start}.message-content{word-wrap:break-word;border-radius:16px;max-width:70%;padding:12px 16px;position:relative}.message-item.sent .message-content{background:#3b82f6;border-bottom-right-radius:4px;color:#fff}.message-item.received .message-content{background:#fff;border:3px solid #3b82f6;border-bottom-left-radius:4px;color:#3b82f6}.message-content p{font-size:15px;line-height:1.4;margin:0}.message-item.sent .message-content p{color:#fff!important}.msg-time{font-size:11px;margin-top:4px;opacity:.7}.message-item.sent .msg-time{color:#fffc;text-align:right}.message-item.received .msg-time{color:#9ca3af;text-align:left}.input-area{background:#fff;border-top:1px solid #f3f4f6;padding:4px 24px 16px}.input-container{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:24px;display:flex;gap:12px;padding:12px 16px;transition:all .2s ease}.input-container:focus-within{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.message-field{background:#0000;border:none;color:#374151;flex:1 1;font-size:16px;font-weight:400;outline:none;padding:4px 0}.message-field::placeholder{color:#9ca3af}.like-btn,.send-btn{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;padding:8px;transition:all .2s ease;width:40px}.like-btn{color:#6b7280}.like-btn:hover{background:#f3f4f6;color:#3b82f6}.like-btn:disabled{cursor:not-allowed;opacity:.5}.send-btn{background:#3b82f6;color:#fff}.send-btn:hover:not(:disabled){background:#2563eb}.send-btn:disabled{background:#d1d5db;cursor:not-allowed}.no-selection{align-items:center;background:#f8fafc;color:#6b7280;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.welcome-display{max-width:400px;padding:40px}.chat-logo{font-size:6rem;margin-bottom:32px;opacity:.6}.welcome-display h2{color:#374151;font-size:2rem;font-weight:700;margin:0 0 16px}.welcome-display p{color:#6b7280;font-size:1rem;line-height:1.5;margin:0 0 32px}.features-list{align-items:flex-start;display:flex;flex-direction:column;gap:16px}.feature-item{align-items:center;color:#6b7280;display:flex;font-size:.9rem;gap:12px}.feature-item .feature-icon{color:#3b82f6;font-size:1.2rem}@media (max-width:768px){.custom-messaging-interface{flex-direction:column;height:calc(100vh - 60px)}.left-panel{max-height:300px;width:100%}.right-panel{flex:1 1}}.profile-popup{animation:slideDown .3s ease-out;position:absolute;right:20px;top:80px;z-index:10000}.profile-popup-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 20px 40px #00000026;overflow:hidden;width:266px}.profile-banner{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);display:flex;height:96px;justify-content:center;position:relative}.profile-avatar{bottom:-70px;box-shadow:0 20px 40px #00000026;height:140px;left:50%;position:absolute;transform:translateX(-50%);width:140px}.avatar-image{border-radius:50%;height:100%;object-fit:cover;width:100%}.avatar-placeholder{background:linear-gradient(135deg,#3b82f6,#2563eb);font-size:48px;text-transform:uppercase}.profile-info{border-bottom:1px solid #f1f5f9;padding:95px 20px 16px;text-align:center}.profile-name{color:#2563eb;font-size:28px;line-height:1.3;margin:0 0 6px}.profile-email{color:#6b7280;font-size:.85rem;line-height:1.4;margin:0 0 10px;word-break:break-word}.profile-location{align-items:center;color:#6b7280;display:flex;font-size:.8rem;gap:4px;justify-content:center;margin:0}.profile-actions{display:flex;flex-direction:column;gap:12px;padding:20px}.popup-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:10px;justify-content:center;min-height:40px;padding:10px 16px;text-align:center;transition:all .2s ease}.view-profile-btn{background:#3b82f6;color:#fff}.view-profile-btn:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.edit-profile-btn{background:#f1f5f9;border:1px solid #e2e8f0;color:#374151}.edit-profile-btn:hover{background:#e2e8f0;box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.profile-btn{position:relative}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.profile-popup{right:10px;top:75px}.profile-popup-content{width:240px}.profile-banner{height:90px}.profile-avatar{bottom:-45px;height:90px;width:90px}.profile-info{padding:65px 16px 16px}.profile-actions{padding:20px}}.profile-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.profile-loading .loading-spinner{align-items:center;color:#3b82f6;display:flex;font-size:1rem;font-weight:500;gap:8px}.profile-loading .loading-spinner:before{content:"⏳";margin-right:4px}@media (max-width:768px){.ss-dashboard{max-width:100%;overflow:visible;position:static;width:100%}.ss-collapse-btn{display:none}.ss-header{align-items:flex-start;flex-direction:column;gap:8px}.ss-header-actions{flex-wrap:wrap;gap:8px;justify-content:flex-start;width:100%}.ss-icon-btn{height:34px;width:34px}.ss-hero-image{height:80px;width:80px}.btn-outline,.btn-primary{width:100%}.ss-card-actions{align-items:stretch;flex-direction:column}.ss-grid{grid-template-columns:1fr}.quick-stats{grid-template-columns:repeat(2,1fr)}.search-filters{flex-direction:column}.filter-select,.search-input{width:100%}.profile-main-card{align-items:stretch;flex-direction:column}.profile-right{min-width:0;width:100%}.profile-grid{gap:1rem}.info-item,.profile-grid{grid-template-columns:1fr}.activity-stats{grid-template-columns:1fr 1fr}.ss-card-media{height:120px}.messaging-interface{flex-direction:column;height:auto;min-height:60vh}.conversations-panel{max-height:320px;width:100%!important}.chat-area{min-height:50vh}.message{max-width:85%}}@media (max-width:480px){.ss-nav-item{min-width:84px}.ss-hero-left h2{font-size:1.1rem}.ss-hero-left p{font-size:.9rem}.stat-number{font-size:1rem}.message{max-width:90%}.ss-card-media{height:100px}.activity-stats,.quick-stats{grid-template-columns:1fr}}@media (max-width:768px){.ss-dashboard{display:flex;flex-direction:row;height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100vw}.ss-sidebar{align-items:stretch;flex-direction:column;flex-shrink:0;padding:12px;width:180px}.ss-main{flex:1 1 auto;flex-direction:column;min-width:0;overflow:auto}.ss-collapse-btn,.ss-main{display:flex}.ss-nav{flex-direction:column}}@media (max-width:480px){.ss-sidebar{width:clamp(60px,28vw,140px)}.ss-nav-label{display:none}.ss-nav-item{justify-content:center;padding:8px}.ss-logo{width:48px}}.ss-browse-content{background:#eff6ff!important;display:flex;flex-direction:column;height:calc(100vh - 64px);overflow-x:hidden;overflow-y:auto;padding:0}.seeker-browse-services.ss-browse-content{height:100%!important;padding:0!important}.ss-scrollable-container{background:#0000;flex:1 1;height:100%;overflow-x:hidden;overflow-y:auto;padding:0 16px}.seeker-browse-services .ss-scrollable-container{height:100%!important;max-height:none!important;padding:0!important}.ss-scrollable-container::-webkit-scrollbar{width:12px}.ss-scrollable-container::-webkit-scrollbar-track{background:#dbeafe;border-radius:6px}.ss-scrollable-container::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#3b82f6,#2563eb);border:2px solid #dbeafe;border-radius:6px}.ss-scrollable-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#2563eb,#1d4ed8)}.ss-error-message{background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;margin:0 20px 20px;padding:12px 16px;text-align:center}.ss-loading-services{align-items:center;color:#374151;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.ss-loading-spinner{animation:ss-spin 1s linear infinite;border:4px solid #bfdbfe;border-radius:50%;border-top-color:#3b82f6;height:50px;margin-bottom:20px;width:50px}@keyframes ss-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ss-loading-services p{font-size:1.1rem;font-weight:500;margin:0}.ss-services-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);margin-top:20px;padding:30px 10px 0}.seeker-browse-services .ss-services-grid{margin-top:0!important;padding:0 20px 30px!important}@media (max-width:1200px){.ss-services-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.ss-services-grid{grid-template-columns:repeat(2,1fr)}}.ss-service-card{background:#fff;border:2px solid #fff;border-radius:20px;box-shadow:0 6px 25px #3b82f626;cursor:pointer;display:flex;flex-direction:column;max-width:400px;min-height:420px;overflow:visible;position:relative;transition:all .3s ease;width:100%}.ss-service-card:hover{border-color:#fff;box-shadow:0 12px 32px #3b82f64d;transform:translateY(-4px)}.ss-clickable-card{cursor:pointer}.seeker-browse-services .ss-heart-icon{background:none;border:none;cursor:pointer;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:1.5rem;padding:4px;position:absolute;right:12px;top:12px;transition:all .3s ease;z-index:10}.seeker-browse-services .ss-heart-icon:hover{transform:scale(1.15)}.seeker-browse-services .ss-heart-icon.favorited{color:#ef4444}.seeker-browse-services .ss-service-card-body{display:flex;flex:1 1;flex-direction:column;gap:12px;height:100%;padding:20px}.seeker-browse-services .ss-card-meta{align-items:center;display:flex;gap:12px;height:20px;justify-content:space-between;margin-bottom:0}.seeker-browse-services .ss-posted-text{color:#9ca3af;font-size:.75rem;font-weight:400}.seeker-browse-services .ss-category-badge{color:#3b82f6;cursor:pointer;font-size:.8rem;font-weight:600;text-decoration:none}.seeker-browse-services .ss-category-badge:hover{color:#2563eb;text-decoration:underline}.seeker-browse-services .ss-service-title{line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#3b82f6;cursor:pointer;display:-webkit-box;font-size:1.15rem;font-weight:700;line-height:1.4;margin:0;max-height:32px;min-height:32px;overflow:hidden}.seeker-browse-services .ss-service-title:hover{color:#2563eb;text-decoration:underline}.seeker-browse-services .ss-service-description{line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;flex:1 1;font-size:.875rem;line-height:1.6;margin:0;max-height:42px;min-height:42px;overflow:hidden}.seeker-browse-services .ss-info-grid{display:flex;flex-direction:column;gap:10px;margin-bottom:12px;margin-top:auto}.seeker-browse-services .ss-info-row{align-items:baseline;border-bottom:1px solid #f3f4f6;display:flex;gap:12px;justify-content:space-between;padding-bottom:8px}.seeker-browse-services .ss-info-row:last-child{border-bottom:none;padding-bottom:0}.seeker-browse-services .ss-info-label{color:#3b82f6;flex-shrink:0;font-size:.75rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.seeker-browse-services .ss-info-value{color:#1f2937;font-size:.875rem;font-weight:500;max-width:200px;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;word-break:break-word}.seeker-browse-services .ss-price-value{color:#3b82f6;font-size:.95rem;font-weight:700}.seeker-browse-services .ss-service-card-actions{grid-gap:12px;border-top:none;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-top:12px;padding-top:0}.seeker-browse-services .ss-btn-view{align-items:center;background:#3b82f6;border:none;border-radius:8px;box-shadow:0 2px 4px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:6px;justify-content:center;padding:12px 16px;transition:all .3s ease}.seeker-browse-services .ss-btn-view:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f666;transform:translateY(-2px)}.seeker-browse-services .ss-btn-message{align-items:center;background:#fff;border:2px solid #3b82f6;border-radius:8px;color:#3b82f6;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:6px;justify-content:center;padding:12px 16px;transition:all .3s ease}.seeker-browse-services .ss-btn-message:hover{background:#dbeafe;border-color:#2563eb;box-shadow:0 4px 12px #3b82f633;color:#2563eb;transform:translateY(-2px)}.ss-no-services-message{align-items:center;color:#374151;display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;padding:80px 20px;text-align:center}.ss-no-services-icon{font-size:4rem;margin-bottom:20px;opacity:.7}.ss-no-services-message h3{font-size:1.5rem;font-weight:600;margin:0 0 12px}.ss-no-services-message p{font-size:1rem;margin:0;opacity:.8}.ss-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.ss-modal-content{animation:ss-modal-slide-up .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 25px 50px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:100%}@keyframes ss-modal-slide-up{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.ss-modal-header{align-items:center;background:linear-gradient(135deg,#3b82f6,#60a5fa 50%,#3b82f6);border-bottom:1px solid #e5e7eb;border-radius:20px 20px 0 0;color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:24px 30px 20px}.ss-modal-header h2{color:#fff;font-size:1.5rem;font-weight:700;margin:0;text-shadow:0 1px 3px #0000001a}.ss-modal-close-btn{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:36px;justify-content:center;transition:all .2s ease;width:36px}.ss-modal-close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.ss-modal-body{flex:1 1;min-height:0;overflow-y:auto;padding:30px}.ss-modal-body::-webkit-scrollbar{width:12px}.ss-modal-body::-webkit-scrollbar-track{background:#dbeafe;border-radius:6px}.ss-modal-body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#3b82f6,#2563eb);border:2px solid #dbeafe;border-radius:6px}.ss-modal-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#2563eb,#1d4ed8)}.ss-modal-image-section{margin-bottom:30px;padding:12px}.ss-modal-image{background-position:50%;background-repeat:no-repeat;background-size:cover;height:300px;width:100%}.ss-modal-default-image{align-items:center;background:linear-gradient(135deg,#3b82f6,#60a5fa);display:flex;justify-content:center;position:relative}.ss-modal-default-image:before{content:"📋"}.ss-modal-default-image:before,.ss-modal-service-icon{color:#fff;font-size:4rem;opacity:.8;text-shadow:0 2px 4px #0003}.ss-modal-details{display:flex;flex-direction:column;gap:25px}.ss-modal-details h3{border-bottom:2px solid #3b82f6;color:#1f2937;font-size:1.2rem;font-weight:600;margin:0 0 12px;padding-bottom:6px;width:-webkit-fit-content;width:fit-content}.ss-modal-provider-card{background:#f8f9fa;border:1px solid #e5e7eb;border-radius:12px;padding:16px}.ss-modal-provider-name{color:#374151;font-size:1.1rem;font-weight:600;margin-bottom:6px}.ss-modal-provider-rating{color:#6b7280;font-size:.9rem}.ss-modal-description p{color:#374151;font-size:1rem;line-height:1.6;margin:0}.ss-modal-info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.ss-modal-info-item{display:flex;flex-direction:column;gap:4px}.ss-modal-info-label{color:#6b7280;font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.ss-modal-info-item span:last-child{color:#374151;font-size:1rem;font-weight:500}.ss-modal-price{color:#16a34a!important;font-size:1.1rem!important;font-weight:700!important}.ss-modal-skills-list{display:flex;flex-wrap:wrap;gap:8px}.ss-modal-skill-tag{background:#dbeafe;border:1px solid #bfdbfe;border-radius:20px;color:#1e40af;font-size:.85rem;font-weight:500;padding:6px 12px}.ss-modal-footer{border-top:1px solid #e5e7eb;display:flex;flex-shrink:0;gap:12px;justify-content:flex-end;padding:20px 30px 30px}.ss-modal-btn{align-items:center;border-radius:10px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.ss-modal-btn-outline{background:#0000;border:2px solid #e5e7eb;color:#6b7280}.ss-modal-btn-outline:hover{background:#dbeafe;border-color:#3b82f6;color:#3b82f6}.ss-modal-btn-outline.favorited{background:#fee2e2;border-color:#ef4444;color:#ef4444}.ss-modal-btn-outline.favorited:hover{background:#fecaca;border-color:#dc2626;color:#dc2626}.ss-modal-btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;color:#fff}.ss-modal-btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.ss-modal-btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;color:#fff}.ss-modal-btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}@media (max-width:768px){.ss-browse-content{padding:0}.seeker-browse-services .ss-scrollable-container{margin:15px}.ss-services-grid{gap:20px;grid-template-columns:1fr;padding:30px 10px 0}.seeker-browse-services .ss-services-grid{padding:0 15px 30px!important}.ss-modal-overlay{padding:10px}.ss-modal-content{max-height:95vh}.ss-modal-header{padding:20px 20px 16px}.ss-modal-header h2{font-size:1.3rem}.ss-modal-body{padding:20px}.ss-modal-image{height:200px}.ss-modal-info-grid{gap:12px;grid-template-columns:1fr}.ss-modal-footer{flex-direction:column;padding:16px 20px 20px}.ss-modal-btn{justify-content:center;width:100%}}@media (max-width:480px){.ss-service-card-actions{flex-wrap:wrap;gap:6px}}.ss-favorite-notification{align-items:center;animation:popupFadeIn .3s ease-out;background:#1f2937;border-radius:12px;box-shadow:0 8px 32px #0000004d;color:#fff;display:flex;gap:12px;left:50%;max-width:500px;min-width:360px;padding:20px 24px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:10000}@keyframes popupFadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.ss-notification-icon{flex-shrink:0;font-size:1.5rem}.ss-notification-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.ss-notification-title{color:#fff;font-size:.95rem;font-weight:700;line-height:1.3}.ss-notification-message{color:#d1d5db;font-size:.85rem;font-weight:400}.ss-notification-close{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.9rem;height:24px;justify-content:center;transition:all .2s ease;width:24px}.ss-notification-close:hover{background:#fff3;transform:scale(1.1)}@media (max-width:640px){.ss-favorite-notification{max-width:calc(100vw - 40px);min-width:auto;width:calc(100vw - 40px)}}.seeker-bookings-page{padding:16px}.ss-page-title{color:#1e40af;font-size:1.5rem;margin-bottom:1rem}.seeker-bookings-layout{display:flex;gap:16px}.seeker-calendar-panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-sizing:border-box;flex:1 1 60%;min-width:320px;padding:12px}.seeker-calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.seeker-month-label{color:#1e40af;font-size:1rem;font-weight:700}.seeker-cal-nav-btn{background:#eff6ff;border:1px solid #93c5fd;border-radius:8px;color:#1e40af;cursor:pointer;font-weight:600;padding:6px 10px;transition:all .15s}.seeker-cal-nav-btn:hover{background:#dbeafe;border-color:#1e40af}.seeker-calendar-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(7,1fr);padding:6px}.seeker-dow{color:#6b7280;font-size:12px;font-weight:600;text-align:center}.seeker-cal-day{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;height:64px;justify-content:center;transition:all .15s}.seeker-cal-day:hover{border-color:#93c5fd}.seeker-cal-day.selected{background:#eff6ff;border:2px solid #1e40af}.seeker-cal-day.today{background:#1e40af;border:2px solid #1e40af}.seeker-day-number{color:#111827;font-weight:700}.seeker-cal-day.selected .seeker-day-number{color:#1e3a8a;font-weight:700}.seeker-day-number.today{color:#ef4444}.seeker-cal-day.today .seeker-day-number{color:#fff}.seeker-cal-day.has-bookings .seeker-day-number{color:#1e40af}.seeker-day-dot{background:#d1d5db;border-radius:999px;height:6px;margin-top:6px;width:6px}.seeker-day-dot.hidden{background:#0000}.seeker-cal-day.has-bookings .seeker-day-dot{background:#1e40af}.seeker-cal-day.today .seeker-day-dot{background:#fff}.seeker-side-panel{background:#eff6ff;border:1px solid #93c5fd;border-radius:12px;box-sizing:border-box;display:flex;flex:1 1 36%;flex-direction:column;max-height:calc(100vh - 160px);max-width:560px;min-width:280px;overflow:auto;padding:12px}.seeker-side-title{color:#1e40af;font-size:1rem;font-weight:700;margin-bottom:8px}.seeker-empty-hint{color:#6b7280;font-size:14px}.seeker-bookings-list{grid-gap:8px;display:grid;flex:1 1;gap:8px;margin-bottom:6px;min-height:0}.seeker-side-panel{scrollbar-color:#1e40af #e0f2fe;scrollbar-width:thin}.seeker-side-panel::-webkit-scrollbar-track{background:#e0f2fe;border-radius:8px}.seeker-side-panel::-webkit-scrollbar{width:10px}.seeker-side-panel::-webkit-scrollbar-thumb{background:#1e40af;border-radius:8px}.seeker-booking-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;padding:10px;transition:all .15s}.seeker-booking-card:hover{border-color:#93c5fd}.seeker-booking-card.selected{background:#eff6ff;border-color:#93c5fd;min-height:120px;padding-top:12px}.seeker-booking-card-top{align-items:center;display:flex}.seeker-booking-title{color:#111827;flex:1 1;font-size:14px;font-weight:600}.seeker-booking-status{border:1px solid #e5e7eb;border-radius:12px;color:#374151;font-size:12px;padding:2px 8px;text-transform:capitalize}.seeker-booking-subcat{color:#9ca3af;font-size:12px;margin-top:4px}.seeker-booking-meta{color:#6b7280;font-size:12px;margin-top:2px}.seeker-booking-actions{display:flex;gap:8px;justify-content:center;margin-top:8px}.seeker-btn-cancel,.seeker-btn-message,.seeker-btn-view{border-radius:8px;cursor:pointer;flex:1 1;font-size:12px;font-weight:600;min-width:80px;padding:6px 10px;text-align:center;transition:all .15s}.seeker-btn-view{background:#dbeafe;border:1px solid #93c5fd;color:#1e3a8a}.seeker-btn-view:hover{background:#bfdbfe}.seeker-btn-message{background:#eff6ff;border:1px solid #93c5fd;color:#1e3a8a}.seeker-btn-message:hover{background:#dbeafe}.seeker-btn-cancel{background:#fee2e2;border:1px solid #fca5a5;color:#dc2626}.seeker-btn-cancel:hover:not(:disabled){background:#fecaca}.seeker-btn-cancel:disabled{cursor:not-allowed;opacity:.5}.seeker-booking-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.seeker-booking-modal{background:#fff;border-radius:12px;box-shadow:0 10px 40px #1e40af33;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.seeker-booking-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:12px 16px}.seeker-booking-modal-title{color:#1e40af;font-size:1.125rem;font-weight:700;margin:0}.seeker-booking-modal-close{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:1.25rem;height:28px;justify-content:center;transition:all .15s;width:28px}.seeker-booking-modal-close:hover{background:#f3f4f6;color:#1f2937}.seeker-booking-modal-body{padding:12px 16px}.seeker-booking-modal-row{border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:8px 0}.seeker-booking-modal-row:last-child{border-bottom:none}.seeker-booking-modal-row .label{color:#1e40af;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.seeker-booking-modal-row .value{color:#1f2937;flex:1 1;font-size:14px;margin-left:1rem;text-align:right}.seeker-booking-modal-row .value.status{color:#1e40af;font-weight:600;text-transform:capitalize}.seeker-booking-modal-row .value.description{line-height:1.6;margin-top:.5rem;text-align:left}.seeker-booking-modal-actions{border-top:1px solid #e5e7eb;display:flex;gap:8px;padding:12px 16px}.seeker-btn-modal-back,.seeker-btn-modal-cancel,.seeker-btn-modal-message,.seeker-btn-modal-report,.seeker-btn-modal-submit{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:8px 12px;transition:all .15s}.seeker-btn-modal-cancel{background:#fee2e2;border:1px solid #dc2626;color:#dc2626}.seeker-btn-modal-cancel:hover:not(:disabled){background:#fecaca}.seeker-btn-modal-cancel:disabled{cursor:not-allowed;opacity:.5}.seeker-btn-modal-message{background:linear-gradient(135deg,#1e40af,#1d4ed8);color:#fff}.seeker-btn-modal-message:hover{background:linear-gradient(135deg,#1d4ed8,#2563eb)}.seeker-btn-modal-back{background:#f3f4f6;border:1px solid #d1d5db;color:#1f2937}.seeker-btn-modal-back:hover{background:#e5e7eb}.seeker-btn-modal-submit{background:linear-gradient(135deg,#1e40af,#1d4ed8);color:#fff}.seeker-btn-modal-submit:hover{background:linear-gradient(135deg,#1d4ed8,#2563eb)}.seeker-btn-modal-report{background:#fffbeb;border:1px solid #f59e0b;color:#9a3412}.seeker-btn-modal-report:hover{background:#ffedd5;box-shadow:0 4px 10px #f59e0b2e}.seeker-cancel-reasons{display:flex;flex-direction:column;gap:8px;margin-top:8px}.seeker-cancel-reason-item{align-items:center;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:8px;transition:all .15s}.seeker-cancel-reason-item:hover{background:#f9fafb;border-color:#1e40af}.seeker-cancel-reason-item input[type=checkbox]{accent-color:#1e40af;cursor:pointer;height:18px;width:18px}.seeker-cancel-reason-item span{color:#1f2937;font-size:14px}.seeker-cancel-other{margin-top:8px}.seeker-modal-input{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:8px;transition:all .15s;width:100%}.seeker-modal-input:focus{border-color:#1e40af;box-shadow:0 0 0 3px #1e40af1a;outline:none}.seeker-booking-toast{align-items:center;animation:slideIn .3s ease-out;background:#fff;border-radius:8px;bottom:1rem;box-shadow:0 4px 12px #00000026;display:flex;gap:8px;padding:10px 14px;position:fixed;right:1rem;z-index:1001}@keyframes slideIn{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}.seeker-booking-toast.success{border-left:4px solid #10b981}.seeker-booking-toast.error{border-left:4px solid #ef4444}.seeker-booking-toast-icon{font-size:1.125rem}.seeker-booking-toast-text{color:#1f2937;font-size:14px;font-weight:500}@media (max-width:1024px){.seeker-bookings-layout{flex-direction:column}.seeker-calendar-panel,.seeker-side-panel{flex:1 1 100%;width:100%}.seeker-side-panel{max-height:400px;max-width:100%}}@media (max-width:768px){.seeker-bookings-page{padding:1rem}.ss-page-title{font-size:1.5rem}.seeker-calendar-grid{gap:4px}.seeker-dow{font-size:.75rem;padding:.25rem}.seeker-day-number{font-size:.875rem}.seeker-booking-modal{width:95%}.seeker-booking-modal-actions{flex-direction:column}}.favorites-section{background:#f8fafc;margin:0 auto;max-width:1400px;min-height:100vh;padding:24px}.browse-services-header.favorites-header{align-items:center;background:#f8fafc;border-radius:0;box-shadow:none;color:#0f172a;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px;padding:0;position:-webkit-sticky;position:sticky;top:0;z-index:50}.browse-services-header.favorites-header .header-left h2{font-size:22px;font-weight:800;letter-spacing:.2px;margin:0 0 6px}.browse-services-header.favorites-header .header-left p{color:#334155;font-size:13px;font-weight:600;margin:0}.favorites-subtitle{align-items:center;display:flex;gap:8px}.count-badge{align-items:center;background:#fff;border:2px solid #bfdbfe;border-radius:9999px;color:#1d4ed8;display:inline-flex;font-size:13px;font-weight:800;height:24px;justify-content:center;min-width:28px;padding:0 8px}.subtitle-text{font-size:13px;font-weight:700;opacity:.95}.favorites-search{margin-top:0}.pill-search{align-items:center;background:#fff;border:1.5px solid #bfdbfe;border-radius:9999px;box-shadow:0 4px 12px #1d4ed81f;display:inline-flex;padding:6px 40px 6px 14px;position:relative;width:340px}.pill-search input{background:#0000;border:none;color:#0f172a;font-size:13px;outline:none;width:100%}.pill-search input::placeholder{color:#94a3b8}.pill-search .search-icon{color:#64748b;font-size:14px;pointer-events:none;position:absolute;right:12px}.pill-search .pill-clear{background:#eff6ff;border:1px solid #bfdbfe;border-radius:9999px;color:#1e3a8a;cursor:pointer;font-size:12px;padding:2px 6px;position:absolute;right:34px}.browse-services-header.favorites-header .header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.favorites-header .search-container{position:relative}.favorites-header .search-input-wrapper{align-items:center;display:flex;position:relative}.favorites-header .search-input{background:#fff;border:2px solid #ffffff59;border-radius:10px;color:#0f172a;font-size:14px;height:40px;padding:0 40px 0 14px;transition:all .2s ease;width:320px}.favorites-header .search-input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa40;outline:none}.favorites-header .clear-search-btn{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;color:#1e3a8a;cursor:pointer;font-size:14px;padding:4px 8px;position:absolute;right:10px;transition:all .2s ease}.favorites-header .clear-search-btn:hover{background:#dbeafe}.header-filter-select{background:#fff;color:#0f172a;font-size:14px;padding:0 12px}.header-clear-btn,.header-filter-select{border:2px solid #bfdbfe;border-radius:10px;cursor:pointer;height:40px}.header-clear-btn{background:#eff6ff;color:#1e3a8a;font-weight:600;padding:0 14px;transition:all .2s ease}.header-clear-btn:hover{background:#dbeafe}.favorites-header .header-left{display:flex;flex-direction:column;gap:4px}.favorites-header .header-right{align-items:center;display:flex}.favorites-header .title-row{align-items:baseline;display:flex;flex-wrap:wrap;gap:12px}.favorites-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1320px;min-height:50vh}.favorite-card{background:#fff;border:2px solid #e2e8f0;border-radius:14px;box-shadow:0 2px 10px #0f172a14;display:flex;flex-direction:column;min-height:360px;overflow:hidden;position:relative;transition:all .2s ease}.favorite-card:hover{border-color:#bfdbfe;box-shadow:0 8px 24px #1e40af29;transform:translateY(-2px)}.favorite-card:before{background:linear-gradient(90deg,#2563eb,#60a5fa);content:"";height:4px;left:0;position:absolute;right:0;top:0}.favorite-card-header{gap:8px;padding:14px 18px 0}.favorite-card-header,.favorite-meta{align-items:center;display:flex;justify-content:space-between}.favorite-meta{flex:1 1;gap:12px}.favorite-date{color:#64748b;font-size:12px;font-weight:600}.favorite-category{color:#1d4ed8;font-size:12px;font-weight:700}.remove-favorite-btn{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#ef4444;cursor:pointer;font-size:16px;padding:4px 8px;transition:all .2s ease}.remove-favorite-btn:hover{background:#fee2e2;transform:scale(1.05)}.favorite-card-content{flex:1 1 auto;padding:14px 18px}.favorite-title{color:#0f172a;font-size:16px;font-weight:700;margin:0 0 8px}.favorite-description{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;color:#475569;display:-webkit-box;font-size:13px;line-height:1.5;margin:0 0 12px;overflow:hidden}.favorite-details{margin-bottom:12px}.favorite-details.rows{display:flex;flex-direction:column;gap:8px}.favorite-info-row{align-items:baseline;border-bottom:1px solid #eef2f7;display:flex;gap:12px;justify-content:space-between;padding:6px 0}.favorite-info-row:last-child{border-bottom:none}.favorite-info-row .info-label{color:#64748b;flex-shrink:0;font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.favorite-info-row .info-value{color:#0f172a;flex:1 1;font-size:13px;font-weight:600;text-align:right}.favorite-info-row .info-value.price{color:#2563eb;font-weight:800}.favorite-detail-item{display:flex;flex-direction:column;gap:2px}.detail-label{color:#64748b;font-size:11px}.detail-value{color:#0f172a;font-size:13px}.detail-value.price{color:#2563eb}.favorite-card-actions{display:flex;gap:12px;padding:0 18px 16px}.remove-from-favorites-btn,.view-service-btn{align-items:center;border-radius:10px;cursor:pointer;display:inline-flex;flex:1 1;font-size:12px;font-weight:600;gap:6px;justify-content:center;padding:8px 12px;transition:all .2s ease}.view-service-btn{background:#2563eb;border:none;box-shadow:0 2px 8px #2563eb59;color:#fff}.view-service-btn:hover{background:#1e40af;transform:translateY(-1px)}.remove-from-favorites-btn{background:#fff;border:2px solid #fecaca;color:#ef4444}.remove-from-favorites-btn:hover{background:#fff1f2}.no-favorites{background:#fff;border:2px solid #e2e8f0;border-radius:14px;padding:60px 20px;text-align:center}.favorites-grid .no-favorites{grid-column:1/-1;place-self:center;width:min(560px,100%)}.no-favorites h3{color:#0f172a;margin:8px 0 6px}.no-favorites p{color:#475569;margin:0 0 8px}.no-favorites .clear-filters-btn{background:#eff6ff;border:2px solid #bfdbfe;border-radius:10px;color:#1e3a8a;cursor:pointer;font-weight:700;margin-top:10px;padding:10px 16px}@media (max-width:1200px){.favorites-grid{grid-template-columns:repeat(2,1fr);max-width:900px}}@media (max-width:900px){.favorites-grid{grid-template-columns:1fr;max-width:640px}}@media (max-width:768px){.browse-services-header.favorites-header{flex-direction:column;gap:16px}.favorites-header .pill-search{width:100%}.favorites-grid{grid-template-columns:1fr}}.seeker-notifications{background:linear-gradient(135deg,#eff6ff,#e0f2fe 50%,#f0f9ff);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;overflow:visible;padding:0;position:relative}.seeker-notifications-topbar{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #1118270f;display:flex;gap:12px;justify-content:space-between;margin:10px 16px 8px;padding:10px 14px;position:-webkit-sticky;position:sticky;top:0;z-index:30}.seeker-notifications-header-section:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='8' height='8' patternUnits='userSpaceOnUse'%3E%3Cpath d='M8 0H0v8' fill='none' stroke='rgba(255,255,255,0.1)' stroke-width='.5'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");content:"";height:100%;opacity:.5;position:absolute;right:0;top:0;width:400px}.seeker-notifications-header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;position:relative;z-index:2}.seeker-notifications-title-section{align-items:center;display:flex;gap:0}.seeker-notifications-main-icon{display:none}.seeker-notifications-title-content h1{color:#1f2937;font-size:1.25rem;font-weight:800;letter-spacing:-.02em;margin:0 0 2px}.seeker-notifications-subtitle{color:#6b7280;font-size:.9rem;font-weight:500;margin:0}.seeker-header-action-btn,.seeker-notifications-header-actions{align-items:center;display:flex}.seeker-header-action-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;gap:8px;padding:8px 18px;transition:all .3s cubic-bezier(.4,0,.2,1)}.seeker-header-action-btn:hover{background:#ffffff40;box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.seeker-notifications-main-content{margin:0 auto;max-width:100%;padding:0 16px 8px}.seeker-minimal-search{max-width:100%;position:relative;width:360px}.seeker-minimal-search-input{background:#fff;border:1px solid #e5e7eb;border-radius:24px;box-shadow:0 2px 8px #11182714;color:#374151;font-size:.95rem;padding:10px 44px 10px 14px;width:100%}.seeker-search-input::placeholder{color:#9ca3af}.seeker-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.seeker-search-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:10px 16px;transition:all .2s ease;white-space:nowrap}.seeker-search-button:hover{background:#ffffff4d;border-color:#fff6}.seeker-search-icon-btn{color:#6b7280;font-size:1rem;right:8px}.seeker-clear-search-btn,.seeker-search-icon-btn{background:#0000;border:none;cursor:pointer;position:absolute;top:50%;transform:translateY(-50%)}.seeker-clear-search-btn{color:#9ca3af;right:34px}.seeker-notifications-list-container{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 12px #0000000f;margin:0 auto;max-height:70vh;max-width:1400px;min-height:0;overflow-y:auto;width:100%}.seeker-notifications-list-header{background:#fff;border-bottom:1px solid #f3f4f6;margin-bottom:2px;padding:4px 12px;position:-webkit-sticky;position:sticky;top:0;z-index:20}.seeker-list-header-content{align-items:center;display:flex;justify-content:space-between;min-height:36px}.seeker-header-right{align-items:center;display:flex;gap:8px}.seeker-pagination-controls.header-controls{display:flex;gap:8px}.seeker-list-title{color:#1f2937;font-size:1.125rem;font-weight:600;margin:0}.seeker-list-meta{color:#9ca3af;font-size:.875rem;font-weight:400}.seeker-notifications-list{height:auto;max-height:none;overflow:visible;padding:0 0 12px}.seeker-notification-item{align-items:center;border:1px solid #dbeafe!important;border-radius:10px!important;cursor:pointer;display:flex;gap:10px;margin-bottom:6px;min-height:72px;padding:10px 12px;position:relative;transition:all .2s ease}.seeker-notification-item:hover{background:#f9fafb!important;border-color:#bfdbfe!important;box-shadow:0 2px 8px #3b82f61f!important;transform:translateY(-1px)!important}.seeker-notification-item.unread{background:#eff6ff!important;border:2px solid #3b82f6!important;box-shadow:0 2px 8px #3b82f61a!important}.seeker-notification-item.read{background:#f8f9fa!important;border:2px solid #e5e7eb!important;opacity:.8}.seeker-notification-item.read .seeker-notification-message,.seeker-notification-item.read .seeker-notification-title{color:#6b7280}.seeker-notification-item.unread:before{animation:seekerPulse 2s infinite;background:#3b82f6;border-radius:50%;content:"";height:8px;left:12px;position:absolute;top:28px;width:8px}@keyframes seekerPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}.seeker-notification-type-icon{align-items:center;background:#f3f4f6;border-radius:50%;display:flex;flex-shrink:0;font-size:14px;height:28px;justify-content:center;position:relative;width:28px}.seeker-notification-item.booking .seeker-notification-type-icon{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.seeker-notification-item.provider_response .seeker-notification-type-icon{background:linear-gradient(135deg,#059669,#047857);color:#fff}.seeker-notification-item.service .seeker-notification-type-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.seeker-notification-item.payment .seeker-notification-type-icon{background:linear-gradient(135deg,#059669,#047857);color:#fff}.seeker-notification-item.review .seeker-notification-type-icon{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.seeker-notification-item.message .seeker-notification-type-icon{background:linear-gradient(135deg,#ec4899,#db2777);color:#fff}.seeker-notification-item.system .seeker-notification-type-icon{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.seeker-notification-item.favorite_expired .seeker-notification-type-icon{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.seeker-notification-item.favorite_expired.unread{background:#eff6ff!important;border:3px solid #3b82f6!important;border-radius:12px!important;box-shadow:0 4px 16px #3b82f633!important}.seeker-notification-item.favorite_expired.unread:hover{border-color:#2563eb!important;box-shadow:0 6px 20px #3b82f64d!important;transform:translateY(-2px)!important}.seeker-notification-main-content{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.seeker-notification-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;width:100%}.seeker-notification-title{color:#1f2937;font-size:.85rem;font-weight:600;line-height:1.3;margin:0 0 2px}.seeker-notification-timestamp{color:#9ca3af;font-size:.75rem;font-weight:400;margin-left:auto;white-space:nowrap}.seeker-notification-message{line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:.8rem;line-height:1.3;margin:0;overflow:hidden}.seeker-notification-actions{display:flex!important;flex-direction:column;flex-shrink:0;gap:6px;margin-left:auto;opacity:1!important;visibility:visible!important}.seeker-notification-action-btn{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;font-size:.7rem;font-weight:500;min-width:68px;padding:5px 10px;transition:all .2s ease;white-space:nowrap}.seeker-notification-action-btn.primary{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;color:#fff}.seeker-notification-action-btn.danger{background:#fef2f2;border-color:#fecaca;color:#dc2626}.seeker-notifications-empty-state{background:linear-gradient(135deg,#eff6ff,#e0f2fe);padding:80px 40px;text-align:center;width:100%}.seeker-notifications-empty-state-content{margin:0 auto;max-width:1400px}.seeker-empty-state-icon{align-items:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:30px;display:flex;font-size:48px;height:90px;justify-content:center;margin:0 auto 24px;opacity:.8;width:90px}.seeker-empty-state-title{color:#1f2937;font-size:1.2rem;font-weight:700;margin-bottom:8px}.seeker-empty-state-description{color:#6b7280;font-size:1rem;line-height:1.6;margin:0 auto 24px;max-width:400px}.seeker-empty-state-action{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:8px;padding:12px 24px;text-decoration:none;transition:all .3s ease}.seeker-empty-state-action:hover{box-shadow:0 8px 25px #3b82f64d;transform:translateY(-2px)}.seeker-notifications-loading{align-items:center;display:flex;flex-direction:column;gap:24px;justify-content:center;padding:60px 40px}.seeker-loading-spinner{animation:seekerSpin 1s linear infinite;border:4px solid #dbeafe;border-radius:50%;border-top-color:#3b82f6;height:48px;width:48px}.seeker-loading-text{color:#6b7280;font-size:1.1rem;font-weight:600}@keyframes seekerSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.seeker-notifications-pagination{background:#f9fafb;border-top:1px solid #f3f4f6;padding:12px 0}.seeker-notifications-pagination-content{align-items:center;display:flex;justify-content:space-between;padding:0 16px}.seeker-pagination-info{color:#6b7280;font-size:.875rem}.seeker-pagination-controls{display:flex;gap:8px}.seeker-pagination-btn{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:.8rem;padding:6px 10px;transition:all .2s ease}.seeker-pagination-btn:hover:not(:disabled){background:#3b82f6;border-color:#3b82f6;color:#fff}.seeker-pagination-btn:disabled{cursor:not-allowed;opacity:.5}.seeker-pagination-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}@media (max-width:1200px){.seeker-notifications-main-content{padding:32px 24px}}@media (max-width:768px){.seeker-notifications-header-section{padding:24px 20px}.seeker-notifications-header-content{align-items:flex-start;flex-direction:column;gap:20px}.seeker-notifications-title-section{align-items:flex-start;flex-direction:column;gap:16px}.seeker-notifications-title-content h1{font-size:2rem}.seeker-notifications-main-content{padding:24px 16px}.seeker-search-box{min-width:auto}.seeker-notification-item{flex-direction:column;gap:16px;padding:20px 16px}.seeker-notification-header{flex-direction:column;gap:8px}.seeker-notification-actions{justify-content:center}.seeker-notifications-pagination{flex-direction:column;gap:16px}}.seeker-notifications-list::-webkit-scrollbar{width:6px}.seeker-notifications-list::-webkit-scrollbar-track{background:#f9fafb}.seeker-notifications-list::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:3px}.seeker-notifications-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.seeker-notification-action-btn:focus,.seeker-notification-item:focus{outline:2px solid #3b82f6;outline-offset:2px}.seeker-notification-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.seeker-notification-modal{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:80vh;max-width:600px;overflow-y:auto;width:90%}.seeker-notification-modal-header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:24px 32px 16px}.seeker-notification-modal-header h3{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0}.seeker-notification-modal-close{background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;font-size:24px;padding:4px;transition:all .2s ease}.seeker-notification-modal-close:hover{background:#f3f4f6;color:#374151}.seeker-notification-modal-content{padding:24px 32px}.seeker-notification-modal-rows{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr;margin:6px 0 12px}.seeker-notification-modal-row{align-items:center;display:grid;font-size:.9rem;grid-template-columns:140px 1fr}.seeker-notification-modal-row .label{color:#6b7280}.seeker-notification-modal-row .label:after{color:#9ca3af;content:":";margin-left:6px}.seeker-notification-modal-row .value{color:#374151;font-weight:600}.seeker-notification-modal-type{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.seeker-notification-modal-time{color:#9ca3af;font-size:.875rem;font-weight:500}.seeker-modal-badge{border-radius:12px;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.seeker-modal-badge.booking{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.seeker-modal-badge.provider_response{background:linear-gradient(135deg,#059669,#047857);color:#fff}.seeker-modal-badge.service{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.seeker-modal-badge.payment{background:linear-gradient(135deg,#059669,#047857);color:#fff}.seeker-modal-badge.review{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.seeker-modal-badge.message{background:linear-gradient(135deg,#ec4899,#db2777);color:#fff}.seeker-modal-badge.system{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.seeker-notification-modal-title{color:#1f2937;font-size:1.25rem;font-weight:700;line-height:1.4;margin:0 0 12px}.seeker-notification-modal-message{color:#4b5563;font-size:1rem;line-height:1.6;margin:0 0 16px;text-align:left;white-space:pre-line}.seeker-notification-item.warning .seeker-notification-modal-message,.seeker-notification-modal.warning .seeker-notification-modal-message{text-align:justify;text-justify:inter-word}.seeker-notification-modal-reference{background:#f3f4f6;border-radius:8px;color:#6b7280;font-size:.875rem;margin-top:16px;padding:12px 16px}.seeker-notification-modal-actions{border-top:1px solid #f3f4f6;display:flex;gap:12px;justify-content:flex-end;padding:16px 32px 24px}.seeker-notification-modal-btn{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:.875rem;font-weight:600;padding:10px 20px;transition:all .2s ease}.seeker-notification-modal-btn:hover{background:#f3f4f6;border-color:#d1d5db}.seeker-notification-modal-btn.primary{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;color:#fff}.seeker-notification-modal-btn.primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.seeker-notification-modal-btn.danger{background:#fef2f2;border-color:#fecaca;color:#dc2626}.seeker-notification-modal-btn.danger:hover{background:#dc2626;border-color:#dc2626;color:#fff}@media print{.seeker-notification-actions,.seeker-notifications-header-actions{display:none}.seeker-notification-item{break-inside:avoid;page-break-inside:avoid}.seeker-notification-modal-overlay{display:none}}.analytics-content{background:#f9fafb;min-height:calc(100vh - 64px);overflow-y:auto;padding:.85rem 1.5rem 2rem;scroll-behavior:smooth}.analytics-content::-webkit-scrollbar{width:8px}.analytics-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.analytics-content::-webkit-scrollbar-thumb{background:#6b8dd6;border-radius:4px}.analytics-content::-webkit-scrollbar-thumb:hover{background:#5272c4}.ss-page-title{color:#2d3436;font-size:1.75rem;font-weight:700;margin:0 0 1.5rem}.seeker-stats-header{background:#6b8dd6;border:2px solid #6b8dd6;border-radius:8px;box-shadow:0 2px 6px #6b8dd626;display:flex;gap:.5rem;margin-bottom:1.5rem;margin-left:-1.5rem;margin-right:-1.5rem;padding:.5rem 2.2rem}.stat-box{align-items:center;background:#fff;border-radius:6px;border-right:1px solid #e8effa;display:flex;flex:1 1;flex-direction:column;gap:.25rem;justify-content:center;min-width:110px;padding:.6rem .85rem;text-align:center}.stat-box:last-child{border-right:none}.stat-number{color:#2d3436;font-size:1.4rem;line-height:1}.stat-label{color:#636e72;font-size:.62rem;font-weight:600;letter-spacing:.3px;line-height:1.1}.stat-sublabel{color:#636e72;font-size:.68rem;font-weight:400;margin-top:.1rem}.chart-section{background:#fff;border:1px solid #dfe6e9;border-radius:8px;box-shadow:0 2px 6px #0000000f;margin-bottom:1.25rem;padding:1.25rem}.chart-header{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;margin-bottom:1rem}.chart-header h3{color:#2d3436;font-size:1.1rem;font-weight:700;margin:0}.chart-controls{display:flex;flex-wrap:wrap;gap:.5rem}.chart-btn{background:#fff;border:1px solid #dfe6e9;border-radius:6px;color:#2d3436;cursor:pointer;font-size:.85rem;font-weight:600;padding:.45rem .85rem;transition:all .2s}.chart-btn:hover:not(:disabled){background:#f9fafb;border-color:#6b8dd6}.chart-btn.active{background:#6b8dd6;border-color:#6b8dd6;color:#fff}.chart-btn:disabled{cursor:not-allowed;opacity:.5}.performance-metrics{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:1.5rem}.metric-card{background:#fff;border:1px solid #dfe6e9;border-radius:8px;box-shadow:0 2px 6px #0000000f;padding:1.25rem}.metric-card h4{color:#636e72;font-size:.75rem;font-weight:600;letter-spacing:.3px;margin:0 0 .75rem;text-transform:uppercase}.metric-value{color:#2d3436;font-size:2rem;font-weight:700;line-height:1;margin-bottom:.35rem}.metric-change{font-size:.85rem;font-weight:600}.metric-change.positive{color:#22c55e}.metric-change.negative{color:#e74c3c}.analytics-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));margin-bottom:1.5rem}.top-services{background:#fff;border:1px solid #dfe6e9;border-radius:8px;box-shadow:0 2px 6px #0000000f;padding:1.25rem}.top-services h3{color:#2d3436;font-size:1.1rem;font-weight:700;margin:0 0 1rem}.services-list{max-height:320px;overflow-y:auto}.services-list::-webkit-scrollbar{width:6px}.services-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.services-list::-webkit-scrollbar-thumb{background:#6b8dd6;border-radius:3px}.service-item{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:.85rem 0;transition:background .2s}.service-item:hover{background:#f9fafb;border-radius:4px;margin-left:-.5rem;margin-right:-.5rem;padding-left:.5rem;padding-right:.5rem}.service-name{color:#2d3436;font-size:.95rem;margin-bottom:.25rem}.service-stats{color:#636e72;font-size:.8rem}.error-message{background:#fadbd8;border-radius:6px;color:#e74c3c;font-weight:600;margin:1rem 0;padding:1rem}@media (max-width:1200px){.analytics-grid{grid-template-columns:1fr}}@media (max-width:768px){.analytics-content{padding:.5rem 1rem 1.5rem}.seeker-stats-header{flex-wrap:wrap;margin-left:-1rem;margin-right:-1rem;padding:.5rem 1rem}.stat-box{min-width:calc(50% - .25rem)}.performance-metrics{grid-template-columns:1fr}.chart-header{align-items:flex-start;flex-direction:column}}.seeker-profile-container{background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100%;width:100%}.seeker-profile-banner{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:0 0 32px 32px;height:180px;overflow:hidden;position:relative}.seeker-banner-overlay{align-items:flex-start;background:#0000001a;bottom:0;display:flex;justify-content:flex-end;left:0;padding:18px;position:absolute;right:0;top:0}.seeker-banner-customize-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:10px 16px;transition:all .3s ease}.seeker-banner-customize-btn:hover{background:#ffffff4d;box-shadow:0 8px 20px #0003;transform:translateY(-2px)}.seeker-banner-color-picker{background:#fff;border:1px solid #0000001a;border-radius:14px;box-shadow:0 18px 36px #00000026;max-height:360px;max-width:340px;min-height:260px;min-width:280px;overflow-y:auto;padding:16px;position:absolute;right:20px;top:60px;z-index:1000}.color-picker-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.color-picker-header h4{color:#1f2937;font-size:14px;font-weight:600;margin:0}.seeker-close-btn{background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;font-size:16px;padding:4px;transition:all .2s ease}.seeker-close-btn:hover{background:#f3f4f6;color:#374151}.color-presets{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,1fr);margin-bottom:20px;min-height:140px;padding:10px}.color-preset{border:3px solid #0000;border-radius:10px;cursor:pointer;height:36px;position:relative;transition:all .3s ease;width:36px}.color-preset:hover{box-shadow:0 8px 18px #0003;transform:scale(1.1)}.color-preset.active{border-color:#fff;box-shadow:0 0 0 3px #3b82f64d}.color-picker-input{border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;height:50px;transition:all .3s ease;width:100%}.color-picker-input:hover{border-color:#3b82f6}.profile-header{align-items:flex-start;display:flex;gap:24px;margin-top:-60px;padding:0 24px;position:relative;z-index:10}.profile-avatar-section{flex-shrink:0}.profile-avatar,.profile-avatar-container{position:relative}.profile-avatar{align-items:center;background:#fff;border:6px solid #fff;border-radius:50%;box-shadow:0 18px 36px #00000026;display:flex;height:120px;justify-content:center;overflow:hidden;width:120px}.profile-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{background:linear-gradient(135deg,#3b82f6,#8b5cf6);font-size:36px}.upload-overlay{align-items:center;background:#000000b3;border-radius:50%;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.upload-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:28px;width:28px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.avatar-upload-btn{align-items:center;background:#3b82f6;border:none;border-radius:50%;bottom:6px;box-shadow:0 8px 18px #3b82f666;color:#fff;cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;position:absolute;right:6px;transition:all .3s ease;width:40px}.avatar-upload-btn:hover:not(:disabled){background:#2563eb;transform:scale(1.1)}.avatar-upload-btn:disabled{cursor:not-allowed;opacity:.5}.profile-info-section{align-items:flex-start;display:flex;flex:1 1;gap:24px;margin-top:6px}.profile-main-info{display:flex;flex:1 1;flex-direction:column;justify-content:flex-start}.main-info-profile-name{color:#fff!important;text-align:left}.main-info-profile-name,.profile-name{font-size:24px;font-weight:700;line-height:1.1;margin:0 0 8px}.profile-name{color:#1e40af!important;text-align:center}.profile-title{align-items:center;display:flex;gap:10px;justify-content:flex-start;margin-bottom:14px}.user-type-badge{align-items:center;border-radius:18px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.5px;padding:8px 14px;text-transform:uppercase}.user-type-badge.seeker{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 10px #3b82f64d;color:#fff}.verification-badge{align-items:center;border-radius:14px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px}.verification-badge.verified{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.profile-meta{display:flex;flex-direction:column;gap:8px;margin-bottom:18px;text-align:justify}.meta-item{align-items:center;color:#6b7280;display:flex;font-size:12px;gap:10px}.meta-icon{font-size:14px;text-align:center;width:18px}.meta-text{flex:1 1}.profile-bio{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:20px;padding:14px}.profile-bio p{color:#374151;line-height:1.6;margin:0}.seeker-profile-actions{display:flex;flex-wrap:wrap;gap:10px}.profile-stats{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,1fr);min-width:240px}.stat-card{border-radius:14px;box-shadow:0 4px 10px #0000000d;padding:18px;transition:all .3s ease}.stat-card:hover{box-shadow:0 12px 20px #0000001a;transform:translateY(-4px)}.stat-number{color:#3b82f6;display:block;font-size:22px;font-weight:700;margin-bottom:8px}.stat-label{color:#6b7280;font-size:12px;font-weight:500}.profile-content{padding:32px 20px}.profile-sections{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:100%;width:98%}.profile-section{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 12px #0000000d;display:flex;flex-direction:column;max-height:600px;min-height:400px;transition:all .3s ease}.profile-section:hover{box-shadow:0 12px 24px #0000001a;transform:translateY(-2px)}.service-preferences-section{max-height:800px;min-height:700px}.personal-info-section{grid-column:1;grid-row:1}.recent-activity-section{grid-column:2;grid-row:1}.service-preferences-section{grid-column:1/-1;grid-row:2}.seeker-section-header{align-items:center;background:#fafbfc;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:20px 40px}.seeker-section-header h3{align-items:center;border-bottom:3px solid #3b82f6;color:#1f2937;display:flex;font-size:20px;font-weight:600;gap:12px;margin:0;padding-bottom:8px}.seeker-edit-section-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s ease}.seeker-edit-section-btn:hover{background:#2563eb;transform:translateY(-1px)}.info-grid{flex:1 1;padding:28px 40px}.info-row{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 1fr;margin-bottom:16px}.info-row:last-child{margin-bottom:0}.info-item{display:flex;flex-direction:column;gap:8px}.info-item label{color:#6b7280;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-item span{border-bottom:1px solid #f1f5f9;color:#1f2937;font-size:16px;padding:12px 0}.status-grid{grid-gap:20px;display:grid;flex:1 1;gap:20px;padding:28px 40px}.status-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;gap:16px;padding:16px}.status-icon,.status-item{align-items:center;display:flex}.status-icon{border-radius:50%;flex-shrink:0;font-size:20px;height:48px;justify-content:center;width:48px}.status-icon.verified{background:#ecfdf5;border:2px solid #a7f3d0}.status-icon.unverified{background:#dbeafe;border:2px solid #3b82f6}.status-icon.active{background:#ede9fe;border:2px solid #c4b5fd}.status-content{flex:1 1}.status-title{color:#1f2937;font-size:16px;font-weight:600;margin-bottom:4px}.status-desc{color:#6b7280;font-size:14px;line-height:1.5}.activity-stats{grid-gap:20px;display:grid;flex:1 1;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:28px 40px}.activity-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;display:flex;gap:20px;padding:18px;transition:all .3s ease}.activity-item:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-4px)}.activity-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;display:flex;flex-shrink:0;font-size:24px;height:56px;justify-content:center;width:56px}.activity-content{flex:1 1}.activity-number{color:#1f2937;font-size:32px;font-weight:700;line-height:1;margin-bottom:8px}.activity-label{color:#374151;font-size:16px;font-weight:600;margin-bottom:4px}.activity-desc{color:#6b7280;font-size:14px;line-height:1.4}.preferences-content{background:#fff;border-radius:12px;flex:1 1;max-height:750px;min-height:680px;overflow-y:auto;padding:28px 40px}.preferences-display{display:flex;flex-direction:column;gap:16px;max-height:600px;overflow-y:auto}.service-preferences-grid{display:flex;flex-direction:column;gap:32px;justify-content:flex-start;margin-bottom:40px;min-height:400px}.preference-category-section{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 20px #0000000f;display:flex;flex-direction:column;gap:20px;margin-bottom:24px;padding:24px;transition:all .3s ease}.preference-category-section:hover{box-shadow:0 8px 30px #3b82f61a;transform:translateY(-2px)}.preference-category-title{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:16px;box-shadow:0 4px 16px #3b82f64d;color:#1e293b;color:#fff;display:flex;font-size:22px;font-weight:700;gap:14px;margin:0;overflow:hidden;padding:18px 24px;position:relative}.preference-category-title:before{background:linear-gradient(180deg,#fff,#fffc);bottom:0;content:"";left:0;position:absolute;top:0;width:5px}.preference-category-title:after{animation:shine 3s infinite;background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%);content:"";height:200%;position:absolute;right:-50%;top:-50%;transform:rotate(45deg);width:100%}@keyframes shine{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}50%{transform:translateX(100%) translateY(100%) rotate(45deg)}to{transform:translateX(-100%) translateY(-100%) rotate(45deg)}}.category-icon{filter:drop-shadow(0 2px 8px rgba(255,255,255,.3));font-size:28px;z-index:1}.service-cards-container{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));max-height:400px;overflow-y:auto;padding:8px;scrollbar-color:#3b82f6 #f1f5f9;scrollbar-width:thin}.service-cards-container::-webkit-scrollbar{width:8px}.service-cards-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.service-cards-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:10px}.service-cards-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.service-preference-card{background:#fff;border:2px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 12px #0000000d;overflow:hidden;padding:20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.service-preference-card:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6 50%,#10b981);content:"";height:4px;left:0;position:absolute;right:0;top:0}.service-preference-card:hover{border-color:#3b82f6;box-shadow:0 12px 28px #3b82f626;transform:translateY(-4px)}.service-card-header{align-items:flex-start;margin-bottom:16px}.service-name{color:#1f2937;flex:1 1;font-size:18px;font-weight:700;line-height:1.3;margin:0}.service-rating{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.star-rating{align-items:center;color:#f59e0b;display:flex;font-size:16px;gap:2px;line-height:1}.star-rating .rating-number{color:#6b7280;font-size:12px;font-weight:600;margin-left:6px}.service-card-body{margin-bottom:20px}.service-stats{align-items:center;gap:12px;justify-content:space-between}.review-count{color:#6b7280;font-size:14px;font-weight:500}.service-price{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;color:#059669;font-size:16px;font-weight:700;padding:6px 12px}.service-card-actions{align-items:center;display:flex;gap:12px}.service-action-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 16px;transition:all .3s ease}.service-action-btn.primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;flex:1 1}.service-action-btn.primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 8px 20px #3b82f666;transform:translateY(-2px)}.service-action-btn.secondary{background:#f3f4f6;border-radius:50%;color:#6b7280;height:44px;justify-content:center;padding:0;width:44px}.service-action-btn.secondary:hover{background:#fef2f2;color:#dc2626;transform:scale(1.1)}.service-preference-card-small{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 12px #00000014;display:flex;min-height:90px;overflow:hidden;padding:20px 18px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.service-preference-card-small:before{animation:gradientShift 4s ease infinite;background:linear-gradient(90deg,#3b82f6,#6366f1 25%,#8b5cf6 50%,#06b6d4 75%,#10b981);background-size:200% 100%;content:"";height:4px;left:0;position:absolute;right:0;top:0}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.service-preference-card-small:after{background:linear-gradient(90deg,#0000,#3b82f61a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.service-preference-card-small:hover{background:linear-gradient(135deg,#fff,#eff6ff);border-color:#3b82f6;box-shadow:0 12px 30px #3b82f633;transform:translateY(-4px) scale(1.02)}.service-preference-card-small:hover:after{left:100%}.service-card-content{gap:10px;justify-content:center;position:relative;width:100%;z-index:2}.service-name-small{color:#1e293b;font-size:17px;font-weight:700;letter-spacing:-.01em;line-height:1.4;margin:0;text-align:center;text-shadow:0 1px 2px #0000000d}.service-rating-small{align-items:center;display:flex;gap:6px;justify-content:center}.service-rating-small .star-rating{font-size:14px;gap:1px}.service-rating-small .star-rating .rating-number{font-size:11px;margin-left:4px}.user-preferences-section{border-top:2px solid #e2e8f0;margin-top:32px;padding-top:32px}.preference-sub-title{align-items:center;color:#374151;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 12px}.preference-group{margin-bottom:24px}.preference-group-title{align-items:center;border-bottom:2px solid #e5e7eb;color:#1f2937;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0 0 16px;padding-bottom:8px}.preferences-tags{display:flex;flex-wrap:wrap;gap:12px}.pref-tag{align-items:center;border-radius:20px;box-shadow:0 4px 12px #0000001a;color:#fff;display:inline-flex;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s ease}.pref-tag:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.skill-tag{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d}.preference-tag{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 12px #8b5cf64d}.subcategory-tag{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d}.categories-display{display:flex;flex-direction:column;gap:20px}.category-group{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:20px;transition:all .3s ease}.category-group:hover{background:#f1f5f9;box-shadow:0 8px 20px #0000001a;transform:translateY(-2px)}.category-title{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:12px;color:#374151;color:#fff;display:inline-block;font-size:16px;font-weight:600;margin:0 0 12px;padding:8px 16px}.subcategories-container{display:flex;flex-wrap:wrap;gap:8px}.preferences-empty{padding:40px 20px;text-align:center}.empty-icon{font-size:64px}.empty-message h4{color:#1f2937;font-size:20px;font-weight:600;margin:0 0 12px}.empty-message p{color:#6b7280;font-size:16px;line-height:1.5;margin:0 0 24px}.recent-activity{flex:1 1;padding:28px 40px}.activity-list{display:flex;flex-direction:column;gap:12px}.activity-list-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:16px;padding:16px;transition:all .3s ease}.activity-list-item:hover{background:#f1f5f9;transform:translateX(4px)}.activity-list-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;width:40px}.activity-list-content{flex:1 1}.activity-list-title{color:#1f2937;font-size:16px;font-weight:600;margin-bottom:4px}.activity-list-meta{color:#6b7280;font-size:14px}.activity-empty{padding:60px 20px;text-align:center}.btn-primary{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.btn-primary:hover{box-shadow:0 8px 20px #3b82f666;transform:translateY(-2px)}.btn-outline{align-items:center;background:#fff;border:2px solid #3b82f6;border-radius:12px;color:#3b82f6;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 22px;transition:all .3s ease}.btn-outline:hover{background:#3b82f6;color:#fff;transform:translateY(-2px)}@media (max-width:1024px){.profile-header{text-align:center}.profile-header,.profile-info-section{align-items:center;flex-direction:column;gap:24px}.profile-stats{grid-template-columns:repeat(4,1fr);max-width:600px}.activity-stats{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:768px){.profile-content{padding:32px 16px}.profile-sections{gap:24px;grid-template-columns:1fr}.personal-info-section,.recent-activity-section,.service-preferences-section{grid-column:1;grid-row:unset}.profile-header{margin-top:-60px;padding:0 16px}.profile-avatar{height:120px;width:120px}.profile-name{font-size:24px}.profile-stats{grid-template-columns:repeat(2,1fr)}.info-row{gap:16px;grid-template-columns:1fr}.seeker-section-header{padding:20px 24px}.activity-stats,.info-grid,.preferences-content,.recent-activity,.status-grid{padding:24px}.preferences-content{min-height:580px}.service-preferences-section{max-height:700px;min-height:600px}.seeker-banner-color-picker{left:16px;max-width:none;min-width:auto;right:16px;top:60px;width:calc(100vw - 32px)}.seeker-profile-actions{justify-content:center}.service-cards-container{gap:12px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));padding:0}.preference-category-title{font-size:18px;padding:12px 16px}.service-preference-card{padding:16px}.service-preference-card-small{min-height:70px;padding:12px}.service-name{font-size:16px}.service-name-small,.star-rating{font-size:14px}.service-rating-small .star-rating{font-size:12px}}@media (max-width:480px){.profile-header{padding:0 12px}.profile-content{padding:24px 12px}.profile-avatar{height:100px;width:100px}.avatar-placeholder{font-size:36px}.profile-name{font-size:20px}.seeker-profile-actions{flex-direction:column;width:100%}.btn-outline,.btn-primary{justify-content:center;width:100%}.activity-stats,.profile-stats{grid-template-columns:1fr}.service-cards-container{gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.service-preference-card-small{min-height:60px;padding:10px}.service-name-small{font-size:13px}.service-rating-small .star-rating{font-size:11px}.service-rating-small .star-rating .rating-number{font-size:10px}.preferences-content{min-height:500px}.service-preferences-section{max-height:600px;min-height:520px}.preference-category-section{gap:16px;padding:16px}.preference-category-title{font-size:18px;padding:14px 18px}.service-cards-container{max-height:300px}}@media (max-width:1200px){.service-cards-container{gap:14px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));max-height:350px}.preference-category-section{gap:18px;padding:20px}.preference-category-title{font-size:20px;padding:16px 20px}}@media (max-width:900px){.service-cards-container{gap:12px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));max-height:320px}.service-preference-card-small{min-height:75px;padding:16px 14px}.service-name-small{font-size:15px}}@media (max-width:600px){.service-preferences-grid{gap:24px;min-height:300px}.preference-category-section{border-radius:16px;padding:16px}.preference-category-title{border-radius:12px;font-size:18px;padding:14px 16px}.service-cards-container{gap:10px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));max-height:280px}.service-preference-card-small{border-radius:12px;min-height:70px;padding:14px 12px}.service-name-small{font-size:14px;line-height:1.3}}.sk-applicants-container{background:#fefefe;margin:0;max-width:100%;min-height:100vh;padding:16px;width:100%}.sk-applicants-header{align-items:flex-start;display:flex;gap:32px;justify-content:space-between;margin-bottom:24px}.sk-applicants-header .header-content h2{color:#3b82f6;font-size:28px;font-weight:700;margin:0 0 8px}.sk-applicants-header .header-content p{color:#6b7280;font-size:16px;margin:0}.sk-applicants-header .header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.sk-applicants-header .search-container{position:relative}.sk-applicants-header .search-input-wrapper{align-items:center;display:flex;position:relative}.sk-applicants-search-input{border:2px solid #e5e7eb;border-radius:8px;font-size:14px;height:40px;padding:0 40px 0 16px;transition:all .2s ease;width:280px}.sk-applicants-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.sk-applicants-clear-search-btn{background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;font-size:16px;padding:4px;position:absolute;right:12px;transition:color .2s ease}.sk-applicants-clear-search-btn:hover{background:#f3f4f6;color:#6b7280}.sk-applicants-search-input-button{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;height:40px;padding:0 16px;transition:background .2s ease}.sk-applicants-search-input-button:hover{background:#1d4ed8}.sk-applicants-header .filter-controls{display:flex;gap:12px}.sk-applicants-filter-dropdown{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;height:40px;min-width:120px;padding:0 12px;transition:border-color .2s ease}.sk-applicants-filter-dropdown:focus{border-color:#3b82f6;outline:none}.sk-applicants-header .view-toggle{border:2px solid #e5e7eb;border-radius:8px;display:flex;overflow:hidden}.sk-applicants-view-toggle-btn{background:#fff;border:none;color:#6b7280;cursor:pointer;font-size:16px;padding:8px 12px;transition:all .2s ease}.sk-applicants-view-toggle-btn:hover{background:#f9fafb;color:#3b82f6}.sk-applicants-view-toggle-btn.active{background:#3b82f6;color:#fff}.sk-applicants-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;max-height:70vh;overflow:hidden;overflow-y:auto}.sk-applicants-table-container::-webkit-scrollbar{width:8px}.sk-applicants-table-container::-webkit-scrollbar-track{background:#f1f5f9}.sk-applicants-table-container::-webkit-scrollbar-thumb{background:#3b82f64d;border-radius:4px}.sk-applicants-table-container::-webkit-scrollbar-thumb:hover{background:#3b82f680}.sk-applicants-bulk-actions-bar{align-items:center;background:#dbeafe;border-bottom:1px solid #3b82f6;display:flex;justify-content:space-between;padding:12px 20px}.sk-applicants-selected-count{color:#1e40af;font-size:14px;font-weight:500}.sk-applicants-bulk-action-buttons{display:flex;gap:12px}.sk-applicants-bulk-btn{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease}.sk-applicants-bulk-btn.accept{background:#10b981;color:#fff}.sk-applicants-bulk-btn.accept:hover{background:#059669}.sk-applicants-bulk-btn.decline{background:#ef4444;color:#fff}.sk-applicants-bulk-btn.decline:hover{background:#dc2626}.sk-applicants-empty-state{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:80px 20px;text-align:center}.sk-applicants-empty-icon{font-size:64px;margin-bottom:16px}.sk-applicants-empty-state h3{color:#374151;font-size:24px;font-weight:600;margin:0 0 8px}.sk-applicants-empty-state p{color:#6b7280;font-size:16px;margin:0 0 24px}.sk-applicants-browse-services-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:background .2s ease}.sk-applicants-browse-services-btn:hover{background:#1d4ed8}.sk-applicants-table{border-collapse:collapse;width:100%}.sk-applicants-table th{background:#3b82f6;color:#fff;font-size:12px;font-weight:600;letter-spacing:.5px;padding:16px 12px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:1}.sk-applicants-table td{border-bottom:1px solid #f3f4f6;padding:16px 12px;vertical-align:middle}.sk-applicants-table-row:hover{background:#dbeafe}.sk-applicants-table-row.pending{border-left:4px solid #fbbf24}.sk-applicants-table-row.accepted{border-left:4px solid #10b981}.sk-applicants-table-row.declined{border-left:4px solid #ef4444}.sk-applicants-table-row.new{border-left:4px solid #3b82f6}.sk-applicants-table-row.interview{border-left:4px solid #8b5cf6}.sk-applicants-table .select-cell{text-align:center;width:40px}.sk-applicants-table .select-checkbox{accent-color:#3b82f6;height:16px;width:16px}.sk-applicants-table .applicant-cell{min-width:200px}.sk-applicants-table .applicant-photo{border-radius:50%;height:40px;margin-right:12px;object-fit:cover;vertical-align:middle;width:40px}.sk-applicants-table .applicant-info{display:inline-block;vertical-align:middle}.sk-applicants-table .applicant-name{color:#111827;font-size:14px;font-weight:600;margin-bottom:2px}.sk-applicants-table .applicant-stats{color:#6b7280;font-size:12px}.sk-applicants-table .request-cell{min-width:180px}.sk-applicants-table .request-title{color:#374151;font-size:14px;font-weight:500;margin-bottom:2px}.sk-applicants-table .date-cell{color:#6b7280;font-size:12px;min-width:80px}.sk-applicants-table .budget-cell{color:#3b82f6;font-size:13px;font-weight:600;min-width:120px}.sk-applicants-table .status-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;justify-content:center;letter-spacing:.5px;min-width:80px;padding:4px 8px;text-transform:uppercase}.sk-applicants-table .status-badge.pending{background:#fef3c7;color:#92400e}.sk-applicants-table .status-badge.accepted{background:#d1fae5;color:#065f46}.sk-applicants-table .status-badge.declined{background:#fee2e2;color:#991b1b}.sk-applicants-table .status-badge.new{background:#dbeafe;color:#1e40af}.sk-applicants-table .status-badge.interview{background:#e0e7ff;color:#5b21b6}.sk-applicants-table .actions-cell{min-width:180px}.sk-applicants-table .table-actions{align-items:center;display:flex;gap:6px}.sk-applicants-table .table-btn{border:none;border-radius:6px;cursor:pointer;font-size:11px;font-weight:500;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.sk-applicants-table .table-btn.view{background:#f3f4f6;color:#374151}.sk-applicants-table .table-btn.view:hover{background:#e5e7eb}.sk-applicants-table .table-btn.accept{background:#10b981;color:#fff}.sk-applicants-table .table-btn.accept:hover{background:#059669}.sk-applicants-table .table-btn.decline{background:#ef4444;color:#fff}.sk-applicants-table .table-btn.decline:hover{background:#dc2626}.sk-applicants-table .table-btn.secondary{background:#e5e7eb;color:#6b7280}.sk-applicants-flashcards-content{max-height:70vh;min-height:400px;overflow-y:auto}.sk-applicants-flashcards-content::-webkit-scrollbar{width:8px}.sk-applicants-flashcards-content::-webkit-scrollbar-track{background:#f1f5f9}.sk-applicants-flashcards-content::-webkit-scrollbar-thumb{background:#3b82f64d;border-radius:4px}.sk-applicants-flashcards-content::-webkit-scrollbar-thumb:hover{background:#3b82f680}.sk-applicants-flashcards-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));padding:4px}.sk-applicant-flashcard{background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;position:relative;transition:all .2s ease}.sk-applicant-flashcard:hover{border-color:#3b82f6;box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.sk-applicant-flashcard.pending{border-top:4px solid #fbbf24}.sk-applicant-flashcard.accepted{border-top:4px solid #10b981}.sk-applicant-flashcard.declined{border-top:4px solid #ef4444}.sk-applicant-flashcard.new{border-top:4px solid #3b82f6}.sk-applicant-flashcard.interview{border-top:4px solid #8b5cf6}.sk-flashcard-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;padding:16px 20px 0}.sk-flashcard-status{align-items:center;border-radius:12px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.sk-flashcard-status.pending{background:#fef3c7;color:#92400e}.sk-flashcard-status.accepted{background:#d1fae5;color:#065f46}.sk-flashcard-status.declined{background:#fee2e2;color:#991b1b}.sk-flashcard-status.new{background:#dbeafe;color:#1e40af}.sk-flashcard-status.interview{background:#e0e7ff;color:#5b21b6}.sk-flashcard-date{color:#9ca3af;font-size:12px}.sk-flashcard-select{position:absolute;right:20px;top:16px}.sk-flashcard-select-checkbox{accent-color:#3b82f6;height:18px;width:18px}.sk-flashcard-applicant{padding:16px 20px}.sk-flashcard-applicant-header{align-items:center;display:flex;gap:16px;margin-bottom:16px}.sk-flashcard-applicant-avatar{border-radius:50%;height:60px;object-fit:cover;width:60px}.sk-flashcard-applicant-info h3{color:#111827;font-size:18px;font-weight:600;margin:0 0 4px}.sk-flashcard-applicant-title{color:#6b7280;font-size:14px;margin-bottom:8px}.sk-flashcard-applicant-meta{color:#6b7280;display:flex;font-size:12px;gap:16px}.sk-flashcard-request{margin-bottom:16px}.sk-flashcard-request-label{color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.sk-flashcard-request-title{color:#374151;font-size:16px;font-weight:600}.sk-flashcard-budget{margin-bottom:16px}.sk-flashcard-budget-label{color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.sk-flashcard-budget-amount{color:#3b82f6;font-size:16px;font-weight:700}.sk-flashcard-message{margin-bottom:16px}.sk-flashcard-message-label{color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.sk-flashcard-message p{line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#4b5563;display:-webkit-box;font-size:14px;line-height:1.5;margin:0;overflow:hidden}.sk-flashcard-specialties{margin-bottom:20px}.sk-flashcard-specialties-label{color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.sk-flashcard-specialties-tags{display:flex;flex-wrap:wrap;gap:6px}.sk-flashcard-specialty-tag{background:#dbeafe;border-radius:12px;color:#1e40af;font-size:11px;font-weight:500;padding:4px 8px}.sk-flashcard-actions{display:flex;gap:12px;padding:0 20px 20px}.sk-flashcard-action-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s ease}.sk-flashcard-action-btn.view{background:#f3f4f6;color:#374151}.sk-flashcard-action-btn.view:hover{background:#e5e7eb}.sk-flashcard-action-btn.accept{background:#10b981;color:#fff}.sk-flashcard-action-btn.accept:hover{background:#059669;transform:translateY(-1px)}.sk-flashcard-action-btn.decline{background:#ef4444;color:#fff}.sk-flashcard-action-btn.decline:hover{background:#dc2626;transform:translateY(-1px)}.sk-flashcard-action-btn.secondary{background:#e5e7eb;color:#6b7280}@media (max-width:1200px){.sk-applicants-flashcards-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (max-width:768px){.sk-applicants-container{padding:16px}.sk-applicants-header{flex-direction:column;gap:20px}.sk-applicants-header .header-actions{justify-content:space-between;width:100%}.sk-applicants-search-input{width:200px}.sk-applicants-header .filter-controls{flex-wrap:wrap;gap:8px}.sk-applicants-flashcards-grid{grid-template-columns:1fr}.sk-applicants-table-container{overflow-x:auto}.sk-applicants-table{min-width:800px}}@media (max-width:480px){.sk-applicants-header .header-actions{align-items:stretch;flex-direction:column;gap:12px}.sk-applicants-header .filter-controls,.sk-applicants-search-input{width:100%}.sk-applicants-filter-dropdown{flex:1 1;min-width:0;min-width:auto}.sk-applicants-header .view-toggle{align-self:center}}.seeker-applicants-flashcards-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}@media (max-width:1200px){.seeker-applicants-flashcards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.seeker-applicants-flashcards-grid{grid-template-columns:1fr}}.applicant-flashcard{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 10px #0000000f;display:flex;flex-direction:column;padding:16px}.applicant-flashcard.pending{box-shadow:0 4px 14px #f59e0b26}.app-card-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.applied-date-label{color:#6b7280;font-size:.8rem;font-weight:600}.top-category{color:#d97706;font-size:.85rem;font-weight:800}.job-info{margin:8px 0 12px}.job-title{color:#d97706;font-size:1rem;font-weight:800;margin:0}.job-subtitle{font-size:.85rem;margin:6px 0 0}.mini-details{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.mini-details .detail-row{align-items:center;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:8px 12px}.mini-details .detail-row:first-child{border-top:none}.mini-details .detail-label{color:#94a3b8;font-size:.68rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.mini-details .detail-value{color:#0f172a;font-size:.9rem;font-weight:700;text-align:right}.mini-actions{border-top:1px solid #e5e7eb;display:flex;gap:10px;margin-top:12px;padding-top:12px}.mini-btn{background:#fff;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;flex:1 1;font-size:.85rem;font-weight:700;padding:8px 12px}.mini-btn.view{background:#fffbeb;border-color:#fcd34d;color:#b45309}.mini-btn.accept{background:#f0fdf4;border-color:#86efac;color:#16a34a}.mini-btn.decline{background:#fef2f2;border-color:#fecaca;color:#ef4444}.mini-btn.secondary{color:#6b7280}.sk-app-modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.sk-app-modal{background:#fff;border:1px solid #dbeafe;border-radius:12px;box-shadow:0 10px 40px #1d4ed82e;max-height:90vh;max-width:640px;overflow-y:auto;width:92%}.sk-app-modal-header{align-items:center;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:12px 16px}.sk-app-modal-title{color:#1e3a8a;font-size:1.05rem;font-weight:800;margin:0}.sk-app-modal-close{background:none;border:none;color:#475569;cursor:pointer;font-size:1.1rem}.sk-app-modal-body{padding:12px 16px}.sk-app-modal-row{border-bottom:1px solid #e5e7eb;display:flex;gap:12px;justify-content:space-between;padding:8px 0}.sk-app-modal-row:last-child{border-bottom:none}.sk-app-modal-row .label{color:#1e40af;font-size:12px;font-weight:700;letter-spacing:.4px}.sk-app-modal-row .value{color:#1f2937;flex:1 1;font-size:14px;margin-left:1rem;text-align:right}.sk-app-modal-row .value.long{line-height:1.6;text-align:left}.sk-app-modal-actions{border-top:1px solid #e5e7eb;display:flex;gap:8px;padding:12px 16px}.my-requests-container{background:#fafbfc;margin:0;max-width:100%;min-height:100vh;padding:16px;width:100%}.my-requests-sticky{background:#fafbfc;padding-bottom:8px;padding-top:4px;position:-webkit-sticky;position:sticky;top:0;z-index:20}.my-requests-header{margin-bottom:8px}.my-requests-header h2{color:#1a202c;font-size:1.15rem;font-weight:600;margin-bottom:2px}.my-requests-header .subtitle{color:#718096;font-size:.8rem;font-weight:400}.stats-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:8px}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:8px;text-align:center;transition:all .2s ease}.stat-card:hover{border-color:#cbd5e0;box-shadow:0 2px 8px #0000000d}.stat-value{color:#1a202c;font-size:1.05rem;font-weight:600;margin-bottom:1px}.stat-label{color:#718096;font-size:.68rem;font-weight:400;letter-spacing:.5px;text-transform:uppercase}.stat-card.pending .stat-value{color:#ed8936}.stat-card.accepted .stat-value{color:#48bb78}.stat-card.rejected .stat-value{color:#f56565}.filter-section{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;margin-bottom:10px;padding:10px}.filter-section,.filter-tabs{display:flex;flex-wrap:wrap;gap:8px}.filter-tabs{flex:1 1}.filter-tab{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;cursor:pointer;font-size:.78rem;font-weight:500;padding:5px 10px;transition:all .2s ease}.filter-tab:hover{background:#f7fafc;border-color:#cbd5e0}.filter-tab.active{background:#2b6cb0;border-color:#2b6cb0;color:#fff}.loading-spinner{color:#7f8c8d;font-size:1.2rem;padding:60px 20px;text-align:center}.error-message{align-items:center;background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;display:flex;gap:12px;margin-bottom:20px}.error-icon{font-size:1.5rem}.empty-state{border-radius:12px;box-shadow:0 2px 8px #00000014}.empty-icon{opacity:.5}.empty-state h3{color:#2c3e50}.empty-state p{color:#7f8c8d;margin:0 auto;max-width:500px}.requests-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}@media (max-width:1400px){.requests-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.requests-grid{grid-template-columns:repeat(2,1fr)}}.request-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-direction:column;height:100%;min-height:240px;overflow:hidden;transition:all .2s ease}.request-card:hover{border-color:#cbd5e0;box-shadow:0 4px 12px #0000000f}.request-card-header{align-items:center;background:#f7fafc;border-bottom:1px solid #e2e8f0;display:flex;flex-shrink:0;height:36px;justify-content:space-between;padding:8px 10px}.request-card-header .saved-date{color:#64748b;font-size:.75rem;font-weight:600}.request-card-header .top-category{color:#2563eb;font-size:.8rem;font-weight:700}.request-status-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:.75rem;font-weight:500;gap:6px;padding:3px 8px;text-transform:capitalize}.status-dot{border-radius:50%;display:inline-block;height:6px;width:6px}.status-dot.pending{background:#ed8936}.status-dot.viewed{background:#4299e1}.status-dot.accepted{background:#48bb78}.status-dot.rejected{background:#f56565}.status-dot.withdrawn{background:#a0aec0}.status-dot.completed{background:#38b2ac}.request-status-badge.pending{background:#feebc8;color:#c05621}.request-status-badge.viewed{background:#bee3f8;color:#2c5282}.request-status-badge.accepted{background:#c6f6d5;color:#276749}.request-status-badge.rejected{background:#fed7d7;color:#9b2c2c}.request-status-badge.withdrawn{background:#e2e8f0;color:#4a5568}.request-status-badge.completed{background:#b2f5ea;color:#234e52}.request-date{color:#718096;font-size:.75rem;font-weight:400}.request-card-body{display:flex;flex:1 1;flex-direction:column;gap:10px;padding:12px}.request-details{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-top:6px;overflow:hidden}.request-details .detail-row{align-items:center;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:8px 12px}.request-details .detail-row:first-child{border-top:none}.request-details .detail-label{color:#94a3b8;font-size:.68rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.request-details .detail-value{color:#0f172a;font-size:.85rem;font-weight:600;text-align:right}.request-details .detail-value.price-value{color:#2563eb;font-weight:800}.job-info{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.job-title{line-clamp:2;-webkit-line-clamp:2;color:#1a202c;font-size:.9rem;font-weight:600;min-height:2.2rem}.job-subtitle,.job-title{-webkit-box-orient:vertical;display:-webkit-box;line-height:1.4;overflow:hidden}.job-subtitle{line-clamp:1;-webkit-line-clamp:1;color:#6b7280;font-size:.78rem;margin:4px 0 0}.job-meta{display:flex;flex-direction:column;gap:4px}.category-badge{background:#bee3f8;border-radius:4px;color:#2c5282;font-size:.7rem;font-weight:500;letter-spacing:.3px;padding:3px 6px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.location-badge{align-items:center;color:#718096;display:flex;font-size:.75rem;gap:4px}.price-tag{color:#38a169;font-size:1rem;font-weight:600;margin-top:4px}.provider-info{align-items:center;background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;display:flex;flex-shrink:0;gap:10px;height:50px;padding:8px 10px}.provider-avatar{border-radius:50%;flex-shrink:0;height:32px;overflow:hidden;width:32px}.provider-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:1rem;font-weight:600;height:100%;justify-content:center;width:100%}.provider-details{display:flex;flex:1 1;flex-direction:column;justify-content:center;min-width:0}.provider-name{color:#1a202c;font-size:.8rem;font-weight:500;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.provider-label{color:#718096;font-size:.625rem;letter-spacing:.3px;line-height:1.2;margin-top:2px;text-transform:uppercase}.message-preview,.response-message{display:none}.request-card-actions{align-items:center;background:#fff;border-top:1px solid #e2e8f0;display:flex;flex-shrink:0;gap:8px;height:48px;margin-top:auto;padding:8px 10px}.btn-danger,.btn-secondary{border:1px solid;border-radius:6px;cursor:pointer;flex:1 1;font-size:.8rem;font-weight:500;padding:7px 10px;text-align:center;transition:all .2s ease;white-space:nowrap}.btn-secondary{background:#2b6cb0;border-color:#2b6cb0;color:#fff}.btn-secondary:hover{background:#2c5282;border-color:#2c5282;transform:translateY(-1px)}.btn-danger{background:#fff;border-color:#e53e3e;color:#e53e3e}.btn-danger:hover{background:#e53e3e;color:#fff;transform:translateY(-1px)}.modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.modal-content{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 20px 60px #00000040;max-height:90vh;max-width:650px;overflow-y:auto;width:100%}.modal-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-header h2{color:#1a202c;font-size:1.25rem;font-weight:600;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:6px;color:#a0aec0;cursor:pointer;display:flex;font-size:1.75rem;height:36px;justify-content:center;transition:all .2s ease;width:36px}.close-btn:hover{background:#f7fafc;color:#4a5568}.modal-body{padding:24px}.detail-section{margin-bottom:20px}.detail-section:last-child{margin-bottom:0}.detail-section h3{color:#1a202c;font-size:1.125rem;font-weight:600;margin-bottom:12px}.detail-section h4{color:#4a5568;font-size:.875rem;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.detail-section p{color:#4a5568;font-size:.9375rem;line-height:1.6;margin:0}.job-description{border-left:3px solid #2b6cb0;color:#2d3748;line-height:1.6}.job-description,.modal-message-box{background:#f7fafc;border-radius:6px;padding:14px}.modal-message-box{border-left:3px solid #4299e1;margin-top:8px}.modal-response-box{background:#f0fff4;border-left:3px solid #48bb78;border-radius:6px;margin-top:8px;padding:14px}.status-badge{border-radius:12px;display:inline-block;font-size:.8125rem;font-weight:500;padding:6px 14px}.status-badge.pending{background:#feebc8;color:#c05621}.status-badge.viewed{background:#bee3f8;color:#2c5282}.status-badge.accepted{background:#c6f6d5;color:#276749}.status-badge.rejected{background:#fed7d7;color:#9b2c2c}.status-badge.withdrawn{background:#e2e8f0;color:#4a5568}.status-badge.completed{background:#b2f5ea;color:#234e52}.modal-image-container{align-items:center;background:#f7fafc;border-radius:8px;display:flex;justify-content:center;margin-top:8px;min-height:200px;overflow:hidden}.modal-job-image{display:block;height:auto;max-height:300px;object-fit:cover;width:100%}.modal-image-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-direction:column;gap:12px;height:200px;justify-content:center;width:100%}.modal-image-placeholder .placeholder-icon{font-size:3.5rem;opacity:.9}.modal-image-placeholder p{font-size:.9375rem;font-weight:500;margin:0;opacity:.9}.modal-provider-info{align-items:center;background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;display:flex;gap:12px;margin-top:8px;padding:14px}.modal-provider-avatar{border-radius:50%;flex-shrink:0;height:48px;overflow:hidden;width:48px}.modal-provider-avatar img{height:100%;object-fit:cover;width:100%}.modal-provider-avatar .avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:1.25rem;font-weight:600;height:100%;justify-content:center;width:100%}.modal-provider-details{flex:1 1;min-width:0}.modal-provider-name{color:#1a202c;font-size:.9375rem;font-weight:600;line-height:1.4}.modal-provider-location{align-items:center;color:#718096;display:flex;font-size:.8125rem;gap:4px;margin-top:4px}.view-toggle{background:#f0f0f0;gap:8px}.view-toggle-btn{color:#7f8c8d;font-size:1.2rem;padding:8px 16px;transition:all .2s}.view-toggle-btn:hover{background:#3498db1a;color:#2c3e50}.view-toggle-btn.active{background:#fff;color:#3498db}.requests-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.requests-table{border-collapse:collapse;width:100%}.requests-table thead{background:#f8f9fa;border-bottom:2px solid #e9ecef}.requests-table th{color:#2c3e50;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:12px;text-align:left;text-transform:uppercase}.requests-table tbody tr{border-bottom:1px solid #e9ecef;transition:background .2s}.requests-table tbody tr:hover{background:#f8f9fa}.requests-table td{padding:12px;vertical-align:middle}.table-job-info{align-items:center;display:flex;gap:12px}.table-job-thumbnail{border-radius:8px;flex-shrink:0;height:52px;object-fit:cover;width:52px}.table-job-title{color:#2c3e50;font-size:.9rem;font-weight:600;margin-bottom:4px}.table-job-location{color:#7f8c8d;font-size:.8rem}.table-provider-info{align-items:center;display:flex;gap:10px}.table-provider-avatar{border-radius:50%;height:36px;object-fit:cover;width:36px}.table-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:.95rem;font-weight:700;height:36px;justify-content:center;width:36px}.table-category{color:#2c3e50;font-size:.85rem}.table-subcategory{color:#7f8c8d;display:block;font-size:.75rem;margin-top:2px}.table-status-badge{border-radius:16px;display:inline-block;font-size:.8rem;font-weight:600;padding:6px 12px}.table-status-badge.pending{background:#fff3cd;color:#856404}.table-status-badge.viewed{background:#cfe2ff;color:#084298}.table-status-badge.accepted{background:#d1e7dd;color:#0f5132}.table-status-badge.rejected{background:#f8d7da;color:#842029}.table-status-badge.withdrawn{background:#e2e3e5;color:#41464b}.table-status-badge.completed{background:#d1ecf1;color:#055160}.table-date{color:#555;font-size:.85rem}.table-price{color:#27ae60;font-size:.9rem;font-weight:700}.table-btn-view,.table-btn-withdraw{background:#0000;border:none;border-radius:6px;cursor:pointer;font-size:.95rem;padding:6px 10px;transition:all .2s}.table-btn-view:hover{background:#e3f2fd;transform:scale(1.1)}.table-btn-withdraw:hover{background:#ffebee;transform:scale(1.1)}.withdraw-modal{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:450px;overflow:hidden;width:90%}.withdraw-modal-header{background:#f7fafc;border-bottom:1px solid #e2e8f0;padding:20px 24px}.withdraw-modal-header h3{color:#1a202c;font-size:1.25rem;font-weight:600;margin:0}.withdraw-modal-body{padding:24px}.withdraw-modal-body p{color:#4a5568;font-size:.9375rem;line-height:1.6;margin:0 0 12px}.withdraw-modal-body p:last-child{margin-bottom:0}.withdraw-warning{color:#e53e3e;font-size:.875rem;font-weight:500}.withdraw-modal-actions{background:#f7fafc;border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.btn-cancel,.btn-confirm-withdraw{border:1px solid;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;padding:10px 24px;transition:all .2s ease}.btn-cancel{background:#fff;border-color:#cbd5e0;color:#4a5568}.btn-cancel:hover{background:#f7fafc;border-color:#a0aec0}.btn-confirm-withdraw{background:#e53e3e;border-color:#e53e3e;color:#fff}.btn-confirm-withdraw:hover{background:#c53030;border-color:#c53030;transform:translateY(-1px)}@media (max-width:768px){.my-requests-container{padding:20px}.requests-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.filter-section{align-items:stretch}.filter-section,.filter-tabs{flex-direction:column}.filter-tab{width:100%}.view-toggle{justify-content:center;width:100%}.requests-table-container{overflow-x:auto}.requests-table{min-width:900px}.withdraw-modal{max-width:95%}.withdraw-modal-actions{flex-direction:column-reverse}.btn-cancel,.btn-confirm-withdraw{width:100%}}.seeker-applications-hub{display:flex;flex-direction:column;height:100%;width:100%}.seeker-hub-topbar{align-items:center;background:#dbeafe;border:1px solid #bfdbfe;border-radius:12px;box-shadow:0 2px 10px #1e40af1f;display:flex;gap:16px;justify-content:space-between;margin-bottom:12px;padding:12px 16px}.seeker-hub-title{display:flex;flex-direction:column;gap:4px}.seeker-hub-title h2{color:#1f2937;font-size:1.25rem;font-weight:800;margin:0}.seeker-hub-title p{color:#6b7280;font-size:.9rem;margin:0}.seeker-hub-toggle{background:#1e40af1f;border:1px solid #1e40af59;border-radius:999px;display:flex;padding:4px}.seeker-toggle-btn{background:#0000;border:none;border-radius:999px;color:#1e40af;cursor:pointer;font-weight:700;padding:8px 14px;transition:all .2s ease}.seeker-toggle-btn.active{background:#1e40af;box-shadow:0 2px 6px #1e40af59}.seeker-toggle-btn:hover:not(.active){background:#1e40af14}.seeker-hub-sections{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto}.seeker-my-applications-container{background:#f0f9ff;margin:0;max-width:100%;min-height:100vh;padding:20px;width:100%}.seeker-my-applications-header{align-items:center;background:linear-gradient(180deg,#3b82f6,#1d4ed8);border-radius:20px;box-shadow:0 8px 32px #3b82f64d;color:#fff;display:flex;justify-content:space-between;margin-bottom:24px;padding:18px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{display:flex;flex-direction:column;gap:8px}.header-content h2{color:#fff;font-size:1.5rem;font-weight:800;margin:0;text-shadow:0 2px 4px #0000001a}.header-content p{color:#ffffffe6;font-size:1rem;font-weight:500}.header-actions{gap:16px}.search-container{position:relative}.search-input{background:#ffffff26;border:2px solid #ffffff4d;border-radius:12px;color:#fff;font-size:.9rem;padding:12px 40px 12px 16px;transition:all .3s ease;width:300px}.search-input::placeholder{color:#ffffffb3}.search-input:focus{background:#fff3;border-color:#fff9;box-shadow:0 0 0 3px #ffffff1a;outline:none}.clear-search-btn{background:none;border-radius:4px;color:#ffffffb3;font-size:1rem;padding:4px;position:absolute;right:8px;transition:all .3s ease}.clear-search-btn:hover,.search-input-button{background:#fff3;color:#fff}.search-input-button{border:2px solid #fff6;border-radius:12px;cursor:pointer;font-size:.9rem;font-weight:600;padding:12px 20px;transition:all .3s ease}.search-input-button:hover{background:#ffffff4d;transform:translateY(-1px)}.filter-controls{gap:12px}.view-toggle{background:#fff3;border-radius:8px;display:flex;gap:4px;padding:4px}.view-toggle-btn{background:#0000;border:none;border-radius:6px;color:#ffffffb3;cursor:pointer;font-size:1rem;padding:8px 12px;transition:all .3s ease}.view-toggle-btn:hover{background:#ffffff1a;color:#fff}.view-toggle-btn.active{background:#ffffff4d;box-shadow:0 2px 4px #0000001a;color:#fff}.filter-dropdown{background:#ffffff26;font-size:.85rem;min-width:130px;padding:12px 16px}.filter-dropdown option{background:#1f2937;color:#fff}.filter-dropdown:focus{background:#fff3;border-color:#fff9;outline:none}.applications-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 20px #0000001a;max-height:70vh;overflow:hidden;overflow-y:auto}.applications-table-container::-webkit-scrollbar{width:8px}.applications-table-container::-webkit-scrollbar-track{background:#3b82f61a;border-radius:10px}.applications-table-container::-webkit-scrollbar-thumb{background:#3b82f64d;border-radius:10px}.applications-table-container::-webkit-scrollbar-thumb:hover{background:#3b82f680}.applications-table{overflow-x:auto}.applications-table table{border-collapse:collapse;font-size:.9rem;width:100%}.applications-table th{background:#f8fafc;border-bottom:1px solid #e5e7eb;color:#374151;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:16px 12px;text-align:left;text-transform:uppercase}.applications-table td{border-bottom:1px solid #f1f5f9;padding:16px 12px;vertical-align:middle}.table-row{cursor:pointer;transition:all .3s ease}.table-row:hover{background:#f0f9ff;box-shadow:inset 4px 0 0 #3b82f6;transform:translateX(2px)}.table-row.pending{border-left:4px solid #3b82f6}.table-row.accepted{border-left:4px solid #22c55e}.table-row.declined{border-left:4px solid #ef4444}.table-row.withdrawn{border-left:4px solid #6b7280}.table-row.interview{border-left:4px solid #a855f7}.service-cell{max-width:200px}.service-name{color:#374151;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.service-snippet{color:#6b7280;font-size:.8rem;line-height:1.3}.provider-cell{align-items:center;display:flex;gap:12px}.provider-photo{border:2px solid #bfdbfe;border-radius:50%;height:40px;object-fit:cover;width:40px}.provider-name{color:#1f2937;font-weight:600;margin-bottom:2px}.provider-stats{color:#6b7280;font-size:.75rem}.date-cell{color:#6b7280;font-size:.85rem;white-space:nowrap}.budget-cell{color:#059669;font-weight:600;white-space:nowrap}.competition-cell{font-size:.85rem;text-align:center}.competition-cell span{color:#6b7280;display:block;margin-bottom:4px}.deadline{color:#9ca3af;font-size:.75rem}.status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.75rem;font-weight:600;gap:4px;padding:4px 12px;white-space:nowrap}.status-badge.pending{background:#dbeafe;color:#1e40af}.status-badge.accepted{background:#d1fae5;color:#065f46}.status-badge.declined{background:#fee2e2;color:#991b1b}.status-badge.withdrawn{background:#f3f4f6;color:#374151}.status-badge.interview{background:#ede9fe;color:#7c3aed}.table-actions{display:flex;gap:6px;justify-content:flex-end}.table-btn{border:none;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:600;padding:6px 12px;transition:all .3s ease;white-space:nowrap}.table-btn.view{background:#3b82f61a;border:1px solid #3b82f64d;color:#3b82f6}.table-btn.edit{background:#f59e0b1a;border:1px solid #f59e0b4d;color:#f59e0b}.table-btn.withdraw{background:#ef44441a;border:1px solid #ef44444d;color:#ef4444}.table-btn.start{background:#22c55e1a;border:1px solid #22c55e4d;color:#22c55e}.table-btn.interview{background:#a855f71a;border:1px solid #a855f74d;color:#a855f7}.table-btn.secondary{background:#9ca3af1a;border:1px solid #9ca3af4d;color:#6b7280}.table-btn:hover{opacity:.9;transform:translateY(-1px)}.empty-state{border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 20px #0000000d;padding:80px 20px}.empty-icon{margin-bottom:20px}.empty-state h3{color:#374151;font-size:1.5rem;margin-bottom:12px}.empty-state p{font-size:1rem;line-height:1.6;margin:0 auto 24px;max-width:400px}.browse-services-btn{background:linear-gradient(180deg,#3b82f6,#1d4ed8);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.browse-services-btn:hover{box-shadow:0 4px 15px #3b82f64d;transform:translateY(-2px)}.applications-flashcards-content{background:#0000;max-height:70vh;overflow-y:auto;padding-right:8px}.applications-flashcards-content::-webkit-scrollbar{width:8px}.applications-flashcards-content::-webkit-scrollbar-track{background:#3b82f61a;border-radius:10px}.applications-flashcards-content::-webkit-scrollbar-thumb{background:#3b82f64d;border-radius:10px}.applications-flashcards-content::-webkit-scrollbar-thumb:hover{background:#3b82f680}.applications-flashcards-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));margin-top:20px;padding-bottom:50px}.application-flashcard{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.application-flashcard:hover{border-color:#3b82f64d;box-shadow:0 8px 30px #3b82f626;transform:translateY(-4px)}.application-flashcard.pending{border-left:4px solid #3b82f6}.application-flashcard.accepted{border-left:4px solid #22c55e}.application-flashcard.declined{border-left:4px solid #ef4444}.application-flashcard.withdrawn{border-left:4px solid #6b7280}.application-flashcard.interview{border-left:4px solid #a855f7}.flashcard-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.flashcard-status{align-items:center;border-radius:20px;display:inline-flex;font-size:.8rem;font-weight:600;gap:6px;padding:6px 12px}.flashcard-status.pending{background:#dbeafe;color:#1e40af}.flashcard-status.accepted{background:#d1fae5;color:#065f46}.flashcard-status.declined{background:#fee2e2;color:#991b1b}.flashcard-status.withdrawn{background:#f3f4f6;color:#374151}.flashcard-status.interview{background:#ede9fe;color:#7c3aed}.flashcard-date{color:#6b7280;font-size:.85rem;font-weight:500}.flashcard-service{margin-bottom:20px}.flashcard-service-name{color:#1f2937;font-size:1.2rem;font-weight:700;line-height:1.3;margin:0 0 16px}.flashcard-provider{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;display:flex;gap:12px;padding:12px}.flashcard-provider-avatar{border:2px solid #bfdbfe;border-radius:50%;height:45px;object-fit:cover;width:45px}.flashcard-provider-info{flex:1 1}.flashcard-provider-name{color:#374151;font-size:.9rem;font-weight:600;margin-bottom:4px}.flashcard-provider-meta{color:#6b7280;display:flex;flex-wrap:wrap;font-size:.8rem;gap:8px}.flashcard-provider-meta span{align-items:center;display:flex;gap:2px}.flashcard-budgets{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:20px}.flashcard-budget-item{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;padding:12px;text-align:center}.budget-label{color:#6b7280;font-size:.75rem;font-weight:500;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.budget-amount{color:#059669;font-size:.9rem;font-weight:700}.flashcard-competition{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;display:flex;justify-content:space-between;margin-bottom:20px;padding:10px 16px}.competition-item{align-items:center;color:#6b7280;display:flex;font-size:.8rem;gap:4px}.flashcard-description{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:16px;padding:14px}.description-label{color:#374151;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.flashcard-description p{color:#6b7280;font-size:.85rem;line-height:1.4;margin:0}.flashcard-requirements{margin-bottom:16px}.requirements-label{color:#374151;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.requirements-tags{display:flex;flex-wrap:wrap;gap:6px}.requirement-tag{background:#3b82f61a;border:1px solid #3b82f64d;border-radius:12px;color:#1d4ed8;font-size:.7rem;font-weight:500;padding:4px 8px}.flashcard-message{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #3b82f6;border-radius:12px;margin-bottom:20px;padding:16px}.message-label{color:#3b82f6;font-size:.8rem;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.flashcard-message p{color:#1e40af;font-size:.85rem;line-height:1.4;margin:0}.flashcard-actions{display:flex;flex-wrap:wrap;gap:8px}.flashcard-action-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:.8rem;font-weight:600;min-width:90px;padding:10px 14px;transition:all .3s ease;white-space:nowrap}.flashcard-action-btn.view{background:#3b82f61a;border:1px solid #3b82f64d;color:#3b82f6}.flashcard-action-btn.edit{background:#f59e0b1a;border:1px solid #f59e0b4d;color:#f59e0b}.flashcard-action-btn.withdraw{background:#ef44441a;border:1px solid #ef44444d;color:#ef4444}.flashcard-action-btn.start{background:#22c55e1a;border:1px solid #22c55e4d;color:#22c55e}.flashcard-action-btn.interview{background:#a855f71a;border:1px solid #a855f74d;color:#a855f7}.flashcard-action-btn.secondary{background:#9ca3af1a;border:1px solid #9ca3af4d;color:#6b7280}.flashcard-action-btn:hover{opacity:.9;transform:translateY(-1px)}@media (max-width:1200px){.applications-flashcards-grid{grid-template-columns:repeat(1,1fr)}}@media (max-width:768px){.seeker-my-applications-container{padding:16px}.seeker-my-applications-header{align-items:flex-start;flex-direction:column;gap:20px;padding:20px}.header-content h2{font-size:1.6rem}.header-content p{font-size:.9rem}.header-actions{flex-direction:column;gap:12px;width:100%}.search-input{width:100%}.filter-controls{flex-direction:column;gap:8px;width:100%}.filter-dropdown,.search-input-button{width:100%}.applications-table{overflow-x:scroll}.applications-table table{min-width:900px}.applications-flashcards-grid{gap:16px;grid-template-columns:1fr}.application-flashcard{padding:20px}.flashcard-budgets{gap:12px;grid-template-columns:1fr}.flashcard-actions{flex-direction:column}.flashcard-action-btn{min-width:auto;width:100%}.view-toggle{justify-content:center;order:-1;width:100%}.applications-flashcards-content,.applications-table-container{max-height:60vh}}.sk-offered-services-container{background:#eff6ff;height:calc(100vh - 64px);margin:0;max-width:100%;overflow-x:hidden;overflow-y:auto;padding:20px;width:100%}.offered-services-header{align-items:center;background:linear-gradient(180deg,#3b82f6,#2563eb);border-radius:20px;box-shadow:0 8px 32px #3b82f64d;color:#fff;display:flex;justify-content:space-between;margin-bottom:24px;padding:18px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content h2{font-size:1.6rem;font-weight:700;margin:0 0 8px;text-shadow:0 2px 4px #0003}.header-content p{font-size:.95rem;margin:0;opacity:.9}.header-actions,.search-container{align-items:center;display:flex;gap:8px;margin-left:0}.search-input-wrapper{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffff2,#eff6ffe6);border:2px solid #3b82f64d;border-radius:12px;box-shadow:0 4px 15px #3b82f61a;box-sizing:border-box;display:flex;height:40px;min-width:240px;padding:10px 14px;position:relative;transition:all .3s ease;width:240px}.search-input-wrapper:focus-within{background:linear-gradient(135deg,#fff,#eff6fff2);border-color:#3b82f699;box-shadow:0 6px 25px #3b82f633;transform:translateY(-2px)}.search-input{background:#0000;border:none;color:#374151;font-family:inherit;font-size:.85rem;font-weight:500;outline:none;padding:2px 0;width:100%}.search-input::placeholder{color:#1d4ed8;font-style:normal;font-weight:400}.clear-search-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.65rem;font-weight:700;height:20px;justify-content:center;margin-left:12px;padding:0;transition:all .2s ease;width:20px}.clear-search-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 2px 8px #3b82f64d;transform:scale(1.1)}.filter-controls{align-items:center;display:flex;gap:16px}.filter-dropdown{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:12px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:500;height:36px;padding:8px 16px;transition:all .3s ease}.filter-dropdown:hover{background:#ffffff4d;border-color:#ffffff80}.filter-dropdown option{background:#fff;color:#374151}.create-service-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:12px;box-sizing:border-box;color:#fff;display:flex;font-weight:600;gap:8px;height:40px;margin-left:40px;padding:10px 20px;transition:all .3s ease}.create-service-btn:hover{background:#ffffff4d;border-color:#ffffff80;box-shadow:0 8px 20px #0003;transform:translateY(-2px)}.btn-icon{font-size:1rem}.services-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-top:20px;padding-bottom:40px}.service-card{background:#fff;border:1px solid #3b82f61a;border-radius:16px;box-shadow:0 4px 18px #0000001a;display:flex;flex-direction:column;min-height:340px;overflow:hidden;position:relative;transition:all .3s ease}.service-card:hover{border-color:#3b82f633;box-shadow:0 15px 40px #3b82f626;transform:translateY(-4px)}.service-card.inactive{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #dee2e6;filter:grayscale(30%);opacity:.8}.service-card.inactive:hover{box-shadow:0 8px 20px #0000001a;filter:grayscale(15%);opacity:.9;transform:translateY(-2px)}.service-card-header{align-items:center;background:linear-gradient(135deg,#dbeafe,#fff);border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;justify-content:space-between;padding:14px 18px}.status-indicator{align-items:center;display:flex;font-size:.75rem;font-weight:600;gap:4px}.service-stats{color:#6b7280;display:flex;font-size:.7rem;gap:16px}.service-stats span{align-items:center;display:flex;gap:4px}.service-card-content{display:flex;flex:1 1;flex-direction:column;padding:18px}.service-title{color:#1f2937;font-size:1.1rem;font-weight:700;line-height:1.3;margin:0 0 10px}.service-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:.9rem;line-height:1.5;margin-bottom:16px;overflow:hidden}.service-details{grid-gap:8px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-bottom:16px;padding:12px}.service-detail-item{display:flex;flex-direction:column;font-size:.8rem;gap:2px;padding:4px;text-align:left}.detail-label{color:#3b82f6;font-size:.75rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.detail-value{color:#1f2937;font-size:.85rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-value.price{color:#059669;font-weight:700}.service-skills{border-top:1px solid #f1f3f4;flex-shrink:0;margin-top:auto;padding-top:12px}.skills-label{color:#374151;font-size:.8rem;font-weight:600;margin-bottom:8px}.skills-tags{display:flex;flex-wrap:wrap;gap:6px}.skill-tag{background:#dbeafe;border:1px solid #bfdbfe;border-radius:8px;color:#1e40af;font-size:.75rem;font-weight:500;padding:4px 8px}.service-card-footer{align-items:flex-start;background:#dbeafe;border-top:1px solid #e5e7eb;display:flex;flex-shrink:0;justify-content:space-between;margin-top:auto;padding:16px 20px}.service-info{display:flex;flex-direction:column;gap:4px}.service-info small{color:#6b7280;font-size:.8rem;font-weight:500}.service-actions{flex-direction:row;gap:6px}.action-btn,.service-actions{align-items:center;display:flex;justify-content:center}.action-btn{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:.75rem;font-weight:600;gap:4px;height:32px;padding:6px 12px;text-align:center;transition:all .2s ease;white-space:nowrap}.action-btn:hover{box-shadow:0 2px 8px #0003;transform:translateY(-1px)}.view-btn{background:#3b82f6;color:#fff}.view-btn:hover{background:#2563eb}.view-btn:before{content:"👁";font-size:.8rem}.edit-btn{background:#f59e0b;color:#fff}.edit-btn:hover{background:#d97706}.edit-btn:before{content:"✏️";font-size:.8rem}.delete-btn{background:#dc2626;color:#fff}.delete-btn:hover{background:#b91c1c}.delete-btn:before{content:"🗑️";font-size:.8rem}.toggle-btn{font-weight:600;transition:all .2s ease}.toggle-btn.activate{background:#10b981;color:#fff}.toggle-btn.activate:hover{background:#059669}.toggle-btn.deactivate{background:#ef4444;color:#fff}.toggle-btn.deactivate:hover{background:#dc2626}.empty-state{align-items:center;background:#fff;border-radius:20px;box-shadow:0 6px 25px #0000001a;display:flex;flex-direction:column;justify-content:center;margin:60px auto;max-width:600px;min-height:450px;padding:100px 40px;text-align:center;width:100%}.empty-icon{font-size:4rem;margin-bottom:24px;opacity:.7}.empty-state h3{color:#1e40af;font-size:1.8rem;font-weight:700;margin:0 0 12px}.empty-state p{color:#6b7280;font-size:1.1rem;margin:0 0 32px}.success-animation{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000004d;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.success-popup{animation:slideUp .4s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #3b82f633;border-radius:16px;box-shadow:0 8px 32px #0000001a;max-width:320px;padding:32px 28px;position:relative;text-align:center;width:85%}.success-icon{animation:scaleIn .4s ease;font-size:2.5rem;margin-bottom:16px;opacity:.9}.success-text{animation:fadeInUp .5s ease .2s both;color:#374151;font-size:1rem;font-weight:600;line-height:1.4;margin:0}.seeker-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.seeker-modal.seeker-service-modal{background:#fff;border:none;border-radius:20px;box-shadow:0 20px 60px #00000026;max-height:90vh;max-width:1000px;overflow:hidden;position:relative;width:100%}.seeker-modal-header{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-bottom:1px solid #e5e7eb;border-radius:20px 20px 0 0;display:flex;justify-content:space-between;padding:32px 40px 24px;position:relative}.seeker-modal-header h3{color:#fff;font-size:1.8rem;font-weight:700;letter-spacing:-.025em;margin:0}.seeker-modal-close{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:36px;justify-content:center;padding:8px;transition:all .2s ease;width:36px}.seeker-modal-close:hover{background:#ffffff4d;border-color:#ffffff80}.seeker-service-form{background:#fff;max-height:75vh;overflow-y:auto;padding:40px}.seeker-form-main-container{grid-gap:40px;align-items:start;display:grid;gap:40px;grid-template-columns:1fr 280px}.seeker-form-left-column{display:flex;flex-direction:column;gap:32px}.seeker-form-right-column{position:-webkit-sticky;position:sticky;top:0}.seeker-form-section{background:#0000;border-bottom:none;margin-bottom:0;padding:0;position:relative}.seeker-form-section h4{border-bottom:none;color:#111827;display:block;font-size:1.1rem;font-weight:600;letter-spacing:0;margin:0 0 20px;padding-bottom:0;text-transform:none}.seeker-form-group{margin-bottom:20px;position:relative}.seeker-form-row{grid-gap:20px;align-items:end;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:24px}.seeker-section-title{border-bottom:none;color:#111827;display:block;font-size:1.1rem;font-weight:600;letter-spacing:0;margin:0 0 20px;padding-bottom:0;text-transform:none}.seeker-checkbox-label{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:.875rem;gap:8px}.seeker-checkbox-label input[type=checkbox]{margin:0;min-height:auto;width:auto}.seeker-form-group label{color:#374151;display:block;font-size:.875rem;font-weight:500;line-height:1.4;margin-bottom:6px;padding-left:0;position:relative}.seeker-form-group input,.seeker-form-group select,.seeker-form-group textarea{background:#fff;border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:.875rem;line-height:1.5;min-height:42px;padding:12px 16px;transition:all .2s ease;width:100%}.seeker-form-group input:focus,.seeker-form-group select:focus,.seeker-form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group textarea{min-height:100px;resize:vertical}.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' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:18px;cursor:pointer;padding-right:50px}.form-group select:focus{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%233b82f6' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E")}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-group input[type=checkbox]{margin-right:8px;transform:scale(1.2);width:auto}.form-group label:has(input[type=checkbox]){align-items:center;cursor:pointer;display:flex;font-weight:500}.btn{align-items:center;border:none;border-radius:8px;box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;padding:12px 24px;text-decoration:none;transition:all .2s ease}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.btn-secondary{background:#fff;border:1px solid #d1d5db;color:#374151}.btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.seeker-modal-footer{background:#f9fafb;border-radius:0 0 20px 20px;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:20px 32px}.seeker-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:8px;justify-content:center;padding:12px 24px;transition:all .2s ease}.seeker-btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 8px #3b82f633;color:#fff}.seeker-btn-primary:hover{box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.seeker-btn-cancel{background:#fff;border:1px solid #d1d5db;color:#374151}.seeker-btn-cancel:hover{background:#f9fafb;border-color:#9ca3af}.seeker-photo-upload-section{align-items:center;display:flex;flex-direction:column;text-align:center}.seeker-photo-upload-circle{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;cursor:pointer;display:flex;height:120px;justify-content:center;margin-bottom:16px;overflow:hidden;position:relative;transition:all .3s ease;width:120px}.seeker-photo-upload-circle:hover{box-shadow:0 8px 25px #3b82f64d;transform:scale(1.05)}.seeker-upload-icon{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:2.5rem}.seeker-upload-title{color:#111827;font-size:.875rem;font-weight:600;line-height:1.4;margin-bottom:8px}.seeker-upload-subtitle{color:#6b7280;font-size:.75rem;margin-bottom:20px}.seeker-image-upload-input{display:none}.seeker-image-previews{margin-top:20px}.seeker-existing-images h5,.seeker-image-previews h5{color:#111827;font-size:.875rem;font-weight:600;margin:0 0 12px;text-align:left}.seeker-preview-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.seeker-image-preview-item{background:#f3f4f6;border-radius:8px;overflow:hidden;position:relative}.seeker-preview-image{border-radius:8px;height:80px;object-fit:cover;transition:all .2s ease;width:100%}.seeker-remove-image{align-items:center;background:#ef4444e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.7rem;height:20px;justify-content:center;position:absolute;right:4px;top:4px;transition:all .2s ease;width:20px}.seeker-remove-image:hover{background:#ef4444;transform:scale(1.1)}.error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#dc2626;font-weight:500;margin-bottom:24px;padding:16px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:.9;transform:scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.sk-offered-services-container{padding:20px}.offered-services-header{flex-direction:column;gap:16px;text-align:center}.header-actions{flex-direction:column;gap:16px;width:100%}.search-container{margin-left:0}.create-service-btn,.filter-controls{justify-content:center;width:100%}.create-service-btn{margin-left:0}.services-grid{gap:16px;grid-template-columns:1fr}.service-card-footer{align-items:stretch;flex-direction:column;gap:12px}.service-actions{justify-content:center}.form-row{grid-template-columns:1fr}.seeker-modal-overlay{padding:10px}.seeker-modal.seeker-service-modal{max-height:95vh}.seeker-form-main-container{gap:24px;grid-template-columns:1fr}.seeker-form-right-column{order:-1;position:static}.seeker-photo-upload-circle{height:100px;width:100px}.seeker-preview-grid{grid-template-columns:repeat(3,1fr)}.upload-label{padding:30px 15px}.upload-icon{font-size:2rem}}.image-upload-section{margin-top:20px}.upload-area{margin-bottom:20px}.upload-label{background:linear-gradient(135deg,#eff6ff,#f0f9ff);border:2px dashed #3b82f6;border-radius:12px;cursor:pointer;display:block;padding:40px 20px;text-align:center;transition:all .3s ease}.upload-label:hover{background:linear-gradient(135deg,#dbeafe,#e0f2fe);border-color:#2563eb;box-shadow:0 8px 25px #3b82f626;transform:translateY(-2px)}.upload-content{align-items:center;display:flex;flex-direction:column;gap:12px}.upload-icon{font-size:2.5rem;opacity:.7}.upload-text{color:#374151;line-height:1.5}.upload-text strong{color:#1e40af;font-size:1.1rem}.upload-text small{color:#6b7280;font-size:.9rem}.existing-images,.image-previews{margin-top:20px}.existing-images h5,.image-previews h5{color:#374151;font-size:1rem;font-weight:600;margin:0 0 15px}.preview-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.image-preview{aspect-ratio:1;background:#f3f4f6;border:2px solid #e5e7eb;border-radius:8px;overflow:hidden;position:relative;transition:all .3s ease}.image-preview:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626}.image-preview img{display:block;height:100%;object-fit:cover;width:100%}.remove-image-btn{align-items:center;background:#dc2626e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;opacity:0;position:absolute;right:5px;top:5px;transition:all .2s ease;width:24px}.image-preview:hover .remove-image-btn{opacity:1}.remove-image-btn:hover{background:#b91c1c;transform:scale(1.1)}.upload-progress{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:15px;padding:15px}.progress-text{color:#475569;font-weight:500;margin-bottom:10px;text-align:center}.progress-bar{background:#e2e8f0;border-radius:4px;height:8px;overflow:hidden;width:100%}.progress-fill{animation:progress-animation 2s infinite;background:linear-gradient(90deg,#3b82f6,#2563eb);height:100%}@keyframes progress-animation{0%{width:0}50%{width:70%}to{width:100%}}.section-description{color:#6b7280;font-size:.95rem;font-style:italic;line-height:1.5;margin:0 0 20px}.seeker-service-card{background:#fef7e0;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;height:auto;min-height:400px;overflow:hidden;position:relative;transition:all .3s ease}.seeker-service-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.seeker-service-card.active{border-left:4px solid #3b82f6}.seeker-service-card.inactive{border-left:4px solid #6b7280;opacity:.8}.seeker-card-header{background:#fff;padding:16px 20px}.seeker-header-top{justify-content:space-between;margin-bottom:12px}.seeker-header-top,.seeker-status-section{align-items:center;display:flex}.seeker-header-bottom{margin-top:8px}.seeker-service-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1f2937;display:-webkit-box;font-size:1.1rem;font-weight:600;line-height:1.3;margin:0;overflow:hidden;text-overflow:ellipsis}.seeker-card-body{background:#fff;flex:1 1;padding:20px}.seeker-service-description{color:#374151;font-size:.9rem;line-height:1.5;margin:0 0 16px}.seeker-service-details{margin-top:16px}.seeker-detail-item{align-items:center;background:#f8fafc;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:1px;padding:8px 12px}.seeker-detail-item:last-child{margin-bottom:0}.seeker-detail-label{color:#3b82f6;font-size:.75rem;font-weight:600;letter-spacing:.5px;min-width:80px;text-transform:uppercase}.seeker-detail-text{color:#1f2937;font-size:.85rem;font-weight:500;max-width:150px;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.seeker-card-footer{align-items:flex-start;background:#f8fafc;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-top:auto;padding:16px 20px}.seeker-service-info{display:flex;flex-direction:column;gap:4px}.seeker-service-date{color:#6b7280;font-size:.75rem;font-weight:500}.seeker-card-actions{align-items:center;display:flex;gap:8px}.seeker-action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.75rem;font-weight:600;height:28px;justify-content:center;letter-spacing:.5px;min-width:60px;padding:6px 12px;text-transform:uppercase;transition:all .2s ease}.seeker-action-btn:hover{box-shadow:0 2px 8px #00000026;transform:translateY(-1px)}.seeker-toggle-btn.active{background:#3b82f6}.seeker-toggle-btn.active,.seeker-toggle-btn.inactive{border-radius:4px;color:#fff;font-size:.7rem;min-width:80px;padding:4px 8px}.seeker-toggle-btn.inactive{background:#10b981}.seeker-toggle-btn.active:hover{background:#2563eb}.seeker-toggle-btn.inactive:hover{background:#059669}.seeker-view-btn{background:#3b82f6;color:#fff}.seeker-view-btn:hover{background:#2563eb}.seeker-edit-btn{background:#f59e0b;color:#fff}.seeker-edit-btn:hover{background:#d97706}.seeker-delete-btn{background:#ef4444;color:#fff}.seeker-delete-btn:hover{background:#dc2626}@media (max-width:1200px){.services-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.services-grid{grid-template-columns:1fr}.seeker-service-card{min-height:350px}.seeker-card-actions{flex-direction:column;gap:4px}.seeker-action-btn{min-width:auto;width:100%}.seeker-detail-text{max-width:120px}}.ss-service-detail-modal{background:#fff;border:3px solid #3b82f6;border-radius:12px;box-shadow:0 8px 32px #00000026;max-height:90vh;max-width:700px;overflow:hidden;position:relative;width:90%}.ss-service-detail-header{align-items:center;background:#3b82f6;border-bottom:2px solid #2563eb;color:#fff;display:flex;justify-content:space-between;min-height:60px;padding:20px 24px;position:relative}.ss-service-detail-content{display:flex;flex-direction:column;gap:20px;max-height:75vh;overflow-y:auto;padding:24px}.ss-service-detail-content::-webkit-scrollbar{width:12px}.ss-service-detail-content::-webkit-scrollbar-track{background:#dbeafe;border-radius:6px}.ss-service-detail-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#3b82f6,#2563eb);border:2px solid #dbeafe;border-radius:6px}.ss-service-detail-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.ss-service-detail-content{scrollbar-color:#3b82f6 #dbeafe;scrollbar-width:thin}.ss-service-detail-main{background:#0000;border:none}.ss-service-detail-main,.ss-service-detail-sidebar{display:flex;flex-direction:column;gap:20px;margin:0;width:100%}.ss-detail-section{background:#fff;border:none;border-radius:12px;box-shadow:0 2px 8px #0000001a;box-sizing:border-box;margin:0 0 20px;padding:24px;width:100%}.ss-detail-section h4{align-items:center;color:#111827;display:flex;font-size:1.1rem;font-weight:600;gap:8px;margin:0 0 16px}.ss-detail-field{align-items:flex-start;border-bottom:2px solid #3b82f6;display:flex;gap:20px;justify-content:space-between;min-height:auto;padding:16px 0}.ss-detail-field-label{color:#6b7280;flex:0 0 auto;font-size:.95rem;font-weight:500;min-width:120px}.ss-detail-field-value{word-wrap:break-word;color:#111827;flex:1 1;font-size:.95rem;font-weight:600;line-height:1.5;text-align:right}.ss-description-field .ss-description-value{word-wrap:break-word!important;background:#f8fafc;border-radius:8px;font-weight:400;margin:8px 0;max-height:120px;min-height:40px;overflow-wrap:break-word!important;overflow-y:auto;padding:8px 16px;text-align:center!important;white-space:pre-wrap}.ss-detail-field{align-items:center;min-height:60px}.ss-description-field{align-items:flex-start;min-height:auto}.create-service-btn{border:2px solid #fff;min-width:200px;padding:12px 24px;white-space:nowrap}.create-service-btn:hover{border:2px solid #fffc}.ss-service-detail-images{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px}.ss-service-detail-images h4{align-items:center;color:#111827;display:flex;font-size:1.1rem;font-weight:600;gap:8px;margin:0 0 16px}.ss-detail-images-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.ss-detail-image{border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;height:120px;object-fit:cover;transition:all .3s ease;width:100%}.ss-detail-image:hover{border-color:#3b82f6;transform:scale(1.02)}.ss-edit-btn{background:#3b82f6!important;border:1px solid #3b82f6!important;color:#fff!important}.ss-edit-btn:hover{background:#2563eb!important;border-color:#2563eb!important}@media (max-width:768px){.ss-service-detail-modal{margin:10px;max-width:95vw}.ss-detail-section,.ss-service-detail-content{padding:16px}.ss-detail-images-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}.favorite-notification{animation:centerPopIn .3s ease-out;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 8px 32px #0000001f;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;left:50%;max-width:380px;min-width:280px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:10000}.favorite-notification.success{border-left:4px solid #3b82f6}.favorite-notification.info{border-left:4px solid #6b7280}.notification-content{align-items:center;display:flex;gap:12px;padding:16px 20px}.notification-icon{animation:heartBeat .6s ease-in-out;flex-shrink:0;font-size:24px}.notification-message{color:#374151;flex:1 1;font-size:14px;font-weight:500;line-height:1.4}.notification-close{background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;flex-shrink:0;font-size:16px;padding:4px;transition:all .2s ease}.notification-close:hover{background-color:#f3f4f6;color:#6b7280}.notification-close:active{transform:scale(.95)}@keyframes centerPopIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes slideInFade{0%{opacity:0;transform:translateX(100%) translateY(-20px)}to{opacity:1;transform:translateX(0) translateY(0)}}@keyframes heartBeat{0%{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(1)}75%{transform:scale(1.1)}to{transform:scale(1)}}@media (max-width:768px){.favorite-notification{left:50%;max-width:90vw;min-width:280px;right:auto;top:50%;transform:translate(-50%,-50%)}.notification-content{gap:10px;padding:14px 16px}.notification-icon{font-size:20px}.notification-message{font-size:13px}}@media (prefers-color-scheme:dark){.favorite-notification{background:#1f2937;border-color:#374151}.notification-message{color:#f3f4f6}.notification-close{color:#9ca3af}.notification-close:hover{background-color:#374151;color:#d1d5db}}.App{text-align:center}.App-logo{height:30vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.97d32f2e.css.map*/