@charset "UTF-8";.layout{min-height:100vh;display:flex;flex-direction:column;background:transparent}.header{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(229,231,235,.5);padding:1.25rem 2rem;box-shadow:0 4px 20px #00000014}.header-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo-section{display:flex;align-items:center}.header-right{display:flex;align-items:center;gap:1.5rem}.user-info{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;padding:.5rem 1rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 12px #667eea4d}.user-name{font-weight:600;color:#fff;font-size:.9375rem}.user-role{font-size:.8125rem;color:#ffffffe6;text-transform:capitalize}.logout-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#fff;color:#667eea;border:2px solid #667eea;border-radius:10px;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #667eea33}.logout-btn:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent;transform:translateY(-2px);box-shadow:0 4px 16px #667eea66}.navbar{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(229,231,235,.5);padding:0 2rem;display:flex;gap:.5rem;box-shadow:0 2px 12px #0000000f}.nav-link{display:flex;align-items:center;gap:.625rem;padding:1rem 1.5rem;text-decoration:none;color:#6b7280;font-weight:600;font-size:.9375rem;border-bottom:3px solid transparent;transition:all .3s cubic-bezier(.4,0,.2,1);margin-bottom:-1px;position:relative}.nav-link:before{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);transform:scaleX(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}.nav-link:hover{color:#667eea;background:linear-gradient(180deg,#667eea0d,#667eea1a)}.nav-link.active{color:#667eea;background:linear-gradient(180deg,#667eea14,#667eea1f)}.nav-link.active:before{transform:scaleX(1)}.nav-link svg{width:20px;height:20px}.main-content{flex:1;max-width:1400px;width:100%;margin:0 auto;padding:2.5rem;overflow-y:auto;min-height:0}.mobile-menu-toggle{display:none;background:transparent;border:none;cursor:pointer;padding:.5rem;color:#667eea;transition:all .3s}.mobile-menu-toggle:hover{color:#764ba2}.logout-text{display:inline}@media (max-width: 768px){.header{padding:1rem 1.5rem}.header-content{gap:1rem}.logo-image{height:45px}.user-info{padding:.4rem .75rem;gap:.15rem}.user-name{font-size:.875rem}.user-role{font-size:.75rem}.logout-btn{padding:.5rem 1rem;font-size:.8125rem}.logout-text{display:none}.mobile-menu-toggle{display:block}.navbar{position:fixed;top:0;left:-100%;width:280px;height:100vh;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;padding:1rem 0;box-shadow:4px 0 20px #0000001a;transition:left .3s cubic-bezier(.4,0,.2,1);z-index:1000;overflow-y:auto;border-right:1px solid rgba(229,231,235,.5)}.navbar.mobile-open{left:0}.mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.nav-link{width:100%;padding:1rem 1.5rem;border-bottom:1px solid rgba(229,231,235,.3);border-left:4px solid transparent;margin-bottom:0;justify-content:flex-start}.nav-link.active{border-left-color:#667eea;background:linear-gradient(90deg,rgba(102,126,234,.1) 0%,transparent 100%)}.nav-link:before{display:none}.main-content{padding:1.5rem}}@media (max-width: 480px){.header{padding:.75rem 1rem}.header-content{flex-wrap:wrap;gap:.75rem}.logo-image{height:40px}.header-right{gap:.75rem;flex-wrap:wrap}.user-info{padding:.35rem .6rem;order:1}.user-name{font-size:.8125rem}.user-role{font-size:.6875rem}.logout-btn{padding:.4rem .75rem;font-size:.75rem;min-height:44px;min-width:44px}.mobile-menu-toggle{min-height:44px;min-width:44px;order:2}.navbar{width:100%;left:-100%}.nav-link{min-height:48px;padding:1rem 1.25rem;font-size:.9375rem}.main-content{padding:1rem}}@media (max-width: 375px){.header{padding:.625rem .75rem}.logo-image{height:35px}.user-info{padding:.3rem .5rem}.user-name{font-size:.75rem}.user-role{font-size:.625rem}.logout-btn{padding:.35rem .625rem;font-size:.6875rem}.main-content{padding:.75rem}}.public-header{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(229,231,235,.5);box-shadow:0 4px 20px #00000014;position:sticky;top:0;z-index:1000}.header-container{max-width:1400px;margin:0 auto;padding:1.25rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.logo-section{display:flex;align-items:center;text-decoration:none;color:inherit;transition:all .3s cubic-bezier(.4,0,.2,1)}.logo-section:hover{transform:scale(1.02)}.logo-image{height:55px;width:auto;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.public-nav{display:flex;gap:2.5rem;align-items:center;flex:1;justify-content:center}.public-nav a{text-decoration:none;color:#6b7280;font-weight:700;font-size:.9375rem;padding:.625rem 0;border-bottom:3px solid transparent;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.public-nav a:before{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);transform:scaleX(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}.public-nav a:hover{color:#667eea}.public-nav a:hover:before{transform:scaleX(1)}.public-nav a.active{color:#667eea}.public-nav a.active:before{transform:scaleX(1)}.login-btn,.signup-btn,.portal-btn{padding:.75rem 1.5rem;border-radius:12px;font-weight:700;font-size:.9375rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000001a}.login-btn{background:#fff;color:#667eea;border:2px solid #667eea}.login-btn:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent;transform:translateY(-2px);box-shadow:0 4px 16px #667eea66}.signup-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:2px solid transparent}.signup-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #667eea80}.portal-btn{background:linear-gradient(135deg,#14b8a6,#0d9488);color:#fff;border:2px solid transparent}.portal-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #14b8a680}@media (max-width: 1024px){.public-nav{display:none}.header-container{padding:1rem}}@media (max-width: 768px){.header-actions{gap:.625rem}.login-btn,.signup-btn,.portal-btn{padding:.625rem 1.25rem;font-size:.875rem}}.public-layout{min-height:100vh;display:flex;flex-direction:column;background:transparent}.public-main{flex:1;width:100%}.public-footer{background:linear-gradient(135deg,#1f2937,#374151);color:#fff;padding:3.5rem 2rem 2rem;margin-top:5rem;box-shadow:0 -10px 40px #0000001a;position:relative}.public-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2)}.footer-container{max-width:1400px;margin:0 auto}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;margin-bottom:2.5rem}.footer-section h3{font-size:1.5rem;font-weight:800;margin-bottom:1.25rem;background:linear-gradient(135deg,#fff,#e5e7eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-section h4{font-size:1.125rem;font-weight:700;margin-bottom:1rem;color:#f3f4f6}.footer-section p{color:#d1d5db;line-height:1.7;margin-bottom:.75rem;font-weight:500}.footer-section a{color:#93c5fd;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:600}.footer-section a:hover{color:#60a5fa;text-decoration:underline;transform:translate(2px)}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section ul li{margin-bottom:.75rem}.footer-section ul li a{color:#d1d5db;display:inline-block;transition:all .3s cubic-bezier(.4,0,.2,1)}.footer-section ul li a:hover{color:#93c5fd;transform:translate(4px)}.footer-bottom{border-top:2px solid #374151;padding-top:2rem;text-align:center;color:#9ca3af;font-size:.9375rem;font-weight:600}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:transparent;padding:2rem;position:relative}.home-link{position:absolute;top:2rem;left:2rem;display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#667eea;text-decoration:none;border-radius:12px;font-weight:600;font-size:.9375rem;border:2px solid rgba(102,126,234,.3);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #0000001a}.home-link:hover{background:#fff;border-color:#667eea;color:#5568d3;transform:translateY(-2px);box-shadow:0 8px 24px #667eea4d}.home-link svg{width:18px;height:18px}.auth-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:3rem;border-radius:24px;box-shadow:0 20px 60px #00000026;width:100%;max-width:440px;position:relative;border:1px solid rgba(255,255,255,.5)}.auth-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:24px 24px 0 0}.auth-logo{text-align:center;margin-bottom:2.5rem}.auth-logo-image{height:90px;width:auto;object-fit:contain;margin:0 auto 1rem;display:block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.auth-logo h1{font-size:1.75rem;font-weight:700;color:#1f2937;margin:0 0 .5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-logo p{font-size:.9375rem;color:#6b7280;margin:0}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.625rem}.form-group label{font-size:.9375rem;font-weight:600;color:#374151}.form-group input,.form-group select{padding:.875rem 1rem;border:2px solid #e5e7eb;border-radius:12px;font-size:.9375rem;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fff}.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;transform:translateY(-1px)}.form-group input::placeholder{color:#9ca3af}.auth-submit-btn{width:100%;padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);margin-top:.5rem;box-shadow:0 4px 16px #667eea66;position:relative;overflow:hidden}.auth-submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.auth-submit-btn:hover:not(:disabled):before{left:100%}.auth-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #667eea80}.auth-submit-btn:active:not(:disabled){transform:translateY(0)}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed}.error-message{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#dc2626;padding:1rem;border-radius:12px;text-align:center;font-size:.9375rem;font-weight:500;border:2px solid #fecaca;box-shadow:0 4px 12px #dc26261a}@media (max-width: 768px){.auth-container{padding:1rem}.home-link{top:1rem;left:1rem;padding:.5rem 1rem;font-size:.875rem}.auth-card{padding:2rem 1.5rem;border-radius:20px;max-width:100%}.auth-logo{margin-bottom:2rem}.auth-logo-image{height:70px}.auth-logo h1{font-size:1.5rem}.auth-form{gap:1.25rem}.form-group input,.form-group select{padding:.75rem;font-size:.875rem}.auth-submit-btn{padding:.875rem;font-size:.9375rem}}@media (max-width: 480px){.auth-container{padding:.75rem}.home-link{top:.75rem;left:.75rem;padding:.4rem .75rem;font-size:.8125rem}.auth-card{padding:1.5rem 1rem;border-radius:16px}.auth-logo-image{height:60px}.auth-logo h1{font-size:1.25rem}.auth-logo p,.form-group label{font-size:.875rem}.form-group input,.form-group select{padding:.875rem;font-size:16px;min-height:44px}.auth-submit-btn{padding:.875rem;font-size:.9375rem;min-height:44px;width:100%}.error-message{padding:.875rem;font-size:.875rem}}.home-page{width:100%}.hero-section{position:relative;height:500px;overflow:hidden;color:#fff}.hero-slider{position:relative;width:100%;height:100%}.hero-slide{position:absolute;width:100%;height:100%;opacity:0;transition:opacity 1s ease-in-out}.hero-slide.active{opacity:1}.hero-image{width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#667eeab3,#764ba2b3);display:flex;align-items:center;justify-content:center}.hero-indicators{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;gap:.5rem;z-index:10}.hero-indicators button{width:12px;height:12px;border-radius:50%;border:2px solid white;background:transparent;cursor:pointer;transition:all .3s}.hero-indicators button.active{background:#fff}.hero-content{max-width:800px;margin:0 auto}.hero-content h1{font-size:3rem;font-weight:700;margin-bottom:1rem}.hero-subtitle{font-size:1.5rem;margin-bottom:1.5rem;opacity:.95}.hero-description{font-size:1.125rem;line-height:1.8;margin-bottom:2rem;opacity:.9}.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-primary,.btn-secondary{padding:.875rem 2rem;border-radius:8px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.btn-primary{background:#fff;color:#667eea}.btn-secondary{background:transparent;color:#fff;border:2px solid white}.btn-secondary:hover{background:#fff;color:#667eea}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.services-section{padding:4rem 2rem;background:#fff}.services-section h2{text-align:center;font-size:2.5rem;font-weight:700;color:#1f2937;margin-bottom:3rem}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.service-card{background:#f9fafb;padding:2rem;border-radius:12px;text-align:center;transition:all .3s;border:1px solid #e5e7eb;text-decoration:none;color:inherit;display:flex;flex-direction:column;align-items:center}.service-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a;border-color:#667eea}.service-image{width:200px;height:200px;object-fit:contain;margin-bottom:1rem}.service-card h3{font-size:1.5rem;font-weight:600;color:#1f2937;margin-bottom:1rem}.service-card p{color:#6b7280;line-height:1.6}.about-preview-section{padding:4rem 2rem;background:#f9fafb}.about-preview-content{max-width:800px;margin:0 auto}.about-preview-content h2{font-size:2.5rem;font-weight:700;color:#1f2937;margin-bottom:1.5rem}.about-preview-content p{font-size:1.125rem;line-height:1.8;color:#4b5563;margin-bottom:1.5rem}.testimonials-section{padding:4rem 2rem;background:#fff}.testimonials-section h2{text-align:center;font-size:2.5rem;font-weight:700;color:#1f2937;margin-bottom:3rem}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.testimonial-card{background:#f9fafb;padding:2rem;border-radius:12px;border-left:4px solid #667eea}.testimonial-text{font-size:1rem;line-height:1.8;color:#4b5563;margin-bottom:1.5rem;font-style:italic}.testimonial-author{font-weight:600;color:#1f2937;text-align:right}.cta-section{padding:4rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-align:center}.cta-section h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem}@media (max-width: 768px){.hero-content h1{font-size:2rem}.hero-subtitle{font-size:1.25rem}.services-grid,.testimonials-grid{grid-template-columns:1fr}}.about-page{padding:2rem;background:#fff;min-height:60vh}.about-page h1{font-size:2.5rem;font-weight:700;color:#1f2937;margin-bottom:2rem;text-align:center}.about-content{max-width:900px;margin:0 auto}.about-image-section{margin-bottom:3rem;text-align:center}.about-image{max-width:100%;height:auto;border-radius:12px;box-shadow:0 4px 12px #0000001a}.about-section{margin-bottom:3rem}.about-section h2{font-size:2rem;font-weight:600;color:#1f2937;margin-bottom:1.5rem}.about-section p{font-size:1.125rem;line-height:1.8;color:#4b5563;margin-bottom:1.5rem}.services-list-section{margin-bottom:3rem;background:#f9fafb;padding:2rem;border-radius:12px}.services-list-section h2{font-size:2rem;font-weight:600;color:#1f2937;margin-bottom:1.5rem}.services-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.services-list li{padding:1rem;background:#fff;border-radius:8px;border-left:4px solid #667eea;font-size:1.125rem;color:#1f2937;font-weight:500}.location-section{margin-bottom:2rem}.location-section h2{font-size:2rem;font-weight:600;color:#1f2937;margin-bottom:1.5rem}.location-section p{font-size:1.125rem;line-height:1.8;color:#4b5563}.rewiring-page{padding:2rem;background:#fff;min-height:60vh}.rewiring-page h1{font-size:2.5rem;font-weight:700;color:#1f2937;margin-bottom:2rem;text-align:center}.rewiring-content{max-width:900px;margin:0 auto}.rewiring-intro{margin-bottom:3rem}.rewiring-details{margin-bottom:3rem}.rewiring-details h2{font-size:2rem;font-weight:600;color:#1f2937;margin-bottom:1.5rem}.rewiring-details>p{font-size:1.125rem;line-height:1.8;color:#4b5563;margin-bottom:2rem}.rewiring-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}.feature-item{background:#f9fafb;padding:1.5rem;border-radius:12px;border-left:4px solid #667eea}.feature-item h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:.75rem}.feature-item p{font-size:1rem;line-height:1.6;color:#6b7280}.cta-section{text-align:center;padding:3rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;margin-top:3rem}.testing-page{padding:2rem;background:#fff;min-height:60vh}.testing-page h1{font-size:2.5rem;font-weight:700;color:#1f2937;margin-bottom:2rem;text-align:center}.testing-content{max-width:900px;margin:0 auto}.testing-intro{margin-bottom:3rem}.lead{font-size:1.25rem;line-height:1.8;color:#4b5563;font-weight:500}.testing-details{margin-bottom:3rem}.testing-details h2{font-size:2rem;font-weight:600;color:#1f2937;margin-bottom:2rem}.testing-services{display:grid;gap:2rem}.service-item{background:#f9fafb;padding:2rem;border-radius:12px;border-left:4px solid #667eea}.service-item h3{font-size:1.5rem;font-weight:600;color:#1f2937;margin-bottom:1rem}.service-item p{font-size:1.125rem;line-height:1.8;color:#4b5563}.compliance-section{background:#f9fafb;padding:2rem;border-radius:12px;margin-bottom:3rem}.compliance-section h2{font-size:2rem;font-weight:600;color:#1f2937;margin-bottom:1.5rem}.compliance-section>p{font-size:1.125rem;line-height:1.8;color:#4b5563;margin-bottom:1.5rem}.compliance-list{list-style:none;padding:0}.compliance-list li{padding:1rem;background:#fff;margin-bottom:.75rem;border-radius:8px;border-left:4px solid #10b981;font-size:1.125rem;color:#1f2937}.cta-section{text-align:center;padding:3rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff}.cta-section h2{font-size:2rem;font-weight:700;margin-bottom:1rem}.cta-section p{font-size:1.125rem;margin-bottom:2rem;opacity:.95}.btn-primary{padding:.875rem 2rem;background:#fff;color:#667eea;border-radius:8px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.gallery-page{padding:2rem;background:#fff;min-height:60vh}.gallery-page h1{font-size:2.5rem;font-weight:700;color:#1f2937;margin-bottom:1rem;text-align:center}.gallery-intro{text-align:center;font-size:1.125rem;color:#6b7280;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.gallery-item{background:#f9fafb;border-radius:12px;overflow:hidden;border:1px solid #e5e7eb;transition:all .3s}.gallery-item:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.gallery-image-container{width:100%;height:250px;overflow:hidden;background:#f3f4f6}.gallery-image{width:100%;height:100%;object-fit:cover;transition:transform .3s}.gallery-item:hover .gallery-image{transform:scale(1.05)}.gallery-item-info{padding:1.5rem}.gallery-item-info h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}.gallery-item-info p{font-size:1rem;color:#6b7280}.testimonials-page{padding:2rem;background:#fff;min-height:60vh}.testimonials-page h1{font-size:2.5rem;font-weight:700;color:#1f2937;margin-bottom:1rem;text-align:center}.testimonials-intro{text-align:center;font-size:1.125rem;color:#6b7280;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}.testimonials-list{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.testimonial-card{background:#f9fafb;padding:2.5rem;border-radius:12px;border-left:4px solid #667eea;position:relative}.testimonial-quote{margin-bottom:1.5rem}.testimonial-text{font-size:1.125rem;line-height:1.8;color:#4b5563;margin-bottom:1.5rem;font-style:italic}.testimonial-author{font-weight:600;color:#1f2937;text-align:right;font-size:1.125rem}.contact-page{padding:2rem;background:#fff;min-height:60vh}.contact-page h1{font-size:2.5rem;font-weight:700;color:#1f2937;margin-bottom:1rem;text-align:center}.contact-intro{text-align:center;font-size:1.125rem;color:#6b7280;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}.contact-content{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:3rem}.contact-info h2,.contact-form-section h2{font-size:2rem;font-weight:600;color:#1f2937;margin-bottom:2rem}.contact-details{display:flex;flex-direction:column;gap:2rem}.contact-item{display:flex;gap:1.5rem;align-items:flex-start}.contact-icon{font-size:2rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:12px;flex-shrink:0}.contact-item h3{font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}.contact-item a{color:#667eea;text-decoration:none;font-size:1.125rem;transition:color .2s}.contact-item a:hover{color:#5568d3;text-decoration:underline}.contact-item p{color:#4b5563;font-size:1.125rem;line-height:1.6;margin:0}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:#374151;font-size:.9375rem}.form-group input,.form-group textarea{padding:.875rem;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;font-family:inherit;transition:all .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.submit-btn{padding:.875rem 2rem;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s}.submit-btn:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.success-message{background:#d1fae5;border:1px solid #10b981;border-radius:8px;padding:2rem;text-align:center}.success-message p{color:#065f46;font-size:1.125rem;font-weight:500;margin:0}@media (max-width: 768px){.contact-content{grid-template-columns:1fr}}.jobs-list-page{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2.5rem;box-shadow:0 10px 40px #0000001a;border:1px solid rgba(255,255,255,.5)}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2.5rem}.header-actions{display:flex;align-items:center;gap:1rem}.view-toggle{display:flex;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:12px;padding:.375rem;gap:.375rem;box-shadow:inset 0 2px 4px #0000000f}.view-toggle-btn{display:flex;align-items:center;justify-content:center;padding:.625rem;background:transparent;border:none;border-radius:10px;cursor:pointer;color:#6b7280;transition:all .3s cubic-bezier(.4,0,.2,1)}.view-toggle-btn:hover{background:#fff;color:#667eea;box-shadow:0 2px 8px #0000001a}.view-toggle-btn.active{background:#fff;color:#667eea;box-shadow:0 4px 12px #667eea33}.page-header h1{color:#1f2937;font-size:2.25rem;font-weight:800;margin:0 0 .5rem;background:linear-gradient(135deg,#1f2937,#667eea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-subtitle{color:#6b7280;font-size:1rem;margin:0;font-weight:500}.create-job-btn{display:flex;align-items:center;gap:.625rem;padding:.875rem 1.75rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;border-radius:12px;font-weight:700;font-size:.9375rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #667eea66;position:relative;overflow:hidden}.create-job-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.create-job-btn:hover:before{left:100%}.create-job-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #667eea80}.status-cards{display:grid;grid-template-columns:repeat(7,1fr);gap:1.5rem;margin-bottom:2.5rem}.status-card{background:#fff;border:2px solid transparent;border-radius:16px;padding:1.75rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0000000f;position:relative;overflow:hidden}.status-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);transform:scaleX(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}.status-card:hover:before{transform:scaleX(1)}.status-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001f}.status-card.active{border-color:#667eea;box-shadow:0 8px 24px #667eea4d;transform:translateY(-2px)}.status-card.active:before{transform:scaleX(1)}.status-card.draft{background:linear-gradient(135deg,#fee2e2,#fecaca)}.status-card.pending{background:linear-gradient(135deg,#f9fafb,#f3f4f6)}.status-card.assigned{background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}.status-card.in-progress{background:linear-gradient(135deg,#eff6ff,#dbeafe)}.status-card.completed{background:linear-gradient(135deg,#fff7ed,#ffedd5)}.status-card.approved{background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.status-card.exported{background:linear-gradient(135deg,#faf5ff,#f3e8ff)}.status-card-content h3{font-size:1rem;font-weight:700;color:#1f2937;margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.05em}.status-count{font-size:2rem;font-weight:800;color:#1f2937;margin:0}.search-container{margin-bottom:2rem}.search-box{position:relative;display:flex;align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:14px;padding:.875rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000a}.search-box:focus-within{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;transform:translateY(-1px)}.search-icon{color:#9ca3af;flex-shrink:0;margin-right:.875rem}.search-input{flex:1;border:none;outline:none;font-size:1rem;color:#1f2937;background:transparent;font-weight:500}.search-input::placeholder{color:#9ca3af;font-weight:400}.search-clear-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;color:#9ca3af;cursor:pointer;padding:.375rem;margin-left:.5rem;border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.search-clear-btn:hover{color:#667eea;background:#667eea1a}.search-results-count{margin-top:.75rem;font-size:.9375rem;color:#6b7280;font-weight:600}.filter-header{margin-bottom:2rem}.back-to-all-btn{background:none;border:none;color:#667eea;font-size:1rem;font-weight:600;cursor:pointer;padding:.625rem 0;transition:all .3s cubic-bezier(.4,0,.2,1)}.back-to-all-btn:hover{color:#5568d3;transform:translate(-2px)}.jobs-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1.75rem;width:100%}.job-card{background:#fff;border:2px solid transparent;border-radius:16px;padding:1.75rem;text-decoration:none;color:inherit;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;box-shadow:0 4px 12px #0000000f;position:relative;overflow:hidden}.job-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);transform:scaleX(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}.job-card:hover:before{transform:scaleX(1)}.job-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #00000026;border-color:#667eea33}.job-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:2px solid #f3f4f6}.job-number{font-weight:800;color:#1f2937;font-size:1.25rem}.job-status{padding:.5rem 1rem;border-radius:24px;color:#fff;font-size:.75rem;font-weight:700;text-transform:capitalize;box-shadow:0 2px 8px #00000026;letter-spacing:.05em}.job-status[data-status=draft]{background:linear-gradient(135deg,#ef4444,#dc2626)}.job-status[data-status=pending]{background:linear-gradient(135deg,#9ca3af,#6b7280)}.job-status[data-status=assigned]{background:linear-gradient(135deg,#6b7280,#4b5563)}.job-status[data-status=in_progress]{background:linear-gradient(135deg,#3b82f6,#2563eb)}.job-status[data-status=completed]{background:linear-gradient(135deg,#f59e0b,#d97706)}.job-status[data-status=approved]{background:linear-gradient(135deg,#14b8a6,#0d9488)}.job-status[data-status=exported]{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.job-card-body{flex:1}.job-card-body h3{margin:0 0 .75rem;color:#1f2937;font-size:1.125rem;font-weight:700}.job-address{color:#6b7280;font-size:.9375rem;margin:.625rem 0;line-height:1.6;font-weight:500}.job-date{color:#6b7280;font-size:.9375rem;margin:.625rem 0;font-weight:500}.job-assigned{color:#667eea;font-size:.9375rem;margin:.625rem 0;font-weight:700}.job-work{color:#6b7280;font-size:.9375rem;margin-top:.75rem;line-height:1.6;font-weight:500}.job-card-footer{display:flex;justify-content:space-between;margin-top:1.25rem;padding-top:1.25rem;border-top:2px solid #f3f4f6;font-size:.9375rem;color:#6b7280;font-weight:600}.job-card-footer .has-hours,.job-card-footer .has-materials{color:#1f2937;font-weight:700}.job-card-footer .no-hours,.job-card-footer .no-materials{color:#9ca3af;font-style:italic;font-weight:500}.no-jobs{text-align:center;padding:4rem;color:#6b7280;font-size:1.125rem;font-weight:600;grid-column:1 / -1}.loading{text-align:center;padding:4rem;color:#6b7280;font-size:1.125rem;font-weight:600}.job-card-wrapper{position:relative}.job-context-menu{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:12px;box-shadow:0 10px 40px #00000026!important;min-width:200px;padding:.625rem 0;z-index:10000!important;pointer-events:auto;visibility:visible!important;opacity:1!important;display:block!important}.context-menu-divider{height:1px;background:linear-gradient(90deg,transparent,#e5e7eb,transparent);margin:.375rem 0}.context-menu-item{display:flex;align-items:center;gap:.875rem;padding:.75rem 1.25rem;cursor:pointer;font-size:.9375rem;color:#374151;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1)}.context-menu-item:hover{background:linear-gradient(90deg,#667eea14,#667eea1f);color:#667eea}.context-menu-item.delete-item{color:#dc2626}.context-menu-item.delete-item:hover{background:linear-gradient(90deg,#dc262614,#dc26261f);color:#b91c1c}.context-menu-item svg{flex-shrink:0}.assign-submenu,.status-submenu{margin-left:0}.context-menu-color{width:24px;height:20px;display:inline-block;flex-shrink:0;border-radius:6px;box-shadow:0 2px 4px #0000001a}.context-menu-item.active-status{background:linear-gradient(90deg,#667eea1a,#667eea26);font-weight:700;color:#667eea}.jobs-list-view{width:100%;overflow-x:auto}.jobs-table{width:100%;border-collapse:collapse;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px #0000000f}.jobs-table thead{background:linear-gradient(135deg,#f9fafb,#f3f4f6)}.jobs-table th{padding:1.25rem;text-align:left;font-size:.875rem;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.1em;border-bottom:2px solid #e5e7eb}.jobs-table th.sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.jobs-table th.sortable-header:hover{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#667eea}.jobs-table th.sortable-header span{display:inline-block}.jobs-table th.sortable-header .sort-indicator{margin-left:.5rem;color:#667eea;font-weight:800;font-size:.875rem}.jobs-table td{padding:1.25rem;font-size:.9375rem;color:#1f2937;border-bottom:1px solid #f3f4f6;font-weight:500}.job-table-row{cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.job-table-row:hover{background:linear-gradient(90deg,#667eea08,#667eea0f)}.job-table-row.context-menu-active{background:linear-gradient(90deg,#667eea26,#667eea33)!important;box-shadow:inset 0 0 0 2px #667eea4d}.job-number-cell{font-weight:800;color:#1f2937}.job-customer-cell{font-weight:700;color:#1f2937}.job-address-cell{color:#6b7280;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.job-date-cell{color:#6b7280}.job-assigned-cell{color:#667eea;font-weight:700}.job-work-cell{color:#6b7280;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.job-hours-cell,.job-materials-cell{color:#1f2937;text-align:right;font-weight:700}.jobs-table .job-status{display:inline-block;padding:.375rem .875rem;border-radius:20px;color:#fff;font-size:.75rem;font-weight:700;text-transform:capitalize;letter-spacing:.05em}@media (max-width: 768px){.jobs-list-page{padding:1.5rem;border-radius:16px}.page-header{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.page-header h1{font-size:1.75rem}.header-actions{width:100%;flex-wrap:wrap;gap:.75rem}.create-job-btn{padding:.75rem 1.25rem;font-size:.875rem}.status-cards{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.status-card{padding:1.25rem}.status-card-content h3{font-size:.875rem}.status-count{font-size:1.25rem}.job-search-container,.job-search-input{width:100%}.jobs-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.job-card{padding:1.25rem}.job-card-header{flex-direction:column;align-items:flex-start;gap:.75rem}.jobs-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.jobs-table{min-width:800px;font-size:.875rem}.jobs-table th,.jobs-table td{padding:.875rem .75rem}.job-address-cell,.job-work-cell{max-width:150px}}@media (max-width: 480px){.jobs-list-page{padding:1rem;border-radius:12px}.page-header{flex-direction:column;gap:1rem}.page-header h1{font-size:1.5rem;line-height:1.2}.page-subtitle{font-size:.875rem}.header-actions{width:100%;flex-direction:column;gap:.75rem}.status-cards{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.5rem}.status-card{padding:1rem;min-height:80px}.status-card-content h3{font-size:.8125rem}.status-count{font-size:1.125rem}.create-job-btn{width:100%;justify-content:center;padding:.875rem;min-height:44px;font-size:.9375rem}.view-toggle{width:100%;justify-content:center}.view-toggle-btn{min-height:44px;min-width:44px;flex:1}.search-container{margin-bottom:1.5rem}.search-box{width:100%}.search-input{font-size:16px;padding:.875rem 1rem;min-height:44px}.jobs-grid{grid-template-columns:1fr;gap:.75rem}.job-card{padding:1rem}.job-card h3{font-size:1rem}.job-card-meta{font-size:.8125rem}.jobs-list-view{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -1rem;padding:0 1rem}.jobs-table{min-width:800px;font-size:.8125rem}.jobs-table th,.jobs-table td{padding:.75rem .5rem;min-height:44px}.jobs-table th.sortable-header{min-height:48px}.job-address-cell,.job-work-cell{max-width:120px}.job-table-row{cursor:pointer}.job-context-menu{min-width:200px;font-size:.9375rem}.context-menu-item{min-height:44px;padding:.875rem 1rem;font-size:.9375rem}.assign-submenu,.status-submenu{min-width:180px}}@media (max-width: 375px){.jobs-list-page{padding:.75rem}.page-header h1{font-size:1.25rem}.status-cards{grid-template-columns:1fr;gap:.625rem}.status-card{padding:.875rem}.jobs-table{min-width:700px;font-size:.75rem}.jobs-table th,.jobs-table td{padding:.625rem .375rem}}@media (max-width: 1400px){.jobs-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 1200px){.jobs-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.jobs-grid{grid-template-columns:repeat(2,1fr)}}.job-detail{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2.5rem;box-shadow:0 10px 40px #0000001a;border:1px solid rgba(255,255,255,.5)}.job-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:3px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,#667eea,#764ba2) border-box;border-image:linear-gradient(90deg,#667eea,#764ba2) 1}.header-actions{display:flex;gap:1rem;align-items:center}.header-action-btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);width:160px;height:44px;white-space:nowrap;text-align:center;display:flex;align-items:center;justify-content:center}.header-action-btn:hover{transform:translateY(-2px)}.header-action-btn:active{transform:translateY(0)}.create-job-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 6px #667eea4d}.create-job-btn:hover{box-shadow:0 6px 12px #667eea66;background:linear-gradient(135deg,#5568d3,#6a3d8f)}.delete-job-btn{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;box-shadow:0 4px 6px #dc26264d}.delete-job-btn:hover{box-shadow:0 6px 12px #dc262666;background:linear-gradient(135deg,#b91c1c,#991b1b)}.back-btn{background:#6c757d;color:#fff;box-shadow:0 4px 6px #6c757d4d}.back-btn:hover{background:#5a6268;box-shadow:0 6px 12px #6c757d66}.job-detail-header h1{color:#1f2937;font-size:2.25rem;font-weight:800;margin:.5rem 0 0;background:linear-gradient(135deg,#1f2937,#667eea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.back-link{color:#667eea;text-decoration:none;font-size:1rem;font-weight:600;margin-bottom:.75rem;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.back-link:hover{color:#5568d3;transform:translate(-4px)}.job-actions{display:flex;gap:1rem}.edit-btn,.approve-btn{padding:.75rem 1.5rem;border:none;border-radius:12px;cursor:pointer;text-decoration:none;font-size:.9375rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00000026}.edit-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.edit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.approve-btn{background:linear-gradient(135deg,#14b8a6,#0d9488);color:#fff}.approve-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #14b8a666}.job-detail-content{display:flex;flex-direction:column;gap:2rem}.detail-section{padding:2rem;border:2px solid transparent;border-radius:16px;background:#fff;margin-bottom:1.5rem;box-shadow:0 4px 12px #0000000f;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.detail-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2)}.detail-section:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.section-header h2{margin:0;color:#1f2937;font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,#1f2937,#667eea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-content{margin-top:1rem}.job-info-section,.info-card,.customer-section,.site-section,.work-section,.time-section,.materials-section{padding:2rem;border:2px solid transparent;border-radius:16px;background:#fff;margin-bottom:1.5rem;box-shadow:0 4px 12px #0000000f;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.job-info-section:before,.info-card:before,.customer-section:before,.site-section:before,.work-section:before,.time-section:before,.materials-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2)}.job-info-section:hover,.info-card:hover,.customer-section:hover,.site-section:hover,.work-section:hover,.time-section:hover,.materials-section:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}.job-info-section h2,.info-card h2,.customer-section h2,.site-section h2,.work-section h2,.time-section h2,.materials-section h2{margin:0 0 1rem;color:#1f2937;font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,#1f2937,#667eea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-description{font-style:italic;color:#6b7280;font-size:.9375rem;font-weight:500;margin:0 0 1.5rem}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:1.5rem}.email-field-full-width{grid-column:1 / -1;word-break:break-word}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-top:1rem}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1 / -1}.form-group label{margin-bottom:.5rem;font-weight:600;color:#6b7280;font-size:.875rem}.form-group input,.form-group textarea,.form-group select{padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:10px;font-size:.9375rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);box-sizing:border-box}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.info-item{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:12px;border:2px solid #e5e7eb;transition:all .3s cubic-bezier(.4,0,.2,1)}.info-item:hover{border-color:#667eea4d;box-shadow:0 4px 12px #00000014}.info-item label{font-weight:700;color:#6b7280;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:0}.info-item span{color:#1f2937;font-size:1rem;font-weight:600;padding:.5rem 0}.status-select,.assignment-select{padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:12px;font-size:.9375rem;font-weight:600;background:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.status-select:focus,.assignment-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;transform:translateY(-1px)}.status-select:disabled{background:#f3f4f6;cursor:not-allowed;opacity:.6}.assignment-select{min-width:180px}.work-item{margin-bottom:1.5rem}.work-item label{display:block;font-weight:700;color:#6b7280;margin-bottom:.75rem;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.work-content{background:linear-gradient(135deg,#f9fafb,#f3f4f6);padding:1.25rem;border-radius:12px;border:2px solid #e5e7eb;white-space:pre-wrap;min-height:80px;font-size:.9375rem;line-height:1.6;color:#1f2937;font-weight:500}.work-content-container{display:flex;align-items:flex-start;gap:.75rem}.work-content-container .work-content{flex:1}.edit-work-btn{padding:.625rem 1.25rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;cursor:pointer;font-size:.875rem;font-weight:700;white-space:nowrap;flex-shrink:0;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #667eea4d}.edit-work-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.work-edit-container{display:flex;flex-direction:column;gap:.75rem}.work-edit-textarea{width:100%;padding:1rem;border:2px solid #e5e7eb;border-radius:12px;font-family:inherit;font-size:.9375rem;font-weight:500;resize:vertical;min-height:120px;box-sizing:border-box;transition:all .3s cubic-bezier(.4,0,.2,1)}.work-edit-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.work-edit-buttons{display:flex;gap:.75rem;justify-content:flex-end}.save-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#14b8a6,#0d9488);color:#fff;border:none;border-radius:10px;cursor:pointer;font-size:.9375rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #14b8a64d}.save-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #14b8a666}.cancel-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#9ca3af,#6b7280);color:#fff;border:none;border-radius:10px;cursor:pointer;font-size:.9375rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #9ca3af4d}.cancel-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #9ca3af66}.datetime-display-container{display:flex;align-items:center;gap:.75rem}.datetime-display{flex:1;padding:1rem;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:12px;color:#1f2937;font-weight:600;border:2px solid #e5e7eb}.datetime-edit-container{display:flex;flex-direction:column;gap:.75rem}.datetime-input{padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:12px;font-family:inherit;font-size:.9375rem;font-weight:600;box-sizing:border-box;transition:all .3s cubic-bezier(.4,0,.2,1)}.datetime-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.datetime-edit-buttons{display:flex;gap:.75rem;justify-content:flex-end}.edit-datetime-btn{padding:.625rem 1.25rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;cursor:pointer;font-size:.875rem;font-weight:700;white-space:nowrap;flex-shrink:0;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #667eea4d}.edit-datetime-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.start-time-empty{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);padding:.5rem 1rem;border-radius:8px;color:#9ca3af;font-style:italic;font-weight:600;display:inline-block;min-width:80px;text-align:center}.section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.section-header-actions{display:flex;gap:1rem;align-items:center}.employee-status-controls{display:flex;gap:.75rem;align-items:center}.status-btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.9375rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00000026}.in-progress-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.in-progress-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3b82f666;background:linear-gradient(135deg,#2563eb,#1d4ed8)}.completed-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.completed-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #10b98166;background:linear-gradient(135deg,#059669,#047857)}.section-edit-btn,.section-save-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;cursor:pointer;font-size:.9375rem;font-weight:700;align-self:flex-start;margin-top:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #667eea4d}.section-edit-btn:hover,.section-save-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.section-cancel-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#d1d5db,#9ca3af);color:#fff;border:none;border-radius:10px;cursor:pointer;font-size:.9375rem;font-weight:700;align-self:flex-start;margin-top:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #d1d5db4d}.section-cancel-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #d1d5db66}.add-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#14b8a6,#0d9488);color:#fff;border:none;border-radius:10px;cursor:pointer;font-size:.9375rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #14b8a64d}.add-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #14b8a666}.time-form,.material-form{display:flex;gap:1.25rem;margin-bottom:1.5rem;padding:1.5rem;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:12px;border:2px solid #e5e7eb;flex-wrap:wrap;align-items:flex-end}.form-field{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:180px}.form-field label{font-size:.875rem;font-weight:700;color:#6b7280;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.05em}.time-form input,.material-form input{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:10px;box-sizing:border-box;font-size:.9375rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.time-form input:focus,.material-form input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.time-form button,.material-form button{padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;cursor:pointer;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #667eea4d}.time-form button:hover,.material-form button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.time-table,.materials-table,.data-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000000f;table-layout:auto}.time-table th,.materials-table th,.data-table th{background:linear-gradient(135deg,#1f2937,#374151);color:#fff;padding:1.25rem 2rem;text-align:left;font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;white-space:nowrap}.time-table td,.materials-table td,.data-table td{padding:1.25rem 2rem;border-bottom:1px solid #f3f4f6;font-size:.9375rem;color:#1f2937;font-weight:600}.time-entry-table thead tr th:nth-child(1){min-width:160px;width:18%}.time-entry-table thead tr th:nth-child(2){min-width:140px;width:15%}.time-entry-table thead tr th:nth-child(3){min-width:140px;width:15%}.time-entry-table thead tr th:nth-child(4){min-width:160px;width:18%}.time-entry-table thead tr th:nth-child(5){min-width:120px;width:12%;text-align:center}.time-entry-table tbody tr td:nth-child(5){text-align:center}.materials-table-specific thead tr th:nth-child(1){min-width:280px;width:40%}.materials-table-specific thead tr th:nth-child(2){min-width:140px;width:15%}.materials-table-specific thead tr th:nth-child(3){min-width:140px;width:15%}.materials-table-specific thead tr th:nth-child(4){min-width:140px;width:15%}.materials-table-specific thead tr th:nth-child(5){min-width:120px;width:12%;text-align:center}.materials-table-specific tbody tr td:nth-child(5){text-align:center}.time-table tbody tr:hover,.materials-table tbody tr:hover{background:linear-gradient(90deg,#667eea08,#667eea0f)}.time-table tfoot,.materials-table tfoot{background:linear-gradient(135deg,#f9fafb,#f3f4f6);font-weight:800}.time-table tfoot td,.materials-table tfoot td{border-bottom:none;font-size:1rem;color:#1f2937}.delete-btn{padding:.5rem 1rem;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #ef44444d}.delete-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ef444466}.no-data{color:#6b7280;font-style:italic;font-weight:600;text-align:center;padding:2rem;font-size:1rem}@media (max-width: 768px){.job-detail{padding:1.5rem;border-radius:16px}.job-detail-header{flex-direction:column;align-items:flex-start;gap:1rem;padding-bottom:1rem;margin-bottom:1.5rem}.job-detail-header h1{font-size:1.75rem}.job-actions{width:100%;flex-direction:column}.edit-btn,.approve-btn{width:100%;justify-content:center}.job-info-section,.info-card,.customer-section,.site-section,.work-section,.time-section,.materials-section{padding:1.5rem;margin-bottom:1rem}.job-info-section h2,.info-card h2,.customer-section h2,.site-section h2,.work-section h2,.time-section h2,.materials-section h2{font-size:1.25rem}.info-grid{grid-template-columns:1fr;gap:1rem}.info-item{padding:.875rem}.section-header{flex-direction:column;align-items:flex-start;gap:1rem}.time-table-wrapper,.materials-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.time-table,.materials-table{min-width:600px;font-size:.875rem}.time-table th,.time-table td,.materials-table th,.materials-table td{padding:.75rem .5rem}}@media (max-width: 768px){.job-detail{padding:1.5rem}.job-detail-header{flex-direction:column;gap:1rem;align-items:flex-start}.header-actions{width:100%;flex-direction:column;gap:.75rem}.header-action-btn{width:100%}.form-grid,.info-grid{grid-template-columns:1fr}}@media (max-width: 480px){.job-detail{padding:1rem;border-radius:12px}.job-detail-header{flex-direction:column;gap:1rem;padding-bottom:1rem;margin-bottom:1.5rem}.job-detail-header h1{font-size:1.5rem;line-height:1.2}.back-link{font-size:.875rem;min-height:44px;display:inline-flex;align-items:center}.header-actions{width:100%;flex-direction:column;gap:.75rem}.header-action-btn{width:100%;min-height:44px;font-size:.9375rem}.job-info-section,.info-card,.customer-section,.site-section,.work-section,.time-section,.materials-section{padding:1rem;margin-bottom:1rem}.job-info-section h2,.info-card h2,.customer-section h2,.site-section h2,.work-section h2,.time-section h2,.materials-section h2{font-size:1.125rem;margin-bottom:.75rem}.section-description{font-size:.8125rem;margin-bottom:1rem}.info-grid,.form-grid{grid-template-columns:1fr;gap:1rem}.form-group input,.form-group textarea,.form-group select{font-size:16px;min-height:44px;padding:.875rem 1rem}.form-group textarea{min-height:100px}.info-item{padding:.875rem}.info-item label{font-size:.75rem}.info-item span,.work-item label{font-size:.875rem}.work-content{font-size:.875rem;padding:.75rem}.work-edit-textarea{font-size:16px;min-height:120px;padding:.875rem}.work-edit-buttons{flex-direction:column;gap:.75rem}.save-btn,.cancel-btn{width:100%;min-height:44px;font-size:.9375rem}.time-section,.materials-section{overflow-x:auto;-webkit-overflow-scrolling:touch}.time-table,.materials-table{min-width:500px;font-size:.8125rem}.time-table th,.time-table td,.materials-table th,.materials-table td{padding:.625rem .375rem;min-height:44px}.section-edit-btn,.section-save-btn,.section-cancel-btn{width:100%;justify-content:center;padding:.75rem;font-size:.875rem;min-height:44px}.add-btn{width:100%;justify-content:center;padding:.75rem;min-height:44px}.status-select,.assignment-select{width:100%;min-height:44px;font-size:16px}.datetime-input{font-size:16px;min-height:44px}}@media (max-width: 375px){.job-detail{padding:.75rem}.job-detail-header h1{font-size:1.25rem}.job-info-section,.info-card,.customer-section,.site-section,.work-section,.time-section,.materials-section{padding:.875rem}.time-table,.materials-table{min-width:450px;font-size:.75rem}}.rbc-btn{color:inherit;font:inherit;margin:0}button.rbc-btn{overflow:visible;text-transform:none;-webkit-appearance:button;-moz-appearance:button;appearance:button;cursor:pointer}button[disabled].rbc-btn{cursor:not-allowed}button.rbc-input::-moz-focus-inner{border:0;padding:0}.rbc-calendar{-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.rbc-m-b-negative-3{margin-bottom:-3px}.rbc-h-full{height:100%}.rbc-calendar *,.rbc-calendar *:before,.rbc-calendar *:after{-webkit-box-sizing:inherit;box-sizing:inherit}.rbc-abs-full,.rbc-row-bg{overflow:hidden;position:absolute;top:0;left:0;right:0;bottom:0}.rbc-ellipsis,.rbc-show-more,.rbc-row-segment .rbc-event-content,.rbc-event-label{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rbc-rtl{direction:rtl}.rbc-off-range{color:#999}.rbc-off-range-bg{background:#e6e6e6}.rbc-header{overflow:hidden;-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%;text-overflow:ellipsis;white-space:nowrap;padding:0 3px;text-align:center;vertical-align:middle;font-weight:700;font-size:90%;min-height:0;border-bottom:1px solid #ddd}.rbc-header+.rbc-header{border-left:1px solid #ddd}.rbc-rtl .rbc-header+.rbc-header{border-left-width:0;border-right:1px solid #ddd}.rbc-header>a,.rbc-header>a:active,.rbc-header>a:visited{color:inherit;text-decoration:none}.rbc-button-link{color:inherit;background:none;margin:0;padding:0;border:none;cursor:pointer;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.rbc-row-content{position:relative;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none;z-index:4}.rbc-row-content-scrollable{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%}.rbc-row-content-scrollable .rbc-row-content-scroll-container{height:100%;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}.rbc-row-content-scrollable .rbc-row-content-scroll-container::-webkit-scrollbar{display:none}.rbc-today{background-color:#eaf6ff}.rbc-toolbar{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:10px;font-size:16px}.rbc-toolbar .rbc-toolbar-label{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:0 10px;text-align:center}.rbc-toolbar button{color:#373a3c;display:inline-block;margin:0;text-align:center;vertical-align:middle;background:none;background-image:none;border:1px solid #ccc;padding:.375rem 1rem;border-radius:4px;line-height:normal;white-space:nowrap}.rbc-toolbar button:active,.rbc-toolbar button.rbc-active{background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px #00000020;background-color:#e6e6e6;border-color:#adadad}.rbc-toolbar button:active:hover,.rbc-toolbar button:active:focus,.rbc-toolbar button.rbc-active:hover,.rbc-toolbar button.rbc-active:focus{color:#373a3c;background-color:#d4d4d4;border-color:#8c8c8c}.rbc-toolbar button:focus{color:#373a3c;background-color:#e6e6e6;border-color:#adadad}.rbc-toolbar button:hover{color:#373a3c;cursor:pointer;background-color:#e6e6e6;border-color:#adadad}.rbc-btn-group{display:inline-block;white-space:nowrap}.rbc-btn-group>button:first-child:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.rbc-btn-group>button:last-child:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.rbc-rtl .rbc-btn-group>button:first-child:not(:last-child){border-radius:0 4px 4px 0}.rbc-rtl .rbc-btn-group>button:last-child:not(:first-child){border-radius:4px 0 0 4px}.rbc-btn-group>button:not(:first-child):not(:last-child){border-radius:0}.rbc-btn-group button+button{margin-left:-1px}.rbc-rtl .rbc-btn-group button+button{margin-left:0;margin-right:-1px}.rbc-btn-group+.rbc-btn-group,.rbc-btn-group+button{margin-left:10px}@media (max-width: 767px){.rbc-toolbar{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.rbc-event,.rbc-day-slot .rbc-background-event{border:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:none;box-shadow:none;margin:0;padding:2px 5px;background-color:#3174ad;border-radius:5px;color:#fff;cursor:pointer;width:100%;text-align:left}.rbc-slot-selecting .rbc-event,.rbc-slot-selecting .rbc-day-slot .rbc-background-event,.rbc-day-slot .rbc-slot-selecting .rbc-background-event{cursor:inherit;pointer-events:none}.rbc-event.rbc-selected,.rbc-day-slot .rbc-selected.rbc-background-event{background-color:#265985}.rbc-event:focus,.rbc-day-slot .rbc-background-event:focus{outline:5px auto #3b99fc}.rbc-event-label{font-size:80%}.rbc-event-overlaps{-webkit-box-shadow:-1px 1px 5px 0px rgba(51,51,51,.5);box-shadow:-1px 1px 5px #33333380}.rbc-event-continues-prior{border-top-left-radius:0;border-bottom-left-radius:0}.rbc-event-continues-after{border-top-right-radius:0;border-bottom-right-radius:0}.rbc-event-continues-earlier{border-top-left-radius:0;border-top-right-radius:0}.rbc-event-continues-later{border-bottom-left-radius:0;border-bottom-right-radius:0}.rbc-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.rbc-row-segment{padding:0 1px 1px}.rbc-selected-cell{background-color:#0000001a}.rbc-show-more{background-color:#ffffff4d;z-index:4;font-weight:700;font-size:85%;height:auto;line-height:normal;color:#3174ad}.rbc-show-more:hover,.rbc-show-more:focus{color:#265985}.rbc-month-view{position:relative;border:1px solid #ddd;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;width:100%;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none;height:100%}.rbc-month-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.rbc-month-row{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;-ms-flex-preferred-size:0px;flex-basis:0px;overflow:hidden;height:100%}.rbc-month-row+.rbc-month-row{border-top:1px solid #ddd}.rbc-date-cell{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;min-width:0;padding-right:5px;text-align:right}.rbc-date-cell.rbc-now{font-weight:700}.rbc-date-cell>a,.rbc-date-cell>a:active,.rbc-date-cell>a:visited{color:inherit;text-decoration:none}.rbc-row-bg{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;overflow:hidden;right:1px}.rbc-day-bg{-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%}.rbc-day-bg+.rbc-day-bg{border-left:1px solid #ddd}.rbc-rtl .rbc-day-bg+.rbc-day-bg{border-left-width:0;border-right:1px solid #ddd}.rbc-overlay{position:absolute;z-index:5;border:1px solid #e5e5e5;background-color:#fff;-webkit-box-shadow:0 5px 15px rgba(0,0,0,.25);box-shadow:0 5px 15px #00000040;padding:10px}.rbc-overlay>*+*{margin-top:1px}.rbc-overlay-header{border-bottom:1px solid #e5e5e5;margin:-10px -10px 5px;padding:2px 10px}.rbc-agenda-view{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;overflow:auto}.rbc-agenda-view table.rbc-agenda-table{width:100%;border:1px solid #ddd;border-spacing:0;border-collapse:collapse}.rbc-agenda-view table.rbc-agenda-table tbody>tr>td{padding:5px 10px;vertical-align:top}.rbc-agenda-view table.rbc-agenda-table .rbc-agenda-time-cell{padding-left:15px;padding-right:15px;text-transform:lowercase}.rbc-agenda-view table.rbc-agenda-table tbody>tr>td+td{border-left:1px solid #ddd}.rbc-rtl .rbc-agenda-view table.rbc-agenda-table tbody>tr>td+td{border-left-width:0;border-right:1px solid #ddd}.rbc-agenda-view table.rbc-agenda-table tbody>tr+tr{border-top:1px solid #ddd}.rbc-agenda-view table.rbc-agenda-table thead>tr>th{padding:3px 5px;text-align:left;border-bottom:1px solid #ddd}.rbc-rtl .rbc-agenda-view table.rbc-agenda-table thead>tr>th{text-align:right}.rbc-agenda-time-cell{text-transform:lowercase}.rbc-agenda-time-cell .rbc-continues-after:after{content:" »"}.rbc-agenda-time-cell .rbc-continues-prior:before{content:"« "}.rbc-agenda-date-cell,.rbc-agenda-time-cell{white-space:nowrap}.rbc-agenda-event-cell{width:100%}.rbc-time-column{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:100%}.rbc-time-column .rbc-timeslot-group{-webkit-box-flex:1;-ms-flex:1;flex:1}.rbc-timeslot-group{border-bottom:1px solid #ddd;min-height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap}.rbc-time-gutter,.rbc-header-gutter{-webkit-box-flex:0;-ms-flex:none;flex:none}.rbc-label{padding:0 5px}.rbc-day-slot{position:relative}.rbc-day-slot .rbc-events-container{bottom:0;left:0;position:absolute;right:0;margin-right:10px;top:0}.rbc-day-slot .rbc-events-container.rbc-rtl{left:10px;right:0}.rbc-day-slot .rbc-event,.rbc-day-slot .rbc-background-event{border:1px solid #265985;display:-webkit-box;display:-ms-flexbox;display:flex;max-height:100%;min-height:20px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column wrap;flex-flow:column wrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;overflow:hidden;position:absolute}.rbc-day-slot .rbc-background-event{opacity:.75}.rbc-day-slot .rbc-event-label{-webkit-box-flex:0;-ms-flex:none;flex:none;padding-right:5px;width:auto}.rbc-day-slot .rbc-event-content{width:100%;-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;word-wrap:break-word;line-height:1;height:100%;min-height:1em}.rbc-day-slot .rbc-time-slot{border-top:1px solid #f7f7f7}.rbc-time-view-resources .rbc-time-gutter,.rbc-time-view-resources .rbc-time-header-gutter{position:sticky;left:0;background-color:#fff;border-right:1px solid #ddd;z-index:10;margin-right:-1px}.rbc-time-view-resources .rbc-time-header{overflow:hidden}.rbc-time-view-resources .rbc-time-header-content{min-width:auto;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;-ms-flex-preferred-size:0px;flex-basis:0px}.rbc-time-view-resources .rbc-time-header-cell-single-day{display:none}.rbc-time-view-resources .rbc-day-slot{min-width:140px}.rbc-time-view-resources .rbc-header,.rbc-time-view-resources .rbc-day-bg{width:140px;-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;-ms-flex-preferred-size:0 px;flex-basis:0 px}.rbc-time-header-content+.rbc-time-header-content{margin-left:-1px}.rbc-time-slot{-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0}.rbc-time-slot.rbc-now{font-weight:700}.rbc-day-header{text-align:center}.rbc-slot-selection{z-index:10;position:absolute;background-color:#00000080;color:#fff;font-size:75%;width:100%;padding:3px}.rbc-slot-selecting{cursor:move}.rbc-time-view{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;border:1px solid #ddd;min-height:0}.rbc-time-view .rbc-time-gutter{white-space:nowrap;text-align:right}.rbc-time-view .rbc-allday-cell{-webkit-box-sizing:content-box;box-sizing:content-box;width:100%;height:100%;position:relative}.rbc-time-view .rbc-allday-cell+.rbc-allday-cell{border-left:1px solid #ddd}.rbc-time-view .rbc-allday-events{position:relative;z-index:4}.rbc-time-view .rbc-row{-webkit-box-sizing:border-box;box-sizing:border-box;min-height:20px}.rbc-time-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.rbc-time-header.rbc-overflowing{border-right:1px solid #ddd}.rbc-rtl .rbc-time-header.rbc-overflowing{border-right-width:0;border-left:1px solid #ddd}.rbc-time-header>.rbc-row:first-child{border-bottom:1px solid #ddd}.rbc-time-header>.rbc-row.rbc-row-resource{border-bottom:1px solid #ddd}.rbc-time-header-cell-single-day{display:none}.rbc-time-header-content{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;min-width:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-left:1px solid #ddd}.rbc-rtl .rbc-time-header-content{border-left-width:0;border-right:1px solid #ddd}.rbc-time-header-content>.rbc-row.rbc-row-resource{border-bottom:1px solid #ddd;-ms-flex-negative:0;flex-shrink:0}.rbc-time-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;width:100%;border-top:2px solid #ddd;overflow-y:auto;position:relative}.rbc-time-content>.rbc-time-gutter{-webkit-box-flex:0;-ms-flex:none;flex:none}.rbc-time-content>*+*>*{border-left:1px solid #ddd}.rbc-rtl .rbc-time-content>*+*>*{border-left-width:0;border-right:1px solid #ddd}.rbc-time-content>.rbc-day-slot{width:100%;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none}.rbc-current-time-indicator{position:absolute;z-index:3;left:0;right:0;height:1px;background-color:#74ad31;pointer-events:none}.rbc-resource-grouping.rbc-time-header-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.rbc-resource-grouping .rbc-row .rbc-header{width:141px}.rbc-addons-dnd .rbc-addons-dnd-row-body{position:relative}.rbc-addons-dnd .rbc-addons-dnd-drag-row{position:absolute;top:0;left:0;right:0}.rbc-addons-dnd .rbc-addons-dnd-over{background-color:#0000004d}.rbc-addons-dnd .rbc-event{transition:opacity .15s}.rbc-addons-dnd .rbc-event:hover .rbc-addons-dnd-resize-ns-icon,.rbc-addons-dnd .rbc-event:hover .rbc-addons-dnd-resize-ew-icon{display:block}.rbc-addons-dnd .rbc-addons-dnd-dragged-event{opacity:0}.rbc-addons-dnd.rbc-addons-dnd-is-dragging .rbc-event:not(.rbc-addons-dnd-dragged-event):not(.rbc-addons-dnd-drag-preview){opacity:.5}.rbc-addons-dnd .rbc-addons-dnd-resizable{position:relative;width:100%;height:100%}.rbc-addons-dnd .rbc-addons-dnd-resize-ns-anchor{width:100%;text-align:center;position:absolute}.rbc-addons-dnd .rbc-addons-dnd-resize-ns-anchor:first-child{top:0}.rbc-addons-dnd .rbc-addons-dnd-resize-ns-anchor:last-child{bottom:0}.rbc-addons-dnd .rbc-addons-dnd-resize-ns-anchor .rbc-addons-dnd-resize-ns-icon{display:none;border-top:3px double;margin:0 auto;width:10px;cursor:ns-resize}.rbc-addons-dnd .rbc-addons-dnd-resize-ew-anchor{position:absolute;top:4px;bottom:0}.rbc-addons-dnd .rbc-addons-dnd-resize-ew-anchor:first-child{left:0}.rbc-addons-dnd .rbc-addons-dnd-resize-ew-anchor:last-child{right:0}.rbc-addons-dnd .rbc-addons-dnd-resize-ew-anchor .rbc-addons-dnd-resize-ew-icon{display:none;border-left:3px double;margin-top:auto;margin-bottom:auto;height:10px;cursor:ew-resize}.schedule-page{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2.5rem;box-shadow:0 10px 40px #0000001a;border:1px solid rgba(255,255,255,.5)}.schedule-layout{display:grid;grid-template-columns:1fr 1fr;gap:2rem;min-height:500px;align-items:start}.schedule-layout-full{display:flex;flex-direction:column;width:100%;min-height:600px}.calendar-panel,.jobs-panel{display:flex;flex-direction:column;min-height:0;overflow:visible}.panel-header{margin-bottom:1.5rem;flex-shrink:0}.panel-header h2{font-size:1.75rem;font-weight:800;color:#1f2937;margin:0 0 1.25rem;background:linear-gradient(135deg,#1f2937,#667eea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.calendar-legend{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;gap:2rem;margin-top:1rem;margin-bottom:1.5rem;width:100%;box-sizing:border-box;padding-bottom:.5rem}.legend-section{display:flex;flex-direction:column;gap:.75rem}.legend-title{font-size:.75rem;font-weight:800;color:#9ca3af;text-transform:uppercase;letter-spacing:.1em}.legend-items{display:flex;flex-wrap:wrap;gap:.75rem;row-gap:.75rem}.legend-item{display:flex;align-items:center;gap:.625rem;font-size:.9375rem;color:#6b7280;font-weight:600;padding:.5rem .75rem;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1)}.legend-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.legend-color{width:20px;height:20px;border-radius:6px;display:inline-block;flex-shrink:0;box-shadow:0 2px 4px #0000001a}.legend-color-with-border{border-radius:4px 6px 6px 4px;width:24px}.calendar-wrapper{flex:1;background:#fff;border:2px solid #e5e7eb;border-radius:16px;padding:1.5rem;overflow:visible;min-height:600px;position:relative;width:100%;box-sizing:border-box;box-shadow:0 4px 12px #0000000f;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.calendar-wrapper-full{flex:1;background:#fff;border:2px solid #e5e7eb;border-radius:16px;padding:2rem;overflow:visible;min-height:700px;position:relative;width:100%;box-sizing:border-box;box-shadow:0 4px 12px #0000000f;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.calendar-wrapper:hover{box-shadow:0 8px 24px #0000001a}.jobs-list-panel{flex:1;overflow-y:auto;background:#fff;border:2px solid #e5e7eb;border-radius:16px;padding:1.5rem;min-height:500px;box-shadow:0 4px 12px #0000000f;transition:all .3s cubic-bezier(.4,0,.2,1)}.jobs-list-panel:hover{box-shadow:0 8px 24px #0000001a}.jobs-list-items{display:flex;flex-direction:column;gap:1rem}.job-list-item{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:1.25rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000a;position:relative;overflow:hidden}.job-list-item:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#667eea,#764ba2);transform:scaleY(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}.job-list-item:hover:before{transform:scaleY(1)}.job-list-item:hover{transform:translate(4px);box-shadow:0 8px 20px #0000001f;border-color:#667eea4d}.job-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;gap:1rem}.job-item-number{font-weight:800;color:#1f2937;font-size:1.125rem}.job-item-status{padding:.375rem .875rem;border-radius:20px;color:#fff;font-size:.75rem;font-weight:700;text-transform:capitalize;box-shadow:0 2px 8px #00000026;letter-spacing:.05em;white-space:nowrap}.job-list-item h3{font-weight:700;color:#1f2937;margin:0 0 .5rem;font-size:1rem}.job-item-address{color:#6b7280;font-size:.875rem;margin:0 0 .5rem;font-weight:500}.job-item-assigned{color:#667eea;font-size:.875rem;font-weight:700;margin:0 0 .5rem}.job-item-work{color:#6b7280;font-size:.875rem;margin:0;line-height:1.5}.job-item{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:1.25rem;margin-bottom:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000a;position:relative;overflow:hidden}.job-item:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#667eea,#764ba2);transform:scaleY(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}.job-item:hover:before{transform:scaleY(1)}.job-item:hover{transform:translate(4px);box-shadow:0 8px 20px #0000001f;border-color:#667eea4d}.job-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.job-number{font-weight:800;color:#1f2937;font-size:1.125rem}.job-status{padding:.375rem .875rem;border-radius:20px;color:#fff;font-size:.75rem;font-weight:700;text-transform:capitalize;box-shadow:0 2px 8px #00000026;letter-spacing:.05em}.job-customer{font-weight:700;color:#1f2937;margin-bottom:.5rem;font-size:1rem}.job-address{color:#6b7280;font-size:.875rem;margin-bottom:.5rem;font-weight:500}.job-assigned{color:#667eea;font-size:.875rem;font-weight:700}.no-jobs-message{text-align:center;color:#6b7280;font-style:italic;padding:2rem;font-size:1rem;font-weight:600}.rbc-calendar{font-family:inherit;height:100%;display:flex;flex-direction:column;flex:1;min-height:0}.rbc-calendar .rbc-time-view,.rbc-calendar .rbc-month-view,.rbc-calendar .rbc-agenda-view{flex:1;min-height:0;overflow:auto}.rbc-header{padding:.875rem .5rem;font-weight:800;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;color:#374151;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-bottom:2px solid #e5e7eb!important;border-right:1px solid #e5e7eb!important}.rbc-today{background:linear-gradient(135deg,#667eea14,#764ba214)}.rbc-off-range-bg{background:#f9fafb}.rbc-date-cell{padding:.75rem;font-weight:700;color:#1f2937;text-align:left;min-height:2.5rem;position:relative;z-index:1;font-size:.9375rem}.rbc-day-bg{border-right:1px solid #e5e7eb!important;border-bottom:1px solid #e5e7eb!important;min-height:120px!important;position:relative!important}.rbc-month-view .rbc-row,.rbc-month-view .rbc-row-content{min-height:140px!important}.rbc-month-view .rbc-day-bg{min-height:140px!important;position:relative!important}.rbc-day-bg{min-height:140px!important}.rbc-month-view .rbc-day-slot{position:relative!important}.rbc-month-view .rbc-event{margin:0!important;padding:0!important;border:none!important;background:transparent!important;position:relative!important;height:auto!important;min-height:0!important;width:100%!important}.rbc-month-view .rbc-day-slot{position:relative!important;min-height:0!important}.rbc-month-view .rbc-day-slot .rbc-events-container{position:relative!important;margin:0!important;padding:0!important}.rbc-month-view .rbc-day-bg{position:relative!important;overflow:visible!important}.rbc-month-view .rbc-date-cell{text-align:left!important;padding:.75rem!important;position:relative!important;z-index:1!important;vertical-align:top!important;line-height:1.2!important}.calendar-date-header{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;padding:.75rem;width:100%;min-height:3rem}.calendar-date-header-week{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;padding:.75rem;width:100%;min-height:5.5rem}.rbc-time-view .rbc-header{padding:.75rem!important;min-height:5.5rem!important;height:auto!important}.rbc-time-view .rbc-date-cell{padding:0!important;min-height:5.5rem!important;height:auto!important}.rbc-time-view .rbc-header-content{min-height:5.5rem!important;height:auto!important;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:.5rem;padding:.75rem}.rbc-time-view.rbc-time-header{min-height:5.5rem!important}.rbc-day-view .rbc-header{min-height:5.5rem!important;height:auto!important}.calendar-date-number{font-weight:700;color:#1f2937;font-size:.9375rem;line-height:1.2}.calendar-day-indicator-below{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px;font-size:.75rem;font-weight:700;cursor:pointer;box-shadow:0 2px 6px #667eea66;transition:all .2s cubic-bezier(.4,0,.2,1);pointer-events:auto;white-space:nowrap}.calendar-day-indicator-below svg{width:14px;height:14px;stroke:#fff;flex-shrink:0}.indicator-count{font-weight:800;line-height:1}.calendar-day-indicator-below:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea80}.rbc-month-view .rbc-date-cell{padding:0!important;text-align:left!important;vertical-align:top!important;position:relative!important}.rbc-month-view .rbc-row-content,.rbc-month-view .rbc-row-segment{position:relative!important}.rbc-month-view .rbc-event-content{overflow:visible!important;text-overflow:ellipsis;display:block!important}.rbc-month-view .rbc-event-label{display:inline-block!important}.rbc-time-view .rbc-event{display:block!important;visibility:visible!important;opacity:1!important}.rbc-time-view .rbc-event-content{display:block!important}.rbc-event{border-radius:6px;padding:.25rem .5rem;font-size:.75rem;font-weight:700;border:none;box-shadow:0 2px 4px #0000001a;transition:all .2s cubic-bezier(.4,0,.2,1)}.rbc-event:hover{transform:scale(1.05);box-shadow:0 4px 8px #00000026}.rbc-event-label{font-size:.75rem;font-weight:700}.rbc-toolbar{padding:.75rem 0;margin-bottom:1.25rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;flex-shrink:0}.rbc-toolbar button{padding:.625rem 1.25rem;border:2px solid #e5e7eb;border-radius:10px;background:#fff;color:#374151;font-weight:700;font-size:.875rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0000000a}.rbc-toolbar button:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.rbc-toolbar button.rbc-active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent;box-shadow:0 4px 12px #667eea4d}.rbc-toolbar-label{font-weight:800;font-size:1.125rem;color:#1f2937}@media (max-width: 768px){.schedule-page{padding:1.5rem;border-radius:16px}.schedule-layout{grid-template-columns:1fr;gap:1.5rem;max-height:none}.panel-header h2{font-size:1.5rem}.calendar-legend{gap:1.5rem;flex-direction:column}.rbc-toolbar{flex-wrap:wrap;gap:.5rem}.rbc-toolbar button{padding:.5rem 1rem;font-size:.8125rem}.rbc-toolbar-label{font-size:1rem;width:100%;text-align:center;margin:.5rem 0}}@media (max-width: 480px){.schedule-page{padding:1rem;border-radius:12px}.schedule-layout{gap:1rem}.panel-header{padding:1rem}.panel-header h2{font-size:1.25rem}.calendar-legend{gap:1rem;flex-direction:column;padding:1rem}.rbc-toolbar{flex-direction:column;gap:.5rem}.rbc-toolbar button{padding:.5rem 1rem;font-size:.875rem;min-height:44px;width:100%}.rbc-toolbar-label{font-size:.9375rem;width:100%;text-align:center;margin:.5rem 0}.rbc-calendar{font-size:.875rem}.rbc-event{font-size:.75rem;padding:.25rem .5rem}.rbc-day-slot .rbc-time-slot{border-top:1px solid #e5e7eb}}.xero-export{background:#fff;border-radius:8px;padding:2rem;box-shadow:0 2px 8px #0000001a}.xero-export h1{color:#2c3e50;font-size:2rem;margin-bottom:2rem}.export-section{margin-bottom:2rem;padding:1.5rem;border:1px solid #e0e0e0;border-radius:5px;background:#fafafa}.export-section h2{margin-bottom:1rem;color:#2c3e50;font-size:1.3rem}.period-selector{display:flex;gap:2rem}.period-selector .form-group{display:flex;flex-direction:column}.period-selector label{margin-bottom:.5rem;font-weight:500;color:#333}.period-selector input{padding:.75rem;border:1px solid #ddd;border-radius:5px;font-size:1rem}.jobs-section{margin-bottom:2rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header h2{color:#2c3e50;font-size:1.3rem}.select-all-btn{padding:.5rem 1rem;background:#667eea;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:.9rem}.select-all-btn:hover{background:#5568d3}.jobs-list{border:1px solid #e0e0e0;border-radius:5px;max-height:400px;overflow-y:auto}.job-item{display:flex;align-items:center;gap:1rem;padding:1rem;border-bottom:1px solid #e0e0e0}.job-item:last-child{border-bottom:none}.job-item:hover{background:#f5f5f5}.job-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.job-date{font-size:.85rem;color:#666}.job-totals{display:flex;gap:1rem;font-size:.9rem;color:#666}.no-jobs{text-align:center;padding:2rem;color:#666;font-style:italic}.export-actions{margin-bottom:2rem;text-align:center}.export-btn{padding:1rem 2rem;background:#27ae60;color:#fff;border:none;border-radius:5px;font-size:1.1rem;font-weight:600;cursor:pointer}.export-btn:hover:not(:disabled){background:#229954}.export-btn:disabled{opacity:.6;cursor:not-allowed}.export-results{padding:1.5rem;border:1px solid #e0e0e0;border-radius:5px;background:#fafafa}.export-results h2{margin-bottom:1rem;color:#2c3e50;font-size:1.3rem}.export-summary{margin-bottom:1rem}.export-summary p{margin:.5rem 0;color:#333}.download-actions{display:flex;gap:1rem;margin-top:1rem}.download-btn{padding:.75rem 1.5rem;background:#667eea;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:.9rem}.download-btn:hover{background:#5568d3}@media (max-width: 768px){.export-page{padding:1.5rem;border-radius:16px}.export-page h1{font-size:1.75rem}.export-controls{flex-direction:column;gap:1rem}.export-btn{width:100%;padding:.875rem;font-size:.9375rem}.export-results{padding:1.25rem}.export-results h2{font-size:1.125rem}.download-actions{flex-direction:column}.download-btn{width:100%;padding:.875rem}}@media (max-width: 480px){.export-page{padding:1rem;border-radius:12px}.export-page h1{font-size:1.5rem}.export-results{padding:1rem}.export-results h2{font-size:1rem}.export-btn,.download-btn{padding:.875rem;font-size:.9375rem;min-height:44px;width:100%}}.job-import-container{padding:2rem;max-width:900px;margin:0 auto}.job-import-card{background:#fff;border-radius:8px;padding:2rem;box-shadow:0 2px 4px #0000001a}.job-import-card h1{margin:0 0 1.5rem;color:#1f2937;font-size:1.75rem}.import-info{margin-bottom:2rem;padding:1rem;background:#f3f4f6;border-radius:6px}.import-info p{margin:0 0 1rem;color:#4b5563}.import-info .info-note{color:#666;font-size:.9rem;margin-top:.5rem;font-style:italic}.import-form{margin-bottom:2rem}.file-input-group{margin-bottom:1.5rem}.file-input-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#374151}.file-input-group input[type=file]{width:100%;padding:.75rem;border:2px dashed #d1d5db;border-radius:6px;background:#f9fafb;cursor:pointer;transition:border-color .2s}.file-input-group input[type=file]:hover{border-color:#667eea}.file-info{margin-top:.5rem;padding:.5rem;background:#e0e7ff;border-radius:4px;color:#4338ca;font-size:.875rem}.file-info ul{margin:.5rem 0 0;padding-left:1.5rem}.file-info li{margin:.25rem 0}.import-btn{width:100%;padding:.875rem;background:#10b981;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.import-btn:hover:not(:disabled){background:#059669}.import-btn:disabled{background:#9ca3af;cursor:not-allowed}.result-message{margin-bottom:1.5rem;padding:1rem;border-radius:6px}.result-message.success{background:#d1fae5;border:1px solid #10b981;color:#065f46}.result-message.has-errors{background:#fee2e2;border:1px solid #ef4444;color:#991b1b}.result-message h3{margin:0 0 .5rem;font-size:1.125rem}.result-message p{margin:.25rem 0}.error-details{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(0,0,0,.1)}.error-details h4{margin:0 0 .5rem;font-size:1rem}.error-details ul{margin:.5rem 0 0;padding-left:1.5rem}.error-details li{margin:.25rem 0}.redirect-message{margin-top:1rem;font-style:italic;color:#059669}.csv-format-info{margin-top:2rem;padding:1.5rem;background:#f9fafb;border-radius:6px;border:1px solid #e5e7eb}.csv-format-info h3{margin:0 0 1rem;color:#1f2937;font-size:1.125rem}.csv-format-info ul{margin:0;padding-left:1.5rem;color:#4b5563}.csv-format-info li{margin:.5rem 0;line-height:1.5}.csv-format-info strong{color:#1f2937}.error-message{background:#fee2e2;color:#991b1b;padding:1rem;border-radius:6px;margin-bottom:1rem;border:1px solid #ef4444}@media (max-width: 768px){.import-page{padding:1.5rem;border-radius:16px}.import-page h1{font-size:1.75rem}.upload-section,.results-section{padding:1.5rem;margin-bottom:1rem}.upload-area{padding:2rem 1rem}.upload-btn{width:100%;padding:.875rem;font-size:.9375rem}.csv-format-info{padding:1rem}}@media (max-width: 480px){.import-page{padding:1rem;border-radius:12px}.import-page h1{font-size:1.5rem}.upload-section,.results-section{padding:1rem}.upload-area{padding:1.5rem .75rem;min-height:200px}.upload-btn{padding:.875rem;font-size:.9375rem;min-height:44px;width:100%}.csv-format-info{padding:.875rem}.csv-format-info h3{font-size:1rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);background-attachment:fixed;overflow-y:auto;overflow-x:hidden;color:#1f2937}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(102,126,234,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(118,75,162,.1) 0%,transparent 50%);pointer-events:none;z-index:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh;position:relative;z-index:1}@media (max-width: 768px){body{background-attachment:scroll}body:before{display:none}}@media (max-width: 480px){html{-webkit-text-size-adjust:100%;text-size-adjust:100%}button,a,input[type=button],input[type=submit],input[type=reset],.clickable{min-height:44px;min-width:44px}button,a{touch-action:manipulation}input,textarea,select{font-size:16px}}