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))}*{box-sizing:border-box;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;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000b3;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.ban-modal{animation:modalSlideIn .3s ease-out;background:linear-gradient(135deg,#ffebee,#ffcdd2);border-radius:16px;box-shadow:0 20px 40px #f443364d;max-width:400px;overflow:hidden;width:90%}.ban-modal-header{align-items:center;background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff;display:flex;justify-content:space-between;padding:14px}.ban-modal-header h3{font-size:1.2rem;font-weight:600;margin:0}.ban-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:background-color .3s ease;width:30px}.ban-modal-close:hover{background-color:#fff3}.ban-modal-body{padding:20px;text-align:center}.ban-modal-body p{color:#424242;font-size:.95rem;font-weight:500;line-height:1.6;margin:0}.ban-modal-footer{padding:14px 20px 20px;text-align:center}.ban-modal-btn{background:linear-gradient(135deg,#f44336,#d32f2f);border:none;border-radius:25px;box-shadow:0 4px 15px #f443364d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:10px 24px;transition:all .3s ease}.ban-modal-btn:hover{box-shadow:0 6px 20px #f4433666;transform:translateY(-2px)}.ban-modal-btn:active{transform:translateY(0)}.logo-section{background:#0d1282;flex:1.2 1;min-width:50%;overflow:visible;position:relative}.form-section,.logo-section{align-items:center;display:flex;justify-content:center}.form-section{background-color:#f8f9fa;flex:1 1;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{padding:.75rem;text-align:center}.success-message{background:#d1edff;border:1px solid #bee5eb;color:#0c5460;margin-bottom:1.5rem;padding:.75rem}.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}@media (max-width:768px){.login-page{flex-direction:column;height:100vh;overflow-y:auto}.form-section{flex:1 1;min-height:60vh;order:2;overflow-y:auto}.logo-section{flex:none;min-height:40vh;order:1}.logo{max-width:420px!important;transform:none;width:85%!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}}.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.active{background:#0d1282;border-color:#0d1282;box-shadow:0 4px 12px #0d128240;color:#fff;transform:scale(1.05) translateY(-2px)}.step-number{color:#6c757d;font-size:.8rem;height:100%;left:0;line-height:1;margin:0;padding:0;position:absolute;top:0;width:100%}.step.active .step-number{color:#fff}.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{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000001a;margin-top:0;max-width:1100px;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;align-items:start;display:grid;gap:.5rem;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-bottom:.5rem;margin-left:auto;margin-right:auto;width:100%}.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-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:300px}.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{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}.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}.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}.error-icon{flex-shrink:0;font-size:24px}.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-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-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%;width:100%}.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;font-weight:600;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;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{background:#fffffff2;box-shadow:0 2px 8px #00000026;color:#c33;font-size:20px;height:36px;right:12px;top:12px;width:36px}.remove-selfie-btn:hover:not(:disabled){background:#c33;color:#fff}.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{max-width:1000px;padding:12px}.provider-signup-form-container .selfie-header,.seeker-signup-form-container .selfie-header{margin-bottom:14px}.provider-signup-form-container .selfie-title,.seeker-signup-form-container .selfie-title{font-size:18px;margin-bottom:6px}.provider-signup-form-container .selfie-description,.seeker-signup-form-container .selfie-description{font-size:12px;line-height:1.4}.provider-signup-form-container .selfie-options,.seeker-signup-form-container .selfie-options{grid-gap:12px;align-items:start;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.provider-signup-form-container .method-selection,.seeker-signup-form-container .method-selection{border-radius:10px;padding:14px}.provider-signup-form-container .method-buttons,.seeker-signup-form-container .method-buttons{gap:12px}.provider-signup-form-container .method-btn,.seeker-signup-form-container .method-btn{gap:8px;min-height:110px;padding:14px 12px}.provider-signup-form-container .method-icon,.seeker-signup-form-container .method-icon{font-size:36px}.provider-signup-form-container .method-text strong,.seeker-signup-form-container .method-text strong{font-size:14px}.provider-signup-form-container .method-text span,.seeker-signup-form-container .method-text span{font-size:12px}.provider-signup-form-container .selfie-tips,.seeker-signup-form-container .selfie-tips{padding:14px}.provider-signup-form-container .selfie-tips h4,.seeker-signup-form-container .selfie-tips h4{font-size:14px;margin-bottom:8px}.provider-signup-form-container .selfie-tips ul,.seeker-signup-form-container .selfie-tips ul{gap:6px}.provider-signup-form-container .selfie-tips li,.seeker-signup-form-container .selfie-tips li{font-size:12px}.provider-signup-form-container .selfie-preview,.seeker-signup-form-container .selfie-preview{aspect-ratio:4/3;max-width:300px}.provider-signup-form-container .remove-selfie-btn,.seeker-signup-form-container .remove-selfie-btn{font-size:16px;height:28px;width:28px}.provider-signup-form-container .retake-btn,.seeker-signup-form-container .retake-btn{font-size:13px;padding:8px 14px}.provider-signup-form-container .selfie-success,.seeker-signup-form-container .selfie-success{font-size:13px;padding:10px 12px}@media (max-width:900px){.provider-signup-form-container .selfie-options,.seeker-signup-form-container .selfie-options{grid-template-columns:1fr}}.admin-dashboard{background:#fef2f2;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}.admin-sidebar{align-items:stretch;background:linear-gradient(180deg,#dc2626,#b91c1c);box-shadow:4px 0 20px #dc262626;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 #dc2626;border-radius:50%;box-shadow:0 4px 12px #dc262666,0 0 0 4px #dc26261a;color:#dc2626;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}.admin-collapse-btn:hover{background:#dc2626;box-shadow:0 6px 16px #dc262680,0 0 0 6px #dc262626;color:#fff;transform:translateY(-50%) scale(1.15)}.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-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:#dc2626;color:#fff;transform:translateY(-2px)}.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;padding:32px}.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,#fef2f2);border-left:4px solid #ef4444}.stat-icon{background:linear-gradient(135deg,#dc2626,#b91c1c);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,#dc2626,#b91c1c);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:#fee2e2;color:#991b1b}.loading-container{height:400px}.loading-spinner{color:#6b7280;font-size:18px}.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:#dc2626;box-shadow:0 0 0 3px #dc26261a}.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{background:linear-gradient(135deg,#dc2626,#b91c1c);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:#fee2e2;color:#991b1b}.btn-primary{background:linear-gradient(135deg,#dc2626,#b91c1c)}.btn-primary:hover{box-shadow:0 8px 25px #dc26264d}.btn-outline{border:2px solid #dc2626;border-radius:8px;color:#dc2626}.btn-outline:hover{background:#dc2626}.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:#dc2626}.btn-sm-outline{border:1px solid #d1d5db;color:#6b7280}.btn-sm-danger{background:#ef4444;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 #dc2626;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:#fee2e2;color:#991b1b}.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:#dc2626;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 #dc2626;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:#dc2626!important;font-weight:600}.data-table input[type=checkbox]{accent-color:#dc2626;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 #dc26264d;transform:translateY(-1px)}.btn-sm-outline:hover{background:#f3f4f6;border-color:#9ca3af}.btn-sm-danger:hover{background:#dc2626;box-shadow:0 4px 12px #dc26264d;transform:translateY(-1px)}.data-table tbody tr:hover{background:#f9fafb}.data-table tbody tr.selected{background:#fef2f2;border-left:3px solid #dc2626}.search-filters{flex:1 1;min-width:300px}.bulk-actions{flex:0 0 auto}@media (max-width:1024px){.admin-sidebar{width:240px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.activity-grid,.tables-grid{grid-template-columns:1fr}.tables-grid{gap:1.5rem}.section-header{align-items:stretch;flex-direction:column}.bulk-actions,.search-filters{flex:none}.modal-content{margin:1rem;width:95%}.modal-body,.modal-footer,.modal-header{padding:1rem}}@media (max-width:768px){.admin-sidebar{padding:16px 8px;width:200px}.admin-logo{width:140px}.admin-content{padding:16px}.admin-page-title{font-size:24px}.stats-grid,.tables-grid{grid-template-columns:1fr}.tables-grid{gap:1rem}.data-table{overflow-x:auto}.action-buttons{flex-direction:column;gap:4px}.btn-sm,.btn-sm-danger,.btn-sm-outline{font-size:11px;padding:4px 8px}}.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 #dc2626;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:#dc26261a;border-radius:4px;color:#dc2626;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,#fef2f2,#fff5f5);border-left-color:#dc2626}.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-table td:first-child,.categories-table th:first-child{min-width:180px;width:180px}.categories-management{background:#fff;margin:0;max-height:calc(100vh - 100px);max-width:1400px;min-height:70vh;overflow-x:hidden;overflow-y:auto;padding:.1rem 1.5rem 1.25rem;position:relative;width:100%}.categories-management.table-mode{overflow-y:hidden}.categories-header{align-items:center;background:#fff;border:1px solid #0000000d;border-radius:12px;box-shadow:0 2px 12px #00000014;display:flex;gap:1.5rem;justify-content:space-between;margin-bottom:1.25rem;margin-top:0;padding:.75rem 1.25rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-left{display:flex;flex:1 1;flex-direction:column;gap:.75rem}.header-right{flex:0 0 auto;gap:1.5rem}.header-right,.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:860px;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:.45rem .65rem;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){min-width:160px;width:160px}.categories-table td:nth-child(3),.categories-table th:nth-child(3){min-width:110px;width:110px}.categories-table td:nth-child(4),.categories-table th:nth-child(4){min-width:88px;text-align:center;width:88px}.categories-table td:nth-child(5),.categories-table th:nth-child(5){min-width:98px;text-align:center;width:98px}.categories-table td:nth-child(6),.categories-table th:nth-child(6){min-width:120px;width:120px}.categories-table td:nth-child(7),.categories-table th:nth-child(7){min-width:140px;width:140px}.categories-table th:nth-child(7){text-align:center}.categories-table th:first-child{padding:.45rem .65rem}.categories-table th:nth-child(2),.categories-table th:nth-child(3){text-align:left}.categories-table th:nth-child(3){padding-right:.9rem}.categories-table td:nth-child(3),.categories-table td:nth-child(4),.categories-table td:nth-child(5),.categories-table td:nth-child(6),.categories-table td:nth-child(7),.categories-table th:nth-child(4),.categories-table th:nth-child(5),.categories-table th:nth-child(6),.categories-table th:nth-child(7){text-align:center}.categories-table td:nth-child(2),.categories-table th:nth-child(2){padding-left:.2rem}.categories-table .table-actions{align-items:center;display:flex;gap:8px;justify-content:center}.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;padding:.45rem .65rem;text-align:left;vertical-align:middle}.categories-table td:first-child,.categories-table td:nth-child(2){text-align:left}.categories-table td:nth-child(7){text-align:center}.categories-table td:first-child{padding:.45rem .65rem}@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}.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;line-height:1}.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,#ef4444,#dc2626);box-shadow:0 2px 4px #ef444433;color:#fff}.cat-delete:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 8px #ef44444d;transform:translateY(-1px)}.action-btn{flex:0 0 auto;font-size:.55rem;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;transform:translateY(-2px)}.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,#ef4444,#dc2626);box-shadow:0 2px 6px #ef444440;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;transform:translateY(-2px)}.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:none;border-radius:14px;box-shadow:inset 0 2px 4px #0000001a;cursor:pointer;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{border-top:1px solid #0000001a;flex-wrap:nowrap;gap:.3rem;margin-top:auto;min-height:40px;padding-top:.65rem;width:100%}.subcategory-actions,.subcategory-meta .toggle-btn{align-items:center;display:flex;flex-shrink:0;justify-content:center}.subcategory-meta .toggle-btn{border-radius:12px;font-size:.7rem;gap:4px;height:24px;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:20px;box-shadow:0 10px 40px #00000026;max-height:85vh;max-width:700px;position:relative;width:85%}.enhanced-modal{max-width:750px;width:90%}@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:25px 30px}.modal-header h3{font-size:1.4rem}.modal-close{font-size:2rem;line-height:1}.modal-body{padding:30px}.modal-footer{gap:15px;padding:20px 30px}.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}.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:20px;text-align:center}.warning-icon{animation:shake .5s ease-in-out;margin-bottom:20px}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.delete-confirmation h4{color:#dc3545;font-size:1.5rem;margin-bottom:15px}.delete-confirmation p{color:#495057;font-size:1.1rem;margin-bottom:15px}.consequences{background:#fff3cd;border-radius:8px;margin-top:20px;padding:15px}.consequences .warning-text{color:#856404;font-weight:600;margin:5px 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 (max-width:1400px){.categories-management{max-width:1200px}.categories-management .categories-grid{gap:20px!important;grid-template-columns:repeat(4,minmax(260px,1fr))!important}}@media (max-width:1200px){.categories-management .categories-grid{grid-template-columns:repeat(3,1fr)!important}}@media (max-width:900px){.categories-management .categories-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:768px){.categories-management{padding:20px}.categories-management .categories-grid{gap:20px!important;grid-template-columns:1fr!important}.primary-actions{flex-direction:column;gap:8px}.action-btn{min-width:0;min-width:auto}.categories-header{align-items:flex-start;gap:15px}.action-buttons,.categories-header{flex-direction:column}.form-row{grid-template-columns:1fr}.modal{border-radius:15px;margin:10px;max-height:95vh;width:98%}.enhanced-modal{max-width:98%}.subcategories-grid{justify-content:center}.subcategory-card{width:260px}}@media (max-width:480px){.subcategories-grid{grid-template-columns:1fr!important}.subcategory-card{max-width:100%!important;min-width:100%!important}.details-grid{grid-template-columns:1fr}.category-header-info h2{font-size:1.5rem}.categories-header h2{font-size:2rem}.section-header{gap:15px}.color-selector,.section-header,.subcategory-item{align-items:flex-start;flex-direction:column}.subcategory-item{gap:15px}.subcategory-actions{justify-content:space-between;width:100%}}.success-animation{animation:fadeIn .3s ease-in-out;background:#000000b3;z-index:2000}.success-popup{animation:successSlideIn .5s cubic-bezier(.25,.46,.45,.94);border-radius:20px;box-shadow:0 25px 80px #0000004d;max-width:400px;overflow:hidden;padding:40px;width:90%}.success-popup:before{background:linear-gradient(90deg,#28a745,#20c997);content:"";height:4px;left:0;position:absolute;right:0;top:0;z-index:1}@keyframes successSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.success-icon{animation:successBounce .6s ease-in-out;font-size:4rem;margin-bottom:20px;position:relative;z-index:2}@keyframes successBounce{0%,20%,50%,80%,to{transform:translateY(0) scale(1)}40%{transform:translateY(-10px) scale(1.1)}60%{transform:translateY(-5px) scale(1.05)}}.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;pointer-events:none;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:#f8f9fa;min-height:70vh;overflow:visible;padding:.75rem}.user-info{display:flex;flex-direction:column;gap:.25rem}.user-name{font-size:.9rem;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{align-items:center;gap:.5rem}.action-btn{display:inline-flex;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{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 12px #00000014;display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding:1.25rem 1.5rem}.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{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.filters-left,.users-filters{align-items:center;display:flex;gap:2rem}.filters-right{align-items:center;display:flex;gap:1rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{color:#495057;font-size:.9rem;font-weight:600}.filter-select{min-width:180px}.success-animation{animation:fadeIn .3s ease-out;background:#0000001a}.success-popup{align-items:center;animation:popIn .4s cubic-bezier(.175,.885,.32,1.275);background:#fff;box-shadow:0 20px 60px #00000026;display:flex;gap:1rem;padding:2rem 3rem}.success-icon{animation:bounce .6s ease-in-out infinite alternate;font-size:2rem}.success-text{color:#2c3e50;font-size:1.1rem}@keyframes popIn{0%{opacity:0;transform:scale(.5) translateY(-50px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-5px)}}.users-table-container{background:#fff;border:1px solid #0000000d;border-radius:12px;box-shadow:0 4px 16px #00000014;max-height:600px;overflow:hidden;overflow-y:auto;position:relative}.users-table-container::-webkit-scrollbar{width:8px}.users-table-container::-webkit-scrollbar-track{background:#f1f3f4}.users-table-container::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.users-table-container::-webkit-scrollbar-thumb:hover{background:#a0aec0}.users-table{border-collapse:collapse;font-size:.95rem;width:100%}.users-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:10}.users-table th{border:none;font-size:.65rem;font-weight:700;letter-spacing:.2px;padding:.65rem .5rem;text-align:center;text-transform:uppercase}.users-table th:first-child{border-top-left-radius:16px;text-align:left}.users-table th:last-child{border-top-right-radius:16px}.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 4px 20px #00000014;transform:translateY(-2px)}.user-row.seeker-row{background:linear-gradient(135deg,#e3f2fd,#f0f8ff)}.user-row.seeker-row:hover{background:linear-gradient(135deg,#d1e7dd,#e8f4f8)}.user-row.provider-row{background:linear-gradient(135deg,#fff3e0,#fef7f0)}.user-row.provider-row:hover{background:linear-gradient(135deg,#ffe0b3,#ffecd1)}.user-row.banned-row{background:linear-gradient(135deg,#ffebee,#fce4ec)!important;opacity:.8}.user-row.suspended-row{background:linear-gradient(135deg,#fff3e0,#fff8f0)!important;opacity:.9}.users-table td{border:none;padding:.6rem .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,#667eea,#764ba2);border-radius:50%;box-shadow:0 1px 4px #667eea4d;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,#42a5f5,#1e88e5);box-shadow:0 2px 8px #42a5f54d;color:#fff}.role-badge.service_provider{background:linear-gradient(135deg,#ff9800,#f57c00);box-shadow:0 2px 8px #ff98004d;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 8px #4caf504d;color:#fff}.status-badge.suspended{background:linear-gradient(135deg,#ff9800,#f57c00);box-shadow:0 2px 8px #ff98004d;color:#fff}.status-badge.banned{background:linear-gradient(135deg,#f44336,#d32f2f);box-shadow:0 2px 8px #f443364d;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{display:flex;flex-wrap:wrap;gap:.3rem;justify-content:center}.action-btn{border-radius:5px;font-size:.6rem;gap:.15rem;min-width:55px;padding:.3rem .5rem;text-decoration:none}.view-btn{background:linear-gradient(135deg,#17a2b8,#138496);box-shadow:0 2px 8px #17a2b84d}.view-btn:hover{box-shadow:0 3px 10px #17a2b859;opacity:.85}.suspend-btn{background:linear-gradient(135deg,#ffc107,#e0a800);box-shadow:0 2px 8px #ffc1074d;color:#212529}.suspend-btn:hover{box-shadow:0 3px 10px #ffc10759;opacity:.85}.ban-btn{background:linear-gradient(135deg,#dc3545,#c82333);box-shadow:0 2px 8px #dc35454d;color:#fff}.ban-btn:hover{box-shadow:0 3px 10px #dc354559;opacity:.85}.delete-btn{background:linear-gradient(135deg,#6c757d,#5a6268);box-shadow:0 2px 8px #6c757d4d}.delete-btn:hover{background:linear-gradient(135deg,#dc3545,#c82333);box-shadow:0 3px 10px #6c757d59;opacity:.85}.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-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{box-shadow:0 4px 12px #667eea4d}.btn-primary:hover{box-shadow:0 6px 20px #667eea66}.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 #667eea;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:769px){.detail-grid{grid-template-columns:repeat(3,1fr)}.modal-body{padding:2.5rem}.ban-form{margin:0 auto;max-width:700px}.action-confirmation{margin:0 auto;max-width:500px}}@media (max-width:768px){.users-management{padding:1rem}.users-header{gap:1rem}.header-title h2{font-size:2rem;text-align:left}.header-controls,.header-filters{align-items:stretch;flex-direction:column;gap:1rem}.header-filters .filter-group{align-items:stretch;flex-direction:column;gap:.5rem}.header-filters .filter-select{width:100%}.search-btn{justify-content:center}.search-container,.search-input-wrapper{width:100%}.filters-left,.filters-right,.users-filters{align-items:stretch;flex-direction:column;gap:1rem}.filters-right{width:100%}.users-table-container{overflow-x:auto}.users-table{min-width:800px}.user-actions{flex-direction:column;gap:.25rem}.action-btn{justify-content:center}.modal{margin:1rem;max-width:none;width:95%}.modal-body{padding:1.5rem}.detail-grid{grid-template-columns:1fr}.radio-group{gap:.75rem}.modal-footer,.radio-group{flex-direction:column}.btn{justify-content:center}}.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}.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;border-radius:8px;font-size:1rem;margin-top:16px;padding:12px;transition:border-color .2s;width:100%}.custom-reason-input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.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-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-radius:8px!important;box-shadow:0 20px 50px #0006!important;max-height:90vh!important;max-width:380px!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:#f8f9fa!important;border-bottom:1px solid #dee2e6!important;border-radius:8px 8px 0 0!important;display:flex!important;justify-content:space-between!important;padding:1rem 1.5rem!important}.new-ban-modal.service_seeker .new-ban-modal-header{background:#2196f3!important;color:#fff!important}.new-ban-modal.service_provider .new-ban-modal-header{background:#ff9800!important;color:#fff!important}.new-ban-modal-header h3{font-size:1.1rem;font-weight:600;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{padding:1.5rem}.new-form-group{margin-bottom:1rem}.new-form-group:last-child{margin-bottom:0}.new-form-group label{color:#374151;display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.new-ban-input,.new-ban-select{background:#fff;border:2px solid #e5e7eb;border-radius:6px;font-size:.9rem;padding:.6rem;transition:border-color .2s;width:100%}.new-ban-input:focus,.new-ban-select:focus{border-color:#3b82f6;outline:none}.new-ban-input:disabled,.new-ban-select:disabled{background:#f9fafb;cursor:not-allowed}.new-ban-modal-footer{background:#f8f9fa;border-top:1px solid #dee2e6;display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem}.new-ban-btn{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:600;min-width:80px;padding:.6rem 1.2rem;transition:all .2s}.new-cancel-btn{background:#6b7280;color:#fff}.new-cancel-btn:hover:not(:disabled){background:#4b5563}.new-confirm-btn{background:#dc2626;color:#fff}.new-confirm-btn:hover:not(:disabled){background:#b91c1c}.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%}}.reports-page{padding:16px}.reports-page .page-header h1{color:#111827;font-size:20px;font-weight:800;margin:0}.reports-page .page-header p{color:#6b7280;font-size:13px;margin:4px 0 12px}.reports-stats-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:12px}.rep-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 6px #0000000d;padding:12px}.rep-stat-card .rep-stat-title{color:#6b7280;font-size:12px;letter-spacing:.4px;text-transform:uppercase}.rep-stat-card .rep-stat-value{color:#111827;font-size:22px;font-weight:800;margin-top:4px}.rep-stat-card.warn{border-left:4px solid #ef4444}.rep-stat-card.info{border-left:4px solid #3b82f6}.rep-stat-card.ok{border-left:4px solid #10b981}.rep-stat-card.muted{border-left:4px solid #9ca3af}.rep-stat-card.today{border-left:4px solid #dc2626}.reports-filter-bar{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;display:flex;gap:10px;justify-content:space-between;margin-bottom:12px;padding:10px}.reports-filter-bar .rf-left,.reports-filter-bar .rf-right{align-items:center;display:flex;gap:8px}.rf-select{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#111827;font-weight:600;padding:6px 10px}.rf-search{align-items:center;display:flex;gap:6px}.rf-input{border:1px solid #e5e7eb;border-radius:8px;min-width:220px;padding:6px 10px}.rf-btn{background:#111827;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:6px 10px}.view-toggle{border:1px solid #e5e7eb;overflow:hidden}.vt-btn{background:#fff;border:none;cursor:pointer;padding:6px 10px}.vt-btn.active{background:#111827;color:#fff}.reports-empty,.reports-loading{color:#6b7280;padding:16px}.reports-table{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.reports-table .table-header,.reports-table .table-row{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:120px 1fr 1fr 120px 180px 120px;padding:10px 12px}.reports-table .table-header{background:#f9fafb;color:#374151;font-weight:700}.reports-table .table-row{border-top:1px solid #f3f4f6}.rep-status{border:1px solid #e5e7eb;border-radius:999px;color:#374151;display:inline-block;font-size:12px;padding:2px 8px;text-transform:capitalize}.rep-status.unresolved{background:#fff7ed;border-color:#f59e0b;color:#9a3412}.rep-status.in_review{background:#eff6ff;border-color:#60a5fa;color:#1d4ed8}.rep-status.resolved{background:#ecfdf5;border-color:#34d399;color:#047857}.rep-status.dismissed{background:#f3f4f6;border-color:#d1d5db;color:#374151}.reports-cards{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.report-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 6px #0000000a;padding:12px}.rc-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.rc-title{color:#111827;font-weight:800}.rc-sub{color:#6b7280;font-size:13px}.rc-desc{color:#374151;font-size:13px;margin-top:6px}.rc-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.rc-tag{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:999px;color:#374151;font-size:12px;padding:2px 8px}.rc-tag.more{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.rc-evidence{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(4,1fr);margin-top:8px}.rc-thumb{border:1px solid #e5e7eb;border-radius:6px;height:56px;object-fit:cover;width:100%}.notifications-page{background:#f8f9fa;min-height:100vh;padding:1.5rem}.notifications-header{align-items:center;box-shadow:0 4px 16px #00000014;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1.5rem}.notifications-title{align-items:center;display:flex;gap:1rem}.notifications-title h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#2c3e50;font-size:1.8rem;font-weight:700;margin:0}.unread-badge{background:linear-gradient(135deg,#e74c3c,#c0392b);border-radius:20px;font-size:.8rem;letter-spacing:.5px;padding:.4rem .8rem;text-transform:uppercase}.notifications-actions{align-items:center;gap:1rem}.filter-select{background:#fff;border:2px solid #e9ecef;border-radius:8px;color:#495057;cursor:pointer;font-size:.95rem;min-width:120px;padding:.75rem 1rem;transition:all .2s ease}.filter-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.btn{font-size:1rem;gap:.5rem;padding:.75rem 1.5rem}.btn-secondary{box-shadow:0 2px 8px #6c757d4d}.btn-secondary:hover{background:#5a6268;box-shadow:0 4px 12px #6c757d66}.loading-spinner{color:#667eea;font-weight:600;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;padding:1rem 1.5rem}.notifications-list{background:#fff;border:1px solid #0000000d;border-radius:16px;box-shadow:0 8px 32px #0000001a;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,#e3f2fd,#f0f8ff);border-left:4px solid #42a5f5}.notification-item.unread:hover{background:linear-gradient(135deg,#d1e7dd,#e8f4f8)}.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,#667eea,#764ba2);border-radius:50%;box-shadow:0 4px 12px #667eea4d;color:#fff;font-size:2rem;height:60px;min-width:60px}.notification-header{margin-bottom:.5rem}.notification-title{color:#2c3e50;font-size:1.1rem;line-height:1.3;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{gap:.5rem;opacity:0;transition:opacity .3s ease}.notification-item:hover .notification-actions{opacity:1}.btn-icon{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:1.2rem;height:35px;justify-content:center;padding:.5rem;transition:all .2s ease;width:35px}.btn-icon.mark-read{background:#27ae601a;color:#27ae60}.btn-icon.mark-read:hover{background:#27ae6033;transform:scale(1.1)}.btn-icon.delete{background:#e74c3c1a;color:#e74c3c}.btn-icon.delete:hover{background:#e74c3c33;transform:scale(1.1)}@media (max-width:768px){.notifications-page{padding:1rem}.notifications-header{align-items:stretch;flex-direction:column;gap:1rem}.notifications-title h2{font-size:2rem}.notifications-actions{align-items:stretch;flex-direction:column;gap:.5rem}.notification-item{flex-direction:column;gap:1rem}.notification-header{align-items:flex-start;flex-direction:column;gap:.5rem}.notification-actions{flex-direction:row;justify-content:flex-end;opacity:1}}.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{background:#fff;border-bottom:1px solid #fef3c7;box-shadow:0 2px 10px #f59e0b14;flex-shrink:0;justify-content:space-between;padding:14px 18px}.sp-header,.sp-username{align-items:center;display:flex}.sp-username{color:#1f2937;font-size:1rem;font-weight:700;gap:12px}.sp-username:before{content:"🏢";font-size:1.5rem}.sp-header-actions{display:flex;gap:12px}.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;font-weight:600}.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{flex-direction:column;height:100vh;overflow:hidden}.sp-sidebar{flex-direction:row;flex-shrink:0;height:auto;overflow-x:auto;padding:16px;position:relative;width:100%}.sp-nav{flex-direction:row;gap:12px;padding:0 16px}.sp-nav-item{justify-content:center;min-width:120px}.sp-nav-label{display:none}.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-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;display:grid;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{align-items:center;background:#fffbeb;border-radius:8px;display:flex;justify-content:space-between;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;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.metric-card{background:#fff;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;font-size:2rem;font-weight:700;margin-bottom:.5rem}.metric-change{font-size:.75rem;font-weight:600}.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;font-weight:600;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{color:#fff;height:35px;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{transform:none}.btn-secondary{border:2px solid #e0e0e0;border-radius:8px;color:#666;font-weight:600;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{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:1000}.document-upload-content{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000001a;max-height:90vh;max-width:650px;overflow-y:auto;padding:24px;width:100%}.document-upload-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.document-upload-header h2{color:#333;font-size:1.4rem;font-weight:600;margin:0}.close-btn{color:#999;font-size:28px;line-height:1;padding:5px;transition:color .2s}.close-btn:hover{color:#666}.required-docs-info{background:#f8f9fa;border-radius:8px;margin-bottom:30px;padding:20px}.required-docs-info h3{color:#333;font-size:18px;margin:0 0 15px}.required-docs-list{display:flex;flex-direction:column;gap:10px}.required-doc-item{align-items:center;background:#fff;border-left:4px solid #ddd;border-radius:6px;display:flex;gap:10px;padding:10px;transition:all .2s}.required-doc-item.uploaded{background:#f8fff9;border-left-color:#28a745}.doc-icon{font-size:18px}.doc-name{color:#333;font-weight:500}.doc-note{color:#666;font-size:14px;font-style:italic}.document-type-selection{margin-bottom:30px}.document-type-selection h3{color:#333;font-size:18px;margin:0 0 15px}.document-type-select{background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:16px;padding:12px 16px;transition:border-color .2s;width:100%}.document-type-select:focus{border-color:#007bff;outline:none}.document-type-select:disabled{background:#f5f5f5;cursor:not-allowed}.upload-area{background:#fafafa;border:3px dashed #ddd;border-radius:12px;cursor:pointer;margin-bottom:30px;padding:40px 20px;text-align:center;transition:all .3s}.upload-area:hover:not(.disabled){background:#f0f8ff;border-color:#007bff}.upload-area.drag-active{background:#e6f3ff;border-color:#007bff;transform:scale(1.02)}.upload-area.disabled{background:#f0f0f0;cursor:not-allowed;opacity:.6}.upload-content{margin:0 auto;max-width:400px}.upload-icon{font-size:48px;margin-bottom:15px}.upload-content h3{color:#333;font-size:20px;margin:0 0 10px}.upload-content p{color:#666;font-size:16px;margin:0 0 20px}.file-requirements{background:#007bff1a;border-radius:6px;margin-top:20px;padding:15px}.file-requirements p{color:#666;font-size:14px;margin:5px 0}.upload-progress{background:#f8f9fa;margin-bottom:30px;padding:20px}.progress-bar{background:#e0e0e0;margin-bottom:10px}.progress-fill{background:linear-gradient(90deg,#007bff,#0056b3);border-radius:4px;transition:width .3s}.progress-text{color:#333}.uploads-list{margin-bottom:30px}.uploads-list h3{color:#333;font-size:18px;margin:0 0 20px}.uploads-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr}.upload-item{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;display:flex;gap:15px;padding:15px;position:relative;transition:all .2s}.upload-item.uploaded{background:#f8fff9;border-color:#28a745}.upload-preview{align-items:center;background:#f5f5f5;border-radius:6px;display:flex;flex-shrink:0;height:60px;justify-content:center;overflow:hidden;width:60px}.file-preview{height:100%;object-fit:cover;width:100%}.file-icon{font-size:24px}.upload-info{flex:1 1}.file-name{color:#333;font-weight:500;margin-bottom:5px;word-break:break-all}.file-details{display:flex;gap:15px;margin-bottom:5px}.document-type{color:#007bff;font-size:14px;font-weight:500}.file-size{color:#666}.file-size,.upload-status{font-size:14px}.status{align-items:center;border-radius:4px;display:inline-flex;font-size:12px;font-weight:500;gap:5px;padding:4px 8px}.status.pending{background:#ffc1071a;color:#856404}.status.uploaded{background:#28a7451a;color:#155724}.remove-btn{background:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:14px;height:24px;line-height:1;position:absolute;right:10px;top:10px;transition:background-color .2s;width:24px}.remove-btn:hover:not(:disabled){background:#c82333}.remove-btn:disabled{cursor:not-allowed;opacity:.5}.document-upload-actions{border-top:2px solid #f0f0f0;display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:20px}.btn-secondary{background:#6c757d;border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:background-color .2s}.btn-secondary:hover:not(:disabled){background:#5a6268}.btn-secondary:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:#007bff;border-radius:6px;font-size:16px;font-weight:500;transition:background-color .2s}.btn-primary:hover:not(:disabled){background:#0056b3}.btn-primary:disabled{background:#6c757d;cursor:not-allowed;opacity:.6}.success-message{background:#d4edda;border:1px solid #c3e6cb;border-radius:8px;color:#155724;margin-top:20px;padding:20px;text-align:center}.success-message h3{font-size:18px;margin:0 0 10px}.success-message p{font-size:14px;margin:10px 0}.remaining-docs{background:#ffc1071a;border-radius:4px;color:#856404;font-weight:500;margin-top:15px;padding:10px}.error-message{border-radius:6px;padding:15px}@media (max-width:768px){.document-upload-modal{padding:10px}.document-upload-content{max-height:95vh;padding:20px}.document-upload-header h2{font-size:20px}.upload-area{padding:30px 15px}.upload-content h3{font-size:18px}.file-details{flex-direction:column;gap:5px}.document-upload-actions{flex-direction:column;gap:10px}.btn-primary,.btn-secondary{width:100%}}@media (max-width:480px){.document-upload-content{padding:15px}.upload-item{align-items:flex-start;flex-direction:column;gap:10px}.upload-preview{align-self:center}.remove-btn{align-self:flex-end;position:static}}.upload-options{margin:16px 0}.camera-btn{align-items:center;background:linear-gradient(45deg,#007bff,#0056b3);border:none;border-radius:8px;box-shadow:0 2px 4px #007bff33;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s ease}.camera-btn:hover:not(:disabled){box-shadow:0 4px 8px #007bff4d;transform:translateY(-2px)}.camera-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.selfie-section{background:linear-gradient(135deg,#f8f9ff,#e3f2fd);border:2px solid #e3f2fd;border-radius:12px;margin:20px 0;padding:20px;text-align:center}.selfie-section h3{color:#1976d2;font-size:1.1rem;margin:0 0 8px}.selfie-section p{color:#666;font-size:.9rem;margin:0 0 20px}.selfie-capture{align-items:center;display:flex;flex-direction:column;gap:12px}.capture-selfie-btn{align-items:center;background:linear-gradient(45deg,#4caf50,#388e3c);border:none;border-radius:50px;box-shadow:0 3px 6px #4caf504d;color:#fff;cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:600;gap:10px;padding:16px 32px;transition:all .2s ease}.capture-selfie-btn:hover:not(:disabled){box-shadow:0 6px 12px #4caf5066;transform:translateY(-3px)}.capture-selfie-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.selfie-note{color:#666;font-size:.85rem;font-style:italic;margin:0}.selfie-preview{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:16px;padding:16px}.selfie-image{flex-shrink:0;position:relative}.selfie-image img{border:3px solid #4caf50;border-radius:50%;box-shadow:0 2px 8px #00000026;height:80px;object-fit:cover;width:80px}.remove-selfie-btn{align-items:center;background:#f44336;border:none;border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;position:absolute;right:-8px;top:-8px;transition:all .2s ease;width:24px}.remove-selfie-btn:hover:not(:disabled){background:#d32f2f;transform:scale(1.1)}.remove-selfie-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.selfie-info{display:flex;flex-direction:column;flex-grow:1;gap:4px;text-align:left}.selfie-name{color:#333;font-size:.95rem;font-weight:600}.selfie-size{color:#666;font-size:.85rem}.selfie-status{align-items:center;color:#4caf50;display:flex;font-size:.85rem;font-weight:500;gap:4px}@media (max-width:768px){.selfie-section{margin:16px 0;padding:16px}.selfie-section h3{font-size:1rem}.capture-selfie-btn{font-size:1rem;padding:14px 28px}.selfie-preview{flex-direction:column;gap:12px}.selfie-info,.selfie-preview{text-align:center}.camera-btn{font-size:.95rem;padding:10px 20px}}@media (max-width:480px){.selfie-section{padding:12px}.selfie-image img{height:60px;width:60px}.capture-selfie-btn{font-size:.95rem;padding:12px 24px}.camera-btn{font-size:.9rem;padding:8px 16px}}.camera-capture-modal{align-items:center;background-color:#000000f2;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:16px;position:fixed;right:0;top:0;z-index:1000}.camera-capture-content{background-color:#1a1a1a;border-radius:14px;color:#fff;max-height:72vh;max-width:650px;overflow-y:auto;position:relative;width:100%}.camera-header{align-items:center;border-bottom:1px solid #333;display:flex;justify-content:space-between;padding:20px}.camera-header h2{color:#fff;font-size:1.5rem;margin:0}.close-btn{border-radius:50%;color:#ccc;font-size:2rem;height:40px;padding:0;width:40px}.close-btn:hover:not(:disabled){background-color:#333;color:#fff}.close-btn:disabled{cursor:not-allowed;opacity:.5}.camera-container{align-items:center;background-color:#000;display:flex;justify-content:center;min-height:400px;overflow:hidden;position:relative}.camera-video{height:auto;max-height:60vh;object-fit:cover;width:100%}.camera-video.document{object-fit:contain}.camera-video.selfie{transform:scaleX(-1)}.camera-loading{align-items:center;color:#ccc;display:flex;flex-direction:column;justify-content:center;padding:40px}.loading-spinner{border:3px solid #333;border-top-color:#007bff}.camera-overlay{align-items:center;bottom:0;display:flex;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:0}.document-guide{height:60%;max-height:300px;max-width:400px;position:relative;width:80%}.guide-corners{bottom:0;left:0;position:absolute;right:0;top:0}.corner{border:3px solid #0f0;border-radius:4px;height:30px;position:absolute;width:30px}.corner.top-left{border-bottom:none;border-right:none;left:0;top:0}.corner.top-right{border-bottom:none;border-left:none;right:0;top:0}.corner.bottom-left{border-right:none;border-top:none;bottom:0;left:0}.corner.bottom-right{border-left:none;border-top:none;bottom:0;right:0}.guide-text{bottom:-40px;color:#0f0;font-weight:500;left:50%;position:absolute;text-shadow:0 2px 4px #000c;transform:translateX(-50%);white-space:nowrap}.face-circle,.selfie-guide{position:relative}.face-circle{border:3px solid #0f0;border-radius:50%;height:250px;width:200px}.selfie-guide .guide-text{bottom:-40px;color:#0f0;font-weight:500;left:50%;position:absolute;text-shadow:0 2px 4px #000c;transform:translateX(-50%);white-space:nowrap}.camera-controls{align-items:center;background-color:#1a1a1a;border-top:1px solid #333;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;padding:20px}.camera-selection select{background-color:#333;border:1px solid #555;border-radius:8px;color:#fff;font-size:.9rem;padding:8px 12px}.flash-btn{align-items:center;background-color:#333;border:1px solid #555;border-radius:50%;color:#ccc;cursor:pointer;display:flex;font-size:1.2rem;height:50px;justify-content:center;transition:all .2s ease;width:50px}.flash-btn:hover:not(:disabled){background-color:#444}.flash-btn.active{background-color:#ffc107;border-color:#ffc107;color:#000}.flash-btn:disabled{cursor:not-allowed;opacity:.5}.capture-btn{align-items:center;background-color:#007bff;border:none;border-radius:50px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:12px;justify-content:center;min-width:140px;padding:16px 32px;transition:all .2s ease}.capture-btn:hover:not(:disabled){background-color:#0056b3;transform:translateY(-2px)}.capture-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.capture-circle{border:3px solid #fff;border-radius:50%;height:20px;position:relative;width:20px}.capture-circle:after{background-color:#fff;border-radius:50%;bottom:2px;content:"";left:2px;position:absolute;right:2px;top:2px}.capturing{align-items:center;display:flex;gap:8px}.capture-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.cancel-capture-btn{background-color:initial;border:1px solid #555;border-radius:50px;color:#ccc;cursor:pointer;font-size:1rem;padding:16px 24px;transition:all .2s ease}.cancel-capture-btn:hover:not(:disabled){background-color:#333;color:#fff}.cancel-capture-btn:disabled{cursor:not-allowed;opacity:.5}.capture-instructions{background-color:#1a1a1a;border-top:1px solid #333;padding:20px}.instructions h4{color:#007bff;font-size:1rem;margin:0 0 12px}.instructions ul{color:#ccc;margin:0;padding-left:20px}.instructions li{font-size:.9rem;line-height:1.4;margin-bottom:6px}.error-message{background-color:#dc3545;color:#fff;margin:20px;padding:20px}.error-message p{margin:0 0 16px}.error-actions{display:flex;gap:12px}.btn-retry{background-color:#fff;border:none;border-radius:6px;color:#dc3545;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s ease}.btn-retry:hover{background-color:#f8f9fa}.btn-cancel{background-color:initial;border:1px solid #fff;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s ease}.btn-cancel:hover{background-color:#ffffff1a}@media (max-width:768px){.camera-capture-modal{padding:10px}.camera-capture-content{max-height:95vh;max-width:100%}.camera-header{padding:16px}.camera-header h2{font-size:1.25rem}.camera-video{max-height:50vh}.camera-controls{gap:12px;padding:16px}.capture-btn{font-size:1rem;min-width:120px;padding:14px 28px}.document-guide{height:50%;width:90%}.face-circle{height:190px;width:150px}.corner{height:25px;width:25px}.capture-instructions{padding:16px}.instructions li{font-size:.85rem}}@media (max-width:480px){.camera-controls{flex-direction:column;gap:16px}.capture-btn{font-size:.95rem;padding:12px 24px}.flash-btn{height:45px;width:45px}.face-circle{height:150px;width:120px}.document-guide{height:45%;width:95%}}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}.report-modal-overlay{align-items:center;animation:rm-fade-in .15s ease-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1118278c;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:9999}.report-modal{animation:rm-pop .18s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000002e,0 2px 8px #0000001f;overflow:hidden;transform-origin:center;width:min(560px,92vw)}.report-modal-header{align-items:center;border-bottom:1px solid #eef2f7;display:flex;justify-content:space-between;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);overflow-y:auto;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}.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}@keyframes popupFadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.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:#000c;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 .4s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:14px;box-shadow:0 25px 50px #0006;max-width:420px;padding:2rem;position:relative;text-align:center;width:90%}@keyframes slideOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.8) translateY(-30px)}}.ban-monitor-modal.closing{animation:slideOut .3s ease-in forwards}.ban-monitor-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));font-size:4rem;margin-bottom:1rem}.ban-monitor-title{color:#e53e3e;font-size:1.75rem;font-weight:700;margin-bottom:1rem}.ban-monitor-reason-section{background:#f7fafc;border-radius:12px;margin:1.5rem 0;padding:1.5rem;text-align:left}.ban-monitor-reason-title{color:#4a5568;font-weight:600;margin-bottom:.75rem;text-align:center}.ban-monitor-reason-text{color:#2d3748;font-size:1.05rem;line-height:1.5;text-align:center}.ban-monitor-duration-section{border-radius:8px;margin:1rem 0;padding:1rem}.ban-monitor-duration-section.temporary{background:#fef5e7;border:1px solid #f6ad55}.ban-monitor-duration-section.permanent{background:#fed7d7;border:1px solid #fc8181}.ban-monitor-duration-title{font-weight:600;margin-bottom:.5rem}.ban-monitor-duration-title.temporary{color:#c05621}.ban-monitor-duration-title.permanent{color:#c53030}.ban-monitor-duration-subtitle{margin-bottom:.25rem}.ban-monitor-duration-subtitle.temporary{color:#744210}.ban-monitor-duration-subtitle.permanent{color:#9b2c2c;font-size:.95rem}.ban-monitor-duration-date{font-size:1.1rem;font-weight:600;margin-top:.25rem}.ban-monitor-duration-date.temporary{color:#c05621}.ban-monitor-support-message{color:#718096;font-size:.9rem;line-height:1.4;margin:1.5rem 0}.ban-monitor-btn{background:#e53e3e;border:none;border-radius:8px;box-shadow:0 4px 12px #e53e3e4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;overflow:hidden;padding:12px 24px;position:relative;transition:all .2s ease}.ban-monitor-btn:hover{background:#c53030;box-shadow:0 6px 16px #e53e3e66;transform:translateY(-2px)}.ban-monitor-btn:active{transform:translateY(0)}.ban-monitor-btn:disabled{background:#a0aec0;box-shadow:none;cursor:not-allowed;transform:none}.ban-monitor-btn.loading{pointer-events:none}.ban-monitor-btn.loading:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;content:"";height:20px;left:50%;margin:-10px 0 0 -10px;position:absolute;top:50%;width:20px}.ban-monitor-btn.loading .ban-monitor-btn-text{opacity:0}@media (max-width:480px){.ban-monitor-modal{margin:1rem;padding:2rem}.ban-monitor-icon{font-size:3rem}.ban-monitor-title{font-size:1.5rem}}.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:10px 16px 8px;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:12px;justify-content:space-between;margin:0;max-width:100%;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:8px 16px}.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-width:1400px;min-height:0;overflow:hidden;width:100%}.notifications-list-header{background:#fff;border-bottom:1px solid #f3f4f6;margin-bottom:6px;padding:4px 12px;position:-webkit-sticky;position:sticky;top:52px;z-index:20}.list-header-content{align-items:center;display:flex;justify-content:space-between}.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 0 12px}.notification-item{align-items:center;border:1px solid #fed7aa!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}.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:16px;height:40px;justify-content:center;position:relative;width:40px}.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.4;margin:0 0 4px}.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;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:.75rem;font-weight:500;min-width:80px;padding:6px 12px;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:24px 0}.notifications-pagination-content{align-items:center;display:flex;justify-content:space-between;padding:0 32px}.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)}.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}.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.unverified{background:linear-gradient(135deg,#fef2f2,#fecaca);border-color:#ef4444}.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:1001}.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;text-decoration:none;transition:all .3s ease;width:36px}.ss-icon-btn:hover{background:#bfdbfe;transform:scale(1.05)}.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:center;flex-direction:row;overflow-x:auto;padding:12px;width:100%}.ss-brand{border-bottom:none;border-right:1px solid #fff3;padding:6px 12px 6px 0}.ss-nav{flex:none;flex-direction:row;gap:10px;padding:0 12px}.ss-nav-item{justify-content:center;min-width:100px}.ss-nav-label{display:none}.ss-logout{border-left:1px solid #fff3;border-top:none;margin-top:0;padding-left:12px;padding-top:0}.ss-main{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}}.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{align-items:center;background:linear-gradient(180deg,#1e40af,#1e3a8a);border-radius:20px;box-shadow:0 8px 32px #1e40af4d;color:#fff;display:flex;justify-content:space-between;margin-bottom:32px;padding:24px 32px}.browse-services-header .header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:24px;justify-content:flex-start;margin-right:320px}.browse-services-header .header-content h2{color:#fff;font-size:1.75rem;font-weight:700;margin:0 0 4px}.browse-services-header .header-content p{color:#ffffffe6;font-size:1rem;font-weight:400;margin:0}.browse-services-header .search-container{align-items:center;display:flex;gap:32px;margin-left:200px}.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:380px}.profile-banner{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);display:flex;height:120px;justify-content:center;position:relative}.profile-avatar{bottom:-80px;box-shadow:0 20px 40px #00000026;height:160px;left:50%;position:absolute;transform:translateX(-50%);width:160px}.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 28px 20px;text-align:center}.profile-name{color:#2563eb;font-size:32px;line-height:1.3;margin:0 0 6px}.profile-email{color:#6b7280;font-size:.9rem;line-height:1.4;margin:0 0 10px;word-break:break-word}.profile-location{align-items:center;color:#6b7280;display:flex;font-size:.85rem;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:.95rem;font-weight:600;gap:10px;justify-content:center;min-height:48px;padding:14px 24px;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:340px}.profile-banner{height:110px}.profile-avatar{bottom:-50px;height:100px;width:100px}.profile-info{padding:70px 24px 24px}.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}.seeker-bookings-page{padding:16px}.ss-page-title{color:#1e40af;font-size:1.5rem;font-weight:700;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:8px 16px}.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-width:1400px;min-height:0;overflow:hidden;width:100%}.seeker-notifications-list-header{background:#fff;border-bottom:1px solid #f3f4f6;margin-bottom:6px;padding:4px 12px;position:-webkit-sticky;position:sticky;top:52px;z-index:20}.seeker-list-header-content{align-items:center;display:flex;justify-content:space-between;min-height:36px}.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}.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}}.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.5ba2b410.css.map*/