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}.header{align-items:center;background-color:#fff;box-shadow:0 2px 4px #0000001a;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;padding:1rem 2rem;position:sticky;position:relative;top:0;z-index:1000}.hamburger-container{left:2rem;position:absolute;top:50%;transform:translateY(-50%);z-index:1001}.hamburger-menu{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;height:30px;justify-content:space-between;padding:.5rem;width:30px}.hamburger-line{background-color:#666;border-radius:2px;height:3px;transform-origin:center;transition:all .3s ease;width:100%}.hamburger-line.open:first-child{transform:rotate(45deg) translate(6px,6px)}.hamburger-line.open:nth-child(2){opacity:0}.hamburger-line.open:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.hamburger-dropdown{animation:slideDown .3s ease;background:#fff;border:1px solid #1dbf731a;border-radius:12px;box-shadow:0 8px 25px #00000026;left:0;margin-top:.5rem;max-width:400px;min-width:320px;overflow:hidden;position:absolute;top:100%;z-index:9998}.menu-item{align-items:center;border-bottom:1px solid #f0f0f0;color:#333;display:flex;font-weight:500;justify-content:space-between;padding:.75rem 1rem;text-decoration:none;transition:background-color .2s ease}.menu-item:last-child{border-bottom:none}.menu-item:hover{background-color:#f8f9fa;color:#1dbf73}.search-section{background:linear-gradient(135deg,#f8fff9,#e8f5e8);border-bottom:1px solid #1dbf731a;padding:1.5rem}.search-title{align-items:center;color:#333;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin:0 0 .5rem}.search-subtitle{color:#666;font-size:.875rem;margin:0 0 1rem}.search-form{box-sizing:border-box;flex-direction:column;gap:1rem;margin-bottom:2rem;width:100%}.search-input-group{position:relative}.search-icon{color:#1dbf73;font-size:1.2rem;left:.75rem;z-index:1}.search-input{border:2px solid #e1e5e9;display:block;font-size:.9rem;margin:0 auto;padding:.75rem;text-align:center;width:80%}.search-input:focus{border-color:#e1e5e9;box-shadow:none}.search-actions{box-sizing:border-box;display:flex;flex-wrap:wrap;gap:.75rem;width:100%}.save-search-btn,.search-btn{align-items:center;border:none;border-radius:8px;box-sizing:border-box;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;max-width:calc(50% - .375rem);min-width:0;padding:.75rem .5rem;transition:all .3s ease;white-space:nowrap}.search-btn{background:#1dbf73;color:#fff}.search-btn:hover{background:#18a367;transform:translateY(-1px)}.save-search-btn{background:#1dbf731a;border:1px solid #1dbf73;color:#1dbf73}.save-search-btn:hover:not(:disabled){background:#1dbf73;color:#fff}.save-search-btn:disabled{cursor:not-allowed;opacity:.5}.saved-searches{margin-top:1rem}.saved-title{align-items:center;color:#333;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;margin:0 0 .75rem}.saved-list{display:flex;flex-direction:column;gap:.5rem}.saved-item{align-items:center;background:#fff;border:1px solid #e1e5e9;border-radius:6px;display:flex;gap:.5rem;padding:.5rem;transition:all .3s ease}.saved-item:hover{border-color:#1dbf73;box-shadow:0 2px 8px #1dbf731a}.saved-query{background:none;border:none;color:#333;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:.875rem;gap:.25rem;padding:.25rem 0;text-align:left}.saved-query:hover{color:#1dbf73}.saved-category{align-self:flex-start;background:#1dbf731a;border-radius:12px;color:#666;font-size:.75rem;padding:.125rem .5rem}.remove-saved{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:1.2rem;height:24px;justify-content:center;padding:.25rem;transition:all .3s ease;width:24px}.remove-saved:hover{background:#ff4757;color:#fff}.no-saved{color:#999;font-size:.875rem;margin:0;padding:1rem 0;text-align:center}.menu-divider{background:linear-gradient(90deg,#0000,#1dbf7333,#0000);height:1px;margin:.5rem 0}.menu-item-disabled{cursor:not-allowed!important;opacity:.5;position:relative}.menu-item-disabled:hover{background-color:initial!important;color:#666!important;cursor:not-allowed!important}.sign-in-prompt{background-color:#ff47571a;border-radius:4px;color:#ff4757;font-size:.7rem;font-style:italic;font-weight:400;padding:.2rem .4rem;white-space:nowrap}.custom-link-maker{align-items:center;display:flex;gap:.5rem}.link-icon,.menu-icon{font-size:1.1rem}.menu-icon{margin-right:.75rem}.notifications-btn{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;min-width:40px;padding:.5rem;position:relative;transition:background-color .3s ease}.notifications-btn:hover{background-color:#f0f0f0}.bell-icon{align-items:center;display:flex;height:20px;justify-content:center;position:relative;width:20px}.bell-body{border:2px solid #666;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;height:16px;position:relative;width:16px}.bell-body:before{border:2px solid #666;border-radius:50%;content:"";height:6px;top:-4px;width:6px}.bell-body:before,.bell-clapper{left:50%;position:absolute;transform:translateX(-50%)}.bell-clapper{background-color:#666;border-radius:1px;bottom:2px;height:4px;width:2px}.notification-badge{align-items:center;background-color:#ff4757;border-radius:50%;color:#fff;display:flex;font-size:.7rem;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:2px;position:absolute;right:0;top:0}.notifications-dropdown{animation:slideDown .3s ease;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;margin-top:.5rem;max-width:400px;min-width:320px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1002}.notification-item{align-items:flex-start;border-bottom:1px solid #f0f0f0;display:flex;padding:1rem;transition:background-color .2s ease}.notification-item:last-child{border-bottom:none}.notification-item:hover{background-color:#f8f9fa}.notification-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:32px;justify-content:center;margin-right:12px;width:32px}.notification-icon.accepted{background-color:#2ed573;color:#fff}.notification-icon.declined{background-color:#ff4757;color:#fff}.notification-icon.quote{background-color:#ffa502;color:#fff}.notification-icon.message{background-color:#3742fa;color:#fff}.notification-content{flex:1 1;min-width:0}.notification-title{color:#333;font-size:14px;font-weight:600;margin-bottom:4px}.notification-text{color:#666;font-size:13px;line-height:1.4;margin-bottom:4px}.notification-time{color:#999;font-size:12px}.header h1{color:#1dbf73;flex-shrink:0;font-size:2rem;font-weight:700;letter-spacing:.5em;margin:0;text-align:center;text-transform:uppercase;width:100%}.search-container{flex:1 1;margin:0 1rem;max-width:400px}.search-form{align-items:center;background-color:#f5f5f5;border:2px solid #0000;border-radius:25px;display:flex;padding:.5rem;transition:all .3s ease}.search-form:focus-within{background-color:#fff;border-color:#1dbf73;box-shadow:0 2px 8px #1dbf7333}.search-input{background:#0000;border:none;color:#333;flex:1 1;font-size:1rem;outline:none;padding:.5rem 1rem}.search-input::placeholder{color:#999}.search-button{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;min-width:40px;padding:.5rem;transition:background-color .3s ease}.search-button:hover{background-color:#1dbf73;color:#fff}.sign-in-btn{background:none;border:2px solid #1dbf73;border-radius:25px;color:#1dbf73;cursor:pointer;font-size:1rem;font-weight:600;margin-left:.5rem;outline:none;padding:.5rem 1.25rem;transition:background .2s,color .2s,border .2s}.sign-in-btn:focus,.sign-in-btn:hover{background:#1dbf73;border-color:#1dbf73;color:#fff}.search-container{position:relative}.search-backdrop{background:#0000004d;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9990}.search-btn-header{align-items:center;background:#1dbf73;border:none;border-radius:25px;box-shadow:0 4px 15px #1dbf734d;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.search-btn-header:hover:not(.search-btn-disabled){background:#18a367;box-shadow:0 6px 20px #1dbf7366;transform:translateY(-2px)}.search-btn-disabled{background:#6b7280!important;cursor:not-allowed!important;opacity:.7}.search-btn-disabled:hover{background:#6b7280!important;box-shadow:0 4px 15px #1dbf734d!important;transform:none!important}.search-signin-prompt{background-color:#ff47571a;border-radius:4px;color:#ff4757;font-size:.7rem;font-style:italic;font-weight:400;margin-left:.5rem;padding:.2rem .4rem;white-space:nowrap}.search-popup{animation:slideDown .3s ease;background:#fff;border:1px solid #1dbf731a;border-radius:12px;box-shadow:0 8px 25px #00000026;left:50%;max-width:500px;min-width:400px;overflow:hidden;position:fixed;top:80px;transform:translateX(-50%);width:450px;z-index:9999}.search-popup-content{background:linear-gradient(135deg,#f8fff9,#e8f5e8);padding:2rem}.search-popup-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.search-popup-header h3{color:#333;font-size:1.1rem;font-weight:600;margin:0}.close-search{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:.25rem;transition:all .3s ease;width:30px}.close-search:hover{background:#0000001a;color:#333}.header nav{align-items:center;display:flex;flex-shrink:0;gap:2rem;position:absolute;right:2rem;top:50%;transform:translateY(-50%)}.header nav a{border:2px solid #0000;border-radius:25px;color:#666;display:inline-block;font-weight:500;margin-left:.5rem;padding:.5rem 1.25rem;text-decoration:none;transition:color .3s ease,background .2s,border .2s}.header nav a:focus,.header nav a:hover{background:#1dbf73;border-color:#1dbf73;color:#fff;outline:none}.nav-btn{background:none;border:2px solid #0000;border-radius:25px;color:#666;cursor:pointer;display:inline-block;font-size:1rem;font-weight:500;margin-left:.5rem;outline:none;padding:.5rem 1.25rem;transition:background .2s,color .2s,border .2s}.nav-btn:focus,.nav-btn:hover{background:#1dbf73;border-color:#1dbf73;color:#fff;outline:none}.search-suggestions{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;margin:1.5rem 0;padding:1rem}.suggestions-title{align-items:center;color:#333;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.suggestions-title svg{color:#1dbf73;font-size:1.2rem}.suggestions-grid{display:flex;flex-wrap:wrap;gap:.5rem}.suggestion-chip{background:#fff;border:1px solid #e0e0e0;border-radius:20px;color:#333;cursor:pointer;display:inline-block;font-size:.85rem;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease;white-space:nowrap}.suggestion-chip:hover{background:#1dbf73;border-color:#1dbf73;box-shadow:0 2px 8px #1dbf734d;color:#fff;transform:translateY(-1px)}.suggestion-chip.service-chip{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff;font-weight:500}.suggestion-chip.service-chip:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);box-shadow:0 4px 12px #667eea66;color:#fff;transform:translateY(-2px)}.suggestion-chip.product-chip{background:linear-gradient(135deg,#e8f5e8,#d4edda);border-color:#1dbf73;color:#155724}.suggestion-chip.product-chip:hover{background:#1dbf73;color:#fff}.suggestion-chip.popular-chip{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-color:#ffc107;color:#856404}.suggestion-chip.popular-chip:hover{background:#ffc107;border-color:#ffc107;color:#fff}.search-suggestions:first-of-type{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:#667eea}.search-suggestions:first-of-type .suggestions-title svg{color:#667eea}@media (max-width:768px){.suggestions-grid{gap:.4rem}.suggestion-chip{font-size:.8rem;padding:.4rem .8rem}.search-suggestions{margin:1rem 0;padding:.8rem}.suggestions-title{font-size:.9rem;margin-bottom:.8rem}.search-actions{gap:.5rem}.save-search-btn,.search-btn{font-size:.8rem;gap:.3rem;padding:.6rem .4rem}}@media (max-width:480px){.suggestions-grid{gap:.3rem}.suggestion-chip{font-size:.75rem;padding:.3rem .6rem}.search-suggestions{margin:.8rem 0;padding:.6rem}.search-actions{gap:.4rem}.save-search-btn,.search-btn{font-size:.75rem;gap:.2rem;padding:.5rem .3rem}}@media (max-width:768px){.header{flex-direction:column;gap:1rem;justify-content:center;padding:1rem}.hamburger-container{left:1rem}.hamburger-dropdown{min-width:180px}.search-container{margin:0;max-width:100%;order:2}.search-popup{left:50%;margin-top:0;max-width:90vw;min-width:90vw;position:fixed;top:50%;transform:translate(-50%,-50%)}.header nav{gap:1rem;order:3;position:static;transform:none}.header h1{order:1}}.referral-modal-backdrop{background-color:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999}.referral-modal{animation:modalSlideIn .3s ease;background:#fff;border:1px solid #1dbf731a;border-radius:16px;box-shadow:0 20px 40px #00000026;left:50%;max-height:85vh;max-width:500px;overflow-y:auto;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:10000}.referral-modal-header{align-items:center;background:linear-gradient(135deg,#f8fff9,#e8f5e8);border-bottom:1px solid #e5e7eb;border-radius:16px 16px 0 0;display:flex;justify-content:space-between;margin-bottom:0;padding:24px 24px 0}.referral-modal-header h3{color:#333;font-size:24px;font-weight:600;margin:0}.close-referral{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:4px;transition:all .3s ease;width:30px}.close-referral:hover{background:#0000001a;color:#333}.referral-modal-content{background:#fff;padding:24px}.referral-description{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;color:#666;font-size:16px;line-height:1.6;margin:0 0 24px;padding:16px;text-align:center}.referral-description strong{color:#1dbf73;font-weight:600}.referral-form{display:flex;flex-direction:column;gap:20px}.referral-form .form-group{display:flex;flex-direction:column;gap:8px}.referral-form label{color:#333;font-size:14px;font-weight:500}.referral-input,.referral-textarea{border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;font-size:14px;padding:12px 16px;transition:border-color .2s,box-shadow .2s;width:100%}.referral-input:focus,.referral-textarea:focus{border-color:#1dbf73;box-shadow:0 0 0 3px #1dbf731a;outline:none}.referral-textarea{font-family:inherit;min-height:80px;resize:vertical}.referral-actions{border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding-top:20px}.send-referral-btn{background:#1dbf73;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s}.send-referral-btn:hover{background:#18a367;transform:translateY(-1px)}.cancel-referral-btn{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;color:#666;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s}.cancel-referral-btn:hover{background-color:#f8f9fa;border-color:#adb5bd}@media (max-width:768px){.referral-modal{margin:20px;max-width:none;width:95%}.referral-actions{flex-direction:column}.cancel-referral-btn,.send-referral-btn{text-align:center;width:100%}}@media (max-width:480px){.header h1{font-size:1.5rem;letter-spacing:.3em}.hamburger-container{left:.75rem}.hamburger-dropdown{max-width:calc(100vw - 1.5rem);min-width:calc(100vw - 1.5rem)}.search-popup{min-width:0;width:95vw}.header nav{gap:.5rem;right:.75rem}.nav-btn,.sign-in-btn{font-size:.875rem;padding:.4rem .875rem}}.hero{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:60vh;overflow:hidden;padding:40px 20px;position:relative;text-align:center}.hero:before{background:#0000001a;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.hero>*{position:relative;z-index:2}.hero h2{font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem;max-width:800px;text-shadow:0 2px 4px #0000004d}.hero p{font-size:1.5rem;line-height:1.6;margin-bottom:3rem;max-width:600px;opacity:.95}.hero-secondary-actions{display:flex;flex-wrap:wrap;gap:3rem;justify-content:center;margin-bottom:3rem}.action-group{text-align:center}.action-group h3{font-size:1.1rem;font-weight:600;margin-bottom:1rem;opacity:.9;text-shadow:0 1px 2px #0000004d}.hero-action-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #ffffff4d;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 28px;transition:all .3s ease}.hero-action-btn:hover{background:#ffffff40;border-color:#ffffff80;transform:translateY(-2px)}.customer-btn:hover{background:#00d4aa4d;border-color:#00d4aa99}.provider-btn:hover{background:#ffc1074d;border-color:#ffc10799}.hero-benefits{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-bottom:3rem}.benefit-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;display:flex;flex-direction:column;gap:.5rem;min-width:120px;padding:1rem;transition:all .3s ease}.benefit-item:hover{background:#fff3;box-shadow:0 8px 25px #0003;transform:translateY(-3px)}.benefit-icon{font-size:2rem}.benefit-item span:last-child{font-size:.9rem;font-weight:600;opacity:.9}.download-app-section{margin-top:2rem}.hero-buttons{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-bottom:2rem}.download-app-btn{background:#fff;border:1px solid #fff;border-radius:25px;color:#00d4aa;cursor:pointer;font-size:.9rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.download-app-btn:hover{background:#f8f9fa;border-color:#f8f9fa;box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}@keyframes heroBackgroundShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@media (max-width:768px){.hero{min-height:50vh;padding:30px 16px}.hero h2{font-size:2.5rem;margin-bottom:1rem}.hero p{font-size:1.25rem;margin-bottom:2rem}.hero-secondary-actions{gap:2rem;margin-bottom:2rem}.hero-benefits{gap:1rem;margin-bottom:2rem}.benefit-item{min-width:100px;padding:.75rem}.benefit-icon{font-size:1.5rem}.benefit-item span:last-child{font-size:.8rem}}@media (max-width:480px){.hero{min-height:45vh;padding:20px 12px}.hero h2{font-size:2rem;margin-bottom:.75rem}.hero p{font-size:1.1rem;margin-bottom:1.5rem}.hero-secondary-actions{flex-direction:column;gap:1.5rem;margin-bottom:1.5rem}.hero-benefits{gap:.75rem;margin-bottom:1.5rem}.benefit-item{min-width:80px;padding:.5rem}.benefit-icon{font-size:1.25rem}.benefit-item span:last-child{font-size:.75rem}.action-group h3{font-size:1rem}.hero-action-btn{font-size:.9rem;padding:12px 24px}}@media (max-width:768px){.stick-figures-container{height:100px;padding:0 1rem}.stick-figure{height:85px;width:50px}.stick-figure .head{height:18px;width:18px}.stick-figure .body{height:25px}.stick-figure .arms{width:35px}.stick-figure .arm{width:18px}.stick-figure .legs{width:28px}.stick-figure .leg{width:14px}}.services-collage{background:#fff;padding:4rem 2rem;position:relative;text-align:center}.services-collage h3{color:#333;font-size:2.5rem;font-weight:700;margin-bottom:1rem;position:relative;z-index:1}.services-collage>p{color:#666;font-size:1.2rem;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:600px;position:relative;z-index:1}.services-grid{grid-gap:2rem;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));position:relative;z-index:1}.service-card{animation:cardSlideIn .8s ease-out both;background-color:#f8f9fa;text-align:left}@keyframes cardSlideIn{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}.service-card:first-child{animation-delay:.1s}.service-card:nth-child(2){animation-delay:.2s}.service-card:nth-child(3){animation-delay:.3s}.service-card:nth-child(4){animation-delay:.4s}.service-card:nth-child(5){animation-delay:.5s}.service-card:nth-child(6){animation-delay:.6s}.service-card:hover{box-shadow:0 8px 25px #1dbf7326;cursor:pointer}.service-card.selected{background-color:#f0f9f4;border-color:#1dbf73;box-shadow:0 8px 25px #1dbf7340;transform:translateY(-5px)}.testimonial{animation:testimonialSlideIn .3s ease-out;border-left:4px solid #1dbf73;border-radius:8px;margin-top:1rem;padding:1rem}.testimonial p{color:#555;font-size:.9rem;font-style:italic;line-height:1.4;margin:0}@keyframes testimonialSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.service-icon{animation:iconRotate 6s linear infinite;margin-bottom:1rem;text-align:center}@keyframes iconRotate{0%{transform:rotateY(0deg)}to{transform:rotateY(1turn)}}.service-info h4{font-size:1.3rem;font-weight:700}.service-info .person{color:#666;font-size:1rem;font-style:italic;margin-bottom:1rem}.earnings{align-items:baseline;display:flex;flex-wrap:wrap;gap:.5rem}.earnings .amount{color:#1dbf73;font-size:1.8rem;font-weight:700}.earnings .time{color:#666;font-size:.9rem}.services-loading{padding:3rem 2rem;text-align:center}.services-loading .loading-spinner{animation:spin 1s linear infinite;font-size:3rem;margin-bottom:1rem}.services-loading p{color:#666;font-size:1.1rem}@media (max-width:768px){.services-collage{padding:3rem 1rem}.services-collage h3{font-size:2rem}.services-grid{gap:1.5rem;grid-template-columns:1fr}.service-card{padding:1.5rem}.service-icon{font-size:2.5rem}}.public-profile{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:1rem}.public-profile,.public-profile-loading{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh}.public-profile-loading{align-items:center;display:flex;flex-direction:column;justify-content:center}.public-profile-loading .loading-spinner{animation:spin 1s linear infinite;font-size:3rem;margin-bottom:1rem}.public-profile-loading p{color:#666;font-size:1.1rem}.public-profile-error{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;justify-content:center;min-height:100vh}.error-content{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000001a;max-width:400px;padding:2rem;text-align:center;width:90%}.error-content h2{color:#333;margin-bottom:1rem}.error-content p{color:#666;margin-bottom:1.5rem}.back-home-btn{background:linear-gradient(135deg,#2ed573,#1dbf73);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:transform .2s ease}.back-home-btn:hover{transform:translateY(-2px)}.profile-header{padding:1rem 0}.back-btn,.share-btn{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.75rem 1rem;transition:all .3s ease}.back-btn:hover,.share-btn:hover{background:#f0f9f4;border-color:#1dbf73;transform:translateY(-1px)}.profile-info-section{background:#fff;border-radius:15px;box-shadow:0 5px 20px #0000001a;margin-bottom:2rem;padding:2rem;text-align:center}.profile-avatar{display:inline-block;margin-bottom:1.5rem;position:relative}.profile-avatar img{border:4px solid #1dbf73;border-radius:50%;box-shadow:0 5px 15px #1dbf734d;height:120px;object-fit:cover;width:120px}.verified-badge{align-items:center;background:#1dbf73;border:3px solid #fff;border-radius:50%;bottom:5px;display:flex;font-size:.8rem;height:30px;justify-content:center;position:absolute;right:5px;width:30px}.profile-details h1{color:#333;font-size:2rem;font-weight:700;margin-bottom:.5rem}.tagline{color:#666;font-size:1.1rem;font-style:italic;margin-bottom:1rem}.rating-section{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem}.stars{font-size:1.2rem}.location,.rating-text{font-size:.9rem}.location{color:#666}.bio-section{background:#fff;border-radius:15px;box-shadow:0 5px 20px #0000001a;margin-bottom:2rem;padding:2rem}.bio-section h3{color:#333;font-size:1.3rem;margin-bottom:1rem}.bio-section p{color:#666;line-height:1.6}.services-section{background:#fff;border-radius:15px;box-shadow:0 5px 20px #0000001a;margin-bottom:2rem;padding:2rem}.services-section h3{color:#333;font-size:1.3rem;margin-bottom:1.5rem}.services-grid{grid-gap:1rem;gap:1rem;grid-template-columns:1fr}.service-card{border:2px solid #f0f0f0;border-radius:12px;padding:1.5rem}.service-card:hover{box-shadow:0 5px 15px #1dbf731a;transform:translateY(-2px)}.service-info h4{color:#333;font-size:1.1rem;margin-bottom:.5rem}.service-info p{color:#666;font-size:.9rem;line-height:1.5;margin-bottom:1rem}.service-price{font-size:1.1rem;font-weight:700;margin-bottom:1rem}.book-service-btn{background:linear-gradient(135deg,#2ed573,#1dbf73);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;padding:.75rem 1.5rem;transition:transform .2s ease;width:100%}.book-service-btn:hover{transform:translateY(-2px)}.reviews-section{background:#fff;border-radius:15px;box-shadow:0 5px 20px #0000001a;margin-bottom:2rem;padding:2rem}.reviews-section h3{color:#333;font-size:1.3rem;margin-bottom:1.5rem}.review-card{background:#fafafa;border:1px solid #f0f0f0;border-radius:12px;padding:1.5rem}.review-header{gap:1rem}.reviewer-avatar{height:50px;object-fit:cover;width:50px}.reviewer-info h4{color:#333;font-size:1rem;margin-bottom:.25rem}.review-stars{font-size:.9rem}.review-comment{color:#666}.badges-section{background:#fff;border-radius:15px;box-shadow:0 5px 20px #0000001a;margin-bottom:2rem;padding:2rem}.badges-section h3{color:#333;font-size:1.3rem;margin-bottom:1.5rem}.badges-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.badge-item{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;gap:.5rem;padding:1rem}.badge-emoji{font-size:1.5rem}.badge-count{align-items:center;background:#1dbf73;border-radius:50%;color:#fff;display:flex;font-size:.8rem;font-weight:700;height:24px;justify-content:center;width:24px}.badge-description{color:#666;font-size:.9rem}.action-buttons{flex-direction:column;margin-bottom:2rem}.primary-action-btn,.secondary-action-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem 2rem;transition:all .3s ease}.primary-action-btn{background:linear-gradient(135deg,#2ed573,#1dbf73);color:#fff}.primary-action-btn:hover{box-shadow:0 5px 15px #1dbf734d;transform:translateY(-2px)}.secondary-action-btn{background:#fff;border:2px solid #1dbf73;color:#1dbf73}.secondary-action-btn:hover{background:#1dbf73;color:#fff;transform:translateY(-2px)}.profile-footer{color:#666;font-size:.9rem;padding:2rem 0;text-align:center}@media (max-width:768px){.public-profile{padding:.5rem}.badges-section,.bio-section,.profile-info-section,.reviews-section,.services-section{margin-bottom:1.5rem;padding:1.5rem}.profile-details h1{font-size:1.5rem}.profile-avatar img{height:100px;width:100px}.services-grid{grid-template-columns:1fr}.badges-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.action-buttons{gap:.75rem}.primary-action-btn,.secondary-action-btn{font-size:.9rem;padding:.875rem 1.5rem}}@media (max-width:480px){.public-profile{padding:.25rem}.badges-section,.bio-section,.profile-info-section,.reviews-section,.services-section{margin-bottom:1rem;padding:1rem}.profile-details h1{font-size:1.3rem}.profile-avatar img{height:80px;width:80px}.verified-badge{font-size:.7rem;height:25px;width:25px}.review-header{align-items:flex-start;flex-direction:column;gap:.5rem}.badges-grid{grid-template-columns:1fr}.badge-item{justify-content:center}}@media (hover:none) and (pointer:coarse){.back-btn,.book-service-btn,.primary-action-btn,.secondary-action-btn,.share-btn{min-height:44px}.review-card,.service-card{padding:1.25rem}}.footer{background-color:#fff;color:#333;padding:2rem;text-align:center}.footer p{font-size:1rem;margin:0;opacity:.8}.legal-footer{background:#1a1a1a;color:#fff;margin-top:4rem;padding:3rem 0 2rem}.legal-footer-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto 2rem;max-width:1200px;padding:0 2rem}.legal-section h4{color:#1dbf73;font-size:1.1rem;font-weight:600;letter-spacing:.5px;margin-bottom:1rem;text-transform:uppercase}.legal-section ul{list-style:none;margin:0;padding:0}.legal-section ul li a{color:#111;font-size:.9rem;text-decoration:none;transition:color .3s ease}.legal-section ul li a:hover{color:#1dbf73}.legal-footer-bottom{border-top:1px solid #333;margin:0 auto;max-width:1200px;padding-left:2rem;padding-right:2rem;padding-top:2rem}.legal-disclaimer{background:#2a2a2a;border-left:4px solid #1dbf73;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.legal-disclaimer p{color:#ccc;font-size:.9rem;line-height:1.5;margin:0}.legal-copyright{text-align:center}.legal-copyright p{color:#999;font-size:.85rem;margin:.25rem 0}@media (max-width:768px){.legal-footer{padding:2rem 0 1.5rem}.legal-footer-content{gap:1.5rem;grid-template-columns:1fr;padding:0 1rem}.legal-footer-bottom{padding-left:1rem;padding-right:1rem}.legal-disclaimer{padding:1rem}}.modal-overlay{background:#000000b3;padding:1rem;z-index:10000}.modal-content{border-radius:20px;box-shadow:0 20px 40px #0000004d;max-width:600px;position:relative}.progress-bar-container{padding:1.5rem 2rem 0;text-align:center}.progress-bar{background-color:#f0f0f0;border-radius:4px;height:8px;margin:0 auto .5rem;overflow:hidden;width:90%}.progress-fill{background:linear-gradient(135deg,#2ed573,#1dbf73);border-radius:4px;height:100%;transition:width .3s ease}.progress-text{color:#666;font-size:.9rem;font-weight:500}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .3s ease;width:40px;z-index:10}.modal-close:hover{background:#f0f0f0;color:#333}.step-indicator{background:linear-gradient(135deg,#2ed573,#1dbf73);flex-wrap:wrap;gap:2rem;justify-content:center;padding:1.5rem;text-align:center}.step{color:#ffffffb3;font-size:1rem;font-weight:600;transition:color .3s ease}.profile-content h2{color:#333;font-size:1.8rem;font-weight:700;margin-bottom:1rem}.description{color:#666;font-size:1rem;line-height:1.6;margin-bottom:2rem}.profile-form{display:flex;flex-direction:column;gap:1.5rem}.form-group label{font-size:.95rem}.form-group input{background:#f8f9fa;border-radius:10px;padding:1rem;transition:all .3s ease}.form-group input.error,.form-group textarea.error{background:#fff5f5}.form-group textarea{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;padding:1rem;transition:all .3s ease}.form-group textarea:focus{background:#fff;border-color:#1dbf73;box-shadow:0 0 0 3px #1dbf731a;outline:none}.char-count{color:#666;font-size:.85rem;margin-top:.5rem}.error-message{color:#dc3545;font-size:.85rem}.submit-btn{font-size:1.1rem;margin-top:1rem}.step2-button-group{display:flex;gap:1rem;justify-content:space-between;margin-top:1rem}.step2-continue-btn{flex:1 1}.step2-back-btn{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:10px;color:#666;cursor:pointer;flex:1 1;font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.submit-btn:hover{box-shadow:0 8px 25px #1dbf734d;transform:translateY(-2px)}.submit-btn:active{transform:translateY(0)}.button-group{display:flex;gap:1rem;margin-top:1rem}.back-btn{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:10px;color:#666;flex:1 1;font-size:1.1rem;padding:1rem 2rem}.back-btn:hover{background:#e9ecef;border-color:#ced4da}.submit-btn{flex:2 1}.photo-upload-container{position:relative}.photo-input{height:0;opacity:0;position:absolute;width:0}.photo-upload-label{display:block}.upload-area{align-items:center;background:#f8f9fa;border-radius:10px;display:flex;flex-direction:column;justify-content:center;min-height:200px}.upload-icon{font-size:3rem}.upload-text{gap:.5rem}.photo-preview{border-radius:10px;height:200px;overflow:hidden;position:relative}.preview-image{height:100%}.photo-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.photo-preview:hover .photo-overlay{opacity:1}.photo-overlay span{color:#fff;font-size:1rem;font-weight:600}.selfie-btn{align-items:center;background:none;border:2px dashed #ddd;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:center;padding:2rem;transition:all .3s ease;width:100%}.selfie-btn:hover{background:#1dbf730d;border-color:#1dbf73}.retake-btn{background:#000000b3;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px;transition:all .3s ease}.retake-btn:hover{background:#000000e6;transform:scale(1.05)}.completion-screen{margin:0 auto;max-width:500px;padding:2rem;text-align:center}.completion-icon{animation:bounce 1s ease-in-out;font-size:4rem;margin-bottom:1rem}.completion-screen h2{color:#1dbf73;font-size:2rem;font-weight:700;margin-bottom:1.5rem}.completion-message,.success-text{margin-bottom:2rem}.success-text{color:#333;font-size:1.1rem;line-height:1.6}.email-notification{align-items:center;animation:fadeInUp .6s ease-out;background:#fff3cd;border:1px solid #ffeaa7;border-radius:12px;display:flex;gap:1rem;margin-bottom:2rem;padding:1.5rem}.email-icon{flex-shrink:0;font-size:2rem}.email-text{color:#856404;font-size:1rem;line-height:1.5;margin:0}.email-text strong{color:#5a4a00}.review-info{background:#f8f9fa;border-radius:12px;margin-bottom:2rem;padding:1.5rem;text-align:left}.review-info h3{color:#333;font-size:1.2rem;font-weight:600;margin-bottom:1rem}.review-info ul{list-style:none;margin:0;padding:0}.review-info li{color:#666;font-size:1rem;line-height:1.5;margin-bottom:.75rem;padding-left:0}.contact-info{background:#e8f5e8;border-radius:12px;margin-bottom:2rem}.contact-info h3{color:#1dbf73;font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.contact-info p{color:#666;line-height:1.5;margin-bottom:1rem}.contact-support-btn{background:#1dbf73;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.contact-support-btn:hover{background:#18a367;transform:translateY(-2px)}.completion-close-btn{background:linear-gradient(135deg,#1dbf73,#18a367);border:none;border-radius:50px;box-shadow:0 4px 15px #1dbf734d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;min-width:200px;padding:1rem 2rem;transition:all .3s ease}.completion-close-btn:hover{box-shadow:0 6px 20px #1dbf7366;transform:translateY(-2px)}.submit-btn:disabled{background:#e0e0e0;color:#999}.submit-btn:disabled,.submit-btn:disabled:hover{box-shadow:none;transform:none}.verification-section{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:10px;margin-bottom:1.5rem;padding:1.5rem}.verification-section h3{color:#333;font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.section-description{margin-bottom:1rem}.document-preview{align-items:center;color:#666;display:flex;flex-direction:column;height:100%;justify-content:center}.document-icon{font-size:2rem;margin-bottom:.5rem}.verification-input-group{align-items:flex-start;display:flex;gap:.5rem}.verification-input-group input{flex:1 1}.verify-btn{background:#1dbf73;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;min-width:80px;padding:.75rem 1rem;transition:all .3s ease;white-space:nowrap}.verify-btn:hover:not(:disabled){background:#18a367;transform:translateY(-1px)}.verify-btn:disabled{background:#e0e0e0;color:#999;cursor:not-allowed;transform:none}.verified-input{background:#f0f9f4!important;border-color:#1dbf73!important;color:#1dbf73!important}.checkbox-label{align-items:flex-start;cursor:pointer;display:flex;font-size:.95rem;gap:.75rem;line-height:1.4}.checkbox-label input[type=checkbox]{accent-color:#1dbf73;height:18px;margin-top:.2rem;width:18px}.portfolio-upload-container{margin-bottom:1rem}.portfolio-upload-area{align-items:center;background:linear-gradient(135deg,#f8fff9,#e8f5e8);border:2px dashed #1dbf73;display:flex;flex-direction:column;gap:.5rem;justify-content:center;min-height:120px;transition:all .3s ease}.portfolio-upload-area:hover{background:linear-gradient(135deg,#f0fff0,#e0f0e0);border-color:#18a367;transform:translateY(-2px)}.portfolio-upload-area .upload-icon{color:#1dbf73;font-size:2rem}.portfolio-upload-area .upload-text{display:flex;flex-direction:column;gap:.25rem;text-align:center}.portfolio-upload-area .upload-text strong{color:#333;font-size:1.1rem}.portfolio-upload-area .upload-text span{color:#666;font-size:.9rem}.portfolio-upload-area .upload-hint{color:#999;font-size:.8rem;font-style:italic}.portfolio-gallery{background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;margin-top:1.5rem;padding:1rem}.portfolio-gallery h4{color:#333;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.portfolio-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-bottom:1rem}.portfolio-item{border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;position:relative;transition:transform .3s ease}.portfolio-item:hover{transform:scale(1.05)}.portfolio-image{display:block;height:120px;object-fit:cover;width:100%}.remove-photo-btn{font-size:.8rem;right:5px;top:5px}.portfolio-tips{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:1px solid #ffc107;border-radius:10px;margin-top:1rem;padding:1rem}.portfolio-tips h4{color:#856404;font-size:1rem;font-weight:600;margin:0 0 .75rem}.portfolio-tips ul{color:#856404;margin:0;padding-left:1.25rem}.portfolio-tips li{font-size:.9rem;line-height:1.4;margin-bottom:.5rem}.portfolio-tips li:last-child{margin-bottom:0}@media (max-width:768px){.modal-overlay{padding:.5rem}.profile-content{padding:1.5rem}.profile-content h2{font-size:1.5rem}.step-indicator{gap:1rem;padding:1rem}.step{font-size:.9rem}.button-group{flex-direction:column}.back-btn,.submit-btn{flex:none}.verification-input-group{flex-direction:column}.verify-btn{min-width:auto;width:100%}.verification-section{padding:1rem}.portfolio-grid{gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.portfolio-image{height:100px}.portfolio-upload-area{min-height:100px;padding:1rem}.portfolio-upload-area .upload-icon{font-size:1.5rem}.portfolio-upload-area .upload-text strong{font-size:1rem}.portfolio-upload-area .upload-text span{font-size:.8rem}}.selfie-check-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.selfie-check-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000004d;max-height:90vh;max-width:500px;overflow:hidden;width:90%}.selfie-check-header{align-items:center;background:linear-gradient(135deg,#1dbf73,#18a367);border-bottom:1px solid #eee;color:#fff;display:flex;justify-content:space-between;padding:20px}.selfie-check-header h3{font-size:1.5rem;font-weight:600;margin:0}.close-btn:hover{background:#fff3}.selfie-check-content{padding:0;position:relative}.camera-container{background:#000;height:400px;overflow:hidden;position:relative;width:100%}.camera-video{height:100%;object-fit:cover;transform:scaleX(-1);width:100%}.camera-overlay{align-items:center;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:0}.camera-frame{border:2px solid #fffc;border-radius:50%;height:250px;margin-bottom:20px;position:relative;width:250px}.corner{border:3px solid #1dbf73;border-radius:50%;height:20px;position:absolute;width:20px}.corner.top-left{border-bottom:none;border-right:none;left:-10px;top:-10px}.corner.top-right{border-bottom:none;border-left:none;right:-10px;top:-10px}.corner.bottom-left{border-right:none;border-top:none;bottom:-10px;left:-10px}.corner.bottom-right{border-left:none;border-top:none;bottom:-10px;right:-10px}.camera-instructions{background:#00000080;border-radius:20px;color:#fff;font-size:1rem;margin:0;padding:10px 20px;text-align:center;text-shadow:0 2px 4px #00000080}.camera-controls{bottom:20px;gap:20px;left:0;position:absolute;right:0}.camera-controls,.capture-btn{align-items:center;display:flex;justify-content:center}.capture-btn{background:#1dbf73;border:4px solid #fff;border-radius:50%;box-shadow:0 4px 15px #0000004d;color:#fff;cursor:pointer;font-size:2rem;height:80px;transition:all .2s;width:80px}.capture-btn:hover{box-shadow:0 6px 20px #0006;transform:scale(1.1)}.capture-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.switch-camera-btn{align-items:center;background:#00000080;border:2px solid #fff;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:50px;justify-content:center;transition:all .2s;width:50px}.switch-camera-btn:hover{background:#000000b3;transform:scale(1.1)}.captured-image-container{padding:20px;text-align:center}.captured-image{border-radius:15px;box-shadow:0 10px 30px #0003;height:auto;margin-bottom:20px;max-width:400px;transform:scaleX(-1);width:100%}.capture-controls{display:flex;gap:15px;justify-content:center}.confirm-btn,.retake-btn{border:none;border-radius:25px;cursor:pointer;font-size:1rem;font-weight:600;min-width:120px;padding:12px 24px;transition:all .2s}.retake-btn{background:#f8f9fa;border:2px solid #dee2e6;color:#6c757d}.retake-btn:hover{background:#e9ecef;border-color:#adb5bd}.confirm-btn{background:linear-gradient(135deg,#1dbf73,#18a367);box-shadow:0 4px 15px #1dbf734d;color:#fff}.confirm-btn:hover{box-shadow:0 6px 20px #1dbf7366;transform:translateY(-2px)}.error-message{padding:40px 20px;text-align:center}.error-message p{color:#dc3545;font-size:1.1rem;margin-bottom:20px}.retry-btn{background:#1dbf73;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .2s}.retry-btn:hover{background:#18a367;transform:translateY(-2px)}@media (max-width:768px){.selfie-check-modal{max-height:95vh;width:95%}.camera-container{height:350px}.camera-frame{height:200px;width:200px}.capture-btn{font-size:1.8rem;height:70px;width:70px}.switch-camera-btn{font-size:1rem;height:45px;width:45px}}@media (max-width:480px){.selfie-check-header{padding:15px}.selfie-check-header h3{font-size:1.3rem}.camera-container{height:300px}.camera-frame{height:180px;width:180px}.capture-controls{align-items:center;flex-direction:column}.confirm-btn,.retake-btn{max-width:200px;width:100%}}.services-page{background:linear-gradient(135deg,#f8f9fa,#e9ecef);min-height:100vh;overflow-y:auto;padding:2rem;position:relative}.services-page>:not(.services-video-overlay){position:relative;z-index:1}.services-header{margin-bottom:3rem;position:relative;text-align:center}.services-header .back-btn{align-items:center;background:#1dbf73;border:none;border-radius:25px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;left:0;padding:.75rem 1.5rem;position:absolute;top:0;transition:all .3s ease}.services-header .back-btn:hover{background:#18a367;box-shadow:0 4px 15px #1dbf734d;transform:translateY(-2px)}.services-header h1{color:#333;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.services-header p{color:#666;font-size:1.2rem;margin:0}.services-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px}.service-card{align-items:center;background:#fff;border:2px solid #0000;border-radius:15px;box-shadow:0 4px 15px #0000001a;cursor:pointer;display:flex;gap:1.5rem;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.service-card:before{background:linear-gradient(135deg,#2ed573,#1dbf73);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.service-card:hover{border-color:#1dbf73;box-shadow:0 8px 25px #1dbf7333;transform:translateY(-5px)}.service-card:hover:before{transform:scaleX(1)}.service-icon{align-items:center;background:linear-gradient(135deg,#f0f9f4,#e8f5e8);border:2px solid #e0f0e0;border-radius:15px;display:flex;flex-shrink:0;font-size:3rem;height:80px;justify-content:center;transition:all .3s ease;width:80px}.service-card:hover .service-icon{background:linear-gradient(135deg,#2ed573,#1dbf73);border-color:#1dbf73;transform:scale(1.1)}.service-content{align-items:center;display:flex;flex:1 1;gap:1.5rem}.service-info{flex:1 1}.service-content h3{color:#333;font-size:1.3rem;font-weight:700;margin:0 0 .5rem}.service-content p{color:#666;font-size:.95rem;margin:0}.service-arrow{color:#1dbf73;font-size:1.5rem;font-weight:700;transition:all .3s ease}.service-card:hover .service-arrow{color:#18a367;transform:translateX(5px)}.service-price{color:#1dbf73;font-size:1rem;font-weight:600}.services-search-bar-container{display:flex;justify-content:center;margin-bottom:2rem}.services-search-bar{background:#f9f9f9;border:2px solid #1dbf73;border-radius:25px;color:#222;font-size:1.1rem;max-width:400px;outline:none;padding:.75rem 1.25rem;transition:border .2s;width:100%}.services-search-bar:focus{background:#fff;border-color:#169c5c}@media (max-width:768px){.services-page{padding:1rem}.services-header{margin-bottom:2rem}.services-header .back-btn{align-self:center;margin-bottom:1rem;position:static}.services-header h1{font-size:2rem}.services-header p{font-size:1rem}.services-grid{gap:1rem;grid-template-columns:1fr}.service-card{gap:1rem;padding:1.5rem}.service-icon{font-size:2rem;height:60px;width:60px}.service-content h3{font-size:1.1rem}.service-content p{font-size:.9rem}}@media (max-width:480px){.service-card{flex-direction:column;gap:1rem;text-align:center}.service-icon{font-size:2.5rem;height:70px;width:70px}.service-arrow{display:none}.service-price{font-size:.95rem}}.browse-hustlrs{background:linear-gradient(135deg,#f8f9fa,#e9ecef);min-height:100vh;overflow-y:auto;padding:2rem}.page-header{margin-bottom:2rem;position:relative;text-align:center}.page-header .back-btn{align-items:center;background:#1dbf73;border:none;border-radius:25px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;left:0;padding:.75rem 1.5rem;position:absolute;top:0;transition:all .3s ease}.page-header .back-btn:hover{background:#18a367;box-shadow:0 4px 15px #1dbf734d;transform:translateY(-2px)}.page-header h1{color:#333;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.page-header p{color:#666;font-size:1.1rem;margin:0}.filter-bar{grid-gap:1.5rem;align-items:start;background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem;padding:1.5rem}.filter-group{gap:.5rem;width:100%}.filter-group label{color:#333;font-size:.9rem}.filter-group select{background:#fff;border:2px solid #e0e0e0;border-radius:8px;font-size:.9rem;padding:.75rem;transition:border-color .3s ease}.filter-group select:focus{border-color:#1dbf73;outline:none}.toggle-label{flex-direction:row!important}.toggle-text{font-size:.9rem}.results-info{margin-bottom:1.5rem}.results-info p{color:#666;font-size:1rem;margin:0}.hustlrs-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin:0 auto;max-width:1200px}.hustlr-card{align-items:center;background:#fff;border:2px solid #0000;border-radius:15px;box-shadow:0 4px 15px #0000001a;cursor:pointer;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.hustlr-card:hover{border-color:#1dbf73;box-shadow:0 8px 25px #1dbf7333;transform:translateY(-3px)}.hustlr-photo{border-radius:50%;box-shadow:0 2px 8px #0000001a;flex-shrink:0;height:64px;overflow:hidden;width:64px}.hustlr-photo img{height:100%;object-fit:cover;width:100%}.hustlr-info{flex:1 1}.hustlr-info h3{color:#333;font-size:1.2rem;font-weight:700;margin-bottom:.25rem}.hustlr-info .service{color:#666;font-size:.9rem;margin-bottom:.5rem}.rating{margin-bottom:.75rem}.details{display:flex;flex-wrap:wrap;gap:1rem}.details span{border-radius:12px;font-size:.85rem;font-weight:500;padding:.25rem .5rem}.price{background:#f0f9f4;color:#1dbf73}.distance{background:#f0f0f0;color:#666}.availability{font-weight:600}.availability.available{background:#e8f5e8;color:#2d5a2d}.availability.unavailable{background:#fff3cd;color:#856404}.no-results{background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;padding:3rem}.no-results p{color:#666;font-size:1.1rem;margin-bottom:1rem}.no-results button{background:#1dbf73;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.no-results button:hover{background:#18a367;transform:translateY(-2px)}.hustlr-profile-modal{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:10000}.profile-content{background:#fff;border-radius:20px;max-height:90vh;max-width:500px;overflow-y:auto;padding:2rem;position:relative;width:100%}.close-btn{position:absolute;right:1rem;top:1rem}.profile-header{gap:1.5rem}.profile-photo{border-radius:50%;box-shadow:0 2px 8px #0000001a;flex-shrink:0;height:80px;overflow:hidden;width:80px}.profile-photo img{height:100%;object-fit:cover;width:100%}.profile-info h2{color:#333;font-size:1.8rem;font-weight:700;margin-bottom:.5rem}.profile-details{margin-bottom:2rem}.detail-item{border-bottom:1px solid #f0f0f0;padding:.75rem 0}.detail-item .label{color:#333;font-weight:600}.detail-item .available{color:#2d5a2d;font-weight:600}.detail-item .unavailable{color:#856404;font-weight:600}.profile-bio{margin-bottom:2rem}.profile-bio h3{color:#333;font-size:1.2rem;font-weight:700;margin-bottom:1rem}.profile-bio p{color:#666;line-height:1.6;margin:0}.request-service-btn{background:linear-gradient(135deg,#2ed573,#1dbf73);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease;width:100%}.request-service-btn:hover:not(:disabled){box-shadow:0 8px 25px #1dbf734d;transform:translateY(-2px)}.request-service-btn:disabled{background:#e0e0e0;box-shadow:none;color:#999;cursor:not-allowed;transform:none}.profile-actions{display:flex;gap:1rem;margin-top:1.5rem}.request-quote-btn{align-items:center;background:linear-gradient(135deg,#3742fa,#2f3542);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem 2rem;transition:all .3s ease}.request-quote-btn:hover{box-shadow:0 8px 25px #3742fa4d;transform:translateY(-2px)}.price-slider-container{height:80px;margin-top:1rem;padding:0 10px;position:relative;width:100%}.price-slider{appearance:none;background:#0000;border-radius:4px;height:8px;outline:none;pointer-events:none;position:absolute;top:36px;width:calc(100% - 20px)}.price-slider::-webkit-slider-thumb{appearance:none;background:linear-gradient(135deg,#1dbf73,#18a367);border:3px solid #fff;border-radius:50%;box-shadow:0 4px 12px #1dbf7366;cursor:pointer;height:24px;pointer-events:auto;-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1);width:24px}.price-slider::-webkit-slider-thumb:hover{box-shadow:0 6px 20px #1dbf7380;transform:scale(1.15)}.price-slider::-webkit-slider-thumb:active{box-shadow:0 8px 25px #1dbf7399;transform:scale(1.1)}.price-slider::-moz-range-thumb{background:linear-gradient(135deg,#1dbf73,#18a367);border:3px solid #fff;border-radius:50%;box-shadow:0 4px 12px #1dbf7366;cursor:pointer;height:24px;-moz-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1);width:24px}.price-slider::-moz-range-thumb:hover{box-shadow:0 6px 20px #1dbf7380;transform:scale(1.15)}.price-slider::-moz-range-thumb:active{box-shadow:0 8px 25px #1dbf7399;transform:scale(1.1)}.min-slider{z-index:1}.max-slider{z-index:2}.price-slider-container:before{background:linear-gradient(90deg,#f0f0f0,#e0e0e0);box-shadow:inset 0 1px 3px #0000001a}.price-slider-container:after,.price-slider-container:before{border-radius:4px;content:"";height:8px;left:10px;pointer-events:none;position:absolute;right:10px;top:40px}.price-slider-container:after{background:linear-gradient(90deg,#1dbf73,#18a367);opacity:.3;transition:opacity .3s ease}.price-range-labels{color:#666;display:flex;font-size:.8rem;font-weight:500;justify-content:space-between;margin-top:1.5rem}.price-range-max,.price-range-min{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;padding:.25rem .5rem}@media (max-width:768px){.browse-hustlrs{padding:1rem}.page-header .back-btn{align-self:center;margin-bottom:1rem;position:static}.page-header h1{font-size:2rem}.filter-bar{gap:1rem;grid-template-columns:1fr}.filter-group{min-width:auto;width:100%}.hustlrs-grid{gap:1rem;grid-template-columns:1fr}.hustlr-card{padding:1rem}.hustlr-photo{font-size:2rem;height:60px;width:60px}.details{gap:.5rem}.hustlr-profile-modal{padding:1rem}.profile-content{padding:1.5rem}.profile-header{flex-direction:column;text-align:center}.profile-photo{font-size:3rem;height:80px;width:80px}.profile-actions{flex-direction:column;gap:.75rem}.request-quote-btn{font-size:.9rem;padding:.875rem 1.5rem}.price-slider-container{height:70px;margin-top:.75rem}.price-slider{top:31px}.price-slider-container:after,.price-slider-container:before{top:35px}.price-slider::-webkit-slider-thumb{height:20px;width:20px}.price-slider::-moz-range-thumb{height:20px;width:20px}.price-range-labels{font-size:.75rem}.price-range-max,.price-range-min{padding:.2rem .4rem}}.profile-portfolio{background:#f8f9fa;border:1px solid #e9ecef;border-radius:15px;margin:2rem 0;padding:1.5rem}.profile-portfolio h3{color:#333;font-size:1.3rem;font-weight:600;margin:0 0 .5rem}.profile-portfolio p{color:#666;font-size:.95rem;margin:0 0 1rem}.profile-portfolio .portfolio-gallery{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:1rem}.profile-portfolio .portfolio-item{border-radius:10px;box-shadow:0 3px 10px #0000001a;cursor:pointer;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease}.profile-portfolio .portfolio-item:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-3px)}.profile-portfolio .portfolio-image{display:block;height:150px;object-fit:cover;width:100%}@media (max-width:768px){.profile-portfolio{margin:1.5rem 0;padding:1rem}.profile-portfolio h3{font-size:1.2rem}.profile-portfolio .portfolio-gallery{gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.profile-portfolio .portfolio-image{height:120px}}.filter-group .calendar-filter-btn{background:#fff;border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;color:#333;cursor:pointer;display:block;font-family:inherit;font-size:.9rem;height:44px;max-width:100%;min-width:0;padding:.75rem;text-align:left;transition:border-color .3s ease;width:100%}.filter-group .calendar-filter-btn:focus{border-color:#1dbf73;outline:none}.filter-group .clear-date-btn{background:#f5f5f5;border:none;border-radius:6px;color:#888;cursor:pointer;font-size:.85rem;margin-top:.5rem;padding:.5rem 1rem;transition:background .2s}.filter-group .clear-date-btn:hover{background:#e0e0e0;color:#333}.filter-group .availability-status{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;display:block;display:flex;font-family:inherit;height:44px;justify-content:center;max-width:100%;min-width:0;padding:.75rem;transition:all .3s ease;width:100%}.filter-group .availability-status.clickable{cursor:pointer}.filter-group .availability-status.clickable:hover{background:#f8fff9;border-color:#1dbf73;box-shadow:0 2px 8px #1dbf7333;transform:translateY(-1px)}.filter-group .availability-status.clickable:active{transform:translateY(0)}.filter-group .availability-indicator{color:#1dbf73;font-size:.9rem;font-weight:600}.filter-group .availability-indicator.available{color:#1dbf73}.filter-group .availability-indicator.active{color:#18a367;font-weight:700}.filter-group .availability-indicator.unavailable{color:#ff6b6b}.loading-container{padding:3rem 2rem;text-align:center}.loading-container .loading-spinner{animation:spin 1s linear infinite;font-size:3rem;margin-bottom:1rem}.loading-container p{color:#666;font-size:1.1rem}.filter-group-search{grid-column:1/-1}.search-input{background:#fff;border:2px solid #e0e0e0;box-sizing:border-box;font-size:.95rem;padding:.75rem 1rem}.search-input:focus{border-color:#1dbf73}.profile-reviews{margin-bottom:1.5rem}.profile-reviews h3{color:#333;font-size:1.2rem;font-weight:700;margin-bottom:1rem}.review-count-badge{color:#888;font-size:.95rem;font-weight:400}.reviews-loading{padding:.5rem 0}.no-reviews,.reviews-loading{color:#888;font-size:.9rem;margin:0}.no-reviews{font-style:italic}.reviews-list{gap:1rem}.review-item{background:#f8f9fa;border-left:3px solid #1dbf73;border-radius:10px;padding:1rem}.review-header{gap:.75rem}.reviewer-avatar{align-items:center;background:#1dbf73;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1rem;font-weight:700;height:36px;justify-content:center;overflow:hidden;width:36px}.reviewer-avatar img{height:100%;object-fit:cover;width:100%}.reviewer-info{flex:1 1;gap:.15rem}.reviewer-name{color:#333;font-size:.9rem}.review-stars{font-size:.75rem}.review-date{color:#999;font-size:.8rem;white-space:nowrap}.review-title{color:#333;font-size:.9rem;font-style:italic;font-weight:600;margin:.25rem 0}.review-comment{color:#555;font-size:.9rem;line-height:1.5;margin:0}@media (max-width:480px){.browse-hustlrs{padding:.75rem}.page-header h1{font-size:1.6rem}.filter-bar{gap:.75rem}.hustlr-profile-modal{align-items:flex-end;padding:0}.profile-content{border-radius:20px 20px 0 0;max-height:92vh;padding:1.25rem 1rem 1.5rem}.profile-name{font-size:1.3rem}.profile-header{gap:.75rem;padding-bottom:.75rem}.profile-actions{gap:.5rem}.request-quote-btn{font-size:.85rem;padding:.75rem 1.25rem}.profile-reviews h3{font-size:1.1rem}.review-item{padding:.75rem}.review-header{gap:.5rem}.hustlr-card{padding:.875rem}.hustlr-name{font-size:1rem}.hustlr-service{font-size:.85rem}.filter-group .calendar-filter-btn,.filter-group select,.search-input{font-size:.85rem;padding:.65rem .75rem}}.quote-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:15000}.quote-modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:600px;overflow-y:auto;position:relative;width:100%}.quote-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:background-color .2s ease;width:32px}.quote-modal-close:hover{background-color:#f0f0f0;color:#333}.quote-header{border-bottom:1px solid #f0f0f0;padding:2rem 2rem 1rem}.quote-header h2{color:#333;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.quote-form{padding:1rem 2rem 2rem}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;font-size:.9rem;transition:border-color .2s ease,box-shadow .2s ease}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#ff4757}.char-count{color:#999;text-align:right}.char-count,.error-message{font-size:.8rem;margin-top:.25rem}.error-message{color:#ff4757}.upload-help{color:#666;font-size:.8rem;margin:.25rem 0 .75rem}.image-upload-container{position:relative}.image-input{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%}.image-upload-label{cursor:pointer;display:block}.upload-area{background-color:#fafafa;border:2px dashed #ddd;border-radius:8px;transition:border-color .2s ease,background-color .2s ease}.upload-area:hover{background-color:#f8fff9}.upload-icon{margin-bottom:.5rem}.upload-text strong{color:#333;font-size:.9rem}.upload-text span{font-size:.8rem}.uploaded-images{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-top:1rem}.image-preview{border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden;position:relative}.preview-image{display:block;height:120px;object-fit:cover;width:100%}.remove-image-btn{align-items:center;background:#ff4757e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:24px;justify-content:center;position:absolute;right:.25rem;top:.25rem;transition:background-color .2s ease;width:24px}.remove-image-btn:hover{background:#ff4757}.form-actions{border-top:1px solid #f0f0f0}.submit-quote-btn{background:#1dbf73;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;transition:background-color .2s ease}.submit-quote-btn:hover:not(:disabled){background:#18a367}.submit-quote-btn:disabled{background:#ccc;cursor:not-allowed}.quote-confirmation{padding:2rem;text-align:center}.confirmation-icon{animation:bounce .6s ease-in-out;font-size:4rem;margin-bottom:1rem}.quote-confirmation h2{color:#1dbf73;font-size:1.8rem;margin-bottom:1rem}.confirmation-message{color:#666;font-size:1.1rem;line-height:1.5;margin-bottom:2rem}.response-time-info{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.response-time-info h3{color:#333;font-size:1.2rem;margin-bottom:.5rem}.response-time{color:#1dbf73;font-size:1.5rem;margin-bottom:.5rem}.response-note{font-size:.95rem;line-height:1.4}.confirmation-actions{margin-top:1rem}.close-confirmation-btn{background:linear-gradient(135deg,#1dbf73,#18a367);border:none;border-radius:8px;box-shadow:0 4px 15px #1dbf734d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.close-confirmation-btn:hover{box-shadow:0 6px 20px #1dbf7366;transform:translateY(-2px)}@media (max-width:768px){.quote-modal-content{margin:1rem;max-height:calc(100vh - 2rem)}.quote-form,.quote-header{padding:1rem}.form-row{gap:0;grid-template-columns:1fr}.form-actions{flex-direction:column}.uploaded-images{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.preview-image{height:100px}.quote-confirmation{padding:1.5rem}.confirmation-icon{font-size:3rem}.quote-confirmation h2{font-size:1.5rem}.response-time-info{padding:1rem}.response-time{font-size:1.3rem}}.payment-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000000a6;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:20000}.payment-content{background:#fff;border-radius:18px;box-shadow:0 24px 64px #00000047;max-height:92vh;max-width:440px;overflow-y:auto;padding:2rem;width:100%}.payment-header{margin-bottom:1.5rem;text-align:center}.payment-lock-icon{font-size:1.8rem;margin-bottom:.4rem}.payment-header h2{color:#111;font-size:1.4rem;font-weight:700;margin:0 0 .3rem}.payment-header p{color:#777;font-size:.85rem;margin:0}.booking-summary{background:#f7f8fa;border-radius:10px;margin-bottom:1.25rem;padding:1rem 1.2rem}.summary-row{color:#555;display:flex;font-size:.88rem;justify-content:space-between;padding:.3rem 0}.summary-total{border-top:1px solid #e5e7eb;color:#111;font-size:1rem;font-weight:700;margin-top:.4rem;padding-top:.6rem}.test-mode-badge{background:#fff8e1;border:1px solid #f5c518;border-radius:8px;color:#7a5c00;font-size:.8rem;margin-bottom:1.25rem;padding:.55rem 1rem;text-align:center}.card-preview{background:linear-gradient(135deg,#1a1a2e,#16213e 60%,#0f3460);border-radius:14px;box-shadow:0 8px 24px #0f346059;color:#fff;display:flex;flex-direction:column;font-family:Courier New,monospace;justify-content:space-between;margin-bottom:1.5rem;min-height:110px;padding:1.2rem 1.4rem}.card-chip{color:#f0d060;font-size:1.1rem;letter-spacing:.1em}.card-number-preview{color:#ffffffe6;font-size:1.05rem;letter-spacing:.12em}.card-bottom-preview{color:#ffffffbf;display:flex;font-size:.78rem;justify-content:space-between;letter-spacing:.08em;text-transform:uppercase}.payment-form{display:flex;flex-direction:column;gap:1rem}.form-group{gap:.35rem}.form-group label{color:#444;font-size:.8rem;letter-spacing:.04em;text-transform:uppercase}.form-group input{background:#fafafa;border:1.5px solid #e0e0e0;border-radius:9px;font-family:inherit;font-size:.95rem;outline:none;padding:.7rem .9rem;transition:border-color .18s}.form-group input:focus{background:#fff;border-color:#2ecc71}.card-input-wrap{position:relative}.card-input-wrap input{box-sizing:border-box;padding-right:2.8rem;width:100%}.card-brand-icon{font-size:1.1rem;pointer-events:none;position:absolute;right:.85rem;top:50%;transform:translateY(-50%)}.card-row{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr}.payment-error-msg{background:#fff0f0;border:1px solid #f5c6c6;border-radius:8px;color:#c00;font-size:.87rem;padding:.75rem 1rem;text-align:center}.payment-actions{display:flex;gap:.75rem;margin-top:.25rem}.cancel-btn{background:none;border:1.5px solid #e0e0e0;border-radius:9px;flex:0 0 auto;padding:.8rem 1.4rem;transition:background .15s}.cancel-btn:hover{background:#f5f5f5}.pay-btn{background:linear-gradient(135deg,#2ecc71,#27ae60);border:none;border-radius:9px;color:#fff;cursor:pointer;flex:1 1;font-size:.98rem;font-weight:700;letter-spacing:.02em;padding:.85rem;transition:transform .15s,box-shadow .15s}.pay-btn:hover{box-shadow:0 6px 18px #2ecc7159;transform:translateY(-1px)}.pay-btn:active{transform:translateY(0)}.payment-status-panel{align-items:center;display:flex;flex-direction:column;gap:1rem;padding:2.5rem 1rem;text-align:center}.payment-status-panel p{color:#222;font-size:1.1rem;font-weight:600;margin:0}.payment-status-sub{color:#888!important;font-size:.85rem!important;font-weight:400!important}.payment-spinner{animation:pm-spin .8s linear infinite;border:4px solid #e0e0e0;border-radius:50%;border-top-color:#2ecc71;height:48px;width:48px}@keyframes pm-spin{to{transform:rotate(1turn)}}.payment-success-icon{align-items:center;animation:pm-pop .3s ease-out;background:linear-gradient(135deg,#2ecc71,#27ae60);border-radius:50%;color:#fff;display:flex;font-size:1.6rem;font-weight:700;height:56px;justify-content:center;width:56px}@keyframes pm-pop{0%{opacity:0;transform:scale(.5)}80%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.security-notice{align-items:center;color:#aaa;display:flex;font-size:.75rem;gap:.5rem;justify-content:center;margin-top:1.25rem}@media (max-width:480px){.payment-content{border-radius:14px;padding:1.5rem}.card-row{grid-template-columns:1fr}.payment-actions{flex-direction:column}.cancel-btn{order:2}}.booking-calendar-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:15000}.booking-calendar-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:90vw;overflow-y:auto;position:relative;width:100%}.booking-calendar-close{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:background-color .2s ease;width:32px}.booking-calendar-close:hover{background-color:#f0f0f0;color:#333}.booking-header{border-bottom:1px solid #f0f0f0;padding:1.5rem 2rem 1rem}.booking-header h2{color:#333;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.provider-info{color:#666;font-size:.9rem;margin:0}.booking-content{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;padding:1rem 2rem}.calendar-section{border-right:1px solid #f0f0f0;padding-right:1.5rem}.calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.calendar-header h3{color:#333;font-size:1.2rem;font-weight:600;margin:0}.month-nav-btn{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;transition:background-color .2s ease;width:32px}.month-nav-btn:hover{background-color:#f0f0f0;color:#333}.calendar-grid{border:1px solid #e0e0e0;border-radius:8px;display:flex;flex-direction:column;overflow:hidden}.weekdays{background-color:#e3f2fd;border-bottom:3px solid #2196f3;display:grid;grid-template-columns:repeat(7,1fr);min-height:40px;width:100%}.weekday{align-items:center;border-right:1px solid #e0e0e0;color:#1565c0;display:flex;font-size:.9rem;font-weight:700;justify-content:center;letter-spacing:.5px;padding:.75rem .5rem;text-align:center;text-transform:uppercase}.weekday:last-child{border-right:none}.days{display:grid;grid-template-columns:repeat(7,1fr);width:100%}.day{align-items:center;border-bottom:1px solid #f0f0f0;border-right:1px solid #f0f0f0;cursor:pointer;display:flex;font-size:.85rem;justify-content:center;min-height:35px;padding:.5rem;text-align:center;transition:background-color .2s ease}.day:nth-child(7n){border-right:none}.day.empty{background-color:#fafafa;cursor:default}.day.available{background-color:#fff;color:#333}.day.available:hover{background-color:#e8f5e8}.day.unavailable{background-color:#fafafa;color:#ccc;cursor:not-allowed}.day.selected{background-color:#1dbf73;color:#fff;font-weight:600}.day.selected:hover{background-color:#18a367}.time-selection-section{padding-left:1rem}.time-selection-section h3{color:#333;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.selected-date{background-color:#f8f9fa;border-radius:8px;color:#333;font-weight:500;margin-bottom:1rem;padding:.75rem;text-align:center}.time-slots{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr);max-height:250px;overflow-y:auto}.time-slot{border:1px solid #ddd;border-radius:6px;font-size:.85rem;padding:.6rem;text-align:center;transition:all .2s ease}.time-slot:hover{background-color:#f8fff9}.time-slot.selected{background-color:#1dbf73}.no-availability,.select-date-prompt{color:#666;font-style:italic;padding:2rem;text-align:center}.booking-summary{background-color:#f8f9fa;border-top:1px solid #f0f0f0;padding:.75rem 2rem}.summary-info{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1rem}.summary-info h4{color:#333;font-size:1rem;margin:0 0 .75rem}.summary-info p{color:#666;font-size:.9rem;margin:.25rem 0}.booking-actions{border-top:1px solid #f0f0f0;justify-content:flex-end;padding:.75rem 2rem 1.5rem}.cancel-btn{border:1px solid #ddd;font-size:.9rem;font-weight:500;transition:all .2s ease}.cancel-btn:hover:not(:disabled){background-color:#f8f9fa;border-color:#999;color:#333}.confirm-booking-btn{background:#1dbf73;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;transition:background-color .2s ease}.confirm-booking-btn:hover:not(:disabled){background:#18a367}.confirm-booking-btn:disabled{background:#ccc;cursor:not-allowed}@media (max-width:768px){.booking-calendar-content{margin:1rem;max-height:calc(100vh - 2rem)}.booking-actions,.booking-content,.booking-header,.booking-summary{padding:1rem}.booking-content{gap:1rem;grid-template-columns:1fr}.calendar-section{border-bottom:1px solid #f0f0f0;border-right:none;padding-bottom:1rem;padding-right:0}.time-selection-section{padding-left:0}.time-slots{grid-template-columns:repeat(3,1fr)}.booking-actions{flex-direction:column}.day{font-size:.8rem;min-height:35px;padding:.5rem}.weekday{font-size:.7rem;padding:.5rem}}.booking-success{flex-direction:column;padding:3rem 2rem;text-align:center}.booking-success,.success-icon{align-items:center;display:flex}.success-icon{animation:popIn .4s cubic-bezier(.34,1.56,.64,1);background:#22c55e;border-radius:50%;color:#fff;font-size:2.2rem;height:72px;justify-content:center;margin-bottom:1.25rem;width:72px}@keyframes popIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.booking-success h2{color:#111;font-size:1.6rem;font-weight:700;margin-bottom:.5rem}.success-msg{color:#555;font-size:1rem;margin-bottom:1.5rem}.success-details{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;margin-bottom:2rem;max-width:360px;padding:1rem 1.5rem;text-align:left;width:100%}.success-details p{color:#374151;font-size:.92rem;margin:.4rem 0}.booking-ref{color:#9ca3af!important;font-family:monospace;font-size:.78rem!important;margin-top:.5rem!important}.auth-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:10000}.auth-modal-content{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:450px;overflow-y:auto;padding:2.5rem;position:relative;width:100%}.auth-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .3s ease;width:40px}.auth-close-btn:hover{background:#f0f0f0;color:#333}.auth-header{margin-bottom:2rem;text-align:center}.auth-header h2{color:#333;font-size:2rem;font-weight:700;margin-bottom:.5rem}.auth-header p{color:#666;font-size:1rem;margin-bottom:1rem}.next-url-info{background:#f0f9f4;border:1px solid #e0f0e0;border-radius:8px;margin-top:1rem;padding:.75rem}.next-url-info span{color:#1dbf73;font-size:.9rem;font-weight:500}.auth-form{margin-bottom:2rem}.form-group input{border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:.875rem;transition:border-color .3s ease;width:100%}.form-group input:focus{border-color:#1dbf73;box-shadow:0 0 0 3px #1dbf731a;outline:none}.form-group input.error{border-color:#e74c3c}.error-text{color:#e74c3c}.general-error{background:#fdf2f2;border:1px solid #fecaca;color:#dc2626;font-size:.9rem;padding:.75rem}.auth-submit-btn{align-items:center;background:linear-gradient(135deg,#2ed573,#1dbf73);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem 2rem;transition:all .3s ease;width:100%}.auth-submit-btn:hover:not(:disabled){box-shadow:0 8px 25px #1dbf734d;transform:translateY(-2px)}.auth-submit-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.auth-footer{margin-bottom:2rem;text-align:center}.auth-footer p{color:#666;font-size:.9rem;margin:0}.toggle-mode-btn{background:none;border:none;color:#1dbf73;cursor:pointer;font-size:.9rem;font-weight:600;text-decoration:underline}.toggle-mode-btn:hover{color:#18a367}.auth-divider{margin-bottom:2rem;position:relative;text-align:center}.auth-divider:before{background:#e0e0e0;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.auth-divider span{background:#fff;color:#666;font-size:.9rem;padding:0 1rem}.social-auth{display:flex;flex-direction:column;gap:1rem}.social-btn{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:10px;color:#333;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;padding:.875rem 2rem;transition:all .3s ease}.social-btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.social-btn:disabled:hover{background:#fff;border-color:#e0e0e0;transform:none}.social-btn:hover{background:#f0f9f4;border-color:#1dbf73;transform:translateY(-1px)}.google-btn:hover{background:#f8f9ff;border-color:#4285f4}.apple-btn:hover{background:#f5f5f5;border-color:#000}.social-icon{flex-shrink:0;height:20px;width:20px}.social-btn .apple-btn .social-icon{fill:#000}@media (max-width:768px){.auth-modal-overlay{padding:1rem}.auth-modal-content{padding:2rem}.auth-header h2{font-size:1.75rem}.social-auth{gap:.75rem}.social-btn{font-size:.9rem;padding:.75rem 1.5rem}}@media (max-width:480px){.auth-modal-content{padding:1.5rem}.auth-header h2{font-size:1.5rem}.form-group input{padding:.75rem}.auth-submit-btn{font-size:1rem;padding:.875rem 1.5rem}}@media (max-width:430px){.auth-modal-overlay{align-items:flex-end;padding:0}.auth-modal-content{border-radius:20px 20px 0 0;max-height:92vh;padding:1.5rem 1.25rem 2rem}.auth-header h2{font-size:1.4rem}.auth-footer,.auth-form,.auth-header{margin-bottom:1.25rem}}.booking-page{background:linear-gradient(135deg,#f8f9fa,#e9ecef);min-height:100vh;overflow-y:auto;padding:2rem}.booking-content{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;margin:0 auto;max-width:600px;padding:2.5rem}.back-btn{align-items:center;background:#1dbf73;border:none;display:flex;font-weight:600;gap:.5rem}.back-btn:hover{background:#18a367;box-shadow:0 4px 15px #1dbf734d}.booking-header{margin-bottom:2.5rem;text-align:center}.booking-header h1{color:#333;font-size:2.5rem;font-weight:700;margin-bottom:1.5rem}.hustlr-info{border-radius:15px}.hustlr-info h2{color:#333;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.service-type{font-size:1.1rem}.price{color:#666;font-size:1rem;margin:0}.step-indicator{background:#f8f9fa;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1rem}.step{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#666;display:flex;font-size:.9rem;font-weight:500;justify-content:center;padding:.5rem 1rem;transition:all .3s ease}.step.active{background:#1dbf73;border-color:#1dbf73;color:#fff}.step-content{margin-bottom:2rem}.step-content h2{color:#333;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.step-description{color:#666;margin-bottom:1.5rem}.asap-toggle{background:#f0f9f4;border:2px solid #e0f0e0;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.toggle-label{align-items:center;display:flex;gap:.75rem;margin-bottom:.5rem}.toggle-label input[type=checkbox]{accent-color:#1dbf73;height:20px;width:20px}.toggle-text{color:#333;font-size:1rem;font-weight:600}.asap-description{color:#666;font-size:.9rem;margin:0}.asap-info{margin-bottom:2rem;text-align:center}.asap-card{background:linear-gradient(135deg,#2ed573,#1dbf73);border-radius:15px;box-shadow:0 8px 25px #1dbf734d;color:#fff;padding:2rem}.asap-card h3{font-size:1.3rem;margin-bottom:1rem}.asap-benefits{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.availability-calendar{margin-bottom:2rem}.calendar-legend{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.legend-item{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:6px;display:flex;font-size:.85rem;gap:.25rem;padding:.25rem .5rem}.calendar-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(7,1fr);margin-bottom:1.5rem}.calendar-day{align-items:center;aspect-ratio:1;background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;position:relative;transition:all .3s ease}.calendar-day:hover:not(:disabled){border-color:#1dbf73;transform:translateY(-2px)}.calendar-day.available{background:#f0f9f4;border-color:#e8f5e8}.calendar-day.limited{background:#fef9e7;border-color:#fff3cd}.calendar-day.unavailable{background:#f8d7da;border-color:#f5c6cb;cursor:not-allowed;opacity:.6}.calendar-day.selected,.calendar-day.today{background:#1dbf73;border-color:#1dbf73;color:#fff}.day-number{font-size:1rem;font-weight:700}.day-status{font-size:.8rem;margin-top:.25rem}.time-slots{margin-top:1.5rem}.slots-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.time-slot{background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;font-weight:500;padding:.75rem;transition:all .3s ease}.time-slot:hover{background:#f0f9f4;border-color:#1dbf73}.time-slot.selected{background:#1dbf73;border-color:#1dbf73;color:#fff}.photo-upload-section{margin-bottom:2rem}.upload-area{border:2px dashed #e0e0e0;margin-bottom:1.5rem;padding:2rem;transition:all .3s ease}.upload-area:hover{background:#f0f9f4;border-color:#1dbf73}.file-input{display:none}.upload-label{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:.5rem}.upload-icon{font-size:2rem}.upload-text{color:#333;font-size:1.1rem;font-weight:600}.upload-hint{color:#666;font-size:.9rem}.photo-preview{margin-top:1.5rem}.photos-grid{margin-top:1rem}.remove-photo{align-items:center;background:#ffffffe6;border:none;border-radius:50%;color:#e74c3c;cursor:pointer;display:flex;font-size:1rem;height:24px;justify-content:center;position:absolute;right:.25rem;top:.25rem;width:24px}.booking-review{display:flex;flex-direction:column;gap:2rem}.review-section{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:12px;padding:1.5rem}.review-section h3{color:#333;font-size:1.2rem;font-weight:700;margin-bottom:1rem}.review-item{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:.5rem 0}.review-item:last-child{border-bottom:none}.description-text,.notes-text{color:#666;line-height:1.6;margin:0}.review-photos{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));margin-top:1rem}.review-photos img{border-radius:6px;height:80px;object-fit:cover;width:100%}.pricing-info{display:flex;flex-direction:column;gap:.5rem}.price-item{align-items:center;display:flex;justify-content:space-between;padding:.5rem 0}.price-item.total{border-top:2px solid #e0e0e0;color:#1dbf73;font-size:1.1rem;font-weight:700;margin-top:.5rem;padding-top:1rem}.pricing-note{color:#666;font-size:.9rem;font-style:italic;margin:1rem 0 0}.step-navigation{align-items:center;border-top:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-top:2rem;padding-top:1.5rem}.next-btn,.prev-btn{background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#333;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.prev-btn:hover{border-color:#1dbf73;color:#1dbf73}.next-btn{background:#1dbf73;border-color:#1dbf73;color:#fff}.next-btn:hover:not(:disabled){background:#18a367;box-shadow:0 4px 15px #1dbf734d;transform:translateY(-2px)}.next-btn:disabled{background:#e0e0e0;border-color:#e0e0e0;box-shadow:none;color:#999;cursor:not-allowed;transform:none}.booking-form{gap:1.5rem}.booking-form,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group input,.form-group select,.form-group textarea{font-family:inherit;padding:.875rem}.booking-summary{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:12px;margin:1rem 0;padding:1.5rem}.booking-summary h3{color:#333;font-size:1.2rem;font-weight:700;margin-bottom:1rem}.summary-item{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:.5rem 0}.summary-item:last-child{border-bottom:none}.summary-item.total{border-top:2px solid #e0e0e0;color:#1dbf73;font-size:1.1rem;font-weight:700;margin-top:.5rem;padding-top:1rem}.submit-booking-btn{background:linear-gradient(135deg,#2ed573,#1dbf73);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:1rem;padding:1rem 2rem;transition:all .3s ease;width:100%}.submit-booking-btn:hover{box-shadow:0 8px 25px #1dbf734d;transform:translateY(-2px)}@media (max-width:768px){.booking-page{padding:1rem}.booking-content{padding:2rem}.booking-header h1{font-size:2rem}.hustlr-info{padding:1rem}.hustlr-info h2{font-size:1.3rem}.step-indicator{flex-direction:column;gap:.5rem}.step{font-size:.8rem;padding:.4rem .8rem}.calendar-grid{gap:.25rem;grid-template-columns:repeat(7,1fr)}.calendar-day{font-size:.8rem}.slots-grid{grid-template-columns:repeat(auto-fit,minmax(70px,1fr))}.photos-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.review-photos{grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.step-navigation{flex-direction:column;gap:1rem}.next-btn,.prev-btn{width:100%}}@media (max-width:480px){.booking-content{padding:1.5rem}.booking-header h1{font-size:1.75rem}.form-group input,.form-group select,.form-group textarea{padding:.75rem}.submit-booking-btn{font-size:1rem;padding:.875rem 1.5rem}}.hustlr-response-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:10000}.hustlr-response-content{animation:urgentPulse 2s infinite;background:#fff;border:3px solid #ff6b35;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;padding:2.5rem;position:relative;width:100%}@keyframes urgentPulse{0%,to{border-color:#ff6b35}50%{border-color:#ff8c42}}.response-header{border-bottom:2px solid #f0f0f0;margin-bottom:2rem;padding-bottom:1.5rem;text-align:center}.response-header h2{color:#333;font-size:2rem;font-weight:700;margin-bottom:.5rem}.urgency-badge{animation:pulse 1.5s infinite;background:linear-gradient(135deg,#ff6b35,#ff8c42);border-radius:20px;color:#fff;display:inline-block;font-size:.9rem;font-weight:600;padding:.5rem 1rem}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.job-summary{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.summary-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.summary-header h3{color:#333;font-size:1.3rem;font-weight:700;margin:0}.customer-info{align-items:flex-end;flex-direction:column;gap:.25rem}.customer-name{color:#333;font-size:1rem}.customer-rating{color:#666;font-size:.85rem}.summary-details{display:flex;flex-direction:column;gap:.75rem}.detail-row{align-items:center;border-bottom:1px solid #e0e0e0;justify-content:space-between;padding:.5rem 0}.detail-row:last-child{border-bottom:none}.detail-row .label{color:#333;font-weight:600}.detail-row .value{color:#666;font-weight:500}.location-link{color:#1dbf73!important;cursor:pointer;text-decoration:underline;transition:color .3s ease}.location-link:hover{color:#18a367!important}.job-description{margin-bottom:2rem}.job-description h3{color:#333;font-size:1.3rem;font-weight:700;margin-bottom:1rem}.job-description p{color:#666;line-height:1.6;margin-bottom:1rem}.additional-notes{background:#f0f9f4;border-left:4px solid #1dbf73;border-radius:8px;padding:1rem}.additional-notes h4{color:#333;font-size:1rem;font-weight:600;margin-bottom:.5rem}.job-photos{margin-bottom:2rem}.job-photos h3{color:#333;font-size:1.3rem;font-weight:700;margin-bottom:1rem}.photos-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.photo-item{box-shadow:0 2px 8px #0000001a}.photo-item img{height:120px;object-fit:cover;width:100%}.pricing-section{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.pricing-section h3{color:#333;font-size:1.3rem;font-weight:700;margin-bottom:1rem}.price-breakdown{display:flex;flex-direction:column;gap:.75rem}.price-row{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:.5rem 0}.price-row:last-child{border-bottom:none}.price-row.total{border-top:2px solid #e0e0e0;color:#1dbf73;font-size:1.1rem;font-weight:700;margin-top:.5rem;padding-top:1rem}.price-note{background:#fff3cd;border-left:4px solid #ffc107;border-radius:6px;color:#666;font-size:.9rem;font-style:italic;margin-top:1rem;padding:.75rem}.response-actions{text-align:center}.action-buttons{margin-bottom:1rem}.accept-btn,.decline-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-size:1.1rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem 2rem;transition:all .3s ease}.accept-btn{background:linear-gradient(135deg,#2ed573,#1dbf73)}.accept-btn:hover:not(:disabled){box-shadow:0 8px 25px #1dbf734d;transform:translateY(-2px)}.decline-btn{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.decline-btn:hover:not(:disabled){box-shadow:0 8px 25px #e74c3c4d;transform:translateY(-2px)}.accept-btn:disabled,.decline-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.action-icon{font-size:1.2rem}.response-note{color:#666;font-size:.9rem;margin:0}.response-success{padding:2rem;text-align:center}.response-success h3{color:#333;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.response-success p{color:#666;margin-bottom:2rem}.close-btn{background:#1dbf73;border-radius:8px;font-size:1rem;font-weight:600;padding:.75rem 2rem}.close-btn:hover{background:#18a367;transform:translateY(-2px)}@media (max-width:768px){.hustlr-response-overlay{padding:1rem}.hustlr-response-content{padding:2rem}.response-header h2{font-size:1.75rem}.summary-header{flex-direction:column;gap:1rem}.customer-info,.summary-header{align-items:flex-start}.action-buttons{flex-direction:column}.photos-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}}@media (max-width:480px){.hustlr-response-content{padding:1.5rem}.response-header h2{font-size:1.5rem}.accept-btn,.decline-btn{font-size:1rem;padding:.875rem 1.5rem}}.confirmation-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:10000}.confirmation-content{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;padding:2.5rem;position:relative;width:100%}.confirmation-header{border-bottom:2px solid #f0f0f0;margin-bottom:2rem;padding-bottom:1.5rem;text-align:center}.confirmation-header.accepted{border-bottom-color:#e8f5e8}.confirmation-header.declined{border-bottom-color:#ffeaea}.status-icon{animation:bounceIn .6s ease-out;font-size:4rem;margin-bottom:1rem}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.confirmation-header h2{color:#333;font-size:2rem;font-weight:700;margin-bottom:.5rem}.status-message{color:#666;font-size:1.1rem;margin:0}.accepted-content{display:flex;flex-direction:column;gap:2rem}.hustlr-info{align-items:center;background:#f0f9f4;border:2px solid #e0f0e0;border-radius:12px;display:flex;gap:1.5rem;padding:1.5rem}.hustlr-avatar{border:3px solid #1dbf73;border-radius:50%;box-shadow:0 2px 8px #0000001a;flex-shrink:0;height:64px;overflow:hidden;width:64px}.hustlr-avatar img{height:100%;object-fit:cover;width:100%}.hustlr-details h3{color:#333;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.service-type{color:#1dbf73;font-size:1rem;font-weight:600;margin-bottom:.5rem}.rating{align-items:center;display:flex;gap:.5rem}.stars{font-size:.9rem}.rating-text{color:#666;font-size:.85rem}.booking-details{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:12px;padding:1.5rem}.booking-details h4{color:#333;font-size:1.2rem;font-weight:700;margin-bottom:1rem}.detail-item{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:.5rem 0}.detail-item:last-child{border-bottom:none}.detail-item.total{border-top:2px solid #e0e0e0;color:#1dbf73;font-size:1.1rem;font-weight:700;margin-top:.5rem;padding-top:1rem}.next-steps{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:12px;padding:1.5rem}.next-steps h4{color:#333;font-size:1.2rem;font-weight:700;margin-bottom:1rem}.step-list{display:flex;flex-direction:column;gap:1rem}.step-item{align-items:flex-start;display:flex;gap:1rem}.step-number{align-items:center;background:#1dbf73;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.9rem;font-weight:700;height:30px;justify-content:center;width:30px}.step-content h5{color:#333;font-size:1rem;font-weight:600;margin-bottom:.25rem}.step-content p{color:#666;font-size:.9rem;line-height:1.4;margin:0}.action-buttons{gap:1rem;margin-top:1rem}.primary-btn,.secondary-btn,.tertiary-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem 1.5rem;transition:all .3s ease}.primary-btn{background:linear-gradient(135deg,#2ed573,#1dbf73);color:#fff}.primary-btn:hover{box-shadow:0 8px 25px #1dbf734d;transform:translateY(-2px)}.secondary-btn{background:#fff;border:2px solid #1dbf73;color:#1dbf73}.secondary-btn:hover{background:#1dbf73;color:#fff;transform:translateY(-2px)}.tertiary-btn{background:#f8f9fa;border:2px solid #e0e0e0;color:#666}.tertiary-btn:hover{background:#e9ecef;color:#333}.declined-content{display:flex;flex-direction:column;gap:2rem}.suggestion-section{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:12px;padding:1.5rem}.suggestion-section h4{color:#333;font-size:1.2rem;font-weight:700;margin-bottom:1rem}.suggestions{display:flex;flex-direction:column;gap:1rem}.suggestion-item{align-items:flex-start;background:#fff;border:1px solid #e0e0e0;border-radius:8px;display:flex;gap:1rem;padding:1rem}.suggestion-icon{align-items:center;background:#f0f9f4;border-radius:50%;display:flex;flex-shrink:0;font-size:1.5rem;height:40px;justify-content:center;width:40px}.suggestion-content h5{color:#333;font-size:1rem;font-weight:600;margin-bottom:.25rem}.suggestion-content p{color:#666;font-size:.9rem;line-height:1.4;margin:0}@media (max-width:768px){.confirmation-overlay{padding:1rem}.confirmation-content{padding:2rem}.confirmation-header h2{font-size:1.75rem}.hustlr-info{text-align:center}.action-buttons,.hustlr-info,.suggestion-item{flex-direction:column}.suggestion-item{text-align:center}}@media (max-width:480px){.confirmation-content{padding:1.5rem}.confirmation-header h2{font-size:1.5rem}.primary-btn,.secondary-btn,.tertiary-btn{font-size:.9rem;padding:.875rem 1rem}}.help-center-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:10000}.help-center-content{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:900px;overflow-y:auto;position:relative;width:100%}.help-center-header{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:2px solid #1dbf73;border-radius:20px 20px 0 0;display:flex;justify-content:space-between;padding:2rem 2rem 1rem}.help-center-header h1{color:#333;font-size:2.5rem;font-weight:700;margin:0}.help-center-body{padding:2rem}.help-intro{color:#555;font-size:1.1rem;line-height:1.6;margin-bottom:2rem;text-align:center}.help-sections{margin-bottom:3rem}.help-sections h2{color:#333;font-size:1.8rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.help-section{border:1px solid #e0e0e0;border-radius:12px;margin-bottom:1rem;overflow:hidden;transition:all .3s ease}.help-section:hover{border-color:#1dbf73;box-shadow:0 4px 12px #1dbf731a}.section-header{align-items:center;background:#f8f9fa;border:none;color:#333;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;justify-content:space-between;padding:1.5rem;text-align:left;transition:all .3s ease;width:100%}.section-header:hover{background:#e9ecef}.section-header.expanded{background:#1dbf73;color:#fff}.section-title{align-items:center;display:flex;gap:.75rem}.section-icon{font-size:1.3rem}.section-name{font-weight:600}.section-toggle{color:#1dbf73;font-size:1.5rem;font-weight:700;transition:color .3s ease}.section-header.expanded .section-toggle{color:#fff}.section-content{background:#fff;border-top:1px solid #e0e0e0;padding:1.5rem}.section-content ul{margin:0;padding-left:1.5rem}.section-content li{color:#555;font-size:1rem;line-height:1.6;margin-bottom:.75rem}.section-content li:last-child{margin-bottom:0}.help-contact{background:#e8f5e8;border:1px solid #1dbf73;border-radius:15px;margin-bottom:2rem;padding:2rem}.help-contact h2{color:#1dbf73;font-size:1.5rem;margin-bottom:1rem;text-align:center}.contact-options{align-items:center;display:flex;flex-direction:column;gap:1.5rem}.contact-btn{background:#1dbf73;border:2px solid #1dbf73;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.contact-btn:hover{background:#18a367;border-color:#18a367;transform:translateY(-2px)}.contact-info{text-align:center}.contact-info p{font-size:1rem}.help-resources{margin-bottom:2rem}.help-resources h3{color:#333;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.resource-card{border-radius:12px}.resource-card:hover{border-color:#1dbf73}.resource-card h4{font-weight:600}.resource-card p{font-size:.95rem}.help-footer{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:15px;padding:2rem;text-align:center}.help-footer p{color:#555;font-size:1rem;margin-bottom:1rem}.help-footer p:first-child{color:#333;font-size:1.1rem;margin-bottom:.5rem}.quick-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1.5rem}.quick-btn{background:#1dbf73;border:2px solid #1dbf73;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.quick-btn:hover{background:#18a367;border-color:#18a367;transform:translateY(-2px)}.quick-btn.secondary{background:#fff;color:#1dbf73}.quick-btn.secondary:hover{background:#1dbf73;color:#fff}@media (max-width:768px){.help-center-overlay{padding:1rem}.help-center-content{max-height:95vh}.help-center-header{padding:1.5rem 1.5rem 1rem}.help-center-header h1{font-size:2rem}.help-center-body{padding:1.5rem}.help-sections h2{font-size:1.5rem}.section-header{font-size:1rem;padding:1.25rem}.section-content{padding:1.25rem}.resources-grid{grid-template-columns:1fr}.quick-actions{align-items:center;flex-direction:column}.quick-btn{max-width:300px;width:100%}}@media (max-width:480px){.help-center-header h1{font-size:1.75rem}.help-sections h2{font-size:1.3rem}.section-header{font-size:.95rem;padding:1rem}.section-content{padding:1rem}.section-content li{font-size:.9rem}.help-contact{padding:1.5rem}.help-contact h2{font-size:1.3rem}.resource-card{padding:1.25rem}.resource-card h4{font-size:1rem}.resource-card p{font-size:.9rem}.help-footer{padding:1.5rem}.help-footer p{font-size:.9rem}}.legal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:10000}.legal-content{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:900px;overflow-y:auto;position:relative;width:100%}.legal-header{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:2px solid #1dbf73;border-radius:20px 20px 0 0;display:flex;justify-content:space-between;padding:2rem 2rem 1rem}.legal-header h1{color:#333;font-size:2.5rem;font-weight:700;margin:0}.legal-body{padding:2rem}.legal-section{margin-bottom:2.5rem}.legal-section:last-child{margin-bottom:0}.legal-section h2{border-bottom:2px solid #1dbf73;color:#333;font-size:1.8rem;font-weight:700;margin-bottom:1rem;padding-bottom:.5rem}.legal-section h3{color:#1dbf73;font-size:1.3rem;font-weight:600;margin:1.5rem 0 .75rem}.legal-section p{color:#555;font-size:1rem;line-height:1.7;margin-bottom:1rem}.legal-section ul{margin:1rem 0;padding-left:1.5rem}.legal-section ul li{color:#555;font-size:1rem;line-height:1.6;margin-bottom:.5rem}.legal-section strong{color:#333;font-weight:600}.contact-info{background:#f8f9fa;border-left:4px solid #1dbf73;border-radius:10px;margin-top:1rem;padding:1.5rem}.contact-info p{color:#555;margin:.5rem 0}.legal-footer{background:#f8f9fa;border-radius:10px;border-top:2px solid #e0e0e0;margin-top:2rem;padding:2rem;text-align:center}.legal-footer p{color:#666;font-size:.9rem;margin:.5rem 0}.legal-content::-webkit-scrollbar{width:8px}.legal-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.legal-content::-webkit-scrollbar-thumb{background:#1dbf73;border-radius:4px}.legal-content::-webkit-scrollbar-thumb:hover{background:#18a367}@media (max-width:768px){.legal-overlay{padding:1rem}.legal-content{max-height:95vh}.legal-header{padding:1.5rem 1.5rem 1rem}.legal-header h1{font-size:2rem}.legal-body{padding:1.5rem}.legal-section h2{font-size:1.5rem}.legal-section h3{font-size:1.2rem}.contact-info{padding:1rem}.legal-footer{padding:1.5rem}}@media (max-width:480px){.legal-header h1{font-size:1.75rem}.legal-section h2{font-size:1.3rem}.legal-section h3{font-size:1.1rem}.legal-section p,.legal-section ul li{font-size:.9rem}.legal-body{padding:1rem}}.report-issue-content{max-width:700px}.report-form{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:15px;margin:2rem 0;padding:2rem}.report-info{background:#e8f5e8;border-left:4px solid #1dbf73;border-radius:10px;margin-top:2rem;padding:1.5rem}.report-info h4{color:#1dbf73;font-size:1.1rem;margin-bottom:1rem}.report-info ul{margin:0;padding-left:1.5rem}.report-info ul li{color:#555;margin-bottom:.5rem}@media (max-width:768px){.report-form{padding:1.5rem}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{width:100%}}@media (max-width:480px){.report-form{padding:1rem}.form-group label{font-size:.9rem}.form-group input,.form-group select,.form-group textarea{font-size:.9rem;padding:.6rem}}.safety-center-content{max-width:800px}.safety-section{background:#f8f9fa;border-left:4px solid #1dbf73;border-radius:12px;margin:1.5rem 0;padding:1.5rem}.safety-section h3{color:#1dbf73;font-size:1.3rem;margin-bottom:1rem}.safety-section ul{margin:0;padding-left:1.5rem}.safety-section ul li{line-height:1.6;margin-bottom:.75rem}.emergency-section{background:#fff3cd;border:2px solid #ffc107;border-radius:12px;margin:1.5rem 0;padding:1.5rem}.emergency-section h3{color:#856404;font-size:1.3rem;margin-bottom:1rem}.emergency-section p{color:#856404;font-weight:500;margin:0}.report-section{background:#e8f5e8;border:1px solid #1dbf73;border-radius:12px;margin:1.5rem 0;padding:1.5rem}.report-section h3{color:#1dbf73;font-size:1.3rem;margin-bottom:1rem}.report-actions{align-items:flex-start;display:flex;flex-wrap:wrap;gap:2rem}.report-btn{background:#1dbf73;border:2px solid #1dbf73;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.report-btn:hover{background:#18a367;border-color:#18a367}.contact-options{flex:1 1;min-width:250px}.contact-options p{color:#333;font-weight:600;margin-bottom:.5rem}.contact-options ul{margin:0;padding-left:1.5rem}.contact-options ul li{color:#555;margin-bottom:.25rem}.safety-resources{margin:2rem 0}.safety-resources h3{color:#333;font-size:1.3rem;margin-bottom:1.5rem}.resources-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1rem}.resource-card{background:#fff;border:1px solid #e0e0e0;border-radius:10px;padding:1.5rem;transition:all .3s ease}.resource-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.resource-card h4{color:#1dbf73;font-size:1.1rem;margin-bottom:.75rem}.resource-card p{color:#555;line-height:1.5;margin:0}.safety-commitment{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:12px;margin:1.5rem 0;padding:1.5rem}.safety-commitment h3{color:#333;font-size:1.3rem;margin-bottom:1rem}.safety-commitment p{color:#555;line-height:1.6;margin-bottom:1rem}.safety-commitment ul{margin:0;padding-left:1.5rem}.safety-commitment ul li{color:#555;margin-bottom:.5rem}.safety-motto{background:#e8f5e8;border:1px solid #1dbf73;border-radius:10px;color:#1dbf73;font-size:1.2rem;margin:2rem 0}.safety-footer,.safety-motto{padding:1rem;text-align:center}.safety-footer{background:#f8f9fa;border-radius:8px;border-top:2px solid #e0e0e0;margin-top:2rem}.safety-footer p{color:#666;font-size:.9rem;margin:.25rem 0}@media (max-width:768px){.report-actions{flex-direction:column;gap:1rem}.report-btn{text-align:center;width:100%}.resources-grid{grid-template-columns:1fr}.emergency-section,.report-section,.safety-commitment,.safety-section{padding:1rem}}@media (max-width:480px){.emergency-section h3,.report-section h3,.safety-commitment h3,.safety-resources h3,.safety-section h3{font-size:1.1rem}.resource-card{padding:1rem}.resource-card h4,.safety-motto{font-size:1rem}.safety-motto{padding:.75rem}}.contact-support-content{max-width:900px}.contact-methods{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:2rem 0}.contact-method{background:#fff;border:2px solid #e8f5e8;border-radius:15px;box-shadow:0 2px 8px #0000000d;flex-direction:column;height:280px;padding:2rem}.contact-method:hover{box-shadow:0 8px 25px #1dbf7326;transform:translateY(-3px)}.contact-method h3{align-items:center;color:#1dbf73;display:flex;font-size:1.3rem;font-weight:600;gap:.5rem;margin-bottom:1.5rem}.contact-method p{color:#555;font-size:.95rem;line-height:1.6;margin:.75rem 0}.contact-method p strong{color:#333;font-weight:600}.contact-method em{border-top:1px solid #e8f5e8;color:#1dbf73;display:block;font-style:italic;font-weight:500;margin-top:1rem;padding-top:.75rem}.contact-details{flex:1 1;margin-bottom:1rem}.contact-item{align-items:flex-start;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:.75rem;padding:.5rem 0}.contact-item:last-child{border-bottom:none;margin-bottom:0}.contact-label{color:#333;font-size:.9rem;font-weight:600;margin-right:1rem;min-width:120px}.contact-value{color:#1dbf73;font-size:.9rem;font-weight:500;text-align:right;word-break:break-word}.response-time{border-top:2px solid #e8f5e8;margin-top:auto;padding-top:.75rem;text-align:center}.response-time span{color:#1dbf73;font-size:.9rem;font-style:italic;font-weight:500}.contact-form-section{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:15px;margin:2rem 0;padding:2rem}.contact-form-section h3{font-size:1.3rem;margin-bottom:1rem}.contact-form-section p{color:#555;margin-bottom:1.5rem}.contact-form{background:#fff;border-radius:10px}.contact-form .form-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.contact-form .form-group{margin-bottom:1.5rem}.contact-form .form-group:last-child{margin-bottom:0}.form-group label{font-size:1rem}.form-group input,.form-group select,.form-group textarea{background:#fff}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{box-shadow:0 0 0 3px #1dbf731a}.form-actions{border-top:1px solid #e0e0e0;margin-top:2rem;padding-top:1rem}.cancel-btn{background:#fff;border:2px solid #666;color:#666}.cancel-btn:hover{background:#666}.submit-btn{border:2px solid #1dbf73;border-radius:8px;padding:.75rem 1.5rem}.submit-btn:hover{background:#18a367;border-color:#18a367}.support-info{margin:2rem 0}.support-info h3{margin-bottom:1.5rem}.info-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1rem}.info-card{background:#fff;border:1px solid #e0e0e0;border-radius:10px;padding:1.5rem;transition:all .3s ease}.info-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.info-card h4{color:#1dbf73;font-size:1.1rem;margin-bottom:1rem}.info-card ul{margin:0;padding-left:1.5rem}.info-card ul li{color:#555;line-height:1.5;margin-bottom:.5rem}.emergency-contact{background:#fff3cd;border:2px solid #ffc107;border-radius:12px;margin:1.5rem 0;padding:1.5rem}.emergency-contact h3{color:#856404;font-size:1.3rem;margin-bottom:1rem}.emergency-contact p{color:#856404;font-weight:500;margin-bottom:1rem}.emergency-contact ul{margin:0;padding-left:1.5rem}.emergency-contact ul li{color:#856404;line-height:1.5;margin-bottom:.5rem}.contact-footer{background:#f8f9fa;border-radius:10px;border-top:2px solid #e0e0e0;margin-top:2rem;padding:1.5rem;text-align:center}.contact-footer p{color:#555;margin:.5rem 0}@media (max-width:768px){.contact-methods{gap:1.5rem;grid-template-columns:1fr}.contact-method{height:auto;min-height:240px;padding:1.5rem}.contact-form .form-row{grid-template-columns:1fr}.contact-form .form-actions{flex-direction:column}.contact-form .cancel-btn,.contact-form .submit-btn{width:100%}.info-grid{grid-template-columns:1fr}.contact-form-section{padding:1.5rem}.contact-form{padding:1rem}}@media (max-width:480px){.contact-method{min-height:220px;padding:1.25rem}.contact-method h3{font-size:1.2rem;margin-bottom:1rem}.contact-method p{font-size:.9rem;margin:.5rem 0}.contact-item{align-items:flex-start;flex-direction:column;gap:.25rem}.contact-label{font-size:.85rem;margin-right:0;min-width:auto}.contact-value{text-align:left}.contact-value,.response-time span{font-size:.85rem}.contact-form-section h3,.emergency-contact h3,.support-info h3{font-size:1.1rem}.info-card{padding:1rem}.info-card h4{font-size:1rem}.form-group label{font-size:.9rem}.form-group input,.form-group select,.form-group textarea{font-size:.9rem;padding:.6rem}}.support-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:10000}.support-content{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;position:relative;width:100%}.support-header{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:2px solid #1dbf73;border-radius:20px 20px 0 0;display:flex;justify-content:space-between;padding:2rem 2rem 1rem}.support-header h2{color:#333;font-size:2rem;font-weight:700;margin:0}.close-btn{color:#666;font-size:2rem;height:40px;transition:all .3s ease;width:40px}.close-btn:hover{background:#f0f0f0;color:#333}.support-body{padding:2rem}.contact-methods{margin-bottom:3rem}.contact-methods h3{color:#333;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.methods-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.contact-method{align-items:flex-start;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:12px;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.contact-method:hover{border-color:#1dbf73;box-shadow:0 4px 12px #1dbf731a}.method-icon{align-items:center;background:#fff;border:2px solid #1dbf73;border-radius:50%;display:flex;flex-shrink:0;font-size:2rem;height:50px;justify-content:center;width:50px}.method-content h4{color:#333;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.method-content p{color:#666;font-size:.9rem;line-height:1.4;margin-bottom:1rem}.method-action{background:#1dbf73;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-block;font-size:.9rem;font-weight:600;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.method-action:hover{background:#18a367;transform:translateY(-1px)}.contact-form-section{margin-bottom:3rem}.contact-form-section h3{color:#333;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.success-message{background:#d4edda;border:1px solid #c3e6cb;border-radius:10px;padding:2rem;text-align:center}.success-icon{font-size:3rem}.success-message h4{color:#155724;font-size:1.3rem;margin-bottom:.5rem}.success-message p{color:#155724;margin:0}.contact-form{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:12px;padding:2rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-group,.form-row{margin-bottom:1rem}.form-group input,.form-group select,.form-group textarea{border:2px solid #e0e0e0;font-size:1rem;padding:.75rem;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#1dbf73}.form-group textarea{min-height:120px}.submit-btn{background:linear-gradient(135deg,#2ed573,#1dbf73);border-radius:10px;width:100%}.support-info{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:12px;padding:1.5rem}.support-info h3{color:#333;font-size:1.3rem;font-weight:700;margin-bottom:1rem}.hours-grid{grid-gap:.75rem;display:grid;gap:.75rem}.hours-item{color:#555;font-size:.9rem;line-height:1.4}.hours-item strong{color:#333}@media (max-width:768px){.support-overlay{padding:1rem}.support-content{max-height:95vh}.support-header{padding:1.5rem 1.5rem 1rem}.support-header h2{font-size:1.75rem}.support-body{padding:1.5rem}.form-row,.methods-grid{grid-template-columns:1fr}.contact-form{padding:1.5rem}}@media (max-width:480px){.support-header h2{font-size:1.5rem}.contact-method{flex-direction:column;text-align:center}.method-icon{align-self:center}.contact-form{padding:1rem}.form-group input,.form-group select,.form-group textarea{padding:.625rem}}.analytics-section{background:#fff;padding:4rem 0;position:relative;text-align:center}@keyframes patternFloat{0%{transform:translateX(0) translateY(0)}25%{transform:translateX(-10px) translateY(-5px)}50%{transform:translateX(10px) translateY(-10px)}75%{transform:translateX(-5px) translateY(5px)}to{transform:translateX(0) translateY(0)}}.analytics-container{margin:0 auto;max-width:1200px;padding:0 2rem;position:relative;z-index:1}.analytics-title{animation:titleGlow 3s ease-in-out infinite;color:#000;font-size:2.1rem;font-weight:700;margin-bottom:.5rem;text-align:center}.analytics-subtitle{color:#444;font-size:1.1rem;margin-bottom:2.5rem;text-align:center}.analytics-stats-row{display:flex;flex-wrap:wrap;gap:2.5rem;justify-content:center;margin-bottom:2.5rem}.stat{align-items:center;animation:statFloat 4s ease-in-out infinite;background:#fff;border-radius:18px;box-shadow:0 4px 16px #00000014;display:flex;flex-direction:column;min-width:200px;opacity:0;padding:2rem 2.5rem;position:relative;transform:translateY(20px);transition:all .3s ease}@keyframes statFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.stat.animate-in{opacity:1;transform:translateY(0)}.stat:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.stat-green{border-bottom:4px solid #1dbf73}.stat-blue{border-bottom:4px solid #1d8ebf}.stat-orange{border-bottom:4px solid #ffb347}.stat-purple{border-bottom:4px solid #8e44ad}.stat-icon{animation:iconBounce 2s ease-in-out infinite;font-size:2.2rem;margin-bottom:.7rem}@keyframes iconBounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.stat-number{color:#1dbf73;font-size:2.3rem;font-weight:700;margin-bottom:.5rem}.stat-blue .stat-number{color:#1d8ebf}.stat-orange .stat-number{color:#ffb347}.stat-label{color:#333;font-size:1.1rem;margin-bottom:.5rem;text-align:center}.stat-detail{color:#666;font-size:.9rem;font-style:italic;text-align:center}.analytics-breakdown{background:#fff;border-radius:14px;box-shadow:0 2px 10px #0000000f;margin:2.5rem auto 0;max-width:420px;padding:1.5rem 2rem;text-align:left}.analytics-breakdown h4{color:#1dbf73;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.analytics-breakdown ul{list-style:none;margin:0;padding:0}.analytics-breakdown li{color:#222;display:flex;font-size:1rem;justify-content:space-between;margin-bottom:.5rem}.analytics-breakdown b{color:#1dbf73;font-weight:700}.modern-bar-chart{background:#fff;border-radius:14px;box-shadow:0 2px 10px #0000000f;margin:2.5rem auto 0;max-width:520px;padding:2rem 2.5rem 1.5rem}.bar-chart{margin-top:1.2rem}.bar-row{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.bar-row span{color:#333;flex:0 0 120px;font-size:1rem}.bar-row .bar{background:linear-gradient(90deg,#1dbf73 60%,#2ed573);border-radius:9px;flex:1 1 auto;height:18px;margin-right:.5rem;min-width:30px}.bar-row b{color:#1dbf73;font-weight:700;min-width:32px;text-align:right}.growth-metrics{margin:4rem 0}.growth-metrics h3{color:#000;font-size:1.8rem;font-weight:600;margin-bottom:2rem}.metrics-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.metric-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000f;padding:1.5rem;text-align:center;transition:transform .3s ease}.metric-card:hover{transform:translateY(-3px)}.metric-header{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem}.metric-icon{font-size:1.5rem}.metric-title{color:#333;font-size:1rem;font-weight:600}.metric-value{color:#1dbf73;font-size:2rem;font-weight:700;margin-bottom:.5rem}.metric-description{color:#666;font-size:.9rem}.service-categories{margin:4rem 0}.service-categories h3{color:#1dbf73;font-size:1.8rem;font-weight:600;margin-bottom:2rem}.categories-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.category-item{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000f;overflow:hidden;padding:1.5rem;position:relative;transition:transform .3s ease}.category-item:hover{transform:translateY(-2px)}.category-icon{font-size:1.8rem;margin-right:1rem}.category-name{color:#333;font-size:1.1rem;font-weight:600;margin-right:1rem}.category-count{color:#1dbf73;font-size:.9rem;font-weight:600}.category-bar{background:linear-gradient(90deg,#1dbf73,#2ed573);border-radius:2px;bottom:0;height:4px;left:0;position:absolute}.satisfaction-section{margin:4rem 0}.satisfaction-section h3{color:#000;font-size:1.8rem;font-weight:600;margin-bottom:2rem}.satisfaction-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.satisfaction-item{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000f;padding:2rem;text-align:center;transition:transform .3s ease}.satisfaction-item:hover{transform:translateY(-3px)}.satisfaction-score{color:#1dbf73;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.satisfaction-label{color:#333;font-size:1rem;font-weight:600;margin-bottom:.5rem}.satisfaction-stars{color:gold;font-size:1.2rem}@media (max-width:900px){.analytics-stats-row{align-items:center;flex-direction:column;gap:1.5rem}.stat{min-width:0;padding:1.5rem 1rem;width:100%}.modern-bar-chart{padding:1.2rem 1rem 1rem}.categories-grid,.metrics-grid,.satisfaction-grid{grid-template-columns:1fr}}@media (max-width:600px){.analytics-container{padding:0 1rem}.analytics-title{font-size:1.8rem}.growth-metrics h3,.satisfaction-section h3,.service-categories h3{font-size:1.5rem}}.testimonials{align-items:center;background:#fff;display:flex;flex-direction:column;gap:2rem;padding:3rem 1rem 1rem;position:relative}.testimonials-content{align-items:stretch;display:flex;gap:2rem;justify-content:center;width:100%}.testimonials-title{animation:titleGlow 3s ease-in-out infinite;color:#000;font-size:3rem;font-weight:700;margin-bottom:2rem;position:relative;text-align:center;z-index:1}@keyframes titleGlow{0%,to{text-shadow:0 0 5px #0000004d}50%{text-shadow:0 0 20px #0009}}.testimonials-subtitle{color:#666;font-size:1.2rem;font-weight:500;margin-bottom:2rem;position:relative;text-align:center;z-index:1}.testimonial{background:#fff;border-radius:18px;box-shadow:0 4px 16px #00000014;display:flex;flex:1 1;flex-direction:column;justify-content:space-between;max-width:340px;padding:2rem 1.5rem;position:relative;z-index:1}.testimonial-quote{color:#222;font-size:1.15rem;font-style:italic;line-height:1.6;margin-bottom:1.5rem}.testimonial-author{color:#1dbf73;font-size:1rem;font-weight:700;text-align:right}.testimonial-avatar{border-radius:50%;box-shadow:0 2px 8px #0000001a;display:block;height:64px;margin:0 auto 1rem;object-fit:cover;width:64px}.testimonial-rating{color:gold;font-size:1.2rem;letter-spacing:.1em;margin-bottom:.5rem;text-align:center}@media (max-width:900px){.testimonials{align-items:center;flex-direction:column;gap:1.5rem}.testimonials-title{font-size:2.5rem}.testimonials-content{align-items:center;flex-direction:column}.testimonial{max-width:100%;width:100%}}@media (max-width:480px){.testimonials-title{font-size:2rem}}.hiw-modal-overlay{align-items:center;background:#0000008c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2000}.hiw-modal{animation:hiw-fade-in .2s;background:#fff;border-radius:18px;box-shadow:0 8px 32px #0000002e;max-height:90vh;max-width:540px;overflow-x:hidden;overflow-y:auto;padding:2.5rem 2rem 2rem;position:relative;width:90vw}@keyframes hiw-fade-in{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hiw-close-btn{background:none;border:none;color:#1dbf73;cursor:pointer;font-size:2rem;position:absolute;right:1rem;top:1rem;transition:color .2s}.hiw-close-btn:hover{color:#169c5c}.hiw-section{margin-bottom:2rem}.hiw-section h3{color:#1dbf73;margin-bottom:.5rem}.hiw-steps{padding-left:1.2rem}.hiw-steps li{margin-bottom:1.1rem}.hiw-divider{color:#333;font-size:1.1rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.bm-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:18000}.bm-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:100%;overflow:hidden;width:560px}.bm-header{align-items:flex-start;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:1.25rem 1.5rem 1rem}.bm-title{color:#111;font-size:1.25rem;font-weight:700;margin:0}.bm-subtitle{color:#888;font-size:.82rem;margin:2px 0 0}.bm-close{background:none;border:none;color:#888;cursor:pointer;font-size:1.5rem;line-height:1;margin-left:1rem;padding:0;transition:color .15s}.bm-close:hover{color:#111}.bm-filters{border-bottom:1px solid #f0f0f0;display:flex;gap:.4rem;overflow-x:auto;padding:.75rem 1.5rem;scrollbar-width:none}.bm-filters::-webkit-scrollbar{display:none}.bm-filter-btn{background:#fff;border:1.5px solid #e0e0e0;border-radius:20px;color:#555;cursor:pointer;font-size:.82rem;font-weight:500;padding:.3rem .85rem;transition:all .15s;white-space:nowrap}.bm-filter-btn:hover{border-color:#1a6b3c;color:#1a6b3c}.bm-filter-btn.active{background:#1a6b3c;border-color:#1a6b3c;color:#fff}.bm-content{flex:1 1;overflow-y:auto;padding:1rem 1.5rem 1.5rem}.bm-state{align-items:center;color:#888;display:flex;flex-direction:column;gap:.75rem;justify-content:center;padding:3rem 1rem;text-align:center}.bm-spinner{animation:bmSpin .7s linear infinite;border:3px solid #e0e0e0;border-radius:50%;border-top-color:#1a6b3c;height:36px;width:36px}@keyframes bmSpin{to{transform:rotate(1turn)}}.bm-empty-icon{font-size:2.5rem}.bm-empty-title{color:#333;font-size:1rem;font-weight:600;margin:0}.bm-empty-sub{color:#999;font-size:.85rem;margin:0}.bm-retry{background:#fff;border:1.5px solid #1a6b3c;border-radius:8px;color:#1a6b3c;cursor:pointer;font-size:.85rem;font-weight:600;padding:.4rem 1rem}.bm-list{display:flex;flex-direction:column;gap:.85rem}.bm-card{border:1.5px solid #e8e8e8;border-radius:12px;overflow:hidden;transition:box-shadow .15s}.bm-card:hover{box-shadow:0 2px 12px #00000014}.bm-card-header{background:#fafafa;border-bottom:1px solid #f0f0f0;gap:.5rem;justify-content:space-between;padding:.85rem 1rem .6rem}.bm-card-header,.bm-service{align-items:center;display:flex}.bm-service{gap:.6rem;min-width:0}.bm-service-icon{flex-shrink:0;font-size:1.2rem}.bm-service-name{color:#111;font-size:.95rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bm-hustlr-name{color:#666;font-size:.78rem;margin-top:1px}.bm-status-badge{border-radius:20px;flex-shrink:0;font-size:.75rem;font-weight:600;padding:.2rem .6rem;white-space:nowrap}.bm-card-body{display:flex;flex-direction:column;gap:.4rem;padding:.7rem 1rem}.bm-detail-row{align-items:flex-start;color:#444;display:flex;font-size:.85rem;gap:.5rem}.bm-detail-icon{flex-shrink:0;font-size:.85rem;margin-top:1px}.bm-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#666;display:-webkit-box;overflow:hidden}.bm-card-footer{align-items:center;background:#fafafa;border-top:1px solid #f0f0f0;display:flex;flex-wrap:wrap;gap:.4rem;justify-content:space-between;padding:.6rem 1rem}.bm-footer-left{align-items:center;display:flex;gap:.3rem}.bm-amount{color:#111;font-size:1rem;font-weight:700}.bm-payment-badge{font-size:.78rem;font-weight:600}.bm-footer-right{align-items:center;display:flex;gap:.65rem}.bm-date-created{color:#aaa;font-size:.75rem}.bm-cancel-btn{background:none;border:1.5px solid #fca5a5;border-radius:6px;color:#ef4444;cursor:pointer;font-size:.78rem;font-weight:600;padding:.2rem .6rem;transition:all .15s}.bm-cancel-btn:hover{background:#fee2e2}.bm-cancel-btn:disabled{cursor:not-allowed;opacity:.5}.bm-photos{border-top:1px solid #f0f0f0;display:flex;gap:.5rem;overflow-x:auto;padding:.6rem 1rem}.bm-photo{border:1px solid #e0e0e0;border-radius:6px;flex-shrink:0;height:64px;object-fit:cover;width:64px}@media (max-width:600px){.bm-overlay{align-items:flex-end;padding:0}.bm-modal{border-radius:20px 20px 0 0;max-height:92vh;max-width:100%;width:100%}.bm-header{padding:1rem 1.1rem .75rem}.bm-title{font-size:1.1rem}.bm-filters{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:.35rem;overflow-x:auto;padding:.75rem 1.1rem}.bm-filter-btn{flex-shrink:0;font-size:.8rem;min-height:36px;padding:.45rem .9rem;white-space:nowrap}.bm-body{padding:.75rem 1rem}.bm-card{border-radius:10px}.bm-card-header{gap:.6rem;padding:.75rem .9rem}.bm-service-name{font-size:.9rem}.bm-hustlr-name{font-size:.8rem}.bm-card-body{gap:.4rem;padding:.6rem .9rem}.bm-detail-row{font-size:.82rem}.bm-card-footer{flex-direction:row;flex-wrap:wrap;gap:.5rem;padding:.6rem .9rem}.bm-amount{font-size:.85rem}.bm-cancel-btn{font-size:.8rem;min-height:36px;padding:.45rem .9rem}}.why-us-modal-overlay{align-items:center;background:#0000008c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2000}.why-us-modal{animation:why-us-fade-in .2s;background:#fff;border-radius:18px;box-shadow:0 8px 32px #0000002e;max-height:90vh;max-width:600px;overflow-x:hidden;overflow-y:auto;padding:2.5rem 2rem 2rem;position:relative;width:90vw}@keyframes why-us-fade-in{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.why-us-close-btn{background:none;border:none;color:#1dbf73;cursor:pointer;font-size:2rem;position:absolute;right:1rem;top:1rem;transition:color .2s}.why-us-close-btn:hover{color:#169c5c}.why-us-modal h2{color:#1dbf73;font-size:1.8rem;margin-bottom:.5rem;text-align:center}.why-us-subtitle{color:#333;font-size:1.2rem;font-weight:600;margin-bottom:1rem;text-align:center}.why-us-intro{color:#666;font-size:1rem;line-height:1.5;padding:0 1rem;text-align:center}.why-us-intro,.why-us-section{margin-bottom:2rem}.why-us-section h3{color:#1dbf73;font-size:1.3rem;font-weight:600;margin-bottom:1rem}.why-us-list{list-style:none;margin:0;padding:0}.why-us-list li{border-bottom:1px solid #f0f0f0;color:#333;font-size:.95rem;line-height:1.5;padding:.75rem 0}.why-us-list li:last-child{border-bottom:none}.why-us-footer{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;margin-top:2rem;padding:1.5rem;text-align:center}.why-us-footer h3{color:#1dbf73;font-size:1.2rem;margin-bottom:.5rem}.why-us-footer p{color:#666;font-size:.95rem;line-height:1.5;margin:0}@media (max-width:768px){.why-us-modal{padding:2rem 1.5rem 1.5rem}.why-us-modal h2{font-size:1.5rem}.why-us-subtitle{font-size:1.1rem}.why-us-list li{font-size:.9rem}}.custom-link-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:10000}.custom-link-content{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;padding:2.5rem;position:relative;width:100%}.custom-link-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .3s ease;width:40px}.custom-link-close-btn:hover{background:#f0f0f0;color:#333}.custom-link-header{margin-bottom:2rem;text-align:center}.custom-link-header h2{color:#333;font-size:2rem;font-weight:700;margin-bottom:.5rem}.custom-link-header p{color:#666;font-size:1rem}.custom-link-form{display:flex;flex-direction:column;gap:2rem}.form-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:1.5rem}.form-section h3{align-items:center;color:#333;display:flex;font-size:1.2rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.section-description{color:#666;font-size:.9rem;line-height:1.4;margin-bottom:1.5rem}.form-group:last-child{margin-bottom:0}.form-group label{color:#333;font-size:.9rem;font-weight:600}.label-hint{color:#666;font-size:.85rem;font-style:italic;font-weight:400}.form-group input,.form-group textarea{background:#fff;border:2px solid #e0e0e0;font-size:1rem;padding:.875rem;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{border-color:#1dbf73;box-shadow:0 0 0 3px #1dbf731a}.form-group input.error,.form-group textarea.error{border-color:#dc3545}.error-text{color:#dc3545;display:block;font-size:.85rem;margin-top:.25rem}.general-error{background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24;margin-bottom:1rem;padding:1rem;text-align:center}.input-with-prefix{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;display:flex;overflow:hidden;position:relative}.input-with-prefix:before{background:linear-gradient(180deg,#1dbf73,#18a367);bottom:0;content:"";left:0;position:absolute;top:0;width:2px;z-index:1}.input-with-prefix:focus-within{border-color:#1dbf73;box-shadow:0 0 0 3px #1dbf731a}.prefix{background:#f1f3f4;border-right:1px solid #e0e0e0;color:#5f6368;cursor:default;font-family:Courier New,monospace;font-size:.9rem;font-weight:600;padding:.875rem;pointer-events:none;position:relative;-webkit-user-select:none;user-select:none;white-space:nowrap}.prefix:before{content:"🔒";font-size:.7rem;left:-20px;opacity:.6;position:absolute;top:50%;transform:translateY(-50%)}.prefix:after{background:linear-gradient(180deg,#0000,#e0e0e0,#0000);bottom:0;content:"";position:absolute;right:0;top:0;width:1px}.input-with-prefix input{background:#fff;border:none;border-radius:0;box-shadow:none;color:#333;flex:1 1;font-size:.95rem;padding:.875rem;transition:background-color .2s ease}.input-with-prefix input:focus{background:#fafafa;box-shadow:none;outline:none}.generate-link-btn{background:linear-gradient(135deg,#1dbf73,#18a367);border:none;border-radius:50px;box-shadow:0 4px 15px #1dbf734d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:1rem;padding:1rem 2rem;transition:all .3s ease}.generate-link-btn:hover:not(:disabled){box-shadow:0 6px 20px #1dbf7366;transform:translateY(-2px)}.generate-link-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.photo-upload-area{margin-bottom:1.5rem}.photo-input{display:none}.photo-upload-label{align-items:center;background:#f8fff9;border:2px dashed #1dbf73;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:2rem;text-align:center;transition:all .3s ease}.photo-upload-label:hover{background:#f0fdf4;border-color:#18a367;transform:translateY(-1px)}.upload-icon{font-size:2.5rem;margin-bottom:1rem}.upload-text{display:flex;flex-direction:column;gap:.25rem}.upload-text strong{color:#1dbf73;font-size:1.1rem}.upload-text span{color:#666;font-size:.9rem}.upload-text small{color:#999;font-size:.8rem;margin-top:.25rem}.photo-gallery{margin-top:1.5rem}.photo-gallery h4{color:#333;font-size:1rem;font-weight:600;margin-bottom:1rem}.photo-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.photo-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;overflow:hidden;position:relative}.photo-preview{display:block;height:120px;object-fit:cover;width:100%}.remove-photo-btn{align-items:center;background:#dc3545e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:24px;justify-content:center;position:absolute;right:.25rem;top:.25rem;transition:all .3s ease;width:24px}.remove-photo-btn:hover{background:#dc3545;transform:scale(1.1)}.photo-name{background:#fff;border-top:1px solid #e9ecef;color:#666;font-size:.8rem;padding:.5rem;text-align:center;word-break:break-word}.loading-spinner{animation:spin 1s linear infinite}.link-success{padding:2rem 0;text-align:center}.success-icon{animation:bounce 1s ease-in-out;font-size:4rem;margin-bottom:1rem}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.link-success h3{color:#1dbf73;font-size:1.8rem;font-weight:700;margin-bottom:1.5rem}.generated-link{align-items:center;background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;padding:1.5rem}.link-text{color:#333;font-family:Courier New,monospace;font-size:1.1rem;font-weight:600;word-break:break-all}.copy-btn{background:#1dbf73;border:none;border-radius:6px;color:#fff;cursor:pointer;flex-shrink:0;font-size:.9rem;font-weight:600;padding:.5rem 1rem;transition:all .3s ease;white-space:nowrap}.copy-btn:hover{background:#18a367;transform:translateY(-1px)}.link-description{color:#666;font-size:1rem;line-height:1.5;margin-bottom:2rem}.link-actions{gap:1rem;justify-content:center}.new-link-btn,.preview-btn{border:none;border-radius:25px;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.new-link-btn{background:#1dbf73;color:#fff}.new-link-btn:hover{background:#18a367;transform:translateY(-1px)}.preview-btn{background:#f8f9fa;border:2px solid #e9ecef;color:#333}.preview-btn:hover{background:#e9ecef;transform:translateY(-1px)}@media (max-width:768px){.custom-link-overlay{padding:1rem}.custom-link-content{padding:2rem}.custom-link-header h2{font-size:1.75rem}.form-section{padding:1rem}.photo-grid{gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.photo-preview{height:100px}.photo-upload-label{padding:1.5rem}.upload-icon{font-size:2rem}.generated-link{gap:1rem}.generated-link,.link-actions{flex-direction:column}.new-link-btn,.preview-btn{width:100%}}@media (max-width:480px){.custom-link-content{padding:1.5rem}.custom-link-header h2{font-size:1.5rem}.form-group input,.form-group textarea{padding:.75rem}.photo-grid{gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.photo-preview{height:80px}.photo-upload-label{padding:1rem}.upload-icon{font-size:1.5rem}.upload-text strong{font-size:1rem}.generate-link-btn{font-size:1rem;padding:.875rem 1.5rem}}.booking-demos-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.booking-demos-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;max-height:80vh;max-width:800px;overflow-y:auto;width:90%}.booking-demos-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e5e7eb;border-radius:16px 16px 0 0;color:#fff;display:flex;justify-content:space-between;padding:24px 32px}.booking-demos-header h2{font-size:24px;font-weight:600;margin:0}.booking-demos-content{padding:32px}.booking-demos-description{color:#6b7280;font-size:16px;line-height:1.6;margin-bottom:32px;text-align:center}.demos-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.demo-card{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.demo-card:hover{background:#f1f5f9;border-color:#667eea;box-shadow:0 8px 25px #667eea26;transform:translateY(-2px)}.demo-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.demo-card:hover:before{transform:scaleX(1)}.demo-title{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 12px}.demo-description{color:#6b7280;font-size:14px;line-height:1.5;margin:0}.demo-arrow{color:#667eea;font-size:20px;opacity:0;position:absolute;right:24px;top:24px;transition:all .3s ease}.demo-card:hover .demo-arrow{opacity:1;transform:translateX(4px)}@media (max-width:768px){.booking-demos-modal{margin:20px;width:95%}.booking-demos-header{padding:20px 24px}.booking-demos-header h2{font-size:20px}.booking-demos-content{padding:24px}.demos-grid{gap:16px;grid-template-columns:1fr}.demo-card{padding:20px}}@media (max-width:480px){.booking-demos-modal{margin:10px;width:98%}.booking-demos-header{padding:16px 20px}.booking-demos-content{padding:20px}.demo-card{padding:16px}}.team-up-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#00000080;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:1000}.team-up-modal-overlay.open{opacity:1;visibility:visible}.team-up-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;max-height:85vh;max-width:1000px;overflow-y:auto;width:90%}.team-up-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e5e7eb;border-radius:16px 16px 0 0;color:#fff;display:flex;justify-content:space-between;padding:24px 32px}.team-up-header h2{font-size:24px;font-weight:600;margin:0}.team-up-tabs{background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex}.tab{flex:1 1}.tab:hover:not(:disabled){background:#f1f5f9;color:#667eea}.tab.active{border-bottom-color:#667eea;color:#667eea}.tab:disabled{cursor:not-allowed;opacity:.5}.team-up-content{padding:32px}.jobs-list h3{color:#1f2937;font-size:20px;font-weight:600;margin:0 0 8px}.section-description{color:#6b7280;font-size:14px;margin-bottom:24px}.jobs-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.job-card{padding:20px}.job-card:hover{background:#f1f5f9;border-color:#667eea;box-shadow:0 8px 25px #667eea26}.job-header h4{color:#1f2937;flex:1 1;font-size:16px;font-weight:600;margin:0}.budget{background:linear-gradient(135deg,#10b981,#059669);border-radius:20px;color:#fff;font-size:14px;font-weight:600;padding:4px 12px}.job-description{color:#6b7280;margin-bottom:16px}.job-details{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.job-details span{align-items:center;color:#4b5563;display:flex;font-size:12px;gap:4px}.skills-required{margin-bottom:16px}.skills-required strong{color:#374151;display:block;font-size:12px;margin-bottom:8px}.skills-tags{display:flex;flex-wrap:wrap;gap:6px}.skill-tag{background:#e0e7ff;border-radius:12px;color:#3730a3;font-size:11px;font-weight:500;padding:4px 8px}.skill-tag.small{font-size:10px;padding:2px 6px}.job-footer{color:#9ca3af;font-size:12px}.join-team-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px;transition:all .3s ease;width:100%}.join-team-btn:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.build-team{margin:0 auto;max-width:1000px}.search-modes{display:flex;gap:12px;margin-bottom:24px}.search-mode-btn{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;flex:1 1;font-weight:600;padding:12px 20px;transition:all .3s ease}.search-mode-btn:hover{border-color:#667eea;color:#667eea}.search-mode-btn.active{background:#667eea;border-color:#667eea;color:#fff}.browse-section,.search-bar{margin-bottom:24px}.search-input{font-size:14px;transition:all .3s ease}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.search-icon{color:#9ca3af;font-size:16px;top:50%;transform:translateY(-50%)}.no-results{color:#6b7280;padding:40px 20px}.clear-search-btn{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .3s ease}.clear-search-btn:hover{background:#5a67d8}.link-search-section{margin-bottom:24px}.link-search-container{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;padding:24px}.link-search-container h5{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 8px}.link-search-container p{color:#6b7280;font-size:14px;margin:0 0 20px}.link-input-group{gap:12px;margin-bottom:20px}.link-input{border:2px solid #e2e8f0;border-radius:8px;transition:all .3s ease}.link-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.search-link-btn{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease;white-space:nowrap}.search-link-btn:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px)}.search-link-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.link-examples{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.link-examples p{color:#374151;font-size:14px;margin:0 0 12px}.link-examples ul{color:#6b7280;font-size:13px;margin:0;padding-left:20px}.link-examples li{font-family:monospace;margin-bottom:4px}.selected-job-summary{padding:20px}.no-job-selected,.selected-job-summary{background:#f0f9ff;border:2px solid #0ea5e9;border-radius:12px;margin-bottom:24px}.no-job-selected{padding:24px;text-align:center}.no-job-selected h3{color:#0c4a6e;font-size:20px;font-weight:600;margin:0 0 12px}.no-job-selected p{color:#0369a1;font-size:16px;margin:0 0 16px}.job-selection-prompt{background:#fff;border:1px solid #0ea5e9;border-radius:8px;margin-top:16px;padding:16px}.job-selection-prompt p{color:#0c4a6e;font-size:14px;margin:0}.team-actions{background:#f8fafc;border-radius:8px;margin-top:16px;padding:20px;text-align:center}.team-actions p{color:#6b7280;font-size:14px;margin:0 0 16px}.selected-job-summary h3{color:#0c4a6e;font-size:18px;margin:0 0 12px}.job-summary-details{display:flex;flex-wrap:wrap;gap:20px}.job-summary-details span{color:#0369a1;font-size:14px;font-weight:500}.team-building-section h4{color:#1f2937;font-size:16px;margin:0 0 8px}.team-building-section p{color:#6b7280;font-size:14px;margin-bottom:20px}.members-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:24px}.member-card{align-items:flex-start;background:#fff;border:2px solid #e2e8f0;border-radius:12px;display:flex;gap:16px;min-height:140px;padding:20px;transition:all .3s ease}.member-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea1a}.member-avatar{align-items:center;background:#f1f5f9;border-radius:50%;display:flex;font-size:24px;height:40px;justify-content:center;width:40px}.member-info{flex:1 1}.member-info h5{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 4px}.member-location{color:#6b7280}.member-bio,.member-location{font-size:12px;margin-bottom:8px}.member-bio{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#4b5563;display:-webkit-box;line-height:1.4;overflow:hidden}.member-profile-link{color:#667eea;font-family:monospace;font-size:11px;margin-bottom:8px}.member-skills{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.member-stats{color:#6b7280;display:flex;font-size:12px;gap:12px}.add-member-btn{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 16px;transition:all .3s ease}.add-member-btn:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.add-member-btn:disabled{background:#9ca3af;cursor:not-allowed}.selected-team{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;margin-top:24px;padding:20px}.selected-team h4{color:#1f2937;font-size:16px;margin:0 0 16px}.team-members{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.team-leader,.team-member{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:12px;padding:12px}.team-leader{background:#f0f9ff;border-color:#0ea5e9}.member-name{color:#1f2937;flex:1 1;font-size:14px;font-weight:500}.remove-member-btn{align-items:center;background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;width:24px}.remove-member-btn:hover{background:#dc2626}.revenue-share{background:#fff;border:2px solid #e2e8f0;border-radius:12px;margin-bottom:24px;padding:20px}.revenue-share h4{color:#1f2937;font-size:16px;margin:0 0 16px}.share-breakdown{display:flex;flex-direction:column;gap:8px}.share-item{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:8px 0}.share-item:last-child{border-bottom:none}.share-item span:first-child{color:#4b5563;font-size:14px}.share-item span:last-child{color:#1f2937;font-size:14px;font-weight:600}.share-total{align-items:center;border-top:2px solid #e2e8f0;display:flex;justify-content:space-between;margin-top:8px;padding:12px 0}.share-total span:first-child{color:#1f2937;font-size:16px;font-weight:600}.share-total span:last-child{color:#10b981;font-size:18px;font-weight:700}.submit-team-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px;transition:all .3s ease;width:100%}.submit-team-btn:hover:not(:disabled){box-shadow:0 8px 25px #10b9814d;transform:translateY(-2px)}.submit-team-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.my-teams h3{color:#1f2937;font-size:20px;margin:0 0 24px}.no-teams-message{color:#6b7280;padding:60px 20px;text-align:center}.no-teams-message p{font-size:16px;margin:0 0 16px}.browse-jobs-btn{background:linear-gradient(135deg,#667eea,#764ba2)}.browse-jobs-btn:hover{box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}@media (max-width:768px){.team-up-modal{margin:20px;width:95%}.team-up-header{padding:20px 24px}.team-up-header h2{font-size:20px}.team-up-content{padding:24px}.jobs-grid,.members-grid{grid-template-columns:1fr}.job-summary-details{flex-direction:column;gap:8px}.tab{font-size:13px;padding:12px 16px}}@media (max-width:480px){.team-up-modal{margin:10px;width:98%}.team-up-header{padding:16px 20px}.team-up-content{padding:20px}.member-card{flex-direction:column;text-align:center}.member-stats{justify-content:center}}.back-office-page{background:linear-gradient(135deg,#f8f9fa,#e9ecef 50%,#dee2e6);margin:0;min-height:100vh;padding:0;transition:all .3s ease}.back-office-page.dark-mode{background:linear-gradient(135deg,#343a40,#495057 50%,#6c757d)}.back-office-header{background:linear-gradient(135deg,#1dbf73,#18a367);box-shadow:0 4px 20px #0000001a;color:#fff;padding:2rem 0}.header-content{margin:0 auto;max-width:1200px;padding:0 2rem;text-align:center}.back-btn{border-radius:8px;font-size:1rem;font-weight:500;margin-bottom:1rem}.header-content h1{font-size:2.5rem;font-weight:700;margin:0 0 .5rem}.header-content p{font-size:1.1rem;margin:0;opacity:.9}.back-office-container{margin:0 auto;max-width:1200px;padding:2rem}.back-office-tabs{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;display:flex;margin-bottom:2rem;overflow-x:auto;transition:all .3s ease}.dark-mode .back-office-tabs{background:#374151;box-shadow:0 4px 20px #0000004d}.tab{color:#6b7280;font-size:1rem;padding:1.5rem 2rem}.tab:hover{background:#f8fafc;color:#495057}.tab.active{background:#f1f5f9;border-bottom-color:#1dbf73;color:#1dbf73}.dark-mode .tab{color:#9ca3af}.dark-mode .tab:hover{background:#374151;color:#adb5bd}.dark-mode .tab.active{background:#4b5563;border-bottom-color:#1dbf73;color:#1dbf73}.back-office-content{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;min-height:600px;padding:2rem;transition:all .3s ease}.dark-mode .back-office-content{background:#1f2937;box-shadow:0 4px 20px #0000004d}.overview-tab{max-width:100%}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:3rem}.stat-card{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:1rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.stat-card:before{background:#1dbf73;content:"";height:100%;left:0;position:absolute;top:0;width:4px}.stat-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-4px)}.stat-icon{align-items:center;background:linear-gradient(135deg,#1dbf73,#18a367);border-radius:12px;box-shadow:0 2px 10px #1dbf7333;color:#fff;display:flex;font-size:2.5rem;height:60px;justify-content:center;width:60px}.stat-info h3{color:#1f2937;font-size:1.75rem;font-weight:700;margin:0 0 .25rem}.stat-info p{color:#6b7280;font-size:.9rem;font-weight:500;margin:0}.overview-sections{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;padding:1.5rem;position:relative}.section:before{background:linear-gradient(90deg,#1dbf73,#18a367);content:"";height:3px;left:0;position:absolute;top:0;width:100%}.section h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0 0 1rem}.upcoming-jobs{display:flex;flex-direction:column;gap:1rem}.upcoming-job-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;padding:1rem;transition:all .3s ease}.upcoming-job-card:hover{box-shadow:0 4px 12px #0000001a}.job-info h4{color:#1f2937;font-size:1rem;font-weight:600;margin:0 0 .5rem}.job-info p{color:#6b7280;font-size:.875rem;margin:0 0 .25rem}.job-earnings{background:#1dbf731a;border:1px solid #1dbf7333;border-radius:6px;color:#1dbf73;font-size:1.25rem;font-weight:700;padding:.25rem .75rem}.recent-reviews{display:flex;flex-direction:column;gap:1rem}.review-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1rem;transition:all .3s ease}.review-card:hover{box-shadow:0 4px 12px #0000001a}.review-header{align-items:center;margin-bottom:.5rem}.client-name{color:#1f2937;font-weight:600}.rating{color:#1dbf73;font-size:.875rem}.review-comment{color:#4b5563;font-size:.875rem;font-style:italic;margin:0 0 .5rem}.review-date{color:#9ca3af;font-size:.75rem}.jobs-tab{max-width:100%}.jobs-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.jobs-header h2{color:#1f2937;font-size:1.75rem;font-weight:700;margin:0}.job-filters{display:flex;gap:1rem}.status-filter{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;padding:.5rem 1rem}.jobs-list{display:flex;flex-direction:column;gap:1rem}.job-card{background:#f8fafc;border:1px solid #e2e8f0;padding:1.5rem}.job-card:hover{box-shadow:0 4px 12px #0000001a}.job-header{align-items:center;margin-bottom:1rem}.job-header h3{color:#1f2937;font-size:1.125rem;font-weight:600;margin:0}.job-status{background:#1dbf731a;border:1px solid #1dbf7333;font-size:.875rem;padding:.25rem .75rem}.job-details{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.job-details p{color:#6b7280;font-size:.875rem;margin:0}.job-details strong{color:#1f2937}.earnings-tab{max-width:100%}.earnings-overview{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:3rem}.earnings-card{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #e2e8f0;border-radius:12px;padding:2rem;text-align:center;transition:all .3s ease}.earnings-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-4px)}.earnings-card h3{color:#6b7280;font-size:1rem;font-weight:600;letter-spacing:.05em;margin:0 0 1rem;text-transform:uppercase}.earnings-amount{color:#1dbf73;font-size:2.5rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 2px 4px #1dbf7333}.earnings-card p{color:#6b7280;font-size:.875rem;margin:0}.earnings-chart{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:2rem}.earnings-chart h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0 0 2rem;text-align:center}.chart-container{height:300px;justify-content:center}.chart-bars,.chart-container{align-items:flex-end;display:flex;gap:2rem}.chart-bars{height:100%}.chart-bar{align-items:center;display:flex;flex-direction:column;gap:.5rem}.bar-fill{background:linear-gradient(135deg,#1dbf73,#18a367);border-radius:4px 4px 0 0;transition:all .3s ease;width:40px}.bar-label{color:#6b7280;font-size:.875rem;font-weight:500}.bar-value{color:#9ca3af;font-size:.75rem}.reviews-tab{max-width:100%}.reviews-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.reviews-header h2{color:#1f2937;font-size:1.75rem;font-weight:700;margin:0}.reviews-summary{align-items:center;display:flex;gap:1rem}.average-rating{align-items:center;display:flex;gap:.5rem}.rating-number{color:#1f2937;font-size:1.5rem;font-weight:700}.rating-stars{color:#1dbf73;font-size:1.25rem}.total-reviews{color:#6b7280;font-size:.875rem}.reviews-list{display:flex;flex-direction:column;gap:1.5rem}.review-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;transition:all .3s ease}.review-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.review-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.reviewer-info{display:flex;flex-direction:column;gap:.25rem}.reviewer-name{color:#1f2937;font-size:1rem;font-weight:600}.job-title{color:#6b7280;font-size:.875rem}.review-rating{align-items:flex-end;display:flex;flex-direction:column;gap:.25rem}.stars{color:#1dbf73;font-size:1rem}.date{color:#9ca3af;font-size:.75rem}.review-text{color:#4b5563;font-size:.875rem;line-height:1.5;margin:0}.settings-tab{margin:0 auto;max-width:100%}.settings-section{border:none;margin-bottom:0}.setting-item label{display:block}.service-tags{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.service-tag{background:#6c757d;border-radius:20px;color:#fff;font-weight:500}.add-service-btn,.service-tag{font-size:.875rem;padding:.5rem 1rem}.add-service-btn{background:#e2e8f0;border:1px solid #d1d5db;border-radius:20px;color:#6b7280;cursor:pointer;transition:all .3s ease}.add-service-btn:hover{background:#d1d5db;color:#374151}.areas-input,.rate-input{border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;padding:.75rem;transition:border-color .3s ease;width:100%}.areas-input:focus,.rate-input:focus{border-color:#3b82f6;outline:none}.delete-account-btn,.export-data-btn,.save-settings-btn{border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:600;margin-bottom:1rem;margin-right:1rem;padding:.75rem 1.5rem;transition:all .3s ease}.export-data-btn{background:#6c757d;color:#fff}.export-data-btn:hover{background:#495057}.delete-account-btn{background:#ef4444;color:#fff}.delete-account-btn:hover{background:#dc2626}.bookings-tab{max-width:100%}.bookings-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.bookings-header h2{color:#1f2937;font-size:1.75rem;font-weight:700;margin:0}.booking-actions{align-items:center;gap:1rem}.new-booking-btn{background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.new-booking-btn:hover{background:#495057}.bookings-list{display:flex;flex-direction:column;gap:1.5rem}.booking-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;transition:all .3s ease}.booking-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.booking-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.booking-info h3{color:#1f2937;font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.client-name{color:#6b7280;font-size:.875rem}.booking-status{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem}.status-badge{border:1px solid #1dbf7333;border-radius:12px;font-size:.875rem;font-weight:600}.booking-amount,.status-badge{background:#1dbf731a;padding:.25rem .75rem}.booking-amount{border:1px solid #1dbf7333;border-radius:6px;color:#1dbf73;font-size:1.25rem;font-weight:700}.booking-details{margin-bottom:1rem}.detail-row{display:flex;flex-wrap:wrap;gap:2rem;margin-bottom:.5rem}.detail-row span{color:#6b7280;font-size:.875rem}.detail-row strong{color:#1f2937}.booking-actions{display:flex;flex-wrap:wrap;gap:.5rem}.action-btn{background:#fff;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.confirm-btn:hover{background:#1dbf73;border-color:#1dbf73;color:#fff}.reschedule-btn:hover{background:#6c757d;border-color:#6c757d;color:#fff}.cancel-btn:hover{background:#ef4444;border-color:#ef4444;color:#fff}.message-btn:hover{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.messages-tab{max-width:100%}.messages-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.messages-header h2{color:#1f2937;font-size:1.75rem;font-weight:700;margin:0}.message-actions{align-items:center;gap:1rem}.compose-btn{background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.compose-btn:hover{background:#495057}.messages-list{display:flex;flex-direction:column;gap:1rem}.message-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;transition:all .3s ease}.message-card.unread{background:#fff;border-left:4px solid #1dbf73}.message-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.message-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.message-info h3{color:#1f2937;font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.sender-name{color:#6b7280;font-size:.875rem}.message-meta{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem}.priority-badge{background:#0000001a;border-radius:8px;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.priority-badge.high{background:#ef44441a;color:#dc2626}.priority-badge.medium{background:#f59e0b1a;color:#d97706}.priority-badge.low{background:#1dbf731a;color:#1dbf73}.timestamp{color:#9ca3af;font-size:.75rem}.unread-indicator{color:#1dbf73;font-size:1rem;font-weight:700}.message-preview{margin-bottom:1rem}.message-preview p{color:#4b5563;font-size:.875rem;line-height:1.5;margin:0}.message-actions{display:flex;flex-wrap:wrap;gap:.5rem}.reply-btn:hover{background:#6c757d;border-color:#6c757d;color:#fff}.archive-btn:hover{background:#6b7280;border-color:#6b7280;color:#fff}.delete-btn:hover{background:#ef4444;border-color:#ef4444;color:#fff}.profile-tab{max-width:100%}.profile-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.profile-header h2{color:#1f2937;font-size:1.75rem;font-weight:700;margin:0}.edit-profile-btn{background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.edit-profile-btn:hover{background:#495057}.profile-sections{display:flex;flex-direction:column;gap:2rem}.profile-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:2rem}.profile-section h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0 0 1.5rem}.profile-info{align-items:flex-start;display:flex;gap:2rem}.profile-image{align-items:center;display:flex;flex-direction:column;gap:1rem;position:relative}.profile-image img{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:4px solid #1dbf73;border-radius:50%;box-shadow:0 8px 25px #1dbf734d;height:150px;object-fit:cover;transition:transform .3s ease;width:150px}.profile-image:hover img{transform:scale(1.05)}.change-photo-btn{background:#1dbf73;border:none;border-radius:25px;box-shadow:0 4px 15px #1dbf734d;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.change-photo-btn:hover{background:#18a367;box-shadow:0 6px 20px #1dbf7366;transform:translateY(-2px)}.info-details{flex:1 1}.info-row{align-items:flex-start;margin-bottom:1rem}.info-row label{color:#1f2937;font-weight:600;margin-right:1rem;min-width:100px}.bio-text,.info-row span{color:#6b7280}.bio-text{font-style:italic;line-height:1.6;margin:0}.services-list{display:flex;flex-direction:column;gap:1rem}.service-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;padding:1rem}.service-info{display:flex;flex-direction:column;gap:.25rem}.service-name{color:#1f2937;font-weight:600}.service-rate{color:#1dbf73;font-weight:600}.service-status{align-items:center;display:flex;gap:.5rem}.status-indicator{font-size:1.25rem}.status-indicator.active{color:#1dbf73}.status-indicator.inactive{color:#9ca3af}.status-text{color:#6b7280;font-size:.875rem}.availability-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.availability-day{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;padding:1rem}.day-name{color:#1f2937;font-weight:600}.day-hours{color:#6b7280;font-size:.875rem}.certifications-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.certification-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:.75rem;padding:.75rem}.cert-icon{color:#1dbf73;font-size:1.25rem}.cert-name{color:#1f2937;font-weight:500}.documents-list{display:flex;flex-direction:column;gap:.75rem}.document-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;padding:.75rem}.doc-info{display:flex;flex-direction:column;gap:.25rem}.doc-name{color:#1f2937;font-weight:600}.doc-status{border-radius:4px;font-size:.875rem;font-weight:500;padding:.25rem .5rem}.doc-status.active,.doc-status.verified{background:#1dbf731a;color:#1dbf73}.doc-date{color:#9ca3af;font-size:.875rem}.toggle-container{align-items:center;display:flex}.toggle-input{display:none}.toggle-label{border-radius:34px;display:inline-block;height:34px;position:relative;transition:background-color .3s ease;width:60px}.toggle-slider{background-color:#fff;border-radius:50%;bottom:4px;box-shadow:0 2px 4px #0003;content:"";height:26px;left:4px;position:absolute;transition:transform .3s ease;width:26px}.toggle-input:checked+.toggle-label .toggle-slider{transform:translateX(26px)}.dark-mode .stat-card{background:linear-gradient(135deg,#374151,#4b5563);border-color:#6b7280}.dark-mode .stat-info h3{color:#f9fafb}.dark-mode .stat-info p{color:#d1d5db}.dark-mode .section{background:#374151;border-color:#6b7280}.dark-mode .section h3{color:#f9fafb}.dark-mode .availability-day,.dark-mode .booking-card,.dark-mode .certification-item,.dark-mode .document-item,.dark-mode .job-card,.dark-mode .message-card,.dark-mode .review-card,.dark-mode .service-item,.dark-mode .upcoming-job-card{background:#4b5563;border-color:#6b7280}.dark-mode .booking-info h3,.dark-mode .cert-name,.dark-mode .day-name,.dark-mode .doc-name,.dark-mode .job-info h4,.dark-mode .message-info h3,.dark-mode .service-name{color:#f9fafb}.dark-mode .client-name,.dark-mode .day-hours,.dark-mode .detail-row span,.dark-mode .job-details p,.dark-mode .job-info p,.dark-mode .message-preview p,.dark-mode .review-comment,.dark-mode .review-text,.dark-mode .sender-name,.dark-mode .status-text{color:#d1d5db}.dark-mode .detail-row strong,.dark-mode .job-details strong{color:#f9fafb}.dark-mode .earnings-card{background:linear-gradient(135deg,#374151,#4b5563);border-color:#6b7280}.dark-mode .earnings-card h3{color:#d1d5db}.dark-mode .earnings-card p{color:#9ca3af}.dark-mode .earnings-chart{background:#374151;border-color:#6b7280}.dark-mode .earnings-chart h3{color:#f9fafb}.dark-mode .bar-label{color:#d1d5db}.dark-mode .bar-value{color:#9ca3af}.dark-mode .profile-section{background:#374151;border-color:#6b7280}.dark-mode .info-row label,.dark-mode .profile-section h3,.dark-mode .profile-section h4{color:#f9fafb}.dark-mode .bio-text,.dark-mode .info-row span{color:#d1d5db}.dark-mode .settings-section{border-color:#6b7280}.dark-mode .areas-input,.dark-mode .rate-input{background:#4b5563;border-color:#6b7280;color:#f9fafb}.dark-mode .areas-input:focus,.dark-mode .rate-input:focus{border-color:#1dbf73}.dark-mode .bookings-header h2,.dark-mode .jobs-header h2,.dark-mode .messages-header h2,.dark-mode .profile-header h2,.dark-mode .reviews-header h2{color:#f9fafb}.dark-mode .action-btn,.dark-mode .priority-filter,.dark-mode .status-filter{background:#4b5563;border-color:#6b7280;color:#f9fafb}.dark-mode .compose-btn,.dark-mode .edit-profile-btn,.dark-mode .new-booking-btn{background:#6c757d}.dark-mode .compose-btn:hover,.dark-mode .edit-profile-btn:hover,.dark-mode .new-booking-btn:hover{background:#495057}.dark-mode .save-settings-btn{background:#1dbf73}.dark-mode .save-settings-btn:hover{background:#18a367}.dark-mode .export-data-btn{background:#6c757d}.dark-mode .export-data-btn:hover{background:#495057}.dark-mode .delete-account-btn{background:#ef4444}.dark-mode .delete-account-btn:hover{background:#dc2626}.settings-tab{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr}.settings-section{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;padding:2rem;transition:all .3s ease}.settings-section:hover{box-shadow:0 6px 25px #00000026;transform:translateY(-2px)}.settings-section h3{border-bottom:2px solid #f0f0f0;color:#333;font-size:1.3rem;font-weight:600;margin:0 0 1.5rem;padding-bottom:.75rem}.setting-item{flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.setting-item:last-child{margin-bottom:0}.setting-item label{color:#333;font-size:.95rem;font-weight:600;margin-bottom:.25rem}.bio-input{border:2px solid #e0e0e0;border-radius:8px;font-size:.9rem;min-height:80px;padding:.75rem;resize:vertical;transition:border-color .3s ease;width:100%}.bio-input:focus{border-color:#1dbf73;box-shadow:0 0 0 3px #1dbf731a;outline:none}.language-tags{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.language-tag{background:#e8f5e8;border:1px solid #d4edda;border-radius:20px;color:#1dbf73;font-weight:500}.add-language-btn,.language-tag{font-size:.85rem;padding:.5rem 1rem}.add-language-btn{background:#f8f9fa;border:1px dashed #dee2e6;border-radius:20px;color:#6c757d;cursor:pointer;transition:all .3s ease}.add-language-btn:hover{background:#e9ecef;border-color:#adb5bd;color:#495057}.hours-container{display:flex;flex-direction:column;gap:.75rem}.day-hours{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;gap:1rem;padding:.75rem}.day-hours span{color:#495057;font-weight:500;min-width:100px}.day-hours input[type=time]{border:1px solid #dee2e6;border-radius:6px;font-size:.9rem;padding:.5rem}.distance-select{background:#fff;border:2px solid #e0e0e0;border-radius:8px;font-size:.9rem;padding:.75rem;transition:border-color .3s ease;width:100%}.distance-select:focus{border-color:#1dbf73;box-shadow:0 0 0 3px #1dbf731a;outline:none}.payment-methods{display:flex;flex-direction:column;gap:.75rem}.payment-method{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;gap:.75rem;padding:.75rem;transition:all .3s ease}.payment-method:hover{background:#e9ecef}.payment-method input[type=radio]{accent-color:#1dbf73;height:18px;width:18px}.payment-method label{color:#495057;cursor:pointer;font-weight:500;margin:0}.payout-select{background:#fff;border:2px solid #e0e0e0;border-radius:8px;font-size:.9rem;padding:.75rem;transition:border-color .3s ease;width:100%}.payout-select:focus{border-color:#1dbf73;box-shadow:0 0 0 3px #1dbf731a;outline:none}.update-tax-btn{background:#17a2b8;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.update-tax-btn:hover{background:#138496;transform:translateY(-1px)}.font-size-select{background:#fff;border:2px solid #e0e0e0;border-radius:8px;font-size:.9rem;padding:.75rem;transition:border-color .3s ease;width:100%}.font-size-select:focus{border-color:#1dbf73;box-shadow:0 0 0 3px #1dbf731a;outline:none}.color-themes{display:flex;flex-direction:column;gap:.75rem}.color-theme{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;gap:.75rem;padding:.75rem;transition:all .3s ease}.color-theme:hover{background:#e9ecef}.color-theme input[type=radio]{accent-color:#1dbf73;height:18px;width:18px}.theme-label{align-items:center;color:#495057;cursor:pointer;display:flex;font-weight:500;gap:.75rem;margin:0}.color-preview{border:2px solid #dee2e6;border-radius:50%;height:24px;width:24px}.default-theme{background:linear-gradient(135deg,#1dbf73,#18a367)}.ocean-theme{background:linear-gradient(135deg,#007bff,#0056b3)}.forest-theme{background:linear-gradient(135deg,#28a745,#1e7e34)}.contact-select,.visibility-select{background:#fff;border:2px solid #e0e0e0;border-radius:8px;font-size:.9rem;padding:.75rem;transition:border-color .3s ease;width:100%}.contact-select:focus,.visibility-select:focus{border-color:#1dbf73;box-shadow:0 0 0 3px #1dbf731a;outline:none}.contact-method-select,.response-time-select{background:#fff;border:2px solid #e0e0e0;border-radius:8px;font-size:.9rem;padding:.75rem;transition:border-color .3s ease;width:100%}.contact-method-select:focus,.response-time-select:focus{border-color:#1dbf73;box-shadow:0 0 0 3px #1dbf731a;outline:none}.auto-reply-input{border:2px solid #e0e0e0;border-radius:8px;font-size:.9rem;min-height:80px;padding:.75rem;resize:vertical;transition:border-color .3s ease;width:100%}.auto-reply-input:focus{border-color:#1dbf73;box-shadow:0 0 0 3px #1dbf731a;outline:none}.change-password-btn,.manage-sessions-btn{background:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;margin-bottom:.5rem;padding:.75rem 1.5rem;transition:all .3s ease;width:100%}.change-password-btn:hover,.manage-sessions-btn:hover{background:#5a6268;transform:translateY(-1px)}.settings-actions{border-top:1px solid #e9ecef;display:flex;gap:1rem;margin-top:1.5rem;padding-top:1.5rem}.save-settings-btn{background:#1dbf73;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.save-settings-btn:hover{background:#18a367;transform:translateY(-1px)}.reset-settings-btn{background:#ffc107;border:none;border-radius:8px;color:#212529;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.reset-settings-btn:hover{background:#e0a800;transform:translateY(-1px)}.toggle-container{display:inline-block;height:24px;position:relative;width:50px}.toggle-input{height:0;opacity:0;width:0}.toggle-label{background-color:#ccc;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.toggle-label:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.4s;width:18px}.toggle-input:checked+.toggle-label{background-color:#1dbf73}.toggle-input:checked+.toggle-label:before{transform:translateX(26px)}.dark-mode .settings-section{background:#374151;box-shadow:0 4px 15px #0000004d}.dark-mode .settings-section h3{border-bottom-color:#4b5563;color:#f9fafb}.dark-mode .setting-item label{color:#f9fafb}.dark-mode .auto-reply-input,.dark-mode .bio-input,.dark-mode .contact-method-select,.dark-mode .contact-select,.dark-mode .distance-select,.dark-mode .font-size-select,.dark-mode .payout-select,.dark-mode .response-time-select,.dark-mode .visibility-select{background:#4b5563;border-color:#6b7280;color:#f9fafb}.dark-mode .auto-reply-input:focus,.dark-mode .bio-input:focus,.dark-mode .contact-method-select:focus,.dark-mode .contact-select:focus,.dark-mode .distance-select:focus,.dark-mode .font-size-select:focus,.dark-mode .payout-select:focus,.dark-mode .response-time-select:focus,.dark-mode .visibility-select:focus{border-color:#1dbf73;box-shadow:0 0 0 3px #1dbf7333}.dark-mode .day-hours{background:#4b5563;border-color:#6b7280}.dark-mode .day-hours span{color:#f9fafb}.dark-mode .color-theme,.dark-mode .payment-method{background:#4b5563;border-color:#6b7280}.dark-mode .color-theme:hover,.dark-mode .payment-method:hover{background:#6b7280}.dark-mode .payment-method label,.dark-mode .theme-label{color:#f9fafb}.dark-mode .settings-actions{border-top-color:#6b7280}@media (max-width:768px){.back-office-container{padding:1rem}.header-content{padding:0 1rem}.header-content h1{font-size:2rem}.back-office-tabs{flex-wrap:wrap}.tab{font-size:.875rem;min-width:120px;padding:1rem 1.5rem}.back-office-content{padding:1.5rem}.stats-grid{gap:1rem;grid-template-columns:1fr}.earnings-overview,.overview-sections{gap:1.5rem;grid-template-columns:1fr}.chart-container{gap:1rem;height:250px}.chart-bars{gap:1rem}.bar-fill{width:30px}.jobs-header,.reviews-header{align-items:flex-start;flex-direction:column;gap:1rem}.settings-section{padding:1.5rem}.day-hours{align-items:flex-start;flex-direction:column;gap:.5rem}.day-hours span{min-width:auto}.settings-actions{flex-direction:column}.color-themes,.payment-methods{gap:.5rem}.bookings-header,.messages-header,.profile-header{align-items:flex-start;flex-direction:column;gap:1rem}.booking-actions,.message-actions{flex-direction:column;width:100%}.booking-info,.detail-row,.message-info{flex-direction:column;gap:.5rem}.profile-info{flex-direction:column;gap:1.5rem}.info-row{flex-direction:column;gap:.25rem}.info-row label{margin-right:0;min-width:auto}.availability-grid{grid-template-columns:1fr}}@media (max-width:480px){.back-office-container{padding:.5rem}.back-office-content{padding:1rem}.tab{font-size:.8rem;padding:.75rem 1rem}.stat-card{padding:1rem}.stat-icon{height:50px;width:50px}.earnings-amount,.stat-icon{font-size:2rem}.chart-container{height:200px}.bar-fill{width:25px}}.edit-actions{align-items:center;display:flex;gap:1rem}.save-profile-btn{align-items:center;background:#1dbf73;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.save-profile-btn:hover{background:#18a367;transform:translateY(-2px)}.cancel-edit-btn{align-items:center;background:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.cancel-edit-btn:hover{background:#5a6268;transform:translateY(-2px)}.edit-input{background:#fff;border:2px solid #e9ecef;border-radius:8px;color:#495057;font-size:1rem;padding:.75rem;transition:all .3s ease;width:100%}.edit-input:focus{border-color:#1dbf73;box-shadow:0 0 0 3px #1dbf731a;outline:none}.edit-textarea{background:#fff;border:2px solid #e9ecef;border-radius:8px;color:#495057;font-family:inherit;font-size:1rem;min-height:80px;padding:.75rem;resize:vertical;transition:all .3s ease;width:100%}.edit-textarea:focus{border-color:#1dbf73;box-shadow:0 0 0 3px #1dbf731a;outline:none}.dark-mode .edit-input,.dark-mode .edit-textarea{background:#374151;border-color:#4b5563;color:#f9fafb}.dark-mode .edit-input:focus,.dark-mode .edit-textarea:focus{border-color:#1dbf73;box-shadow:0 0 0 3px #1dbf7333}@media (max-width:768px){.edit-actions{flex-direction:column;gap:.5rem}.cancel-edit-btn,.save-profile-btn{justify-content:center;width:100%}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080}.add-service-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-sizing:border-box;margin:1rem;max-height:90vh;max-width:500px;overflow-x:hidden;overflow-y:auto;width:90%}.modal-header{padding:1.5rem 1.5rem 1rem}.modal-header h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0}.close-modal-btn{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;padding:.25rem;transition:all .2s ease;width:32px}.close-modal-btn:hover{background:#f3f4f6;color:#374151}.modal-content{box-sizing:border-box;padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{font-size:.875rem;margin-bottom:.5rem}.rate-input,.service-input{background:#fff;border:2px solid #e5e7eb;border-radius:8px;box-sizing:border-box;color:#1f2937;font-size:1rem;max-width:100%;padding:.75rem;transition:all .3s ease;width:100%}.rate-input:focus,.service-input:focus{border-color:#1dbf73;box-shadow:0 0 0 3px #1dbf731a;outline:none}.active-checkbox{accent-color:#1dbf73;height:16px;margin-right:.5rem;width:16px}.modal-actions{border-top:1px solid #e5e7eb;box-sizing:border-box;display:flex;gap:1rem;justify-content:flex-end;padding:1rem 1.5rem 1.5rem;width:100%}.cancel-btn{background:#6b7280;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.cancel-btn:hover{background:#4b5563;transform:translateY(-1px)}.save-btn{background:#1dbf73;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.save-btn:hover{background:#18a367;transform:translateY(-1px)}.dark-mode .add-service-modal{background:#1f2937;border:1px solid #374151}.dark-mode .modal-header{border-bottom-color:#374151}.dark-mode .modal-header h3{color:#f9fafb}.dark-mode .close-modal-btn{color:#9ca3af}.dark-mode .close-modal-btn:hover{background:#374151;color:#f3f4f6}.dark-mode .form-group label{color:#d1d5db}.dark-mode .rate-input,.dark-mode .service-input{background:#374151;border-color:#4b5563;color:#f9fafb}.dark-mode .rate-input:focus,.dark-mode .service-input:focus{border-color:#1dbf73;box-shadow:0 0 0 3px #1dbf7333}.dark-mode .modal-actions{border-top-color:#374151}@media (max-width:768px){.add-service-modal{margin:.5rem;max-width:calc(100vw - 1rem);width:95%}.modal-content{padding:1rem}.modal-actions{flex-direction:column;padding:1rem}.cancel-btn,.save-btn{width:100%}.rate-input,.service-input{font-size:16px}}@media (max-width:480px){.add-service-modal{margin:.25rem;max-width:calc(100vw - .5rem);width:98%}.modal-header{padding:1rem 1rem .5rem}.modal-actions,.modal-content{padding:.75rem}}.reschedule-modal{animation:modalSlideIn .3s ease;background:#fff;border-radius:12px;box-shadow:0 8px 25px #00000026;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.booking-info{background:#f8f9fa;border-radius:8px;margin-bottom:1rem;padding:1rem}.booking-info p{color:#333;margin:.5rem 0}.date-input,.time-select{background:#fff;border:2px solid #e1e5e9;border-radius:8px;cursor:pointer;font-size:1rem;padding:.75rem;transition:all .3s ease;width:100%}.date-input:focus,.time-select:focus{border-color:#1dbf73;box-shadow:0 0 0 3px #1dbf731a;outline:none}.time-select{appearance:none;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='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1em;padding-right:2.5rem}.dark-mode .reschedule-modal{background:#374151;color:#fff}.dark-mode .booking-info{background:#4b5563}.dark-mode .booking-info p{color:#e5e7eb}.dark-mode .date-input,.dark-mode .time-select{background:#4b5563;border-color:#6b7280;color:#fff}.dark-mode .date-input:focus,.dark-mode .time-select:focus{border-color:#1dbf73}.job-details-modal{animation:modalSlideIn .3s ease;background:#fff;border-radius:12px;box-shadow:0 8px 25px #00000026;max-height:90vh;max-width:600px;overflow-y:auto;width:95%}.job-details-header{align-items:center;border-bottom:2px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:.75rem}.job-details-header h2{color:#1f2937;font-size:1.5rem;margin:0}.job-status-badge{background:#1dbf731a;border:1px solid;border-radius:20px;font-size:.9rem;font-weight:600;padding:.5rem 1rem}.job-info-grid{grid-gap:1.5rem;display:grid;gap:1.5rem}.job-description-section,.job-images-section,.job-info-section,.job-rating-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:1.25rem}.job-description-section h4,.job-images-section h4,.job-info-section h4,.job-rating-section h4{color:#1f2937;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.info-row{border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:.75rem;padding:.5rem 0}.info-row:last-child{border-bottom:none;margin-bottom:0}.info-row span{color:#374151}.info-row strong{color:#1f2937}.job-description-section p{color:#374151;line-height:1.6;margin:0 0 1rem}.special-requests{background:#fff3cd;border-left:4px solid #ffc107;border-radius:6px;padding:1rem}.special-requests h5{color:#856404;font-size:.9rem;margin:0 0 .5rem}.special-requests p{color:#856404;margin:0}.rating-display{align-items:center;display:flex;gap:.5rem;margin-bottom:1rem}.rating-text{color:#1f2937;font-weight:600}.client-review{background:#f0f9ff;border-left:4px solid #0ea5e9;border-radius:6px;padding:1rem}.client-review p{color:#0c4a6e;font-style:italic;margin:0}.images-container{grid-gap:1.5rem;display:grid;gap:1.5rem}.after-images h5,.before-images h5{color:#1f2937;font-size:1rem;font-weight:600;margin:0 0 1rem}.image-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.job-image{border:2px solid #e9ecef;height:100px;object-fit:cover;transition:transform .3s ease;width:100%}.job-image:hover{border-color:#1dbf73;transform:scale(1.05)}.dark-mode .job-details-modal{background:#374151;color:#fff}.dark-mode .job-details-header{border-bottom-color:#4b5563}.dark-mode .job-details-header h2{color:#f9fafb}.dark-mode .job-description-section,.dark-mode .job-images-section,.dark-mode .job-info-section,.dark-mode .job-rating-section{background:#4b5563;border-color:#6b7280}.dark-mode .job-description-section h4,.dark-mode .job-images-section h4,.dark-mode .job-info-section h4,.dark-mode .job-rating-section h4{color:#f9fafb}.dark-mode .info-row{border-bottom-color:#6b7280}.dark-mode .info-row span{color:#e5e7eb}.dark-mode .info-row strong{color:#f9fafb}.dark-mode .job-description-section p{color:#e5e7eb}.dark-mode .special-requests{background:#451a03;border-left-color:#f59e0b}.dark-mode .special-requests h5,.dark-mode .special-requests p{color:#fbbf24}.dark-mode .client-review{background:#0c4a6e;border-left-color:#0ea5e9}.dark-mode .client-review p{color:#7dd3fc}.dark-mode .after-images h5,.dark-mode .before-images h5{color:#f9fafb}.dark-mode .job-image{border-color:#6b7280}.dark-mode .job-image:hover{border-color:#1dbf73}@media (max-width:768px){.job-details-modal{margin:.5rem;max-width:500px;width:95%}.job-details-header{align-items:flex-start;flex-direction:column;gap:.75rem}.info-row{flex-direction:column;gap:.5rem}.image-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.job-image{height:80px}}@media (max-width:480px){.job-details-modal{margin:.25rem;max-width:400px;width:98%}.job-description-section,.job-images-section,.job-info-section,.job-rating-section{padding:1rem}.image-grid{grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.job-image{height:70px}}.certification-item,.document-item{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:.75rem;padding:1rem;transition:all .3s ease}.certification-item:hover,.document-item:hover{border-color:#1dbf73;box-shadow:0 2px 8px #0000001a}.cert-info,.doc-info{align-items:center;display:flex;flex:1 1;gap:.75rem}.cert-name,.doc-name{color:#1f2937;font-weight:600}.file-name{color:#6b7280;font-size:.85rem;font-style:italic}.cert-actions,.doc-actions{align-items:center;display:flex;gap:1rem}.upload-btn{background:#1dbf73;border:none;border-radius:6px;color:#fff;display:inline-block;font-size:.875rem;padding:.5rem 1rem;transition:all .3s ease}.upload-btn:hover{background:#18a367;transform:translateY(-1px)}.file-actions{align-items:center;display:flex;gap:.75rem}.upload-date{color:#6b7280;font-size:.8rem}.remove-btn{background:#ef4444;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:500;padding:.4rem .8rem;transition:all .3s ease}.remove-btn:hover{background:#dc2626;transform:translateY(-1px)}.dark-mode .certification-item,.dark-mode .document-item{background:#4b5563;border-color:#6b7280}.dark-mode .certification-item:hover,.dark-mode .document-item:hover{border-color:#1dbf73;box-shadow:0 2px 8px #1dbf7333}.dark-mode .cert-name,.dark-mode .doc-name{color:#f9fafb}.dark-mode .file-name,.dark-mode .upload-date{color:#9ca3af}@media (max-width:768px){.certification-item,.document-item{align-items:flex-start;flex-direction:column;gap:1rem}.cert-actions,.doc-actions{justify-content:space-between;width:100%}.file-actions{align-items:flex-end;flex-direction:column;gap:.5rem}}@media (max-width:480px){.cert-info,.doc-info{align-items:flex-start;flex-direction:column;gap:.5rem}.upload-btn{font-size:.8rem;padding:.4rem .8rem}.remove-btn{font-size:.75rem;padding:.3rem .6rem}}.reply-modal{animation:modalSlideIn .3s ease;background:#fff;border-radius:12px;box-shadow:0 8px 25px #00000026;max-height:90vh;max-width:600px;overflow-y:auto;width:95%}.original-message{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:1.5rem;padding:1.25rem}.original-message h4{color:#1f2937;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.message-details{margin-bottom:1rem}.message-details p{color:#374151;font-size:.9rem;margin:.25rem 0}.message-details strong{color:#1f2937}.message-content{background:#fff;border-left:4px solid #1dbf73;border-radius:6px;padding:1rem}.message-content p{color:#374151;font-style:italic;margin:0}.reply-textarea{background:#fff;border:2px solid #e1e5e9;border-radius:8px;font-family:inherit;font-size:1rem;min-height:120px;padding:.75rem;resize:vertical;transition:all .3s ease;width:100%}.reply-textarea:focus{border-color:#1dbf73;box-shadow:0 0 0 3px #1dbf731a;outline:none}.dark-mode .reply-modal{background:#374151;color:#fff}.dark-mode .original-message{background:#4b5563;border-color:#6b7280}.dark-mode .original-message h4{color:#f9fafb}.dark-mode .message-details p{color:#e5e7eb}.dark-mode .message-details strong{color:#f9fafb}.dark-mode .message-content{background:#374151;border-left-color:#1dbf73}.dark-mode .message-content p{color:#e5e7eb}.dark-mode .reply-textarea{background:#4b5563;border-color:#6b7280;color:#fff}.dark-mode .reply-textarea:focus{border-color:#1dbf73}@media (max-width:768px){.reply-modal{margin:.5rem;max-width:500px;width:95%}.original-message{padding:1rem}.reply-textarea{min-height:100px}}@media (max-width:480px){.reply-modal{margin:.25rem;max-width:400px;width:98%}.original-message{padding:.75rem}.message-details p{font-size:.85rem}.reply-textarea{font-size:16px;min-height:80px}}.job-auction-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#00000080;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:1000}.job-auction-modal-overlay.open{opacity:1;visibility:visible}.job-auction-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;max-height:90vh;max-width:1400px;overflow-y:auto;width:95%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.job-auction-header{align-items:center;background:linear-gradient(135deg,#059669,#10b981);border-bottom:1px solid #e5e7eb;border-radius:16px 16px 0 0;color:#fff;display:flex;justify-content:space-between;padding:24px 32px;position:sticky;top:0;z-index:10}.job-auction-header h2{font-size:24px;font-weight:600;margin:0}.header-actions{gap:12px}.header-actions,.help-btn{align-items:center;display:flex}.help-btn{background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:16px;height:32px;justify-content:center;padding:8px;transition:background-color .2s;width:32px}.help-btn:hover{background:#ffffff4d}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;transition:background-color .2s;width:32px}.close-btn:hover{background-color:#fff3}.job-auction-tabs{background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;overflow-x:auto;position:sticky;top:0;z-index:5}.tab{background:none;border:none;border-bottom:3px solid #0000;color:#64748b;cursor:pointer;font-size:14px;font-weight:600;min-width:140px;padding:16px 24px;transition:all .3s ease;white-space:nowrap}.tab:hover{background:#f1f5f9;color:#059669}.tab.active{background:#fff;border-bottom-color:#059669;color:#059669}.job-auction-content{padding:24px}.quick-nav-bar{background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:20px;padding:20px}.search-container{margin-bottom:16px}.search-bar{align-items:center;display:flex;position:relative}.search-input{border:2px solid #e2e8f0;border-radius:8px;font-size:16px;padding:12px 16px 12px 48px;transition:border-color .3s ease;width:100%}.search-input:focus{border-color:#059669;box-shadow:0 0 0 3px #0596691a;outline:none}.search-icon{color:#6b7280;font-size:20px;left:16px;position:absolute}.quick-filters{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.quick-filter-btn{background:#fff;border:2px solid #e2e8f0;border-radius:20px;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.quick-filter-btn:hover{background:#f0fdf4;border-color:#059669;color:#059669}.quick-filter-btn.active{background:#059669;border-color:#059669;color:#fff}.filter-toggle-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:20px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .3s ease}.filter-toggle-btn:hover{background:#f0fdf4;border-color:#059669;color:#059669}.clear-filters-btn{background:#fff;border:2px solid #ef4444;border-radius:20px;color:#ef4444;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .3s ease}.clear-filters-btn:hover{background:#ef4444;color:#fff}.results-summary{align-items:center;background:#f8fafc;border-left:4px solid #059669;border-radius:8px;display:flex;gap:8px;margin-bottom:20px;padding:12px 16px}.results-count{color:#1f2937;font-size:14px;font-weight:600}.active-filters{color:#059669;font-size:12px;font-weight:500}.available-jobs-tab{margin:0 auto;max-width:1200px}.filters-section{animation:slideDown .3s ease;background:#fff;border:2px solid #e2e8f0;border-radius:12px;margin-bottom:24px;padding:24px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filter-controls{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:600;gap:6px}.filter-select{background:#fff;border:2px solid #e2e8f0;border-radius:6px;font-size:14px;padding:8px 12px;transition:border-color .3s ease}.filter-select:focus{border-color:#059669;outline:none}.jobs-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.job-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;overflow:hidden;transition:all .3s ease}.job-card:hover{border-color:#059669;box-shadow:0 8px 25px #05966926;transform:translateY(-2px)}.job-images{background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;gap:8px;padding:16px}.job-image{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;font-size:32px;height:60px;justify-content:center;width:60px}.job-content{padding:20px}.job-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.job-title{color:#1f2937;flex:1 1;font-size:18px;font-weight:600;line-height:1.3;margin:0 12px 0 0}.job-price{color:#059669;font-size:24px;font-weight:700;white-space:nowrap}.job-meta{color:#6b7280;display:flex;font-size:14px;gap:16px;margin-bottom:12px}.job-distance,.job-location,.job-time{align-items:center;display:flex;gap:4px}.job-description{color:#4b5563;font-size:14px;line-height:1.5;margin:0 0 16px}.job-requirements{margin-bottom:16px}.job-requirements strong{color:#1f2937;display:block;font-size:14px;margin-bottom:8px}.requirements-tags{display:flex;flex-wrap:wrap;gap:6px}.requirement-tag{background:#ecfdf5;border-radius:12px;color:#065f46;font-size:12px;font-weight:500;padding:4px 8px}.job-footer{border-bottom:1px solid #f1f5f9;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.customer-info,.job-footer{align-items:center;display:flex}.customer-info{gap:8px}.customer-avatar{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:50%;display:flex;font-size:24px;height:40px;justify-content:center;width:40px}.customer-details{display:flex;flex-direction:column;gap:2px}.customer-name{color:#1f2937;font-size:14px;font-weight:600}.customer-rating{color:#6b7280;font-size:12px}.verified-badge{background:#059669;border-radius:4px;color:#fff;font-size:10px;font-weight:600;padding:2px 6px}.job-urgency{font-size:12px;font-weight:600;gap:4px}.job-actions,.job-urgency{align-items:center;display:flex}.job-actions{justify-content:space-between}.job-stats{color:#6b7280;display:flex;font-size:12px;gap:16px}.bids-count,.expires-in{align-items:center;display:flex;gap:4px}.action-buttons{display:flex;gap:8px}.accept-btn,.bid-btn{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;padding:8px 16px;transition:all .3s ease}.bid-btn{background:#fef3c7;border:1px solid #f59e0b;color:#92400e}.bid-btn:hover{background:#f59e0b;color:#fff}.accept-btn{background:#059669;color:#fff}.accept-btn:hover{background:#047857}.no-results{background:#f8fafc;border:2px dashed #e2e8f0;border-radius:12px;grid-column:1/-1;padding:60px 20px;text-align:center}.no-results-icon{font-size:48px;margin-bottom:16px}.no-results h3{color:#1f2937;font-size:20px;font-weight:600;margin:0 0 8px}.no-results p{color:#6b7280;font-size:14px;margin:0 0 20px}.tab-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.tab-header h3{color:#1f2937;font-size:20px;font-weight:600;margin:0}.tab-actions{display:flex;gap:8px}.refresh-btn{background:#fff;border:2px solid #e2e8f0;border-radius:6px;color:#6b7280;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .3s ease}.refresh-btn:hover{background:#f0fdf4;border-color:#059669;color:#059669}.empty-state{background:#f8fafc;border:2px dashed #e2e8f0;border-radius:12px;padding:60px 20px;text-align:center}.empty-icon{font-size:48px;margin-bottom:16px}.empty-state h3{color:#1f2937;font-size:20px;font-weight:600;margin:0 0 8px}.empty-state p{color:#6b7280;font-size:14px;margin:0 0 20px}.browse-jobs-btn{background:#059669;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.browse-jobs-btn:hover{background:#047857;transform:translateY(-1px)}.my-bids-tab{margin:0 auto;max-width:800px}.bids-list{display:flex;flex-direction:column;gap:16px}.bid-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:20px;transition:all .3s ease}.bid-card:hover{border-color:#059669;box-shadow:0 4px 12px #0596691a}.bid-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.bid-header h4{color:#1f2937;font-size:16px;font-weight:600;margin:0}.bid-status{border-radius:12px;font-size:12px;font-weight:600;padding:4px 12px;text-transform:capitalize}.bid-status.pending{background:#fef3c7;color:#92400e}.bid-status.accepted{background:#ecfdf5;color:#065f46}.bid-status.rejected{background:#fef2f2;color:#991b1b}.bid-details{margin-bottom:16px}.bid-details p{color:#4b5563;font-size:14px;margin:0 0 8px}.bid-details strong{color:#1f2937}.bid-actions{gap:8px}.cancel-bid-btn,.view-job-btn{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;padding:8px 16px;transition:all .3s ease}.view-job-btn{background:#059669;color:#fff}.view-job-btn:hover{background:#047857}.cancel-bid-btn{background:#fef2f2;border:1px solid #fca5a5;color:#991b1b}.cancel-bid-btn:hover{background:#fca5a5;color:#fff}.accepted-jobs-tab{margin:0 auto;max-width:800px}.accepted-jobs-list{display:flex;flex-direction:column;gap:16px}.accepted-job-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:20px;transition:all .3s ease}.accepted-job-card:hover{border-color:#059669;box-shadow:0 4px 12px #0596691a}.accepted-job-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.accepted-job-header h4{color:#1f2937;font-size:16px;font-weight:600;margin:0}.job-status{border-radius:12px;font-size:12px;font-weight:600;padding:4px 12px;text-transform:capitalize}.job-status.scheduled{background:#dbeafe;color:#1e40af}.job-status.in-progress{background:#fef3c7;color:#92400e}.job-status.completed{background:#ecfdf5;color:#065f46}.accepted-job-details{margin-bottom:16px}.accepted-job-details p{color:#4b5563;font-size:14px;margin:0 0 8px}.accepted-job-details strong{color:#1f2937}.accepted-job-actions{display:flex;gap:8px}.contact-customer-btn,.mark-complete-btn{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;padding:8px 16px;transition:all .3s ease}.contact-customer-btn{background:#059669;color:#fff}.contact-customer-btn:hover{background:#047857}.mark-complete-btn{background:#fef3c7;border:1px solid #f59e0b;color:#92400e}.mark-complete-btn:hover{background:#f59e0b;color:#fff}.bid-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.bid-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000001a;max-height:80vh;max-width:500px;overflow-y:auto;width:90%}.bid-modal-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:20px 24px}.bid-modal-header h3{color:#1f2937;font-size:18px;font-weight:600;margin:0}.bid-modal-content{padding:24px}.job-summary{background:#f8fafc;border-radius:8px;margin-bottom:20px;padding:16px}.job-summary p{color:#4b5563;font-size:14px;margin:0 0 8px}.job-summary p:last-child{margin-bottom:0}.job-summary strong{color:#1f2937}.bid-form{display:flex;flex-direction:column;gap:16px}.bid-form label{color:#1f2937;font-size:14px;font-weight:600}.bid-input{border:2px solid #e2e8f0;border-radius:8px;font-size:16px;padding:12px 16px;transition:border-color .3s ease}.bid-input:focus{border-color:#059669;outline:none}.bid-tips{background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;padding:12px}.bid-tips p{color:#92400e;font-size:13px;margin:0 0 8px}.bid-tips p:last-child{margin-bottom:0}.bid-actions{display:flex;gap:12px;margin-top:8px}.cancel-bid-btn,.submit-bid-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 16px;transition:all .3s ease}.submit-bid-btn{background:#059669;color:#fff}.submit-bid-btn:hover{background:#047857}.cancel-bid-btn{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.cancel-bid-btn:hover{background:#d1d5db}@media (max-width:768px){.job-auction-modal{margin:20px;width:98%}.job-auction-header{padding:20px 24px}.job-auction-header h2{font-size:20px}.job-auction-content{padding:20px}.quick-nav-bar{padding:16px}.quick-filters{align-items:stretch;flex-direction:column}.clear-filters-btn,.filter-toggle-btn,.quick-filter-btn{justify-content:center;width:100%}.filter-controls{gap:12px;grid-template-columns:1fr}.jobs-grid{gap:16px;grid-template-columns:1fr}.job-card{min-width:300px}.job-header{align-items:flex-start;flex-direction:column;gap:8px}.job-price{font-size:20px}.job-footer{align-items:flex-start}.job-actions,.job-footer{flex-direction:column;gap:12px}.job-actions{align-items:stretch}.action-buttons{justify-content:stretch}.accept-btn,.bid-btn{flex:1 1}.tab{font-size:13px;min-width:120px;padding:12px 16px}.tab-header{align-items:flex-start;flex-direction:column;gap:12px}}@media (max-width:480px){.job-auction-modal{margin:10px;width:100%}.job-auction-header{padding:16px 20px}.job-auction-content{padding:16px}.quick-nav-bar{padding:12px}.job-content{padding:16px}.job-title{font-size:16px}.job-price{font-size:18px}.bid-modal{width:95%}.bid-modal-content{padding:20px}}.service-booking-form{background:#fff;border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:32rem;padding:1.5rem}.service-booking-form h2{color:#1f2937;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.service-booking-form label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.service-booking-form input,.service-booking-form select{border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;margin-bottom:1rem;padding:.5rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.service-booking-form input:focus,.service-booking-form select:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.service-booking-form button{background-color:#10b981;border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-weight:700;padding:.5rem 1rem;transition:background-color .15s ease-in-out;width:100%}.service-booking-form button:hover{background-color:#059669}.service-booking-form button:active{transform:translateY(1px)}@media (max-width:640px){.service-booking-form{margin:0 1rem;padding:1rem}}.service-booking-form button,.service-booking-form input,.service-booking-form select{animation:fadeInUp .3s ease-out}.landscaping-booking-form{background:#fff;border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:32rem;padding:1.5rem}.landscaping-booking-form h2{color:#1f2937;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.landscaping-booking-form label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.landscaping-booking-form input[type=number],.landscaping-booking-form textarea{border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;margin-bottom:1rem;padding:.75rem;resize:vertical;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.landscaping-booking-form input[type=number]:focus,.landscaping-booking-form textarea:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.landscaping-booking-form .pricing-options{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.landscaping-booking-form .pricing-option{align-items:center;cursor:pointer;display:flex;gap:.5rem}.landscaping-booking-form .pricing-option input[type=radio]{accent-color:#10b981;cursor:pointer;height:1rem;width:1rem}.landscaping-booking-form .pricing-option span{color:#374151;font-size:.875rem}.landscaping-booking-form button{background-color:#10b981;border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-weight:700;padding:.75rem 1rem;transition:background-color .15s ease-in-out;width:100%}.landscaping-booking-form button:hover{background-color:#059669}.landscaping-booking-form button:active{transform:translateY(1px)}@media (max-width:640px){.landscaping-booking-form{margin:0 1rem;padding:1rem}.landscaping-booking-form .pricing-options{align-items:flex-start;flex-direction:column;gap:.75rem}}.landscaping-booking-form button,.landscaping-booking-form input,.landscaping-booking-form textarea{animation:fadeInUp .3s ease-out}.gutter-cleaning-booking-form{background:#fff;border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:32rem;padding:1.5rem}.gutter-cleaning-booking-form h2{color:#1f2937;font-size:1.25rem;font-weight:700;margin-bottom:1rem}.gutter-cleaning-booking-form label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.gutter-cleaning-booking-form textarea{border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;margin-bottom:1rem;padding:.75rem;resize:vertical;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.gutter-cleaning-booking-form textarea:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.gutter-cleaning-booking-form .tier-options{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.gutter-cleaning-booking-form .tier-option{align-items:center;border:1px solid #d1d5db;border-radius:.375rem;cursor:pointer;display:flex;justify-content:space-between;padding:.75rem 1rem;transition:all .15s ease-in-out}.gutter-cleaning-booking-form .tier-option.selected,.gutter-cleaning-booking-form .tier-option:hover{background-color:#f0fdf4;border-color:#10b981}.gutter-cleaning-booking-form .tier-option input[type=radio]{accent-color:#10b981;cursor:pointer;height:1rem;margin-right:.75rem;width:1rem}.gutter-cleaning-booking-form .tier-option .tier-content{display:flex;font-size:.875rem;font-weight:500;justify-content:space-between;width:100%}.gutter-cleaning-booking-form .tier-option .tier-label{color:#374151}.gutter-cleaning-booking-form .tier-option .tier-price{color:#059669;font-weight:600}.gutter-cleaning-booking-form button{background-color:#10b981;border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-weight:700;padding:.75rem 1rem;transition:background-color .15s ease-in-out;width:100%}.gutter-cleaning-booking-form button:hover{background-color:#059669}.gutter-cleaning-booking-form button:active{transform:translateY(1px)}@media (max-width:640px){.gutter-cleaning-booking-form{margin:0 1rem;padding:1rem}.gutter-cleaning-booking-form .tier-option .tier-content{flex-direction:column;gap:.25rem}}.gutter-cleaning-booking-form .tier-option,.gutter-cleaning-booking-form button,.gutter-cleaning-booking-form textarea{animation:fadeInUp .3s ease-out}.pressure-washing-booking-form{background:#fff;border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:32rem;padding:1.5rem}.pressure-washing-booking-form h2{color:#1f2937;font-size:1.25rem;font-weight:700;margin-bottom:1rem}.pressure-washing-booking-form label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.pressure-washing-booking-form textarea{border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;margin-bottom:1rem;padding:.75rem;resize:vertical;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.pressure-washing-booking-form textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.pressure-washing-booking-form .option-group{margin-bottom:1rem}.pressure-washing-booking-form .option-group label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.pressure-washing-booking-form .options-container{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.pressure-washing-booking-form .option-item{align-items:center;border:1px solid #d1d5db;border-radius:.375rem;cursor:pointer;display:flex;justify-content:space-between;padding:.75rem 1rem;transition:all .15s ease-in-out}.pressure-washing-booking-form .option-item.selected,.pressure-washing-booking-form .option-item:hover{background-color:#eff6ff;border-color:#3b82f6}.pressure-washing-booking-form .option-item input[type=radio]{accent-color:#3b82f6;cursor:pointer;height:1rem;margin-right:.75rem;width:1rem}.pressure-washing-booking-form .option-item .option-content{display:flex;font-size:.875rem;font-weight:500;justify-content:space-between;width:100%}.pressure-washing-booking-form .option-item .option-label{color:#374151}.pressure-washing-booking-form .option-item .option-price{color:#1d4ed8;font-weight:600}.pressure-washing-booking-form .custom-option{border:1px solid #d1d5db;border-radius:.375rem;cursor:pointer;display:flex;flex-direction:column;padding:.75rem 1rem;transition:all .15s ease-in-out}.pressure-washing-booking-form .custom-option.selected,.pressure-washing-booking-form .custom-option:hover{background-color:#eff6ff;border-color:#3b82f6}.pressure-washing-booking-form .custom-option .custom-header{align-items:center;display:flex}.pressure-washing-booking-form .custom-option .custom-header input[type=radio]{accent-color:#3b82f6;cursor:pointer;height:1rem;margin-right:.75rem;width:1rem}.pressure-washing-booking-form .custom-option .custom-label{color:#374151;font-size:.875rem;font-weight:500}.pressure-washing-booking-form .custom-option .custom-note{color:#6b7280;font-size:.75rem;margin-left:1.5rem;margin-top:.25rem}.pressure-washing-booking-form button{background-color:#3b82f6;border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-weight:700;padding:.75rem 1rem;transition:background-color .15s ease-in-out;width:100%}.pressure-washing-booking-form button:hover{background-color:#2563eb}.pressure-washing-booking-form button:active{transform:translateY(1px)}@media (max-width:640px){.pressure-washing-booking-form{margin:0 1rem;padding:1rem}.pressure-washing-booking-form .option-item .option-content{flex-direction:column;gap:.25rem}}.pressure-washing-booking-form .custom-option,.pressure-washing-booking-form .option-item,.pressure-washing-booking-form button,.pressure-washing-booking-form textarea{animation:fadeInUp .3s ease-out}.tree-trimming-booking-form{background:#fff;border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:32rem;padding:1.5rem}.tree-trimming-booking-form h2{color:#1f2937;font-size:1.25rem;font-weight:700;margin-bottom:1rem}.tree-trimming-booking-form label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.tree-trimming-booking-form input[type=number],.tree-trimming-booking-form textarea{border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;margin-bottom:1rem;padding:.75rem;resize:vertical;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.tree-trimming-booking-form input[type=number]:focus,.tree-trimming-booking-form textarea:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.tree-trimming-booking-form .pricing-options{display:flex;gap:1.5rem;margin-bottom:1rem}.tree-trimming-booking-form .pricing-option{align-items:center;cursor:pointer;display:flex;gap:.5rem}.tree-trimming-booking-form .pricing-option input[type=radio]{accent-color:#10b981;cursor:pointer;height:1rem;width:1rem}.tree-trimming-booking-form .pricing-option span{color:#374151;font-size:.875rem}.tree-trimming-booking-form fieldset{border:none;margin:0;padding:0}.tree-trimming-booking-form legend{color:#374151;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.tree-trimming-booking-form .addon-option{align-items:center;cursor:pointer;display:flex;gap:.5rem;margin-bottom:.25rem;padding:.25rem 0}.tree-trimming-booking-form .addon-option:hover{background-color:#f9fafb;border-radius:.25rem}.tree-trimming-booking-form .addon-option input[type=checkbox]{accent-color:#10b981;cursor:pointer;height:1rem;width:1rem}.tree-trimming-booking-form .addon-option span{color:#374151;font-size:.875rem}.tree-trimming-booking-form button{background-color:#10b981;border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-weight:700;padding:.75rem 1rem;transition:background-color .15s ease-in-out;width:100%}.tree-trimming-booking-form button:hover{background-color:#059669}.tree-trimming-booking-form button:active{transform:translateY(1px)}@media (max-width:640px){.tree-trimming-booking-form{margin:0 1rem;padding:1rem}.tree-trimming-booking-form .pricing-options{flex-direction:column;gap:.75rem}}.tree-trimming-booking-form .addon-option,.tree-trimming-booking-form button,.tree-trimming-booking-form input,.tree-trimming-booking-form textarea{animation:fadeInUp .3s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.location-page{background:linear-gradient(135deg,#1dbf73,#18a367);min-height:100vh;padding:2rem 0}.location-header{margin-bottom:3rem;padding:0 2rem;text-align:center}.back-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:25px;color:#fff;cursor:pointer;font-size:.9rem;margin-bottom:2rem;padding:.75rem 1.5rem;transition:all .3s ease}.back-btn:hover{background:#ffffff4d;transform:translateY(-2px)}.location-header h1{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-shadow:0 2px 4px #0000004d}.location-header p{color:#ffffffe6;font-size:1.1rem;margin:0 auto;max-width:600px}.location-container{grid-gap:3rem;align-items:start;display:grid;gap:3rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;padding:0 2rem}.map-section{background:#fff;border:1px solid #1dbf731a;border-radius:20px;box-shadow:0 20px 40px #1dbf731a;height:600px;overflow:hidden}.map-placeholder{align-items:center;background:linear-gradient(135deg,#f8fff9,#e8f5e8);display:flex;height:100%;justify-content:center;position:relative;width:100%}.map-content{color:#333;padding:2rem;text-align:center}.map-icon{color:#1dbf73;font-size:4rem;margin-bottom:1rem}.map-content h3{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.map-content p{color:#666;line-height:1.6;margin-bottom:2rem}.map-features{display:flex;flex-direction:column;gap:1rem}.feature{align-items:center;background:#1dbf731a;border:1px solid #1dbf7333;border-radius:10px;color:#1dbf73;display:flex;font-weight:500;gap:.75rem;padding:.75rem}.feature svg{font-size:1.2rem}.location-form-section{background:#fff;border:1px solid #1dbf731a;border-radius:20px;box-shadow:0 20px 40px #1dbf731a;padding:2rem}.location-form-container h2{color:#333;font-size:1.8rem;font-weight:600;margin-bottom:.5rem}.location-form-container>p{color:#666;margin-bottom:2rem}.location-form{margin-bottom:2rem}.zip-input-group{margin-bottom:1.5rem}.zip-input-group label{color:#333;display:block;font-weight:600;margin-bottom:.5rem}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:#1dbf73;font-size:1.2rem;left:1rem;position:absolute;z-index:1}.zip-input-group input{background:#f8fff9;border:2px solid #e1e5e9;border-radius:12px;font-size:1rem;padding:1rem 1rem 1rem 3rem;transition:all .3s ease;width:100%}.zip-input-group input:focus{background:#fff;border-color:#1dbf73;box-shadow:0 0 0 3px #1dbf731a;outline:none}.zip-input-group input.error{border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c1a}.error-message{color:#e74c3c;display:block;font-size:.875rem;margin-top:.5rem}.form-actions{flex-direction:column;gap:1rem}.submit-btn{align-items:center;background:#1dbf73;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem 2rem;transition:all .3s ease}.submit-btn:hover:not(:disabled){background:#18a367;box-shadow:0 8px 25px #1dbf734d;transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.7}.location-btn{align-items:center;background:#1dbf731a;border:2px solid #1dbf73;border-radius:12px;color:#1dbf73;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem 2rem;transition:all .3s ease}.location-btn:hover:not(:disabled){background:#1dbf73;color:#fff;transform:translateY(-2px)}.location-btn:disabled{cursor:not-allowed;opacity:.7}.loading{align-items:center;display:flex;gap:.5rem}.spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.location-info{background:#f8fff9;border:1px solid #e8f5e8;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.location-info h3{color:#333;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.location-info ul{list-style:none;margin:0;padding:0}.location-info li{color:#666;padding:.5rem 0 .5rem 1.5rem;position:relative}.location-info li:before{color:#1dbf73;content:"✓";font-weight:700;left:0;position:absolute}.popular-zipcodes h4{color:#333;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.zip-tags{display:flex;flex-wrap:wrap;gap:.5rem}.zip-tag{background:#1dbf731a;border:1px solid #1dbf73;border-radius:20px;color:#1dbf73;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.zip-tag:hover{background:#1dbf73;color:#fff;transform:translateY(-1px)}@media (max-width:768px){.location-container{gap:2rem;grid-template-columns:1fr}.location-header h1{font-size:2rem}.map-section{height:400px}.form-actions{flex-direction:column}.zip-tags{justify-content:center}}@media (max-width:480px){.location-page{padding:1rem 0}.location-container{padding:0 1rem}.location-form-section{padding:1.5rem}.location-header{padding:0 1rem}}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:500px;overflow-y:auto;padding:0;width:100%}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.modal-header h2{color:#111827;font-size:24px;font-weight:600;margin:0}.close-button{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.close-button:hover{background-color:#f3f4f6;color:#374151}.suggest-service-form{padding:0 24px 24px}.form-group{margin-bottom:20px}.form-group input,.form-group select,.form-group textarea{border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;font-size:16px;padding:12px 16px;transition:border-color .2s,box-shadow .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#00d4aa;box-shadow:0 0 0 3px #00d4aa1a;outline:none}.form-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:20px}.cancel-button,.submit-button{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .2s}.cancel-button{background-color:#f3f4f6}.cancel-button:hover{background-color:#e5e7eb}.submit-button{background-color:#00d4aa;color:#fff}.submit-button:hover:not(:disabled){background-color:#00b894}.submit-button:disabled{background-color:#9ca3af;cursor:not-allowed}@media (max-width:640px){.modal-content{margin:20px;max-width:none}.modal-header{padding:20px 20px 0}.suggest-service-form{padding:0 20px 20px}.form-actions{flex-direction:column}.cancel-button,.submit-button{width:100%}}.settings-modal{display:flex;flex-direction:column;max-height:85vh;max-width:900px;overflow:hidden;width:100%}.modal-header{border-bottom:1px solid #e5e7eb;flex-shrink:0;margin-bottom:0;padding:24px 24px 0}.header-content h2{color:#111827;font-size:28px;font-weight:700;margin:0 0 4px}.header-subtitle{color:#6b7280;font-size:16px;margin:0}.settings-container{display:flex;flex:1 1;min-height:0;overflow:hidden}.sidebar{background-color:#f9fafb;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;padding:24px 0;width:280px}.user-info{border-bottom:1px solid #e5e7eb;flex-shrink:0;margin-bottom:24px;padding:0 24px 24px}.avatar{align-items:center;background:linear-gradient(135deg,#00d4aa,#1dbf73);border-radius:50%;display:flex;font-size:32px;height:64px;justify-content:center;margin-bottom:16px;width:64px}.user-details h3{color:#111827;font-size:18px;font-weight:600;margin:0 0 4px}.user-details p{color:#6b7280;font-size:14px;margin:0}.settings-nav{flex:1 1;overflow-y:auto;padding:0 16px}.nav-item{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;gap:12px;margin-bottom:4px;padding:12px 16px;text-align:left;transition:all .2s;width:100%}.nav-item:hover{background-color:#f3f4f6}.nav-item.active{background-color:#00d4aa;color:#fff}.nav-icon{font-size:20px;text-align:center;width:24px}.nav-label{font-size:14px;font-weight:500}.main-content{flex:1 1;min-height:0;overflow-y:auto;padding:24px}.section-header{margin-bottom:32px}.section-header h3{color:#111827;font-size:24px;font-weight:600;margin:0 0 8px}.section-header p{color:#6b7280;font-size:16px;line-height:1.5;margin:0}.form-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.form-group.full-width{grid-column:1/-1}.form-group label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-group input,.form-group textarea{border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;font-size:14px;padding:12px 16px;transition:border-color .2s,box-shadow .2s;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#00d4aa;box-shadow:0 0 0 3px #00d4aa1a;outline:none}.form-group textarea{font-family:inherit;min-height:100px;resize:vertical}.upload-area{background-color:#f9fafb;border:2px dashed #d1d5db;border-radius:12px;padding:32px;text-align:center;transition:border-color .2s}.upload-area:hover{border-color:#00d4aa}.upload-preview{align-items:center;background-color:#e5e7eb;border-radius:50%;display:flex;font-size:32px;height:80px;justify-content:center;margin:0 auto 16px;width:80px}.upload-info p{color:#374151;font-weight:500;margin:0 0 8px}.upload-info span{color:#6b7280;font-size:14px}.upload-btn{background-color:#fff;border:1px solid #00d4aa;border-radius:8px;color:#00d4aa;cursor:pointer;font-weight:500;margin-top:16px;padding:12px 24px;transition:all .2s}.upload-btn:hover{background-color:#00d4aa;color:#fff}.notification-settings,.preference-settings,.privacy-settings{display:flex;flex-direction:column;gap:32px}.notification-group h4,.preference-settings h4,.privacy-settings h4{border-bottom:1px solid #e5e7eb;color:#111827;font-size:18px;font-weight:600;margin:0 0 20px;padding-bottom:12px}.setting-item{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:20px 0}.setting-item:last-child{border-bottom:none}.setting-info{flex:1 1}.setting-info label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:4px}.setting-info p{color:#6b7280;font-size:13px;line-height:1.4;margin:0}.toggle-switch{display:inline-block;height:24px;position:relative;width:50px}.toggle-switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:24px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.3s}.slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;width:18px}input:checked+.slider{background-color:#00d4aa}input:checked+.slider:before{transform:translateX(26px)}.select-input{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:14px;min-width:200px;padding:8px 12px}.security-settings{display:flex;flex-direction:column;gap:20px}.security-item{align-items:center;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;display:flex;justify-content:space-between;padding:20px}.security-item.danger{background-color:#fef2f2;border-color:#fecaca}.security-info h4{color:#111827;font-size:16px;font-weight:600;margin:0 0 4px}.security-info p{color:#6b7280;font-size:13px;margin:0}.action-btn{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.action-btn:hover{background-color:#f3f4f6;border-color:#9ca3af}.danger-btn{background-color:#dc2626;border:1px solid #dc2626;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.danger-btn:hover{background-color:#b91c1c;border-color:#b91c1c}.modal-footer{background-color:#f9fafb;border-radius:0 0 12px 12px;border-top:1px solid #e5e7eb;display:flex;flex-shrink:0;gap:12px;justify-content:flex-end;padding:20px 24px}.cancel-button{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .2s}.cancel-button:hover{background-color:#f3f4f6;border-color:#9ca3af}.save-button{background-color:#00d4aa;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:background-color .2s}.save-button:hover{background-color:#00b894}@media (max-width:768px){.settings-modal{margin:20px;max-height:90vh;max-width:none}.settings-container{flex-direction:column}.sidebar{border-bottom:1px solid #e5e7eb;border-right:none;padding:20px;width:100%}.user-info{margin-bottom:20px;padding:0 0 20px}.settings-nav{padding:0}.nav-item{justify-content:center;padding:16px}.main-content{padding:20px}.form-grid{gap:20px;grid-template-columns:1fr}.modal-footer{flex-direction:column}.cancel-button,.save-button{width:100%}}.profile-picture-section{margin-bottom:32px;text-align:center}.profile-picture-section label{color:#374151;display:block;font-size:16px;font-weight:600;margin-bottom:16px}.circular-upload-area{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:none;border-radius:24px;display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:300px;padding:24px;transition:all .3s ease}.circular-upload-area:hover{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);box-shadow:0 8px 25px #00d4aa26;transform:translateY(-2px)}.circular-upload-preview{align-items:center;background:linear-gradient(135deg,#00d4aa,#1dbf73);border:4px solid #fff;border-radius:50%;box-shadow:0 8px 25px #00d4aa4d;color:#fff;display:flex;font-size:48px;height:120px;justify-content:center;transition:all .3s ease;width:120px}.circular-upload-preview:hover{box-shadow:0 12px 35px #00d4aa66;transform:scale(1.05)}.circular-upload-info{text-align:center}.circular-upload-info p{color:#374151;font-size:14px;font-weight:600;margin:0 0 8px}.circular-upload-info span{color:#6b7280;font-size:12px;line-height:1.4}.circular-upload-btn{background-color:#fff;border:2px solid #00d4aa;border-radius:25px;box-shadow:0 4px 15px #00d4aa33;color:#00d4aa;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.circular-upload-btn:hover{background-color:#00d4aa;box-shadow:0 8px 25px #00d4aa4d;color:#fff;transform:translateY(-2px)}.circular-upload-btn:active{transform:translateY(0)}@media (max-width:768px){.circular-upload-area{max-width:280px;padding:20px}.circular-upload-preview{font-size:40px;height:100px;width:100px}.circular-upload-info p{font-size:13px}.circular-upload-info span{font-size:11px}.circular-upload-btn{font-size:13px;padding:10px 20px}}.readonly-field{align-items:center;background-color:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:not-allowed;display:flex;font-size:14px;font-weight:500;min-height:20px;padding:12px 16px;-webkit-user-select:none;user-select:none}.readonly-field:hover{background-color:#f3f4f6}.dark-mode .readonly-field{background-color:var(--bg-secondary);border-color:var(--border-color);color:var(--text-muted)}.profile-links-settings{display:flex;flex-direction:column;gap:24px}.link-preview{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #e5e7eb;border-radius:12px;padding:20px}.link-preview h4{color:#111827;font-size:16px;font-weight:600;margin:0 0 16px}.link-display{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;display:flex;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:16px;gap:8px;margin-bottom:12px;padding:12px 16px}.link-prefix{color:#6b7280;font-weight:500}.link-suffix{color:#111827;flex:1 1;font-weight:600}.copy-link-btn{background:none;border:none;border-radius:4px;cursor:pointer;flex-shrink:0;font-size:16px;opacity:.7;padding:4px 8px;transition:all .2s}.copy-link-btn:hover{background-color:#f3f4f6;opacity:1}.copy-link-btn:active{transform:scale(.95)}.link-status{align-items:center;display:flex;gap:8px}.status{font-size:14px;font-weight:500}.status.available{color:#059669}.status.unavailable{color:#dc2626}.link-input-group{align-items:center;background:#fff;border:2px solid #d1d5db;border-radius:8px;display:flex;overflow:hidden}.link-prefix-input{background:#f3f4f6;border-right:1px solid #d1d5db;color:#6b7280;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-weight:500;white-space:nowrap}.link-input,.link-prefix-input{font-size:14px;padding:12px 16px}.link-input{border:none;flex:1 1;outline:none}.link-input,.link-input:focus{background:#fff}.link-help{color:#6b7280;font-size:13px;line-height:1.4;margin:8px 0 0}.link-actions{display:flex;flex-wrap:wrap;gap:12px}.check-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.check-btn:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.check-btn:disabled{cursor:not-allowed;opacity:.6}.save-link-btn{background:#00d4aa;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.save-link-btn:hover:not(:disabled){background:#00b894}.save-link-btn:disabled{cursor:not-allowed;opacity:.6}.link-benefits{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:12px;padding:20px}.link-benefits h4{color:#0369a1;font-size:16px;font-weight:600;margin:0 0 16px}.link-benefits ul{list-style:none;margin:0;padding:0 0 0 20px}.link-benefits li{color:#0c4a6e;font-size:14px;line-height:1.4;margin-bottom:8px}.link-benefits li:last-child{margin-bottom:0}@media (max-width:768px){.link-actions{flex-direction:column}.check-btn,.save-link-btn{text-align:center;width:100%}.link-display{font-size:14px;padding:10px 12px}.link-input,.link-prefix-input{font-size:13px;padding:10px 12px}}.settings-modal{scrollbar-color:#d1d5db #f9fafb;scrollbar-width:thin}.settings-modal::-webkit-scrollbar{width:8px}.settings-modal::-webkit-scrollbar-track{background:#f9fafb}.settings-modal::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.settings-modal::-webkit-scrollbar-thumb:hover{background:#9ca3af}.main-content::-webkit-scrollbar{width:8px}.main-content::-webkit-scrollbar-track{background:#f9fafb}.main-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.main-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:#f9fafb}.sidebar::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media (max-width:768px){.settings-modal{margin:20px;max-height:90vh}.settings-container{flex-direction:column}.sidebar{border-bottom:1px solid #e5e7eb;border-right:none;max-height:200px;overflow-y:auto;padding:20px;width:100%}.user-info{margin-bottom:20px;padding:0 0 20px}.settings-nav{padding:0}.nav-item{justify-content:center;padding:16px}.main-content{max-height:60vh;overflow-y:auto;padding:20px}.modal-footer{flex-direction:column}.cancel-button,.save-button{width:100%}}.bpm-overlay{align-items:center;background:#0000008c;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:10000}.bpm-modal{animation:bpm-slide-up .28s ease;background:#fff;border-radius:18px;box-shadow:0 24px 60px #0003;max-height:92vh;max-width:520px;overflow-y:auto;position:relative;width:100%}@keyframes bpm-slide-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.bpm-close{background:none;border:none;border-radius:6px;color:#888;cursor:pointer;font-size:18px;padding:4px 6px;position:absolute;right:16px;top:14px;transition:background .15s,color .15s;z-index:1}.bpm-close:hover{background:#f0f0f0;color:#333}.bpm-progress-bar{background:#eee;border-radius:18px 18px 0 0;height:4px;overflow:hidden}.bpm-progress-fill{background:#4caf50;height:100%;transition:width .4s ease}.bpm-content{padding:28px 28px 24px}.bpm-step-badge{background:#edf7ed;border-radius:20px;color:#4caf50;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:12px;padding:3px 10px;text-transform:uppercase}.bpm-title{color:#1a1a1a;font-size:22px;font-weight:700;margin:0 0 6px}.bpm-subtitle{color:#666;font-size:14px;line-height:1.5;margin:0 0 22px}.bpm-field{margin-bottom:16px}.bpm-field label{color:#333;display:block;font-size:13px;font-weight:600;margin-bottom:6px}.bpm-optional{color:#999;font-size:12px;font-weight:400}.bpm-field input,.bpm-field select,.bpm-field textarea{background:#fafafa;border:1.5px solid #ddd;border-radius:10px;box-sizing:border-box;color:#1a1a1a;font-family:inherit;font-size:14px;outline:none;padding:10px 13px;resize:none;transition:border-color .2s;width:100%}.bpm-field input:focus,.bpm-field select:focus,.bpm-field textarea:focus{background:#fff;border-color:#4caf50}.bpm-char-count{color:#aaa;font-size:11px;margin-top:4px;text-align:right}.bpm-row{display:flex;gap:12px}.bpm-field-flex{flex:1 1}.bpm-category-grid{display:flex;flex-wrap:wrap;gap:8px}.bpm-category-chip{background:#fafafa;border:1.5px solid #ddd;border-radius:20px;color:#444;cursor:pointer;font-size:13px;padding:7px 14px;transition:all .18s}.bpm-category-chip:hover{background:#f0faf0;border-color:#4caf50}.bpm-category-chip.selected{background:#4caf50;border-color:#4caf50;color:#fff;font-weight:600}.bpm-radius-options{display:flex;gap:10px}.bpm-radius-chip{background:#fafafa;border:1.5px solid #ddd;border-radius:10px;color:#444;cursor:pointer;flex:1 1;font-size:14px;padding:10px;text-align:center;transition:all .18s}.bpm-radius-chip:hover{border-color:#4caf50}.bpm-radius-chip.selected{background:#4caf50;border-color:#4caf50;color:#fff;font-weight:600}.bpm-info-box{background:#f8f8f8;border-radius:10px;color:#666;font-size:12px;line-height:1.6;margin:16px 0;padding:12px 14px}.bpm-info-box a{color:#4caf50;text-decoration:none}.bpm-info-box a:hover{text-decoration:underline}.bpm-error{background:#fff3f3;border:1px solid #f5c6c6;border-radius:8px;color:#c0392b;font-size:13px;margin-bottom:14px;padding:10px 14px}.bpm-btn-primary{background:#4caf50;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:13px 24px;transition:background .2s,transform .1s}.bpm-btn-primary:hover:not(:disabled){background:#43a047}.bpm-btn-primary:active:not(:disabled){transform:scale(.98)}.bpm-btn-primary:disabled{cursor:not-allowed;opacity:.6}.bpm-btn-full{width:100%}.bpm-btn-secondary{background:#f5f5f5;border:none;border-radius:10px;color:#555;cursor:pointer;font-size:15px;font-weight:500;padding:13px 20px;transition:background .2s}.bpm-btn-secondary:hover:not(:disabled){background:#ebebeb}.bpm-btn-secondary:disabled{cursor:not-allowed;opacity:.5}.bpm-row-btns{display:flex;gap:10px;margin-top:4px}.bpm-row-btns .bpm-btn-secondary{flex:0 0 auto}.bpm-row-btns .bpm-btn-primary{flex:1 1}.bpm-spinner-row{align-items:center;display:flex;gap:8px;justify-content:center}.bpm-spinner{animation:bpm-spin .7s linear infinite;border:2.5px solid #fff6;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;width:16px}@keyframes bpm-spin{to{transform:rotate(1turn)}}.bpm-auth-gate{padding:32px 28px 28px;text-align:center}.bpm-auth-icon{font-size:48px;margin-bottom:14px}.bpm-auth-gate h2{color:#1a1a1a;font-size:20px;font-weight:700;margin:0 0 8px}.bpm-auth-gate p{color:#666;font-size:14px;line-height:1.5;margin:0 0 20px}.bpm-auth-gate .bpm-btn-primary{width:100%}.bpm-success{text-align:center}.bpm-success-icon{animation:bpm-pop .5s cubic-bezier(.175,.885,.32,1.275);font-size:56px;margin-bottom:12px}@keyframes bpm-pop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.bpm-success-checklist{background:#f0faf0;border-radius:12px;margin:16px 0 20px;padding:14px 20px;text-align:left}.bpm-check-item{color:#333;font-size:14px;padding:4px 0}@media (max-width:600px){.bpm-overlay{align-items:flex-end;padding:0}.bpm-modal{border-radius:20px 20px 0 0;max-height:92vh;max-width:100%;width:100%}.bpm-content{padding:20px 18px 18px}.bpm-title{font-size:18px}.bpm-subtitle{font-size:13px}.bpm-row{flex-direction:column;gap:0}.bpm-field-flex{flex:none;width:100%}.bpm-row-btns{flex-direction:column-reverse;gap:10px}.bpm-btn-primary,.bpm-btn-secondary{text-align:center;width:100%}.bpm-category-chip{font-size:12px;padding:6px 10px}.bpm-radius-chip{font-size:13px;padding:6px 14px}.bpm-auth-icon{font-size:36px}.bpm-success-icon{font-size:48px}}.pd-overlay{align-items:center;background:#000000a6;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:9999}.pd-modal{background:#fff;border-radius:20px;box-shadow:0 20px 60px #00000040;max-height:90vh;max-width:620px;overflow-y:auto;padding:2rem;position:relative;width:100%}.pd-close{align-items:center;background:none;border:none;border-radius:50%;color:#888;cursor:pointer;display:flex;font-size:1.4rem;height:36px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:background .2s;width:36px}.pd-close:hover{background:#f0f0f0;color:#333}.pd-header{margin-bottom:1.25rem}.pd-header h2{color:#1a1a1a;font-size:1.7rem;font-weight:700;margin:0 0 .25rem}.pd-subtitle{align-items:center;color:#666;display:flex;font-size:.95rem;gap:.5rem;margin:0}.pd-pending-badge{background:#ff6b35;border-radius:20px;color:#fff;font-size:.75rem;font-weight:700;padding:.2rem .6rem}.pd-filter-tabs{border-bottom:2px solid #f0f0f0;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem;padding-bottom:.75rem}.pd-tab{background:none;border:none;border-radius:20px;color:#666;cursor:pointer;font-size:.85rem;font-weight:500;padding:.4rem .9rem;transition:all .2s}.pd-tab:hover{background:#f5f5f5}.pd-tab.active{background:#1dbf73;color:#fff;font-weight:700}.pd-error{background:#fff5f5;border:1px solid #ffcdd2;border-radius:8px;color:#c62828;font-size:.9rem;margin-bottom:1rem;padding:.75rem 1rem}.pd-loading{color:#888;padding:2.5rem 1rem;text-align:center}.pd-spinner{animation:pd-spin 1.5s linear infinite;display:block;display:inline-block;font-size:2rem;margin-bottom:.5rem}@keyframes pd-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.pd-empty{color:#888;padding:2.5rem 1rem;text-align:center}.pd-empty-icon{font-size:3rem;margin-bottom:.75rem}.pd-empty p{font-size:1rem;line-height:1.5;margin:0}.pd-jobs-list{display:flex;flex-direction:column;gap:1rem}.pd-job-card{border:1.5px solid #e8e8e8;border-radius:14px;padding:1.25rem;transition:border-color .2s,box-shadow .2s}.pd-job-card:hover{border-color:#1dbf73;box-shadow:0 4px 12px #1dbf731a}.pd-job-header{justify-content:space-between;margin-bottom:1rem}.pd-customer,.pd-job-header{align-items:center;display:flex}.pd-customer{gap:.75rem}.pd-avatar{border-radius:50%;flex-shrink:0;height:40px;object-fit:cover;width:40px}.pd-avatar-initials{align-items:center;background:#1dbf73;color:#fff;display:flex;font-size:1.1rem;font-weight:700;justify-content:center}.pd-customer-name{color:#1a1a1a;display:block;font-size:.95rem;font-weight:600}.pd-customer-email{color:#888;display:block;font-size:.8rem}.pd-status-badge{border-radius:20px;font-size:.78rem;font-weight:700;padding:.3rem .75rem;white-space:nowrap}.status-pending{background:#fff8e1;color:#f57f17}.status-accepted{background:#e8f5e9;color:#2e7d32}.status-declined{background:#fce4ec;color:#c62828}.status-cancelled{background:#f5f5f5;color:#757575}.status-completed{background:#e3f2fd;color:#1565c0}.pd-job-details{margin-bottom:.75rem}.pd-detail-row{align-items:baseline;display:flex;font-size:.9rem;gap:.4rem;padding:.3rem 0}.pd-detail-icon{flex-shrink:0}.pd-detail-label{color:#888;font-weight:600;min-width:70px}.pd-detail-value{color:#333}.pd-price{color:#1dbf73;font-weight:700}.pd-description{background:#f8f9fa;border-radius:8px;color:#555;font-size:.88rem;line-height:1.5;margin-top:.5rem;padding:.6rem .75rem}.pd-description p{margin:0}.pd-notes{color:#777;font-size:.85rem;font-style:italic;margin-top:.4rem}.pd-notes-label{color:#555;font-style:normal;font-weight:600}.pd-actions{display:flex;gap:.75rem;margin:1rem 0 .5rem}.pd-btn{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;padding:.65rem 1rem;transition:all .2s}.pd-btn:disabled{cursor:not-allowed;opacity:.6}.pd-btn-accept{background:linear-gradient(135deg,#2ed573,#1dbf73);color:#fff}.pd-btn-accept:hover:not(:disabled){box-shadow:0 4px 12px #1dbf7359;transform:translateY(-1px)}.pd-btn-decline{background:#fff0f0;border:1.5px solid #ffcdd2;color:#c62828}.pd-btn-decline:hover:not(:disabled){background:#fce4ec}.pd-btn-complete{background:linear-gradient(135deg,#42a5f5,#1565c0);color:#fff}.pd-btn-complete:hover:not(:disabled){box-shadow:0 4px 12px #1565c04d;transform:translateY(-1px)}.pd-btn-cancel{background:#f5f5f5;border:1.5px solid #e0e0e0;color:#757575}.pd-btn-cancel:hover:not(:disabled){background:#eee}.pd-job-footer{border-top:1px solid #f0f0f0;margin-top:.5rem;padding-top:.5rem}.pd-date{color:#aaa;font-size:.78rem}@media (max-width:600px){.pd-overlay{align-items:flex-end;padding:0}.pd-modal{border-radius:20px 20px 0 0;max-height:92vh;padding:1.5rem 1.25rem 2rem;width:100%}.pd-header h2{font-size:1.4rem}.pd-filter-tabs{flex-wrap:nowrap;gap:.35rem;overflow-x:auto;padding-bottom:.6rem;scrollbar-width:none}.pd-filter-tabs::-webkit-scrollbar{display:none}.pd-tab{flex-shrink:0;font-size:.8rem;padding:.35rem .7rem;white-space:nowrap}.pd-actions{flex-direction:column;gap:.5rem}.pd-btn{font-size:.85rem;padding:.6rem 1rem}.pd-job-header{align-items:flex-start;flex-direction:column;gap:.5rem}.pd-detail-row{font-size:.85rem}}
/*# sourceMappingURL=main.3fa8c2f1.css.map*/