.main-header{background:#fff;box-shadow:0 2px 8px #0000001a;position:sticky;top:0;z-index:1000;border-bottom:1px solid #f1f5f9}.header-container{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;gap:2rem}.company-branding{flex:0 0 auto}.brand-link{text-decoration:none;color:inherit}.company-name-stack{display:flex;flex-direction:column;align-items:flex-start}.company-name-line{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.2rem;font-weight:700;color:#1e293b;margin:0;line-height:1.1}.main-navigation{display:flex;gap:2rem;justify-content:center;flex:1}.nav-link{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;font-weight:500;color:#64748b;text-decoration:none;padding:.5rem 0;border-bottom:2px solid transparent;transition:all .3s ease}.nav-link:hover,.nav-link.active{color:#1e293b;border-bottom-color:#a30000}.auth-section{flex:0 0 auto}.company-login-btn{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#3d8b21;color:#fff;text-decoration:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:.9rem;transition:all .3s ease;border:none;cursor:pointer}.company-login-btn:hover{background:#2e6417;transform:translateY(-1px);box-shadow:0 4px 12px #2e64174d}.emergency-bar{background:#a30000;padding:.375rem 0;position:relative;z-index:999}.emergency-container{max-width:1200px;margin:0 auto;padding:0 2rem;text-align:center}.emergency-text{color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.85rem;font-weight:600}@media (max-width: 768px){.header-container{flex-direction:column;gap:1rem;text-align:center}.company-branding{flex:none}.company-name-stack{align-items:center}.main-navigation{flex:none;gap:1.5rem}.auth-section{flex:none}.company-name-line{font-size:1.1rem}.nav-link{font-size:.9rem}.emergency-text{font-size:.8rem}}@media (max-width: 480px){.main-navigation{flex-wrap:wrap;gap:1rem}.nav-link{padding:.25rem 0}.company-name-line{font-size:1rem}.emergency-text{font-size:.75rem}}.site-footer{background:#f8fafc;border-top:1px solid #e2e8f0;margin-top:auto}.footer-container{max-width:1200px;margin:0 auto;padding:2rem 2rem 1rem}.footer-content{display:flex;flex-direction:column;gap:1.5rem}.footer-nav{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap}.footer-link{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.9rem;font-weight:500;color:#64748b;text-decoration:none;transition:color .3s ease}.footer-link:hover{color:#1e293b}.footer-info{display:flex;justify-content:center;align-items:center;gap:2rem;flex-wrap:wrap}.company-info{text-align:center}.company-name{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 .25rem}.copyright{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.8rem;color:#94a3b8;margin:0}@media (max-width: 768px){.footer-nav{gap:1.5rem}.footer-info{flex-direction:column;text-align:center;gap:1rem}.company-info{text-align:center}}@media (max-width: 480px){.footer-nav{gap:1rem}.footer-link{font-size:.85rem}}.homepage{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;color:#1e293b;margin:0;padding:0;min-height:100vh;display:flex;flex-direction:column}.hero{background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:4rem 0;flex-grow:1;display:flex;align-items:center;min-height:60vh}.hero-container{max-width:1200px;margin:0 auto;padding:0 2rem;text-align:center}.hero-content h1{font-size:3rem;font-weight:800;color:#1e293b;margin-bottom:1.5rem;line-height:1.2}.hero-content p{font-size:1.25rem;color:#64748b;margin-bottom:2.5rem;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.6}.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.section-content{max-width:1000px;margin:0 auto;text-align:center}.section-content h2{font-size:2.5rem;font-weight:700;color:#1e293b;margin-bottom:2rem}.section-content h3{font-size:1.5rem;font-weight:600;color:#1e293b;margin-bottom:1.5rem}.section-content p{font-size:1.1rem;color:#64748b;line-height:1.7;margin-bottom:1.5rem;max-width:800px;margin-left:auto;margin-right:auto}.services-content{margin-top:2rem}.service-areas{margin-top:3rem}.coverage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}.coverage-item{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 20px #00000014;border:1px solid #f1f5f9;transition:all .3s ease}.coverage-item:hover{transform:translateY(-3px);box-shadow:0 8px 30px #0000001f}.coverage-item h4{font-size:1.2rem;font-weight:600;color:#1e293b;margin-bottom:1rem}.coverage-item p{color:#64748b;font-size:1rem;line-height:1.6;margin:0}.hiring-highlight{max-width:700px;margin:0 auto;text-align:center}.hiring-button{margin-top:2rem;display:flex;justify-content:center}.btn-large{padding:1.25rem 2.5rem;font-size:1.1rem}.services-overview{padding:5rem 0;background:#fff}.services-content h2{font-size:2.5rem;font-weight:700;text-align:center;color:#1e293b;margin-bottom:3rem}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.service-card{background:#fff;padding:2.5rem;border-radius:12px;text-align:center;box-shadow:0 4px 20px #00000014;transition:all .3s ease;border:1px solid #f1f5f9}.service-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #0000001f}.service-icon{font-size:3rem;margin-bottom:1.5rem;display:block}.service-card h3{font-size:1.4rem;font-weight:600;color:#1e293b;margin-bottom:1rem}.service-card p{color:#64748b;line-height:1.6;font-size:1rem}.portal-access{padding:5rem 0;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.portal-content{text-align:center;max-width:800px;margin:0 auto}.portal-content h2{font-size:2.5rem;font-weight:700;color:#1e293b;margin-bottom:1.5rem}.portal-content p{font-size:1.2rem;color:#64748b;margin-bottom:2.5rem;line-height:1.6}.portal-button{display:flex;justify-content:center}@media (max-width: 768px){.hero-content h1{font-size:2.25rem}.hero-content p{font-size:1.1rem}.hero-buttons{flex-direction:column;align-items:center}.btn{width:100%;max-width:300px}.section-content h2{font-size:2rem}.coverage-grid{grid-template-columns:1fr;gap:1.5rem}.coverage-item{padding:1.5rem}.content-section{padding:3rem 0}}@media (max-width: 480px){.hero{padding:3rem 0}.hero-content h1{font-size:1.8rem}.hero-content p{font-size:1rem}.content-section{padding:2.5rem 0}.section-content h2{font-size:1.75rem}.coverage-item{padding:1.5rem}.btn{padding:.75rem 1.5rem;font-size:.9rem}.btn-large{padding:1rem 2rem;font-size:1rem}}.contact-page{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;color:#1e293b;margin:0;padding:0;min-height:100vh;display:flex;flex-direction:column}.emergency-section{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-top:4px solid #a30000;border-bottom:4px solid #a30000}.emergency-section-small{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-top:2px solid #a30000;border-bottom:2px solid #a30000;padding:2rem 0}.section-content{max-width:1000px;margin:0 auto}.emergency-section h2{color:#a30000}.emergency-section-small h2{color:#a30000;font-size:1.8rem;margin-bottom:1rem}.emergency-content{display:flex;justify-content:center;margin-top:2rem}.emergency-section-small .emergency-content{margin-top:1rem}.emergency-info{max-width:600px;text-align:left}.emergency-info.centered{text-align:center}.emergency-info h3{font-size:1.5rem;font-weight:600;color:#a30000;margin-bottom:1rem}.emergency-section-small .emergency-info h3{font-size:1.2rem;margin-bottom:.75rem}.emergency-info p{font-size:1.1rem;color:#64748b;line-height:1.7;margin-bottom:2rem}.emergency-section-small .emergency-info p{font-size:1rem;margin-bottom:1.5rem}.emergency-contact{background:#fff;padding:2rem;border-radius:12px;text-align:center;box-shadow:0 4px 20px #a300001a;border:2px solid #fecaca}.emergency-section-small .emergency-contact{padding:1.5rem;border-radius:8px;border:1px solid #fecaca}.emergency-number h4{font-size:1.5rem;font-weight:700;color:#a30000;margin-bottom:.5rem}.emergency-section-small .emergency-number h4{font-size:1.3rem;margin-bottom:.25rem}.emergency-number p{font-size:1rem;color:#64748b;margin:0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-top:2rem}.contact-info{display:flex;flex-direction:column;gap:2rem}.contact-item{display:flex;gap:1rem;align-items:flex-start}.contact-icon{font-size:1.5rem;background:#f8fafc;padding:.75rem;border-radius:50%;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.contact-details h4{font-size:1.1rem;font-weight:600;color:#1e293b;margin-bottom:.5rem}.contact-details p{font-size:1rem;color:#64748b;line-height:1.6;margin:0}.contact-form-container{background:#fff;padding:2.5rem;border-radius:12px;box-shadow:0 4px 20px #00000014;border:1px solid #f1f5f9}.contact-form h3{font-size:1.5rem;font-weight:600;color:#1e293b;margin-bottom:2rem;text-align:center}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-group input,.form-group select,.form-group textarea{padding:.875rem 1rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#a30000;box-shadow:0 0 0 3px #a300001a}.form-group textarea{min-height:120px;resize:vertical}.form-success{text-align:center;padding:2rem}.cta-section{background:linear-gradient(135deg,#1e293b,#0f172a);color:#fff;padding:4rem 0;text-align:center}.cta-content{max-width:800px;margin:0 auto}.cta-content h2{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;color:#fff}.cta-content p{font-size:1.1rem;margin-bottom:2rem;color:#cbd5e1}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.cta-section .btn-primary{background:#a30000}.cta-section .btn-primary:hover{background:#8b0000}.cta-section .btn-secondary{background:transparent;border:2px solid white}.cta-section .btn-secondary:hover{background:#fff;color:#1e293b}@media (max-width: 768px){.page-hero h1{font-size:2.25rem}.hero-subtitle{font-size:1.1rem}.section-content h2{font-size:2rem}.emergency-section-small h2{font-size:1.5rem}.emergency-content{flex-direction:column;align-items:center}.contact-grid{grid-template-columns:1fr;gap:2rem}.contact-form-container{padding:2rem}.cta-content h2{font-size:2rem}.cta-buttons{flex-direction:column;align-items:center}.btn{width:100%;max-width:300px}.emergency-section-small{padding:1.5rem 0}}@media (max-width: 480px){.page-hero{padding:3rem 0}.page-hero h1{font-size:1.8rem}.hero-subtitle{font-size:1rem}.content-section{padding:3rem 0}.section-content h2{font-size:1.75rem}.emergency-section-small h2{font-size:1.4rem}.emergency-contact{padding:1.5rem}.emergency-section-small .emergency-contact{padding:1rem}.contact-form-container{padding:1.5rem}.contact-item{flex-direction:column;align-items:center;text-align:center}.contact-icon{margin-bottom:1rem}.btn{padding:.75rem 1.5rem;font-size:.9rem}.emergency-section-small{padding:1rem 0}}.hiring-page{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;color:#1e293b;margin:0;padding:0;min-height:100vh;display:flex;flex-direction:column}.page-content{flex-grow:1}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.page-hero{background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:4rem 0;text-align:center}.page-hero h1{font-size:3rem;font-weight:800;color:#1e293b;margin-bottom:1rem;line-height:1.2}.hero-subtitle{font-size:1.25rem;color:#64748b;margin:0;line-height:1.6}.content-section{padding:4rem 0}.content-section.bg-light{background:#f8fafc}.section-content{max-width:800px;margin:0 auto}.section-content h2{font-size:2.5rem;font-weight:700;color:#1e293b;margin-bottom:2rem;text-align:center}.section-content h3{font-size:1.5rem;font-weight:600;color:#1e293b;margin-bottom:1.5rem;text-align:center}.section-content p{font-size:1.1rem;color:#64748b;line-height:1.7;margin-bottom:1.5rem;text-align:center}.job-description{max-width:800px;margin:0 auto}.job-benefits{margin-top:3rem}.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem;max-width:900px;margin-left:auto;margin-right:auto}.benefit-item{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 20px #00000014;text-align:center;border:1px solid #f1f5f9;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:space-between;min-height:200px}.benefit-item:hover{transform:translateY(-5px);box-shadow:0 8px 30px #0000001f}.benefit-icon{font-size:2.5rem;margin-bottom:1rem;display:block}.benefit-item h4{font-size:1.2rem;font-weight:600;color:#1e293b;margin-bottom:1rem}.benefit-item p{color:#64748b;margin:0;font-size:1rem;line-height:1.6}.application-form-container{max-width:600px;margin:0 auto;background:#fff;padding:3rem;border-radius:12px;box-shadow:0 4px 20px #00000014;border:1px solid #f1f5f9}.application-form{display:flex;flex-direction:column;gap:2rem}.form-group label{font-weight:600;color:#1e293b;font-size:1rem}.question-label{font-weight:600;color:#1e293b;font-size:1rem;margin-bottom:.75rem}.form-group input[type=text],.form-group input[type=email],.form-group input[type=tel]{padding:.875rem 1rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:border-color .3s ease}.form-group input[type=text]:focus,.form-group input[type=email]:focus,.form-group input[type=tel]:focus{outline:none;border-color:#a30000;box-shadow:0 0 0 3px #a300001a}.radio-group{display:flex;gap:2rem;margin-top:.5rem}.radio-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:500;color:#64748b}.radio-label input[type=radio]{width:1.25rem;height:1.25rem;accent-color:#a30000}.btn{display:inline-block;padding:.875rem 2rem;border-radius:8px;text-decoration:none;font-weight:600;text-align:center;transition:all .3s ease;cursor:pointer;border:none;font-size:1rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.btn-primary{background:#a30000;color:#fff}.btn-primary:hover{background:#8b0000;transform:translateY(-2px);box-shadow:0 8px 25px #a300004d}.btn-secondary{background:#1e293b;color:#fff}.btn-secondary:hover{background:#0f172a;transform:translateY(-2px);box-shadow:0 8px 25px #1e293b4d}.btn-large{padding:1.25rem 2.5rem;font-size:1.1rem;width:100%}.form-success{max-width:600px;margin:0 auto;background:#fff;padding:3rem;border-radius:12px;box-shadow:0 4px 20px #00000014;border:1px solid #f1f5f9;text-align:center}.success-icon{font-size:3rem;margin-bottom:1.5rem;display:block}.form-success h3{font-size:1.5rem;font-weight:700;color:#1e293b;margin-bottom:1.5rem}.form-success p{color:#64748b;margin-bottom:2rem;line-height:1.6}.contact-info{text-align:center;max-width:600px;margin:0 auto}.contact-button{display:flex;justify-content:center;margin-top:2rem}@media (max-width: 900px){.benefits-grid{grid-template-columns:1fr;gap:1.5rem;max-width:400px}.benefit-item{min-height:auto}}@media (max-width: 768px){.page-hero h1{font-size:2.25rem}.hero-subtitle{font-size:1.1rem}.section-content h2{font-size:2rem}.benefit-item{padding:1.5rem}.application-form-container,.form-success{padding:2rem}.radio-group{flex-direction:column;gap:1rem}.btn{width:100%}}@media (max-width: 480px){.page-hero{padding:3rem 0}.page-hero h1{font-size:1.8rem}.hero-subtitle{font-size:1rem}.content-section{padding:3rem 0}.section-content h2{font-size:1.75rem}.application-form-container,.form-success{padding:1.5rem}.application-form{gap:1.5rem}.benefit-icon{font-size:2rem}.btn{padding:.75rem 1.5rem;font-size:.9rem}.btn-large{padding:1rem 2rem;font-size:1rem}}.login-page{min-height:100vh;display:flex;background:linear-gradient(180deg,#000,#1a1a1a 8%,#2e6417 35%,#2e6417 65%,#1a1a1a 92%,#000);position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.login-page button,.login-page a,.login-page input[type=submit]{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.login-page button:focus-visible,.login-page a:focus-visible{outline:2px solid #2e6417;outline-offset:2px}.login-page button:focus:not(:focus-visible),.login-page a:focus:not(:focus-visible){outline:none}.login-bg{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}.bg-pattern{width:100%;height:100%;background-image:radial-gradient(circle at 25% 25%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(255,255,255,.1) 0%,transparent 50%);animation:float 20s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(1deg)}}.login-wrapper{display:flex;width:100%;max-width:1200px;margin:0 auto;position:relative;z-index:1}.login-brand-panel{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;color:#fff}.brand-content{text-align:center;max-width:400px}.brand-logo{margin-bottom:0}.brand-title{font-size:2.5rem;font-weight:700;margin:0 0 .5rem;letter-spacing:-.02em}.brand-subtitle{font-size:1.25rem;opacity:.9;margin:0;font-weight:300}.brand-features{display:none}.login-form-panel{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.form-container{width:100%;max-width:400px}.form-header{margin-bottom:2rem}.back-link{display:inline-flex;align-items:center;gap:.5rem;color:#6b7280;text-decoration:none;font-size:.875rem;font-weight:500;transition:color .2s,opacity .1s;-webkit-tap-highlight-color:transparent}.back-link:hover{color:#374151}.back-link:active{opacity:.7}.back-icon{display:none}.login-card{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:1px solid rgba(0,0,0,.05)}.login-card .card-header{text-align:center;margin-bottom:1rem;padding-bottom:0;display:flex;flex-direction:column;align-items:center;background:transparent!important;background-color:transparent!important;border-bottom:none!important}.login-page .login-card .welcome-text,.login-card .welcome-text,.login-page h2.welcome-text,h2.welcome-text,.welcome-text{font-size:1.875rem!important;font-weight:700!important;color:#111827!important;margin:0 0 .5rem!important;letter-spacing:-.025em!important;line-height:1.2!important}.login-page .login-card .login-subtitle,.login-card .login-subtitle,.login-page p.login-subtitle,p.login-subtitle,.login-subtitle{color:#6b7280!important;font-size:1rem!important;margin:0!important;line-height:1.5!important}.form-group{margin-bottom:1.5rem}.input-wrapper{position:relative}.form-input{width:100%;height:3rem;padding:0 1rem;box-sizing:border-box;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:400;line-height:1.5;color:#111827;background:#fff;background-clip:padding-box;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}.form-input:hover:not(:disabled):not(:focus){border-color:#d1d5db}.form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background:#fff}.form-input:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed;opacity:.6}.form-input::placeholder{color:#9ca3af;font-size:1rem;font-weight:400;opacity:1;line-height:1.5}.form-input:-webkit-autofill,.form-input:-webkit-autofill:hover,.form-input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px white inset!important;-webkit-text-fill-color:#111827!important;border:2px solid #e5e7eb!important;transition:background-color 5000s ease-in-out 0s}.form-input[type=password]::-ms-reveal,.form-input[type=password]::-ms-clear{display:none}.form-input[type=password]::-webkit-credentials-auto-fill-button,.form-input[type=password]::-webkit-contacts-auto-fill-button{visibility:hidden;position:absolute;right:0}.form-input[type=email],.form-input[type=password]{height:3rem;padding:0 1rem;font-size:1rem;line-height:1.5;letter-spacing:normal}.form-textarea{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;font-family:inherit;resize:vertical;min-height:100px;transition:all .2s;background:#fff;box-sizing:border-box}.form-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.error-message{padding:.75rem 1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;font-size:.875rem;margin-bottom:1rem}.attempt-warning{padding:.75rem 1rem;background:#fffbeb;border:1px solid #fed7aa;border-radius:8px;color:#92400e;font-size:.875rem;margin-bottom:1rem}.lockout-notice{text-align:center;padding:1.5rem;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;margin-bottom:1.5rem}.lockout-icon{display:none}.lockout-notice h3{color:#991b1b;margin:0 0 .5rem;font-size:1.125rem}.lockout-notice p{color:#7f1d1d;margin:0;font-size:.875rem}.login-button{width:100%;height:3.125rem;padding:0 1.5rem;background:linear-gradient(135deg,#3d8b21,#2e6417);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s,opacity .1s;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem;overflow:hidden;position:relative}.login-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 20px -3px #2e641766,0 4px 6px -2px #2e641733;background:linear-gradient(135deg,#2e6417,#1f4912)}.login-button:active:not(:disabled){transform:translateY(0);opacity:.9}.login-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-button span{display:inline-block;line-height:1.25rem;margin:0;padding:0}.login-page .loading-spinner{width:.875rem;height:.875rem;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent;border-radius:50%;animation:spinner-spin .6s linear infinite;flex-shrink:0;flex-grow:0;box-sizing:border-box;margin:0;padding:0;line-height:0;display:block}@keyframes spinner-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.form-footer{text-align:center;margin-bottom:1.5rem}.forgot-link{background:none;border:none;color:#6b7280;font-size:.875rem;cursor:pointer;text-decoration:underline;transition:color .2s,opacity .1s;-webkit-tap-highlight-color:transparent}.forgot-link:hover:not(:disabled){color:#374151}.forgot-link:active:not(:disabled){opacity:.7}.forgot-link:disabled{opacity:.5;cursor:not-allowed}.support-section{text-align:center;padding-top:1.5rem;border-top:1px solid #e5e7eb}.support-text{color:#6b7280;font-size:.875rem;margin:0}.support-link{background:none;border:none;color:#3b82f6;font-weight:600;cursor:pointer;text-decoration:underline;transition:color .2s,opacity .1s;-webkit-tap-highlight-color:transparent}.support-link:hover{color:#1d4ed8}.support-link:active{opacity:.7}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}@media (max-width: 1024px) and (min-width: 769px){.login-wrapper{max-width:900px}.login-brand-panel,.login-form-panel{padding:2rem 1.5rem}}@media (max-width: 768px){.login-wrapper{flex-direction:column;max-width:600px;margin:0 auto}.login-brand-panel{padding:1.5rem;min-height:140px}.brand-title{font-size:1.875rem}.brand-subtitle{font-size:1rem}.login-form-panel{padding:1.25rem;background:#fff}.login-card{padding:1.75rem}.welcome-text{font-size:1.75rem!important}.card-header{margin-bottom:1rem;padding-bottom:0;background:transparent!important;background-color:transparent!important;border-bottom:none!important}.form-input{font-size:1rem}.modal-content{margin:1rem;max-height:calc(100vh - 2rem)}.modal-actions{flex-direction:column}}@media (max-width: 768px) and (orientation: portrait){.login-page{background:#fff}.login-page .login-bg,.login-page .bg-pattern{display:none}.login-page .login-wrapper{flex-direction:column;width:100%;max-width:100%;padding:0;margin:0}.login-page .login-brand-panel,.login-page .brand-content,.login-page .brand-logo,.login-page .brand-title,.login-page .brand-subtitle,.login-page .brand-features{display:none!important}.login-page .login-form-panel{padding:1.5rem 1rem;background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;flex:1;display:flex;align-items:center;justify-content:center;min-height:100vh}.login-page .form-container{max-width:100%;width:100%}.login-page .form-header{margin-bottom:2rem;text-align:left}.login-page .back-link{font-size:.875rem;padding:.625rem 0;color:#059669;font-weight:600}.login-page .back-link:hover{color:#047857}.login-page .login-card{padding:2rem 1.5rem;border-radius:16px;box-shadow:0 4px 20px #00000014;background:#fff;border:1px solid #e5e7eb}.login-page .card-header{margin-bottom:1rem;padding-bottom:0;text-align:center;display:flex;flex-direction:column;justify-content:flex-end;min-height:8rem;background:transparent!important;background-color:transparent!important;border-bottom:none!important}.login-page .welcome-text{font-size:1.875rem!important;margin-bottom:.5rem;color:#111827;font-weight:700}.login-page .login-subtitle{font-size:1rem!important;color:#6b7280}.login-page .form-group{margin-bottom:1.5rem}.login-page .form-group label{font-size:.9375rem;margin-bottom:.5rem;font-weight:600;color:#374151}.login-page .form-input{padding:1rem;font-size:1rem;min-height:3.25rem;border:2px solid #e5e7eb;border-radius:10px;background:#f9fafb}.login-page .form-input:focus{border-color:#059669;background:#fff}.login-page .form-textarea{padding:1rem;font-size:1rem;border-radius:10px;border:2px solid #e5e7eb}.login-page .login-button{height:3.25rem;font-size:1rem;border-radius:10px;margin-bottom:1rem;font-weight:700;background:linear-gradient(135deg,#3d8b21,#2e6417)}.login-page .login-button:hover:not(:disabled){background:linear-gradient(135deg,#2e6417,#1f4912)}.login-page .error-message{padding:1rem;font-size:.875rem;margin-bottom:1.25rem;border-radius:10px;line-height:1.5}.login-page .lockout-notice{padding:1.5rem;margin-bottom:1.5rem;border-radius:12px}.login-page .lockout-notice h3{font-size:1.125rem;margin-bottom:.75rem}.login-page .lockout-notice p{font-size:.9375rem;line-height:1.5}.login-page .form-footer{margin-bottom:1.25rem;margin-top:.5rem}.login-page .forgot-link{font-size:.9375rem;padding:.75rem;min-height:3rem;color:#059669}.login-page .forgot-link:hover:not(:disabled){color:#047857}.login-page .support-section{padding-top:1.5rem;margin-top:1.5rem;border-top:none;text-align:center}.login-page .support-text{font-size:.9375rem;line-height:1.6;color:#6b7280;text-align:center}.login-page .support-link{font-size:.9375rem;padding:.5rem;display:inline-block;color:#059669;font-weight:600}.login-page .support-link:hover{color:#047857}.login-page .modal-overlay{padding:3rem 1rem 1rem;align-items:flex-start}.login-page .modal-content{border-radius:12px;max-height:calc(100vh - 4rem);max-width:100%;width:100%}.login-page .modal-header{padding:1.5rem 1rem 1rem}.login-page .modal-header h2{font-size:1.25rem;padding-right:3rem;line-height:1.3;word-wrap:break-word}.login-page .modal-header p{display:none}.login-page .modal-body{padding:1rem}.login-page .it-form .form-group{margin-bottom:1rem}.login-page .it-form .form-group:last-of-type{margin-bottom:0}.login-page .it-form .form-group label{font-size:.9375rem;margin-bottom:.5rem;line-height:1.3;font-weight:600}.login-page .it-form .form-input{padding:.875rem .75rem;font-size:1rem;min-height:3rem;border-radius:8px}.login-page .it-form .form-textarea{padding:.875rem .75rem;font-size:1rem;min-height:100px;border-radius:8px;resize:vertical}.login-page .field-error{font-size:.875rem;margin-top:.5rem;line-height:1.4}.login-page .modal-close{width:2.75rem;height:2.75rem;font-size:1.75rem;top:.875rem;right:.875rem}.login-page .modal-actions{flex-direction:column;gap:.625rem;margin-top:1.25rem}.login-page .btn{padding:.875rem 1rem;font-size:.9375rem;min-height:3rem;border-radius:8px;font-weight:600}}@media (max-width: 896px) and (orientation: landscape) and (max-height: 480px){.login-page{background:#fff}.login-page .login-bg,.login-page .bg-pattern{display:none}.login-page .login-brand-panel{display:none!important}.login-page .login-wrapper{flex-direction:column;width:100%;max-width:100%;padding:0;margin:0}.login-page .login-form-panel{flex:1;padding:1rem;background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;display:flex;align-items:center;min-height:100vh}.login-page .form-container{max-width:100%;width:100%}.login-page .form-header{margin-bottom:1rem}.login-page .login-card{padding:1.25rem;border-radius:12px;box-shadow:0 4px 20px #00000014;background:#fff;border:1px solid #e5e7eb;display:grid;grid-template-columns:1fr 1.2fr;grid-template-rows:1fr;gap:1.5rem;align-items:stretch}.login-page .card-header{grid-column:1;grid-row:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;margin:0;padding-right:1rem;padding-bottom:0;border-right:1px solid #e5e7eb;border-bottom:none!important;gap:.5rem;background:transparent!important;background-color:transparent!important}.login-page .welcome-text{font-size:1.5rem!important;margin:0 0 .5rem;line-height:1.2;text-align:center;width:100%}.login-page .login-subtitle{font-size:.875rem!important;margin:0 0 .5rem;line-height:1.3;text-align:center;width:100%}.login-page .support-section{grid-column:1;grid-row:1;padding-right:1rem;padding-top:.75rem;border-right:1px solid #e5e7eb;border-top:1px solid #e5e7eb;margin:auto 0 0;align-self:end;text-align:center;width:calc(100% - 1rem)}.login-page .support-text{font-size:.75rem;line-height:1.4;text-align:center}.login-page .support-link{font-size:.75rem}.login-page .lockout-notice{margin-bottom:1rem}.login-page .login-form{grid-column:2;grid-row:1;display:flex;flex-direction:column;justify-content:center}.login-page .form-group{margin-bottom:.875rem}.login-page .form-input{height:2.5rem;padding:0 .75rem;font-size:.875rem}.login-page .login-button{height:2.5rem;font-size:.875rem}.login-page .error-message{font-size:.75rem;padding:.625rem}.login-page .form-footer{margin-top:.625rem;margin-bottom:0}.login-page .forgot-link{font-size:.75rem}}@media (max-width: 360px) and (orientation: portrait){.login-page .form-header{margin-bottom:1.5rem}.login-page .login-card{padding:1.5rem 1.25rem}.login-page .welcome-text{font-size:1.5rem!important}.login-page .login-subtitle{font-size:.875rem!important}.login-page .form-group{margin-bottom:1.25rem}.login-page .form-input{padding:.875rem .75rem;min-height:3rem}.login-page .login-button{height:3rem;font-size:.9375rem}}.coming-soon-container{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:2rem}.coming-soon-content{text-align:center;max-width:600px;background:#fff;border-radius:12px;padding:3rem;box-shadow:0 4px 6px #0000001a}.coming-soon-icon{font-size:4rem;margin-bottom:1.5rem}.coming-soon-title{color:#1f2937;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.coming-soon-description{color:#6b7280;font-size:1.125rem;line-height:1.6;margin-bottom:2rem}.coming-soon-status{margin-bottom:2rem}.status-badge{display:inline-block;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:.5rem 1.5rem;border-radius:25px;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.coming-soon-features{text-align:left;background:#f8fafc;border-radius:8px;padding:1.5rem;margin-bottom:2rem}.coming-soon-features h3{color:#374151;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.coming-soon-features ul{list-style:none;padding:0;margin:0}.coming-soon-features li{color:#4b5563;position:relative;padding:.5rem 0 .5rem 1.5rem}.coming-soon-features li:before{content:"✨";position:absolute;left:0;top:.5rem}.coming-soon-footer{border-top:1px solid #e5e7eb;padding-top:1.5rem}.coming-soon-footer p{color:#6b7280;font-size:.875rem;margin-bottom:.5rem}.coming-soon-footer p:last-child{margin-bottom:0}@media (max-width: 768px){.coming-soon-content{padding:2rem}.coming-soon-title{font-size:2rem}.coming-soon-description{font-size:1rem}.coming-soon-icon{font-size:3rem}}.presence-indicator{position:relative;display:inline-flex;align-items:center;justify-content:center}.presence-dot{width:10px;height:10px;border-radius:50%;border:none;transition:all .3s ease;position:relative}.presence-dot.online{background:#22c55e;box-shadow:0 0 8px #22c55e66}.presence-dot.away{background:#f59e0b;box-shadow:0 0 8px #f59e0b66}.presence-dot.busy{background:#ef4444;box-shadow:0 0 8px #ef444466}.presence-dot.dnd{background:#6b7280;box-shadow:0 0 8px #6b728066}.presence-dot.offline{background:#9ca3af}.presence-dot.small{width:8px;height:8px}.presence-dot.large{width:14px;height:14px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.presence-dot.online{animation:pulse 2s infinite}.presence-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#1f2937;color:#fff;padding:6px 10px;border-radius:6px;font-size:12px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s;z-index:1000}.presence-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#1f2937}.presence-indicator:hover .presence-tooltip{opacity:1}.presence-status-menu{position:relative;display:inline-block}.presence-status-button{display:flex;align-items:center;gap:8px;padding:6px 12px;background:transparent;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;transition:all .2s;font-size:14px;color:#374151}.presence-status-button:hover{background:#f3f4f6;border-color:#9ca3af}.presence-status-button .status-text{font-weight:500}.presence-status-dropdown{position:absolute;top:calc(100% + 4px);right:0;background:#fff;border:1px solid #d1d5db;border-radius:10px;box-shadow:0 10px 25px #00000026;min-width:240px;z-index:1000;overflow:hidden;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.presence-status-dropdown-header{padding:12px 16px;border-bottom:1px solid #e5e7eb;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.presence-status-option{display:flex;align-items:center;gap:12px;padding:10px 16px;cursor:pointer;transition:background .2s;border:none;background:none;width:100%;text-align:left;font-size:14px;color:#111827}.presence-status-option:hover{background:#f3f4f6}.presence-status-option.active{background:#eff6ff;color:#3b82f6}.presence-status-option .option-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.presence-status-option .option-label{flex:1;display:flex;flex-direction:column;gap:2px}.presence-status-option .option-name{font-weight:500}.presence-status-option .option-description{font-size:12px;color:#6b7280}.presence-status-divider{height:1px;background:#e5e7eb;margin:4px 0}.presence-custom-message{padding:12px 16px;border-top:1px solid #e5e7eb}.presence-custom-message input{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;outline:none;transition:border-color .2s}.presence-custom-message input:focus{border-color:#3b82f6}.presence-custom-message input::placeholder{color:#9ca3af}.presence-clear-button{padding:10px 16px;text-align:center;font-size:13px;color:#6b7280;cursor:pointer;transition:all .2s;background:none;border:none;width:100%}.presence-clear-button:hover{background:#f3f4f6;color:#374151}.presence-last-seen{font-size:11px;color:#9ca3af;margin-top:2px}.presence-badge-container{position:relative;display:inline-block}.presence-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;background:#ef4444;color:#fff;border-radius:9px;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;border:2px solid #fff;box-shadow:0 2px 4px #0000001a}@media (max-width: 640px){.presence-status-dropdown{min-width:220px;right:-8px}.presence-tooltip{display:none}}.ds-btn-save{background:transparent;color:#2e6417;border:none;border-bottom:2px solid #2e6417;border-radius:0;font-weight:500;cursor:pointer;transition:all .2s;padding:8px 16px;font-size:.875rem}.ds-btn-save:hover{color:#1e4010;border-bottom-color:#1e4010}.ds-btn-save:disabled{opacity:.6;cursor:not-allowed;color:#9ca3af;border-bottom-color:#d1d5db}.ds-btn-save-sm{padding:6px 12px;font-size:.75rem}.ds-btn-save-md{padding:8px 16px;font-size:.875rem}.ds-btn-save-lg{padding:10px 20px;font-size:1rem}.ds-btn-add{padding:10px 16px;background:transparent;color:#9ca3af;border:none;border-radius:6px;font-weight:600;font-size:.875rem;cursor:pointer;text-align:left;transition:all .2s}.ds-btn-danger{background:transparent;color:#dc2626;border:none;border-bottom:2px solid #dc2626;border-radius:0;font-weight:500;cursor:pointer;transition:all .2s;padding:6px 12px;font-size:.8rem}.ds-btn-danger:hover{color:#b91c1c;border-bottom-color:#b91c1c}.ds-btn-danger:disabled{opacity:.6;cursor:not-allowed;color:#9ca3af;border-bottom-color:#d1d5db}.ds-btn-danger-sm{padding:6px 12px;font-size:.75rem}.ds-btn-danger-md{padding:8px 16px;font-size:.875rem}.ds-btn-danger-lg{padding:10px 20px;font-size:.875rem}.ds-btn-cancel{background:transparent;color:#6b7280;border:none;border-bottom:2px solid #9ca3af;border-radius:0;font-weight:500;cursor:pointer;transition:all .2s;padding:8px 16px;font-size:.875rem}.ds-btn-cancel:hover{color:#374151;border-bottom-color:#6b7280}.ds-btn-cancel-sm{padding:6px 12px;font-size:.75rem}.ds-btn-cancel-md{padding:8px 16px;font-size:.875rem}.ds-btn-cancel-lg{padding:10px 20px;font-size:1rem}.ds-btn-offer{background:transparent;color:#d97706;border:none;border-bottom:2px solid #d97706;border-radius:0;font-weight:500;cursor:pointer;transition:all .2s;padding:8px 16px;font-size:.875rem}.ds-btn-offer:hover{color:#b45309;border-bottom-color:#b45309}.ds-btn-offer:disabled{opacity:.6;cursor:not-allowed;color:#9ca3af;border-bottom-color:#d1d5db}.ds-btn-offer-sm{padding:6px 12px;font-size:.75rem}.ds-btn-offer-md{padding:8px 16px;font-size:.875rem}.ds-btn-offer-lg{padding:10px 20px;font-size:1rem}.ds-btn-info{background:transparent;color:#2563eb;border:none;border-bottom:2px solid #2563eb;border-radius:0;font-weight:500;cursor:pointer;transition:all .2s;padding:8px 16px;font-size:.875rem}.ds-btn-info:hover{color:#1d4ed8;border-bottom-color:#1d4ed8}.ds-btn-info:disabled{opacity:.6;cursor:not-allowed;color:#9ca3af;border-bottom-color:#d1d5db}.ds-btn-info-sm{padding:6px 12px;font-size:.75rem}.ds-btn-info-md{padding:8px 16px;font-size:.875rem}.ds-btn-info-lg{padding:10px 20px;font-size:1rem}.ds-input{padding:4px 0;border:none;border-bottom:2px solid #cbd5e0;border-radius:0;font-size:.9rem;background:#f8fafc;color:#2d3748;transition:border-color .2s;width:100%}.ds-input:focus{border-bottom-color:#3b82f6;outline:none;background:#f8fafc}.ds-input::placeholder{color:#9ca3af;opacity:1}.ds-textarea{border:none;border-bottom:2px solid #cbd5e0;border-radius:0;font-size:.9rem;background:#f8fafc;color:#2d3748;transition:border-color .2s;width:100%;min-height:80px;resize:vertical;padding:8px 0}.ds-textarea:focus{border-bottom-color:#3b82f6;outline:none;background:#f8fafc}.ds-select{padding:4px 0;border:none;border-bottom:2px solid #cbd5e0;border-radius:0;font-size:.9rem;background:#f8fafc;color:#2d3748;transition:border-color .2s;width:100%;cursor:pointer}.ds-select:focus{border-bottom-color:#3b82f6;outline:none;background:#f8fafc}.ds-input-bordered{padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;background:#fff;color:#111827;transition:all .2s ease;width:100%}.ds-input-bordered:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.ds-input-bordered::placeholder{color:#9ca3af;opacity:1}.ds-input-bordered.error{border-color:#dc2626}.ds-textarea-bordered{padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;background:#fff;color:#111827;transition:all .2s ease;width:100%;min-height:100px;resize:vertical}.ds-textarea-bordered:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.ds-select-bordered{padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;background:#fff;color:#111827;transition:all .2s ease;width:100%;cursor:pointer}.ds-select-bordered:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.ds-list-item{display:flex;flex-direction:column;padding:8px 12px;margin-bottom:1px;border-radius:0;cursor:pointer;transition:all .2s ease;border:none;border-bottom:2px solid transparent;min-height:40px;background:transparent}.ds-list-item:hover{background-color:#f7fafc}.ds-list-item.selected{background:transparent;border-bottom-color:#2e6417}.ds-list-item-sm{padding:6px 10px;min-height:32px;font-size:.85rem}.ds-list-item-md{padding:8px 12px;min-height:40px}.ds-list-item-lg{padding:10px 14px;min-height:48px}.ds-input-search{width:100%;padding:8px 12px;border:none!important;border-bottom:2px solid #cbd5e0!important;border-radius:0!important;font-size:.875rem;background:transparent!important;transition:all .2s ease}.ds-input-search:focus{outline:none;border-bottom-color:#4299e1!important;background:transparent!important}.ds-scrollable::-webkit-scrollbar{width:8px}.ds-scrollable::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.ds-scrollable::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.ds-scrollable::-webkit-scrollbar-thumb:hover{background:#a0aec0}.ds-tabs{display:flex;border-bottom:2px solid #e2e8f0;margin-bottom:20px;margin-top:10px}.ds-tab-btn{background:none;border:none;padding:12px 24px;font-size:.9rem;font-weight:500;color:#6b7280;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease}.ds-tab-btn:hover{color:#4a5568;background:#f8fafc}.ds-tab-btn.active{color:#2e6417;border-bottom-color:#2e6417;background:#f8fafc}.ds-tab-content{animation:fadeIn .3s ease;flex:1;overflow:hidden;min-height:0}.ds-section{margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #e2e8f0}.ds-section-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.ds-section-header h4{margin:0;font-size:1.1rem;font-weight:600;color:#1a202c}.ds-edit-btn{background:transparent;border:none;color:#6b7280;cursor:pointer;padding:6px;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center}.ds-edit-btn:hover{background:#f3f4f6;color:#3b82f6}.ds-edit-btn svg{width:16px;height:16px;stroke-width:2}.ds-detail-row{display:flex;align-items:center;margin-bottom:8px;padding:4px 0}.ds-detail-label{min-width:140px;color:#4a5568;font-weight:500;font-size:.875rem}.ds-detail-value{flex:1;color:#2d3748;font-size:.9rem;word-break:break-word}.ds-edit-form{background:#f9fafb;border:none;border-radius:12px;padding:20px;margin-top:12px}.ds-edit-form .ds-detail-row{margin-bottom:16px;display:grid;grid-template-columns:140px 1fr;gap:16px;align-items:center;padding:0}.ds-edit-actions{display:flex;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid #e5e7eb;justify-content:flex-end}@media (max-width: 768px) and (orientation: portrait){.msgsb-settings-button-container{display:none}.msgsb-settings-button-phone{display:flex!important;align-items:center;justify-content:center;padding:8px;background:transparent;border:none;cursor:pointer;color:#2e6417;border-radius:6px;transition:all .2s ease;flex-shrink:0}.msgsb-settings-button-phone:hover{background:#2e641714}.msgsb-settings-button-phone svg{width:16px;height:16px}.msgsb-archive-button-phone{position:fixed!important;bottom:calc(82px + env(safe-area-inset-bottom))!important;right:calc(12px + env(safe-area-inset-right))!important;z-index:10000!important;display:flex!important;align-items:center;gap:6px;padding:8px 12px;background:transparent!important;border:none!important;border-radius:6px;box-shadow:none!important;cursor:pointer;font-size:.875rem;font-weight:500;color:#6b7280;transition:all .2s ease;visibility:visible!important;opacity:1!important}.msgsb-archive-button:hover{box-shadow:0 4px 12px #00000026;background:#6b728014}.msgsb-archive-button.active{color:#2e6417;background:#2e64171f}.msgsb-archive-button svg{width:16px;height:16px;flex-shrink:0}}@media (max-width: 1024px) and (orientation: landscape) and (max-height: 600px){.msgsb-settings-button-container{display:none}.msgsb-settings-button-phone{display:flex!important;align-items:center;justify-content:center;padding:8px;background:transparent;border:none;cursor:pointer;color:#2e6417;border-radius:6px;transition:all .2s ease;flex-shrink:0}.msgsb-settings-button-phone:hover{background:#2e641714}.msgsb-settings-button-phone svg{width:16px;height:16px}.msgsb-archive-button-phone{position:fixed!important;bottom:calc(82px + env(safe-area-inset-bottom))!important;right:calc(12px + env(safe-area-inset-right))!important;z-index:10000!important;display:flex!important;align-items:center;gap:6px;padding:8px 12px;background:transparent!important;border:none!important;border-radius:6px;box-shadow:none!important;cursor:pointer;font-size:.875rem;font-weight:500;color:#6b7280;transition:all .2s ease;visibility:visible!important;opacity:1!important}.msgsb-archive-button:hover{box-shadow:0 4px 12px #00000026;background:#6b728014}.msgsb-archive-button.active{color:#2e6417;background:#2e64171f}.msgsb-archive-button svg{width:16px;height:16px;flex-shrink:0}}.chatdock-window.minimized{height:40px;max-height:40px;overflow:hidden}.chatdock-window.minimized .chatdock-messages,.chatdock-window.minimized .chatdock-inputrow{display:none}.user-profile-dropdown{position:fixed;background:#fff;border-radius:12px;box-shadow:0 10px 30px #00000026;border:1px solid #e5e7eb;min-width:300px;max-width:320px;z-index:3000;overflow:hidden;animation:dropdownSlideIn .2s ease;transition:top .2s ease,right .2s ease}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-profile-header{display:flex;align-items:center;gap:14px;padding:20px 16px;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-bottom:1px solid #e5e7eb}.dropdown-avatar-large{position:relative;flex-shrink:0}.dropdown-avatar-circle{width:70px;height:70px;border-radius:50%;background:#2e6417;border:2px solid #2e6417;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:28px;color:#fff;box-shadow:0 4px 12px #0000001a;-webkit-user-select:none;user-select:none}.dropdown-avatar-status{position:absolute;bottom:2px;right:2px;width:22px;height:22px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s;box-shadow:0 2px 8px #00000026}.dropdown-avatar-status:hover{transform:scale(1.1)}.dropdown-user-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.dropdown-user-name{font-size:16px;font-weight:600;color:#111827;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-user-email{font-size:13px;color:#6b7280;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-status-selector{padding:8px;background:#fff;border-bottom:1px solid #e5e7eb;animation:selectorSlideDown .2s ease}@keyframes selectorSlideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:200px}}.presence-status-selector{display:flex;flex-direction:column;gap:4px}.status-selector-option{display:flex;align-items:center;gap:12px;padding:10px 12px;background:none;border:none;border-radius:8px;cursor:pointer;transition:all .2s;width:100%;text-align:left;font-size:14px;color:#374151}.status-selector-option:hover{background:#f3f4f6}.status-selector-option.active{background:#eff6ff;color:#3b82f6;font-weight:600}.status-selector-icon{font-size:16px;width:20px;display:flex;align-items:center;justify-content:center}.status-selector-label{flex:1;font-weight:500}.dropdown-separator{height:1px;background:#e5e7eb;margin:0}.dropdown-actions{padding:8px;display:flex;justify-content:space-between;align-items:center;gap:8px}.dropdown-item{padding:10px 20px;color:#374151;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:color .2s ease;border:none;background:none;cursor:pointer;font-size:14px;font-weight:400;border-radius:8px;flex:1}.dropdown-item:hover{background-color:transparent;color:#374151}.dropdown-item.logout-item{color:#dc2626;font-weight:400}.dropdown-item.logout-item:hover{background-color:transparent;color:#dc2626}@media (max-width: 640px){.user-profile-dropdown{min-width:280px;max-width:300px}.dropdown-profile-header{padding:16px 12px}.dropdown-avatar-circle{width:60px;height:60px;font-size:24px}.dropdown-user-name{font-size:15px}.dropdown-user-email{font-size:12px}}.desktop-only{display:flex!important}.phone-portrait-only,.phone-landscape-only{display:none!important}@media (min-width: 1025px){.phone-portrait-only,.phone-landscape-only{display:none!important}}@media (max-width: 1024px) and (orientation: portrait){.desktop-only{display:none!important}.phone-portrait-only{display:flex!important}.phone-landscape-only{display:none!important}}@media (max-width: 1024px) and (orientation: landscape) and (max-height: 600px){.desktop-only,.phone-portrait-only{display:none!important}.phone-landscape-only{display:flex!important}}.desktop-topbar-container{position:sticky;top:0;z-index:1000;background:#f8fafc}.employee-topbar{display:flex;align-items:center;justify-content:flex-end;padding:0 1.5rem;height:64px;background:#2e6417;border-bottom:none;gap:1rem}.employee-title{color:#fff;font-size:1.5rem;font-weight:600;margin-right:auto;-webkit-user-select:none;user-select:none}.employee-user-section{display:flex;align-items:center;position:relative}.employee-avatar{width:40px;height:40px;border-radius:50%;background:#fff3;border:2px solid white;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.9375rem;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;position:relative}.employee-avatar-status{position:absolute;bottom:0;right:0;width:12px;height:12px;border-radius:50%;border:2px solid #2e6417;display:flex;align-items:center;justify-content:center;background:#2e6417}.employee-avatar:hover{transform:scale(1.05);background:#ffffff4d}.tab-bar{display:flex;align-items:center;justify-content:center;background:#f8fafc;border:none;padding:.5rem 1.5rem;gap:.25rem;box-shadow:0 4px 6px -1px #0000000d;position:sticky;top:64px;z-index:999;-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent}.tab-bar:after{content:"";position:absolute;bottom:-20px;left:0;right:0;height:20px;background:linear-gradient(to bottom,rgba(248,250,252,.8) 0%,transparent 100%);pointer-events:none;z-index:-1}.tab-item{padding:.5rem 1.5rem;color:#6b7280;text-decoration:none;font-weight:500;font-size:.9375rem;border-bottom:3px solid transparent;transition:all .2s ease;cursor:pointer;white-space:nowrap;border-radius:8px;background:transparent;-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent}.tab-item:hover{color:#2e6417;background:transparent}.tab-item:active,.tab-item:focus{background:transparent!important;outline:none!important;-webkit-tap-highlight-color:transparent!important}.tab-item *{-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}.tab-item:focus-visible{outline:2px solid #2e6417;outline-offset:2px;background:transparent}.tab-item.active{color:#6b7280;border-bottom-color:#2e6417;font-weight:500;background:transparent}.bottom-nav-bar{position:fixed!important;bottom:0;left:0;right:0;height:auto;min-height:60px;background:#2e6417;border-top:1px solid rgba(255,255,255,.2);display:none;align-items:center;justify-content:space-around;padding:.5rem .5rem calc(.5rem + env(safe-area-inset-bottom));box-shadow:0 -2px 10px #00000014;z-index:9999;-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;flex:1;padding:.5rem;color:#fff;text-decoration:none;transition:all .2s ease;border-radius:8px;min-height:48px;-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;background:transparent}.bottom-nav-item:hover{background:transparent;opacity:.8}.bottom-nav-item:active,.bottom-nav-item:focus{background:transparent!important;outline:none!important;-webkit-tap-highlight-color:transparent!important}.bottom-nav-item:active:focus{background:transparent!important;-webkit-tap-highlight-color:transparent!important}.bottom-nav-item *{-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}.bottom-nav-item svg{width:24px;height:24px}.bottom-nav-item span{font-size:.6875rem;font-weight:500;line-height:1}.bottom-nav-item.active{color:#fff;background:transparent;font-weight:500}.bottom-nav-item.active svg{transform:scale(1)}.bottom-nav-item.home-nav-item{color:#fff!important;background:transparent!important;font-weight:600}.bottom-nav-item.home-nav-item svg{transform:scale(1.1)}.bottom-nav-item.home-nav-item:hover{background:transparent!important;color:#fff!important;opacity:.8}.bottom-nav-item.home-nav-item:active,.bottom-nav-item.home-nav-item:focus{background:transparent!important;color:#fff!important;outline:none!important}.message-sidebar{position:fixed;top:64px;right:0;bottom:0;width:400px;max-width:90vw;background:#fff;box-shadow:-4px 0 15px #0000001a;z-index:2000;animation:slideInRight .3s ease;overflow-y:auto}@media (max-width: 1024px){.employee-topbar{padding:0 1rem}.employee-title{font-size:1.375rem}.tab-bar{padding:.5rem 1rem}.tab-item{padding:.5rem 1rem;font-size:.875rem}}@media (max-width: 1024px) and (orientation: portrait){.bottom-nav-bar{display:flex!important}.right-nav-bar{display:none!important}html,body{overflow-x:hidden}.employee-content,.calendar-page,.work-history-container,.dashboard-container,.account-container,.pay-container{padding-bottom:calc(1rem + 70px + env(safe-area-inset-bottom))!important;padding-right:1rem!important}.message-sidebar{width:100%;max-width:100vw;height:calc(100vh - 70px - env(safe-area-inset-bottom))}}@media (max-width: 360px){.bottom-nav-item span{font-size:.625rem}.bottom-nav-item svg{width:22px;height:22px}}.right-nav-bar{position:fixed;top:0;right:0;bottom:0;width:70px;background:#2e6417;border-left:1px solid rgba(255,255,255,.2);display:none;flex-direction:column;align-items:center;justify-content:center;padding:1rem 0;padding-right:env(safe-area-inset-right);box-shadow:-2px 0 10px #0000000d;z-index:9999;gap:0;-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent}.right-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.375rem;width:100%;padding:1rem .25rem;color:#fff;text-decoration:none;transition:all .2s ease;border-left:3px solid transparent;min-height:70px;flex:0 0 auto;-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;background:transparent}.right-nav-item:hover{background:transparent;color:#fff;opacity:.8}.right-nav-item:active,.right-nav-item:focus{background:transparent!important;outline:none!important;-webkit-tap-highlight-color:transparent!important}.right-nav-item:active:focus{background:transparent!important;-webkit-tap-highlight-color:transparent!important}.right-nav-item *{-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}.right-nav-item svg{width:24px;height:24px}.right-nav-item span{font-size:.625rem;font-weight:500;line-height:1;writing-mode:horizontal-tb;text-align:center}.right-nav-item.active{color:#fff;background:transparent;border-left-color:transparent;font-weight:500}.right-nav-item.active svg{transform:scale(1)}.right-nav-item.home-nav-item{color:#fff!important;background:transparent!important;border-left-color:transparent!important;font-weight:600}.right-nav-item.home-nav-item svg{transform:scale(1.1)}.right-nav-item.home-nav-item:hover{background:transparent!important;color:#fff!important;border-left-color:transparent!important;opacity:.8}.right-nav-item.home-nav-item:active,.right-nav-item.home-nav-item:focus{background:transparent!important;color:#fff!important;border-left-color:transparent!important;outline:none!important}@media (max-width: 1024px) and (orientation: landscape) and (max-height: 600px){.right-nav-bar{display:flex!important}.bottom-nav-bar{display:none!important}.employee-content,.calendar-page,.work-history-container,.dashboard-container,.account-container,.pay-container{padding-right:calc(1rem + 70px + env(safe-area-inset-right))!important;padding-bottom:1rem!important}}.dropdown-menu{position:absolute;top:100%;right:0;z-index:1001;margin-top:8px;min-width:180px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 25px #00000026;opacity:0;transform:translateY(-10px);transition:all .2s ease;pointer-events:none}.dropdown-item{display:block;width:100%;padding:12px 16px;color:#374151;font-size:14px;text-decoration:none;text-align:left;cursor:pointer;border:none;background:none;transition:all .2s ease}.dropdown-item:only-child{border-radius:8px}.employee-footer{background:#2e6417;color:#fff;padding:1rem 1.5rem;border-top:none;margin-top:auto;box-shadow:0 -1px 3px #0000001a}.employee-footer-content{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;gap:2rem}@media (max-width: 1024px) and (orientation: portrait){.employee-footer{display:none!important}}@media (max-width: 1024px) and (orientation: landscape) and (max-height: 600px){.employee-footer{display:none!important}}@media (max-width: 1024px){.employee-footer-content,.footer-left{gap:1rem}}@media (max-width: 1366px){.footer-copyright,.footer-version{font-size:.8125rem}.footer-it-button{font-size:.8125rem;padding:.5rem 1rem}}.chatdock{position:fixed;right:12px;bottom:10px;display:flex;gap:10px;z-index:3000;align-items:flex-end;transition:right .2s ease,bottom .2s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.chatdock.left-of-sidebar{right:412px}.chatdock-window{width:300px;max-height:420px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 8px 24px #0000001f;display:flex;flex-direction:column;overflow:hidden}.chatdock-header{padding:6px 8px;background:#2e6417;border-bottom:1px solid rgba(255,255,255,.1);display:grid;grid-template-columns:1fr auto auto auto;align-items:center;column-gap:6px}.chatdock-title{font-weight:600;font-size:14px;color:#fff}.chatdock-settings-btn,.chatdock-min,.chatdock-close{background:transparent;border:none;font-size:16px;line-height:1;cursor:pointer;color:#ffffffe6;padding:4px;transition:all .2s ease}.chatdock-settings-btn:hover,.chatdock-min:hover,.chatdock-close:hover{background:#ffffff1a;color:#fff;border-radius:4px}.chatdock-messages{padding:6px;overflow-y:auto;overflow-x:hidden;flex:1;background:#fff;scroll-behavior:smooth;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#cbd5e0 #f1f5f9}.chatdock-messages::-webkit-scrollbar{width:8px}.chatdock-messages::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.chatdock-messages::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.chatdock-messages::-webkit-scrollbar-thumb:hover{background:#a0aec0}.cd-bubble{max-width:80%;padding:6px 8px;margin:4px 0;border-radius:10px;background:#f3f4f6;color:#111827;border:1px solid #e5e7eb}.cd-bubble.me{margin-left:auto;background:#eff6ff;border-color:#bfdbfe}.cd-text{font-size:14px}.cd-meta{font-size:11px;color:#6b7280;margin-top:4px;text-align:right;display:flex;align-items:center;justify-content:flex-end;gap:4px}.cd-time{flex-shrink:0}.cd-read-receipt{flex-shrink:0;font-size:12px;line-height:1;opacity:.7;display:inline-block}.cd-read-receipt.sent{color:#3b82f6;opacity:.8}.cd-read-receipt.read{color:#10b981;opacity:1}.cd-typing-indicator{font-size:12px;color:#6b7280;font-style:italic;padding:4px 10px;margin:4px 0}.cd-loading-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;color:#6b7280;font-size:13px;gap:12px}.cd-loading-spinner{width:20px;height:20px;border:2px solid #e5e7eb;border-top-color:#2e6417;border-radius:50%;animation:cd-spin .8s linear infinite}@keyframes cd-spin{to{transform:rotate(360deg)}}.cd-no-messages{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:#6b7280;min-height:200px}.cd-no-messages-icon{font-size:48px;margin-bottom:16px;opacity:.5}.cd-no-messages-text{font-size:16px;font-weight:600;color:#374151;margin-bottom:8px}.cd-no-messages-subtext{font-size:14px;color:#9ca3af}.chatdock-inputrow{display:grid;grid-template-columns:1fr auto;gap:8px;padding:8px;border-top:1px solid #e5e7eb;background:#f9fafb}.chatdock-input{padding:8px 12px;font-size:.875rem}.chatdock-send:disabled{cursor:default!important}.chatdock-header{position:relative}.chatdock-settings-modal{position:absolute;top:calc(100% + 4px);right:0;background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 12px #00000026;z-index:3100;min-width:140px;overflow:hidden}.chatdock-settings-option{padding:8px 12px;cursor:pointer;font-size:13px;color:#111827;transition:background .2s ease;display:flex;align-items:center;gap:6px}.chatdock-settings-option:hover{background:#f3f4f6}.chatdock-settings-option:not(:last-child){border-bottom:1px solid #e5e7eb}.chatdock-minimized-avatar{width:48px;height:48px;border-radius:50%;background:#2e6417;color:#fff;border:3px solid white;box-shadow:0 4px 12px #00000026;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;transition:all .2s ease;padding:0;margin:0;flex-shrink:0}.chatdock-minimized-avatar.chatdock-avatar-online{border-color:#22c55e}.chatdock-minimized-avatar.chatdock-avatar-away{border-color:#f59e0b}.chatdock-minimized-avatar.chatdock-avatar-busy{border-color:#ef4444}.chatdock-minimized-avatar.chatdock-avatar-dnd{border-color:#6b7280}.chatdock-minimized-avatar.chatdock-avatar-offline{border-color:#9ca3af}.chatdock-minimized-avatar:hover{transform:scale(1.1);box-shadow:0 6px 16px #0003;background:#22543d}.employee-layout{display:flex;flex-direction:column;min-height:100vh;background-color:#f8fafc}.employee-content{flex:1;padding:2rem;max-width:1200px;margin:0 auto;width:100%}@media (max-width: 1024px) and (orientation: portrait){.employee-layout{padding-bottom:0;margin-bottom:0}.employee-content{padding:1rem;padding-bottom:calc(1rem + 70px + env(safe-area-inset-bottom));min-height:calc(100vh - 70px - env(safe-area-inset-bottom))}.employee-content:has(.work-history-container){padding:0;min-height:100vh;overflow:hidden}}@media (max-width: 1024px) and (orientation: landscape) and (max-height: 600px){.employee-layout{padding-right:0;margin-right:0;overflow:hidden}.employee-content{padding:.75rem;padding-right:calc(.75rem + 70px + env(safe-area-inset-right));min-height:100vh;overflow:hidden}.employee-content:has(.work-history-container){padding:0!important;min-height:100vh;overflow:hidden}}@media (max-width: 480px) and (orientation: portrait){.employee-content{padding:.75rem;padding-bottom:calc(.75rem + 70px + env(safe-area-inset-bottom))}}.simple-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;gap:1rem;width:100%;height:100%}.simple-spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top-color:#2e6417;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.simple-loader-text{margin:0;color:#6b7280;font-size:.875rem;font-weight:500}.work-content-wrapper{padding:1rem 1.5rem .5rem;min-height:auto;background:#f8fafc;display:flex;flex-direction:column;gap:1rem;max-width:1600px;margin:0 auto}.schedule-section{flex-shrink:0;width:100%;min-height:300px}.schedule-section .simple-loader{min-height:300px;padding:2rem 1rem}.work-history-wrapper{padding:1rem;min-height:calc(100vh - 64px);background:#f8fafc;display:flex;flex-direction:column;gap:1rem;max-width:1600px;margin:0 auto}.work-sections-container{display:grid;grid-template-columns:1fr 1fr;gap:1rem;flex-shrink:0;align-items:start}.work-section-left,.work-section-right{display:flex;flex-direction:column;height:100%}.work-section-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.375rem;border-bottom:2px solid #e5e7eb;flex-shrink:0}.work-section-title{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0;flex:1}.your-work-container{max-height:450px;overflow-y:auto;overflow-x:hidden;padding:0;display:flex;flex-direction:column;gap:0;flex:1 1 auto;scrollbar-gutter:stable}.your-work-container>*{margin:.375rem}.your-work-container>*:first-child{margin-top:.375rem}.your-work-container>*:last-child{margin-bottom:.375rem}.your-work-container::-webkit-scrollbar{width:5px}.your-work-container::-webkit-scrollbar-track{background:transparent}.your-work-container::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.your-work-container::-webkit-scrollbar-thumb:hover{background:#9ca3af}.your-work-container{scrollbar-width:thin;scrollbar-color:#d1d5db transparent}.your-work-container .simple-loader{flex:1;margin:0!important;padding:1rem}.your-work-container .no-work-message,.book-offers-grid .no-work-message{display:flex;align-items:center;justify-content:center;flex:1;color:#6b7280;font-size:.9375rem;font-style:italic;padding:1rem;text-align:center;margin:0!important}.your-work-item{background:transparent;border:none;border-bottom:3px solid;border-radius:0;position:relative;transition:all .3s ease;box-shadow:none}.your-work-item:hover{box-shadow:none;transform:none}.your-work-item.accepted{border-bottom-color:#10b981}.your-work-item.pending{border-bottom-color:#3b82f6}.your-work-item.claimed{border-bottom-color:#f59e0b}.your-work-item.completed{border-bottom-color:#059669}.your-work-item.denied{border-bottom-color:#ef4444}.your-work-header{display:flex;align-items:center;gap:1rem;padding:0 1.25rem;cursor:pointer;position:relative;z-index:2;min-height:56px}.your-work-header:hover{background:#f8fafcb3}.your-work-header .arrow{color:#374151;font-weight:700;min-width:16px;font-size:.75em}.your-work-header .book-code-container{display:inline-flex;align-items:center;gap:10px;flex-grow:1;white-space:nowrap}.your-work-header .book-code{font-weight:600;color:#1f2937;background-color:none;font-size:.95rem}.your-work-header .favorite-star{font-size:1.2rem;color:#9ca3af;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s ease,transform .2s ease;margin-left:0;line-height:1;display:inline-block}.your-work-header .favorite-star:hover{transform:scale(1.2);color:gold}.your-work-header .favorite-star.favorited{color:gold}.your-work-header .favorite-star.favorited:hover{color:orange}.decision-buttons{display:flex;gap:.5rem;margin-left:auto}.decision-buttons .accept-button{padding:.375rem .75rem!important;font-size:.75rem!important;min-width:50px;background:transparent!important;color:#41be95!important;border-bottom:2px solid #41be95!important;border-radius:0!important}.decision-buttons .accept-button:hover{color:#00af2c!important;border-bottom-color:#00af2c!important;transform:translateY(-1px)}.decision-buttons .deny-button{padding:.375rem .75rem!important;font-size:.75rem!important;min-width:50px;background:transparent!important;color:#000!important;border-bottom:2px solid #9ca3af!important;border-radius:0!important}.decision-buttons .deny-button:hover{color:#dc2626!important;border-bottom-color:#dc2626!important;transform:translateY(-1px)}.decision-buttons .complete-button{padding:.375rem .75rem!important;font-size:.75rem!important;min-width:50px;background:transparent!important;color:#6b7280!important;border-bottom:2px solid #d1d5db!important;border-radius:0!important}.decision-buttons .complete-button:hover{color:#059669!important;border-bottom-color:#059669!important;transform:translateY(-1px)}.your-work-details{padding:1rem 1.25rem 1rem 2.25rem;background:transparent;border-top:1px solid #f1f5f9;position:relative;z-index:2}.your-work-details-header{display:block}.your-work-details-content{width:100%}.your-work-details-favorite{display:none}.your-work-details p{margin:.375rem 0;font-size:.8rem;color:#6b7280;line-height:1.4}.your-work-details strong{color:#374151;font-weight:600}.your-work-details-favorite .favorite-star-details{font-size:1rem;color:#9ca3af;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s ease,transform .2s ease;line-height:1;display:inline-block}.your-work-details-favorite .favorite-star-details:hover{transform:scale(1.2);color:gold}.your-work-details-favorite .favorite-star-details.favorited{color:gold}.your-work-details-favorite .favorite-star-details.favorited:hover{color:orange}.cycle-separator{display:flex;align-items:center;justify-content:center}.cycle-divider{width:100%;height:1px;border:none;background:linear-gradient(to right,transparent,#cbd5e1,transparent)}.book-offers-grid{max-height:450px;overflow-y:auto;overflow-x:hidden;padding:0;display:flex;flex-direction:column;gap:0;flex:1 1 auto;scrollbar-gutter:stable}.book-offers-grid>*{margin:.5rem}.book-offers-grid>*:first-child{margin-top:.5rem}.book-offers-grid>*:last-child{margin-bottom:.5rem}.book-offers-grid::-webkit-scrollbar{width:5px}.book-offers-grid::-webkit-scrollbar-track{background:transparent}.book-offers-grid::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.book-offers-grid::-webkit-scrollbar-thumb:hover{background:#9ca3af}.book-offers-grid{scrollbar-width:thin;scrollbar-color:#d1d5db transparent}.book-offers-grid .simple-loader{flex:1;margin:0!important;padding:1rem}.book-offer-tile{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #6a6e6c;border-radius:8px;padding:1rem;transition:all .3s ease;box-shadow:0 1px 3px #0000000d}.book-offer-tile:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001a;border-color:#d97706}.book-offer-tile .tile-header-row{display:flex;gap:1rem;align-items:stretch}.book-offer-tile .tile-details-column{flex:1;min-width:0;display:flex;flex-direction:column}.book-offer-tile .tile-button-column{flex-shrink:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start}.book-offer-tile .tile-details{list-style:none;padding:0;margin:0}.book-offer-tile .tile-details li{margin-bottom:.375rem;font-size:.8rem;color:#6b7280;line-height:1.4}.book-offer-tile .tile-details strong{color:#1f2937;font-weight:600}.book-offer-tile .claim-button{font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;font-weight:600}@media (max-width: 768px) and (orientation: portrait){.your-work-details-header{display:grid!important;grid-template-columns:1fr auto!important;gap:.5rem!important;align-items:start!important}.your-work-details-content{width:100%!important;grid-column:1!important}.your-work-details-favorite{display:flex!important;justify-content:flex-end!important;align-items:flex-start!important;grid-column:2!important;padding-top:0!important;flex-shrink:0!important}.your-work-details-favorite .favorite-star-details{font-size:1.35rem!important}.book-offer-tile{cursor:pointer!important;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(46,100,23,.1);position:relative}.book-offer-tile.phone-clickable-tile{cursor:pointer!important;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(46,100,23,.1)}.book-offer-tile.phone-clickable-tile:active,.book-offer-tile:active{transform:scale(.98);opacity:.9}.book-offer-tile .tile-button-column{display:none!important}.book-offer-tile .tile-header-row{gap:0}.book-offer-tile .tile-header-row,.book-offer-tile .tile-details-column,.book-offer-tile .tile-details,.book-offer-tile .tile-details li,.book-offer-tile .tile-details strong{pointer-events:none}}@media (max-width: 1024px) and (orientation: landscape) and (max-height: 600px){.book-offer-tile{cursor:pointer!important;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(46,100,23,.1);position:relative}.book-offer-tile.phone-clickable-tile{cursor:pointer!important;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(46,100,23,.1)}.book-offer-tile.phone-clickable-tile:active,.book-offer-tile:active{transform:scale(.98);opacity:.9}.book-offer-tile .tile-button-column{display:none!important}.book-offer-tile .tile-header-row{gap:0}.book-offer-tile .tile-header-row,.book-offer-tile .tile-details-column,.book-offer-tile .tile-details,.book-offer-tile .tile-details li,.book-offer-tile .tile-details strong{pointer-events:none}.book-offers-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.book-offers-grid>*{margin:0}}.claim-offer-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;animation:fadeIn .2s ease}.claim-offer-popup-content{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .3s ease}.claim-offer-popup-header{padding:2rem 2rem 1rem;border-bottom:1px solid #e5e7eb}.claim-offer-popup-header h3{margin:0;color:#111827;font-size:1.5rem;font-weight:700;line-height:1.3}.claim-offer-popup-body{padding:1.5rem 2rem;max-height:60vh;overflow-y:auto}.offer-details-summary{display:flex;flex-direction:column;gap:.75rem}.offer-details-summary p{margin:0;font-size:.9375rem;line-height:1.5;color:#374151}.offer-details-summary strong{color:#111827;font-weight:600;margin-right:.5rem}.claim-offer-popup-footer{padding:1rem 2rem 2rem;display:flex;justify-content:center;gap:.75rem;border-top:1px solid #e5e7eb}.claim-offer-popup-footer button{flex:0 0 auto;min-height:3rem;min-width:120px;max-width:200px}@media (min-width: 769px){.claim-offer-popup-content.desktop-popup{max-width:500px;width:auto}}@media (max-width: 768px) and (orientation: portrait){.claim-offer-popup-overlay{padding:.5rem}.claim-offer-popup-content{max-width:85%;max-height:85vh;border-radius:12px}.claim-offer-popup-header{padding:.875rem .875rem .625rem}.claim-offer-popup-header h3{font-size:1rem}.claim-offer-popup-body{padding:.875rem;max-height:55vh}.offer-details-summary{gap:.5rem}.offer-details-summary p{font-size:.75rem;line-height:1.4}.offer-details-summary strong{font-size:.75rem;margin-right:.375rem}.claim-offer-popup-footer{padding:.625rem .875rem .875rem;gap:.5rem;justify-content:center}.claim-offer-popup-footer button{flex:0 0 auto;min-height:2.5rem;font-size:.8125rem;padding:.5rem .875rem;min-width:100px;max-width:150px}}@media (max-width: 1024px) and (orientation: landscape) and (max-height: 600px){.claim-offer-popup-overlay{padding:.5rem}.claim-offer-popup-content{max-width:40%;max-height:80vh;border-radius:12px}.claim-offer-popup-header{padding:.875rem .875rem .625rem}.claim-offer-popup-header h3{font-size:1rem}.claim-offer-popup-body{padding:.875rem;max-height:50vh}.offer-details-summary{display:flex;flex-direction:column;gap:.5rem}.offer-details-summary p{font-size:.75rem;line-height:1.4}.offer-details-summary strong{font-size:.75rem;margin-right:.375rem}.claim-offer-popup-footer{padding:.625rem .875rem .875rem;gap:.5rem;justify-content:center}.claim-offer-popup-footer button{flex:0 0 auto;min-height:2.5rem;font-size:.8125rem;padding:.5rem .875rem;min-width:100px;max-width:150px}}.work-history-filters{background:#fff;padding:1rem 1.25rem;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:1rem}.filter-row{display:flex;gap:.75rem;margin-bottom:.75rem;align-items:center}.filter-row:last-child{margin-bottom:0}.search-input,.filter-input{padding:.625rem .875rem;border:1px solid #d1d5db;border-radius:6px;font-size:.8rem;flex:1;min-width:120px;transition:border-color .2s ease}.search-input:focus,.filter-input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.empty-work-message{text-align:center;color:#6b7280;font-style:italic;padding:2rem;background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px}.loading-message,.error-message{text-align:center;padding:2rem;font-size:.875rem}.loading-message{color:#6b7280}.error-message{color:#ef4444;background:#fef2f2;border:1px solid #fca5a5;border-radius:8px}@keyframes slideOutAndFade{0%{transform:translate(0);opacity:1;max-height:200px}to{transform:translate(-100%);opacity:0;max-height:0;padding:0;margin:0}}.your-work-item.removing-item{animation:slideOutAndFade .5s ease-in-out forwards}@media (max-width: 1200px){.work-sections-container{grid-template-columns:1fr;gap:1rem}.your-work-container,.book-offers-grid{max-height:350px}.book-offers-grid{grid-template-columns:1fr}}@media (max-width: 768px){.work-content-wrapper{padding:1rem}.work-history-wrapper{padding:.75rem}.your-work-container,.book-offers-grid{max-height:300px}.your-work-header{padding:.75rem;min-height:48px}.your-work-details{padding:.75rem .75rem .75rem 1.75rem}.filter-row{flex-direction:column;gap:.5rem}.filter-input,.search-input{min-width:auto}.decision-buttons{flex-direction:row;gap:.5rem}.decision-buttons button{flex:1;min-width:60px}}@media (max-width: 768px) and (orientation: portrait),(max-width: 768px) and (min-height: 500px){.work-section-left{min-height:auto;height:auto}.work-section-left .your-work-container,.your-work-container{max-height:600px!important;height:auto!important}.work-section-right{min-height:auto;height:auto}.work-section-right .book-offers-grid,.book-offers-grid{max-height:none!important;height:auto!important;overflow-y:visible!important;overflow-x:visible!important;display:flex!important;flex-direction:column!important}}@media (min-width: 1025px){.your-work-container.is-scrollable{position:relative}.your-work-container.is-scrollable:after{content:"";position:sticky;bottom:0;left:0;right:0;height:120px;background:linear-gradient(to bottom,#f8fafc00,#f8fafc4d 20%,#f8fafc99 50%,#f8fafcd9,#f8fafc);pointer-events:none;z-index:1;display:block;margin-top:-120px}.book-offers-grid.is-scrollable{position:relative}.book-offers-grid.is-scrollable:after{content:"";position:sticky;bottom:0;left:0;right:0;height:120px;background:linear-gradient(to bottom,#f8fafc00,#f8fafc4d 20%,#f8fafc99 50%,#f8fafcd9,#f8fafc);pointer-events:none;z-index:1;display:block;margin-top:-120px}}.calendar-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:30px;flex-wrap:nowrap;min-width:0}.region-tabs{display:flex;gap:8px;flex-wrap:nowrap;min-width:0;overflow-x:auto;padding-bottom:2px;-ms-overflow-style:none;scrollbar-width:none;max-width:calc(100% - 140px)}.region-tabs::-webkit-scrollbar{display:none}.set-cycle-button{padding:8px 16px;background:#28a745;color:#fff;border:none;border-radius:5px;cursor:pointer;font-weight:700;transition:background .2s;white-space:nowrap;flex-shrink:0;min-width:120px;font-size:14px}.set-cycle-button:hover{background:#218838}.region-dropdown-mobile{display:none}.region-dropdown-desktop{display:block}.calendar-day{min-height:120px;padding:10px 8px 8px;border-right:1px solid #eee;border-bottom:1px solid #eee;border-top:3px solid transparent;background:#fff;display:flex;flex-direction:column;position:relative;z-index:1}.calendar-day.available{border-top-color:#10b981}.calendar-day.unavailable{border-top-color:#ef4444}.availability-border{position:absolute;top:0;left:0;right:0;height:3px;cursor:pointer;z-index:10;transition:opacity .2s}.availability-border:hover{opacity:.8}.availability-border.available{background:#10b981}.availability-border.unavailable{background:#ef4444}.availability-border.availability-disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.availability-border.availability-disabled:hover{opacity:.5}.modal-content{background:#fff;border-radius:8px;width:90%;max-width:500px;max-height:90vh;overflow:visible;position:relative;display:flex;flex-direction:column}.modal-content .cycle-details-grid{flex:1}.modal-content:has(.cycle-details-grid) .modal-body{padding:12px 16px!important}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:20px;border-top:1px solid #eee}.form-group input,.form-group select{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.modal-content .cycle-details-grid{display:flex;flex-direction:column;gap:10px!important;position:relative}.modal-content .cycle-details-grid .detail-row{display:flex;align-items:flex-start;gap:10px!important}.modal-content .cycle-details-grid .detail-label{font-weight:700;color:#333;min-width:120px!important;flex-shrink:0}.contractor-cycle-popup .modal-body{padding:12px 16px!important}.contractor-cycle-popup .cycle-details-grid{display:flex;flex-direction:column;gap:10px;position:relative}.contractor-cycle-popup .cycle-details-grid .detail-row{display:flex;align-items:flex-start;gap:10px}.contractor-cycle-popup .cycle-details-grid .detail-label{font-weight:700;color:#333;min-width:120px;flex-shrink:0}.contractor-cycle-popup .cycle-details-grid .detail-value{color:#666;flex:1}.contractor-cycle-popup-footer{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;padding:10px 16px;border-top:1px solid #e5e7eb;background:transparent;margin:0;gap:8px;width:100%;box-sizing:border-box}.contractor-cycle-popup-footer button{margin:0;flex-shrink:0}.edit-form{display:flex;flex-direction:column;gap:8px}.action-buttons-row{margin-top:20px;padding-top:15px;border-top:1px solid #eee;justify-content:flex-end;align-items:center;gap:15px;flex-direction:row!important}.action-buttons-row:hover{background:none!important;transition:none!important;transform:none!important}.view-work-button{background:#f8fafc;color:#4a5568;border:1px solid #e2e8f0;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500}.view-work-button:hover:not(:disabled){background:#e2e8f0;border-color:#cbd5e0}.view-work-button:disabled{opacity:.6;cursor:not-allowed}.delete-button{background:transparent;color:#374151;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.delete-button:hover:not(:disabled){background:#fee2e2;color:#dc2626;transition:none!important;transform:none!important}.delete-button:disabled{opacity:.6;cursor:not-allowed}.region-tabs-container{margin-bottom:10px;padding:0 20px;display:flex;justify-content:center;background:transparent!important;border:none!important}.region-tabs{display:flex;gap:8px;background:transparent!important;border:none!important}.region-tab{padding:1rem 1.5rem;border:none;border-bottom:3px solid transparent;background:transparent;color:#6b7280;cursor:pointer;border-radius:8px;transition:all .2s ease;font-weight:500;white-space:nowrap;flex-shrink:0;min-width:fit-content;font-size:.9375rem}.region-tab:hover{background:transparent;color:#2e6417}.region-tab.active{background:transparent;color:#2e6417;border-bottom-color:#2e6417;font-weight:600}.log-entries{space-y:12px}@media (max-width: 1200px){.calendar-header{gap:12px}.set-cycle-button{padding:6px 12px;font-size:.85rem;min-width:100px}}@media (max-width: 1024px) and (orientation: portrait){.scheduling-page,.calendar-page{padding:0;height:100vh;display:flex;flex-direction:column;overflow:hidden}.calendar-container{padding:0;height:100%;display:flex;flex-direction:column;overflow:hidden}.calendar-navigation{flex-shrink:0;padding:0;margin:0;border-bottom:none;position:fixed;top:0;left:0;right:0;z-index:100;background:#f8fafc!important;width:100%;box-sizing:border-box}.calendar-navigation-phone-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;gap:.5rem;width:100%;box-sizing:border-box;background:#f8fafc}.calendar-today-button{flex:0 0 auto;padding:6px 12px;font-size:.75rem;white-space:nowrap}.calendar-today-button:before{display:none!important}.calendar-navigation-left .current-month{display:none!important}.calendar-navigation-phone-header .region-dropdown-container{display:none!important}.calendar-navigation-left{order:1;width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.calendar-navigation-right{order:2;width:100%;flex-direction:row;gap:.5rem;align-items:center;justify-content:center;flex-wrap:wrap}.calendar-navigation-right .region-dropdown-desktop{display:none!important}.calendar-navigation-left .region-dropdown-mobile{display:block!important}.calendar-navigation-right .nav-buttons{justify-content:center;width:auto;flex:0 0 auto}.calendar-navigation-right .vertical-separator{display:none}.calendar-navigation .region-dropdown-container{width:auto;flex:0 0 auto}.calendar-navigation .region-dropdown-btn{width:auto;min-width:auto;padding:6px 10px;font-size:.75rem!important;border:none!important}.nav-buttons{justify-content:center;gap:.375rem}.nav-buttons .ds-btn-cancel{flex:0 0 auto;padding:6px 10px;font-size:.75rem;max-width:none}.nav-buttons .ds-btn-cancel:first-child:not(.calendar-today-button){position:relative;font-size:0;padding:6px 8px;min-width:32px}.nav-buttons .ds-btn-cancel:first-child:not(.calendar-today-button):before{content:"«";font-size:1rem;line-height:1;display:inline-block}.nav-buttons .ds-btn-cancel:last-child:not(.calendar-today-button){position:relative;font-size:0;padding:6px 8px;min-width:32px}.nav-buttons .ds-btn-cancel:last-child:not(.calendar-today-button):before{content:"»";font-size:1rem;line-height:1;display:inline-block}.calendar-grid{flex:1;overflow:visible;border-radius:0;background:transparent!important;border:none!important;box-shadow:none!important;display:flex;flex-direction:column;margin-top:0}.calendar-grid>.day-headers{display:none!important}.day-headers{background:transparent!important;border:none!important;padding:.5rem!important;display:grid!important;grid-template-columns:repeat(7,1fr)!important;gap:0 .5rem!important;box-sizing:border-box;justify-items:center!important;align-items:center!important}.calendar-grid::-webkit-scrollbar{width:5px}.calendar-grid::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.calendar-scrollable-container{position:fixed;top:5rem;left:0;right:0;bottom:calc(70px + env(safe-area-inset-bottom));overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;padding:.5rem .5rem 1rem;background:#fff;will-change:scroll-position;transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.calendar-month-section{margin-bottom:1rem;min-height:fit-content}.calendar-month-header{padding:.5rem .5rem .25rem;position:relative;background:transparent!important;border-bottom:1px solid #e5e7eb;margin-bottom:.5rem}.calendar-month-title{font-size:1rem;font-weight:600;color:#1f2937;margin:0;text-align:left}.day-headers-fixed{position:fixed;top:2.5rem;left:0;right:0;padding:.5rem!important;margin:0;background:#fff;z-index:99;border-bottom:1px solid #e5e7eb;display:grid!important;grid-template-columns:repeat(7,1fr)!important;gap:0 .5rem!important;box-sizing:border-box;justify-items:center!important;align-items:center!important;width:100%;height:2.5rem}.day-headers-scrollable{display:none!important}.calendar-days-phone{display:grid!important;grid-template-columns:repeat(7,1fr)!important;gap:32px .5rem;padding:.5rem;justify-items:center;align-items:center;width:100%;box-sizing:border-box}.calendar-day-circle{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;border:2px solid transparent;box-sizing:border-box}.calendar-day-circle:active{transform:scale(.95)}.calendar-day-circle-today{border:3px solid #2563eb!important;box-shadow:0 0 0 2px #2563eb66,0 0 8px #2563eb4d}.calendar-day-circle-green{background-color:#10b981}.calendar-day-circle-red{background-color:#ef4444}.calendar-day-circle-white{background-color:#fff}.day-number-circle{color:#fff;font-size:.75rem;font-weight:600;-webkit-user-select:none;user-select:none}.calendar-day-circle-white .day-number-circle{color:#374151}.calendar-day-circle-empty{width:32px;height:32px}.day-header{padding:0!important;font-size:.75rem;text-align:center;font-weight:600;color:#6b7280;background:transparent;border:none!important;border-right:none!important;display:flex;align-items:center;justify-content:center}.calendar-grid{background:transparent;border:none;box-shadow:none}.calendar-days-container .cycle-bars-overlay{display:none}.calendar-days:not(.calendar-days-phone){display:none}.calendar-days-container{display:block!important;grid-template-columns:none!important;grid-auto-rows:none!important;position:relative;flex:1;overflow:visible;height:auto}.calendar-day{min-height:100px;padding:.5rem;font-size:.8125rem}.set-cycle-button{display:none}.set-cycle-modal,.cycle-details-modal{max-width:95vw;margin:.5rem}.modal-actions{flex-direction:column;gap:.5rem}.modal-actions button{width:100%}}@media (max-width: 1024px) and (orientation: landscape) and (max-height: 600px){.scheduling-page,.calendar-page{padding:0;padding-right:calc(70px + env(safe-area-inset-right));height:100vh;display:flex;flex-direction:column;overflow:hidden}.calendar-container{padding:0;height:100%;display:flex;flex-direction:column;overflow:hidden}.calendar-navigation{flex-shrink:0;padding:.75rem 1rem;flex-direction:column;gap:.5rem;background:#f8fafc!important;border-bottom:none}.current-month{font-size:.75rem!important;text-align:left;margin:0;font-weight:600}.calendar-navigation-left{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.calendar-navigation-right{width:100%;flex-direction:row;gap:.375rem;align-items:center;justify-content:center;flex-wrap:wrap}.calendar-navigation-right .region-dropdown-desktop{display:none!important}.calendar-navigation-left .region-dropdown-mobile{display:block!important}.calendar-navigation-right .nav-buttons{justify-content:center;width:auto;flex:0 0 auto}.calendar-navigation-right .vertical-separator{display:none}.calendar-navigation .region-dropdown-container{width:auto;flex:0 0 auto}.calendar-navigation .region-dropdown-btn{width:auto;min-width:auto;padding:6px 10px;font-size:.75rem!important;border:none!important}.nav-buttons{gap:.375rem;justify-content:center}.nav-buttons .ds-btn-cancel{flex:0 0 auto;padding:6px 10px;font-size:.75rem;max-width:none}.nav-buttons .ds-btn-cancel:first-child{position:relative;font-size:0;padding:6px 8px;min-width:32px}.nav-buttons .ds-btn-cancel:first-child:before{content:"«";font-size:1rem;line-height:1;display:inline-block}.nav-buttons .ds-btn-cancel:last-child:not(.calendar-today-button){position:relative;font-size:0;padding:6px 8px;min-width:32px}.nav-buttons .ds-btn-cancel:last-child:not(.calendar-today-button):before{content:"»";font-size:1rem;line-height:1;display:inline-block}.calendar-grid{flex:1;overflow-y:auto;scrollbar-gutter:stable}.calendar-day{min-height:80px;padding:.375rem;font-size:.75rem}.day-header{padding:.5rem;font-size:.6875rem}.set-cycle-button{display:none}}.calendar-day.today.available{border-top-color:#10b981!important}.calendar-day.today.unavailable{border-top-color:#ef4444!important}.calendar-day.today .day-number{color:#2e6417!important;background:transparent!important;width:auto!important;height:auto!important;border-radius:0!important;font-weight:600!important}.availability-toggle{display:none!important}.availability-toggle.available{background:#10b981;color:#fff}.availability-toggle.available:hover{background:#059669;transform:scale(1.1)}.availability-toggle.unavailable{background:#ef4444;color:#fff}.availability-toggle.unavailable:hover{background:#dc2626;transform:scale(1.1)}.availability-toggle:disabled{opacity:.6;cursor:not-allowed;transform:none}.edit-field-btn{background:#f8fafc;color:#4a5568;border:1px solid #e2e8f0;padding:4px 8px;border-radius:4px;cursor:pointer;font-size:.75rem;font-weight:500;transition:all .2s ease;margin-left:8px}.save-btn,.cancel-btn{padding:4px 12px;border:none;border-radius:4px;cursor:pointer;font-size:.75rem;font-weight:500;transition:all .2s ease}.save-btn{background:#10b981;color:#fff}.save-btn:hover:not(:disabled){background:#059669}.save-btn:disabled{background:#cbd5e0;cursor:not-allowed;opacity:.6}.cancel-btn{background:#f8fafc;color:#4a5568;border:1px solid #e2e8f0}.cancel-btn:hover{background:#e2e8f0;color:#2d3748}.schedule-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;margin:20px 0}.schedule-container:has(.simple-loader){background:transparent;box-shadow:none}.schedule-header{background:#f8f9fa;padding:20px;border-bottom:1px solid #e2e8f0}.schedule-title{font-size:24px;font-weight:700;color:#333;margin:0;text-align:center}.calendar-legend{display:flex;justify-content:center;gap:20px;padding:15px 20px;background:#f8f9fa;border-bottom:1px solid #e2e8f0;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#666}.legend-indicator{width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}.legend-indicator.available{background:#10b981;color:#fff}.legend-indicator.unavailable{background:#ef4444;color:#fff}.legend-indicator.cycle-span-demo{background:#b0b6be;border-radius:3px;width:20px;height:12px}.schedule-container .calendar-day{display:flex;flex-direction:column;position:relative}.schedule-container .calendar-day.available{border-top:3px solid #10b981;background:linear-gradient(to bottom,rgba(16,185,129,.05) 0%,transparent 20%)}.schedule-container .calendar-day.unavailable{border-top:3px solid #ef4444;background:linear-gradient(to bottom,rgba(239,68,68,.05) 0%,transparent 20%)}.no-work-message{display:flex;align-items:center;justify-content:center;min-height:200px;text-align:center;color:#666;font-size:16px;font-weight:500;background:#f8f9fa;border-radius:8px;border:2px dashed #e2e8f0;margin:20px 0}.day-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.day-label{display:flex;flex-direction:column;gap:2px}.day-name{font-size:12px;font-weight:600;color:#666;text-transform:uppercase}.day-number{font-size:18px;font-weight:700;color:#333}.schedule-container .availability-indicator{position:absolute;top:4px;right:4px;width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;border-radius:50%;z-index:5}.schedule-container .availability-indicator.available{background:#10b981}.schedule-container .books-section{margin-top:auto;width:100%;display:flex;justify-content:center;padding-bottom:8px}.schedule-container .books-count-badge{background:#2196f3;color:#fff;border:none;border-radius:12px;padding:4px 10px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:center;min-width:24px;box-shadow:0 1px 3px #0003}.schedule-container .books-count-badge:hover{background:#1976d2;transform:translateY(-1px);box-shadow:0 2px 6px #2196f366}.books-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.books-modal{background:#fff;border-radius:8px;max-width:500px;width:90%;max-height:80vh;overflow:hidden;box-shadow:0 4px 20px #00000026}.books-modal-header{background:#f8f9fa;padding:20px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.books-modal-header h3{margin:0;font-size:18px;font-weight:600;color:#333}.books-modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.books-modal-close:hover{color:#333}.books-modal-content{padding:20px;max-height:400px;overflow-y:auto}.books-modal-list{display:flex;flex-direction:column;gap:12px}.book-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f8f9fa;border-radius:6px;border-left:4px solid #2196f3}.book-code-modal{font-weight:600;color:#333}.book-address{font-size:14px;color:#666;flex:1;margin:0 12px}.book-item .status-indicator{font-size:12px;padding:4px 8px;border-radius:12px;font-weight:500}.book-item .status-indicator.accepted{background:#d1fae5;color:#10b981}.book-item .status-indicator.claimed{background:#fef3c7;color:#f59e0b}.book-item .status-indicator.pending{background:#dbeafe;color:#3b82f6}.no-books-message{text-align:center;color:#666;font-style:italic;padding:20px}@media (max-width: 768px){.schedule-container .calendar-day{min-height:80px}.books-modal{width:95%}.legend-item{font-size:12px}.calendar-legend{gap:12px}}@media (max-width: 896px) and (orientation: landscape) and (max-height: 480px){.scheduling-page,.calendar-page{padding:15px;padding-bottom:calc(75px + env(safe-area-inset-bottom));min-height:calc(100vh - env(safe-area-inset-bottom))}.scheduling-page .page-header,.calendar-page .page-header{padding:0 10px}.schedule-container .calendar-day{min-height:80px}.books-modal{width:95%}.legend-item{font-size:12px}.calendar-legend{gap:12px}}.day-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem}.day-popup-content{background:#fff;border-radius:12px;width:90%;max-width:400px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 10px 25px #0003;overflow:hidden}.day-popup-header,.day-popup-close{display:none!important}.day-popup-body{padding:1.5rem;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;min-height:0}.day-popup-footer{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:.625rem .875rem;border-top:1px solid #e5e7eb;background:#fff;margin:0;gap:.5rem;width:100%;box-sizing:border-box;flex-shrink:0}.day-popup-footer button{margin:0;flex-shrink:0;min-height:2.5rem;font-size:.8125rem;padding:.5rem .875rem}.day-popup-availability-circle{width:2rem;height:2rem;border-radius:50%;cursor:pointer;transition:all .2s ease;flex-shrink:0;border:2px solid transparent}.day-popup-availability-circle:hover:not(.day-popup-availability-circle-disabled){transform:scale(1.1);box-shadow:0 2px 8px #00000026}.day-popup-availability-circle-green{background-color:#10b981}.day-popup-availability-circle-red{background-color:#ef4444}.day-popup-availability-circle-white{background-color:#fff}.day-popup-availability-circle-disabled{cursor:not-allowed;opacity:.6}.day-popup-availability-circle-disabled:hover{transform:none;box-shadow:none}.day-popup-date{font-size:1rem;font-weight:600;color:#1f2937;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #e5e7eb}.day-popup-loading{display:flex;justify-content:center;align-items:center;padding:2rem}.day-popup-empty{text-align:center;padding:2rem;color:#6b7280}.day-popup-books-list{display:flex;flex-direction:column;gap:0;margin-top:.5rem}.day-popup-book-item{background:transparent!important;border:none!important;border-bottom:1px solid #e5e7eb!important;border-radius:0;position:relative;transition:all .2s ease;overflow:hidden;padding:.75rem 0!important;margin:0!important}.day-popup-book-item:hover{background:#f9fafb!important;border-radius:6px}.day-popup-book-item:last-child{border-bottom:none!important}.day-popup-book-code{font-weight:600;color:#1f2937;font-size:.9375rem;text-align:left;padding:0;margin:0}.day-popup-body p{margin:0;color:#6b7280;font-size:.875rem}.salary-container{padding:.5rem 2rem;background-color:#fbfcfd;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#374151;scrollbar-gutter:stable}.salary-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.salary-title{font-size:1.75rem;font-weight:500;color:#1f2937;letter-spacing:-.025em;margin:0}.salary-content{display:flex;flex-direction:column;gap:0}.pay-content>*{margin-bottom:1.25rem}.pay-content>*:last-child{margin-bottom:0}.salary-year-group{background:#fff;border-radius:12px;border:2px solid #e2e8f0;overflow:hidden;box-shadow:0 2px 8px #0000000f;transition:all .15s ease}.salary-year-group:nth-child(odd){border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a}.salary-year-group:nth-child(2n){border-color:#10b981;box-shadow:0 2px 8px #10b9811a}.salary-year-group:hover{box-shadow:0 6px 16px #0000001f;transform:translateY(-2px)}.salary-year-group:nth-child(odd):hover{box-shadow:0 6px 16px #3b82f626}.salary-year-group:nth-child(2n):hover{box-shadow:0 6px 16px #10b98126}.salary-year-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:1rem 1.5rem;border-bottom:1px solid #f1f5f9;cursor:pointer;display:flex;align-items:center;gap:1rem;transition:all .15s ease}.salary-year-group:nth-child(odd) .salary-year-header{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-bottom-color:#bfdbfe}.salary-year-group:nth-child(2n) .salary-year-header{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-bottom-color:#a7f3d0}.salary-year-header:hover{background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}.salary-year-toggle{color:#374151;font-weight:700;min-width:16px;font-size:1rem;transition:all .15s ease}.salary-year-group:nth-child(odd) .salary-year-toggle{color:#3b82f6}.salary-year-group:nth-child(2n) .salary-year-toggle{color:#10b981}.salary-year-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0;display:flex;align-items:center;gap:.5rem}.salary-year-stats{font-size:.8125rem;color:#6b7280;margin-top:.125rem}.salary-year-content{padding:.75rem 1.5rem 1rem;display:flex;flex-direction:column;gap:.5rem}.salary-stub-item{background:#fff;border:1px solid #f1f5f9;border-radius:6px;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;transition:all .2s ease;box-shadow:0 1px 2px #0000000a}.salary-stub-item:hover{box-shadow:0 3px 8px #00000014;transform:translateY(-1px);border-color:#d1d5db}.salary-stub-info{display:flex;flex-direction:column;gap:.25rem;flex:1}.salary-stub-name{font-size:.875rem;font-weight:600;color:#1f2937;line-height:1.4}.salary-stub-date{font-size:.8125rem;color:#6b7280;line-height:1.4}.salary-stub-actions{display:flex;gap:.5rem;align-items:center}.view-btn,.download-btn{padding:.4375rem .875rem;border:none;border-radius:6px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.view-btn{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569;border:1px solid #e2e8f0}.view-btn:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);color:#334155;transform:translateY(-1px);box-shadow:0 2px 6px #47556926}.download-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.download-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 2px 8px #10b98140}.empty-salary{text-align:center;padding:3rem 2rem;background:#fff;border-radius:12px;border:1px solid #f1f5f9;box-shadow:0 1px 3px #0000000a}.empty-pay h3{font-size:1.125rem;color:#6b7280;margin:0 0 .5rem;font-weight:500}.empty-pay p{color:#9ca3af;font-size:.875rem;margin:0}.loading-salary{display:flex;justify-content:center;align-items:center;min-height:200px;font-size:.9375rem;color:#6b7280}@media (max-width: 768px){.pay-container{padding:.5rem 1rem}.salary-year-header{padding:.875rem 1.25rem}.salary-year-content{padding:.625rem 1.25rem .875rem}.salary-stub-item{flex-direction:column;align-items:flex-start;gap:.75rem;padding:.875rem}.salary-stub-actions{width:100%;justify-content:flex-end}.view-btn,.download-btn{flex:1;text-align:center;min-width:80px}}@media (max-width: 480px){.salary-title{font-size:1.5rem}.salary-year-title{font-size:1rem}.salary-stub-actions{flex-direction:column;gap:.5rem}.view-btn,.download-btn{width:100%}}.coming-soon-card{background:#fff;border-radius:24px;border:1px solid #f1f5f9;padding:3rem 2rem;text-align:center;box-shadow:0 4px 20px #00000014;transition:all .3s ease;position:relative;overflow:hidden;margin:2rem auto;max-width:600px}@media (max-width: 768px){.coming-soon-card{padding:2rem 1.5rem;margin:1rem}.coming-soon-title{font-size:2rem}.coming-soon-subtitle{font-size:1.125rem}.coming-soon-icon{font-size:3rem}}.message-display{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 2rem;min-height:200px;border-radius:8px;background:#f8fafc;border:1px solid #e2e8f0}.message-icon{margin-bottom:1rem;font-size:2rem}.message-spinner{display:inline-flex;justify-content:center;align-items:center;margin-bottom:1rem;width:48px;height:48px}.spinner{width:40px;height:40px;box-sizing:border-box;border:3px solid #e2e8f0;border-top-color:#3b82f6;border-right-color:#e2e8f0;border-bottom-color:#e2e8f0;border-left-color:#e2e8f0;border-radius:50%;animation:spin 1s linear infinite}.message-content{max-width:400px;width:100%}.message-title{color:#374151;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.message-text{color:#6b7280;font-size:1rem;margin:0 0 1.5rem;line-height:1.5}.message-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.message-actions .btn{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.message-actions .btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.message-actions .btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.message-actions .btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.message-actions .btn-secondary:hover{background:#e5e7eb}.message-loading{background:#f8fafc;border-color:#e2e8f0}.message-loading .message-title{color:#6b7280}.message-error{background:#fef2f2;border-color:#fca5a5}.message-error .message-title{color:#dc2626}.message-error .message-text{color:#991b1b}.message-empty{background:#f8fafc;border-color:#e2e8f0}.message-empty .message-title{color:#4b5563}.message-success{background:#f0fdf4;border-color:#bbf7d0}.message-success .message-title{color:#166534}.message-success .message-text{color:#15803d}.message-display.compact{padding:2rem 1rem;min-height:120px}.message-display.compact .message-icon{font-size:1.5rem;margin-bottom:.75rem}.message-display.compact .message-title{font-size:1.1rem}.message-display.compact .message-text{font-size:.875rem}.message-display.compact .spinner{width:30px;height:30px;border-width:2px}@media (max-width: 768px){.message-display{padding:2rem 1rem;min-height:150px}.message-icon{font-size:1.75rem}.message-title{font-size:1.1rem}.message-text{font-size:.875rem}.message-actions{flex-direction:column;align-items:center}}.work-history-container{padding:1rem 1.5rem .5rem;min-height:auto;background:#f8fafc;display:flex;flex-direction:column;gap:0;max-width:1600px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#374151;-webkit-tap-highlight-color:transparent;box-sizing:border-box}.work-history-container>.work-history-filters{margin-bottom:1rem}.work-history-container>.work-history-content{margin-top:0}.work-history-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:.75rem;padding-bottom:0;border-bottom:none;flex-shrink:0;background:transparent}.work-history-title{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0;flex:1}.work-history-filters{background:transparent;padding:0;border-radius:0;box-shadow:none;margin-bottom:.75rem}.filter-row{display:flex;gap:.75rem;margin-bottom:0;align-items:flex-end;flex-wrap:wrap;height:auto;justify-content:flex-start}@media (max-width: 1024px) and (orientation: portrait){.filter-row{justify-content:space-between!important}}.date-filters-group{display:flex;gap:.5rem;align-items:flex-end;flex-shrink:0}.filter-group{display:flex;flex-direction:column;gap:.25rem;height:100%;justify-content:flex-end}.filter-group label{font-size:.75rem;font-weight:600;color:#6b7280;margin:0;line-height:1.2}.date-dropdown-container{position:relative}.date-dropdown-btn{display:flex!important;align-items:center;gap:6px!important;min-width:90px!important;max-width:120px!important;width:fit-content!important;justify-content:space-between;padding:8px 10px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:transparent!important;color:#6b7280!important;border:none!important;border-bottom:2px solid #9ca3af!important;border-radius:0!important}.date-dropdown-btn:hover:not(:disabled){color:#374151!important;border-bottom-color:#6b7280!important}.date-dropdown-btn:disabled{opacity:.5;cursor:not-allowed}.date-dropdown-menu{position:absolute!important;top:calc(100% + 4px)!important;right:0!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:6px!important;box-shadow:0 4px 6px #0000001a!important;min-width:90px!important;max-width:120px!important;width:fit-content!important;z-index:1000!important;overflow:hidden!important;max-height:200px;overflow-y:auto}.date-dropdown-item{display:block!important;width:100%!important;padding:10px 12px!important;background:#fff!important;border:none!important;color:#4a5568!important;text-align:left!important;font-size:.875rem!important;font-weight:500!important;cursor:pointer!important;transition:background .2s!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.date-dropdown-item:hover{background:#f1f5f9!important}.date-dropdown-item.active{background:#e8f4fd!important;color:#2e6417!important;font-weight:600!important}.search-input,.filter-input{padding:.625rem .875rem;border-top:none!important;border-left:none!important;border-right:none!important;border-bottom:2px solid #e5e7eb!important;border-radius:0;background:#fff;font-size:.875rem;color:#374151;min-width:120px;height:42px;box-sizing:border-box;transition:border-color .2s ease;-webkit-tap-highlight-color:transparent;margin:0!important;outline:none}.search-input-wrapper{flex:0 0 auto;display:flex;justify-content:flex-start}.search-input{width:200px;min-width:150px;max-width:200px}.search-input:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed;border-color:#e5e7eb}.search-input:focus,.filter-input:focus{outline:none;border-top:none!important;border-left:none!important;border-right:none!important;border-bottom:2px solid #2e6417!important;box-shadow:none;background:#fff}.filter-input:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed;border-color:#e5e7eb}.clear-filters-btn{-webkit-tap-highlight-color:transparent;white-space:nowrap;flex-shrink:0;height:42px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;order:0}.clear-filters-btn:disabled{opacity:.5;cursor:not-allowed}.favorites-filter-btn{-webkit-tap-highlight-color:transparent;white-space:nowrap;flex-shrink:0;height:42px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-width:100px;margin-left:auto}.favorites-filter-btn.favorites-view{background:transparent;color:#6b7280;border:none;border-bottom:2px solid #9ca3af;border-radius:0}.favorites-filter-btn.favorites-view:hover{color:#374151;border-bottom-color:#6b7280}.favorites-filter-btn.history-view{background:transparent;color:#6b7280;border:none;border-bottom:2px solid #9ca3af;border-radius:0}.favorites-filter-btn.history-view:hover{color:#374151;border-bottom-color:#6b7280}.work-history-content{display:flex;flex-direction:column;gap:0;padding:0;flex:1;overflow-y:auto}.work-history-content::-webkit-scrollbar{width:5px}.work-history-content::-webkit-scrollbar-track{background:transparent}.work-history-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.work-history-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}.work-history-content{scrollbar-width:thin;scrollbar-color:#d1d5db transparent}.empty-message{padding:1rem;text-align:center;color:#6b7280;flex:1;display:flex;align-items:center;justify-content:center}.empty-message p{margin:0;font-size:.9375rem}.work-history-container .simple-loader{flex:1;padding:3rem 1rem;min-height:200px}.cycle-groups{padding:.375rem 0}.cycle-group{border-bottom:none;padding:.625rem 1rem;background:#fff;transition:all .15s ease}.cycle-group:not(:last-child){margin-bottom:.5rem;padding-bottom:.625rem;border-bottom:1px solid #f1f5f9}.cycle-header{display:flex;align-items:center;gap:.625rem;margin-bottom:0;cursor:pointer;padding:.375rem .625rem;border-radius:6px;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.cycle-header:hover{background:#f9fafb}.cycle-header:active{background:#f3f4f6}.cycle-toggle{color:#10b981;font-weight:700;min-width:12px;font-size:.8125rem}.cycle-title{font-size:.9rem;font-weight:600;color:#1f2937;margin:0}.cycle-date-range{font-size:.8rem;color:#6b7280;margin-left:auto}.cycle-books{display:flex;flex-direction:column;gap:.5rem;margin-left:1.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid #f1f5f9}.work-history-book-code-container,.favorites-book-code-container{display:inline-flex;align-items:center;gap:10px;flex:1;min-width:0}.work-history-book-code,.favorites-book-code{font-weight:600;color:#1f2937;font-size:.9375rem;text-align:left}.favorites-list-content-row .favorite-star,.work-history-content-row .favorite-star{font-size:1.2rem;color:#9ca3af;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s ease,transform .2s ease;margin-left:0;line-height:1;display:inline-block;flex:0 0 auto;min-width:20px;background:none;border:none;padding:0;margin-right:8px}.favorites-list-content-row .favorite-star:hover,.work-history-content-row .favorite-star:hover{transform:scale(1.2);color:gold}.favorites-list-content-row .favorite-star.favorited,.work-history-content-row .favorite-star.favorited{color:gold}.favorites-list-content-row .favorite-star.favorited:hover,.work-history-content-row .favorite-star.favorited:hover{color:orange}.work-history-meter,.favorites-meter{color:#374151;font-size:.875rem;flex:1;text-align:left}.work-history-earnings{color:#6b7280;font-size:.875rem;text-align:right;flex:0 0 auto;min-width:120px}.favorites-last-earnings{color:#6b7280;font-size:.875rem;text-align:left;flex:1}.favorites-list{display:flex;flex-direction:column;gap:.375rem;padding:.25rem}.favorites-list-item{background:transparent;border:none;border-bottom:1px solid #e5e7eb;border-radius:0;padding:.375rem .5rem;cursor:default}.favorites-list-content-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1rem;padding:0;margin:0;-webkit-tap-highlight-color:transparent}.favorites-list-content-row>*{flex:1;text-align:left;padding:0;margin:0;min-width:0}.favorites-list-content-row>*:first-child{flex:1}.favorites-list-content-row>*:last-child{flex:1;text-align:left}.favorites-book-code-container{display:inline-flex;align-items:center;gap:10px;flex:1;min-width:0}.favorites-book-code{font-weight:600;color:#1f2937;font-size:.9375rem;text-align:left}.favorites-list-content-row .favorite-star{font-size:1.2rem;color:#9ca3af;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s ease,transform .2s ease;margin-left:0;line-height:1;display:inline-block;flex:0 0 auto;min-width:20px}.favorites-list-content-row .favorite-star:hover{transform:scale(1.2);color:gold}.favorites-list-content-row .favorite-star.favorited{color:gold}.favorites-list-content-row .favorite-star.favorited:hover{color:orange}.favorites-meter{color:#374151;font-size:.875rem;flex:1;text-align:left}.favorites-address{color:#374151;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;text-align:left}.favorites-last-completed,.favorites-last-earnings{color:#6b7280;font-size:.875rem;text-align:left;flex:1}.favorites-status{color:#374151;font-size:.875rem;text-align:left;flex:1;text-transform:capitalize}.favorites-date,.work-history-date{color:#6b7280;font-size:.875rem;text-align:left;flex:1}.work-history-status{padding:.25rem .625rem;border-radius:4px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em;min-width:75px;text-align:center;flex-shrink:0}.work-history-status.accepted{background:#d1fae5;color:#065f46}.work-history-status.claimed{background:#fef3c7;color:#92400e}.work-history-status.pending{background:#dbeafe;color:#1e40af}.work-history-status.denied{background:#fee2e2;color:#991b1b}.work-history-status.completed{background:#d1fae5;color:#065f46}.work-history-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;animation:fadeIn .2s ease}.work-history-modal{background:#fff;border-radius:12px;max-width:500px;width:100%;max-height:90vh;display:flex;flex-direction:column;position:relative;box-shadow:0 25px 50px -12px #00000040;animation:slideUp .3s ease;overflow:hidden}.work-history-modal-body{padding:24px;overflow-y:auto;overflow-x:hidden;flex:1;min-height:0}.work-history-modal-detail{display:flex;justify-content:space-between;align-items:flex-start;padding:12px 0;border-bottom:1px solid #f1f5f9;gap:16px}.work-history-modal-detail:last-child{border-bottom:none}.work-history-modal-detail label{font-weight:600;color:#4a5568;font-size:.9rem;min-width:120px;flex-shrink:0}.work-history-modal-detail span{color:#2d3748;font-size:.9rem;line-height:1.4;text-align:right;word-break:break-word}.empty-work-history{text-align:center;color:#6b7280;font-style:italic;padding:2rem;background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px}.empty-work-history h3{font-size:1.125rem;color:#6b7280;margin:0 0 .5rem;font-weight:500}.empty-work-history p{color:#9ca3af;font-size:.875rem;margin:0}.loading-work-history{text-align:center;padding:2rem;font-size:.875rem;color:#6b7280}@media (max-width: 1200px){.work-history-container{max-width:1200px}}@media (max-width: 1024px) and (orientation: portrait){.work-history-container{padding:0 1rem!important;padding-bottom:calc(70px + env(safe-area-inset-bottom))!important;min-height:auto;height:auto;gap:0;overflow:visible;display:flex;flex-direction:column;max-width:100%;margin:0 auto;width:100%;box-sizing:border-box}.work-history-container::-webkit-scrollbar{display:none}.work-history-container{scrollbar-width:none}.work-history-filters{position:sticky;top:0;z-index:100;background:#f8fafc;padding:0 0 .5rem;padding-top:0;margin:0 -1rem;padding-left:1rem;padding-right:1rem;border-bottom:none;box-shadow:none;flex-shrink:0;order:1;transition:transform .3s ease,opacity .3s ease;transform:translateY(0);opacity:1;width:calc(100% + 2rem);max-width:calc(100% + 2rem);box-sizing:border-box}.work-history-filters.filters-hidden{transform:translateY(-100%);opacity:0;pointer-events:none}.filter-row{flex-direction:row;gap:.625rem;align-items:flex-end;flex-wrap:wrap;justify-content:space-between;margin-top:0;width:100%;max-width:100%;box-sizing:border-box}.search-input-wrapper{flex:1;min-width:0}.search-input{width:100%;max-width:100%}.date-filters-group{display:flex;gap:.375rem;align-items:flex-end;width:auto;margin-left:auto}.filter-group{flex:1;min-width:0}.filter-group label{text-align:left;font-size:.6875rem}.search-input{width:100%;flex:none;min-width:auto}.filter-input,.search-input{min-width:auto;font-size:.8125rem;height:38px;padding:.5rem .625rem}.filter-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23374151' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;padding-right:2rem}.clear-filters-btn{flex-shrink:0;height:38px;padding:.5rem .75rem;order:999;width:100%;margin-top:.25rem;font-size:.75rem;white-space:nowrap}.filter-row.favorites-view .clear-filters-btn{order:1;width:auto;margin-top:0;margin-left:.625rem}.filter-row.favorites-view .search-input-wrapper{flex:0 1 auto}.work-history-content{padding:0!important;gap:0;flex:0 1 auto;overflow-y:visible;overflow-x:hidden;order:2;min-height:auto;max-height:none;box-sizing:border-box;height:auto;width:100%!important;max-width:100%!important;margin:0 auto!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important}.work-history-content .favorites-list{width:100%!important;max-width:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;margin:0!important;padding:0!important}.work-history-content>.empty-message{margin:0!important;padding:2rem 1rem;padding-bottom:calc(2rem + 70px + env(safe-area-inset-bottom))}.work-history-content::-webkit-scrollbar{width:5px}.work-history-content::-webkit-scrollbar-track{background:transparent}.work-history-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.work-history-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}.work-history-content{scrollbar-width:thin;scrollbar-color:#d1d5db transparent}.favorites-list-item{padding:.3125rem .4375rem}.favorites-list-content-row{gap:.75rem}.favorites-book-code-container{min-width:0}}@media (max-width: 1024px) and (orientation: landscape) and (max-height: 600px){.work-history-container{padding:0!important;padding-right:calc(70px + env(safe-area-inset-right))!important;padding-bottom:0!important;min-height:100vh;height:100vh;max-height:100vh;gap:0;overflow:hidden;display:flex;flex-direction:column;box-sizing:border-box;width:100%;max-width:100vw}.work-history-filters{position:sticky;top:0;z-index:100;background:#f8fafc;padding:.75rem 1rem;margin:0;border-bottom:none;box-shadow:none;flex-shrink:0}.filter-row{flex-direction:row;gap:.375rem;align-items:flex-end;flex-wrap:nowrap}.search-input{flex:1;min-width:0;max-width:none;width:auto}.date-filters-group{display:flex;gap:.25rem;align-items:flex-end;width:auto;flex-shrink:0}.filter-group{flex:0 0 auto;min-width:60px;max-width:80px}.filter-group label{text-align:left;font-size:.625rem;margin-bottom:.125rem}.filter-input,.search-input{min-width:0;font-size:.75rem;height:34px;padding:.375rem .5rem}.search-input{padding-right:.75rem}.filter-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12'%3E%3Cpath fill='%23374151' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .375rem center;background-size:10px 10px;padding-right:1.75rem}.clear-filters-btn{flex-shrink:0;height:34px;padding:.375rem .625rem;font-size:.6875rem;white-space:nowrap}.work-history-content{padding:0;gap:0;flex:1;overflow-y:hidden;overflow-x:hidden;min-height:0;max-height:100%;display:flex;flex-direction:column;box-sizing:border-box}.work-history-content::-webkit-scrollbar{width:5px}.work-history-content::-webkit-scrollbar-track{background:transparent}.work-history-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.work-history-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}.work-history-content{scrollbar-width:thin;scrollbar-color:#d1d5db transparent}.favorites-list-item{padding:.3125rem .4375rem}.favorites-list-content-row{gap:.75rem}.favorites-book-code-container{min-width:0}.favorites-book-code{font-size:.8125rem}.favorites-status,.favorites-date,.favorites-meter,.favorites-last-earnings{font-size:.75rem}}.work-history-timeline{margin-top:24px;padding-top:0}.work-history-timeline-header{margin-bottom:16px}.work-history-timeline-header h4{font-size:1rem;font-weight:600;color:#1a202c;margin:0}.work-history-timeline-events{display:flex;flex-direction:column;gap:0;padding:.125rem .5rem;background:transparent;border-radius:8px}.work-history-timeline-events .work-history-item{margin:0;padding:.125rem 0!important;cursor:default!important;border-bottom:none!important}.work-history-timeline-events .work-history-item:hover{background:transparent!important;border-radius:0!important;transform:none!important;box-shadow:none!important;border-color:transparent!important;border-bottom:none!important}.work-history-timeline-events .work-history-content-row{padding:.125rem .5rem!important;margin:0!important;display:flex;justify-content:space-between;align-items:center;gap:.5rem}.work-history-timeline-events .work-history-content-row>*{flex:1 1 0;text-align:left;min-width:0}.work-history-timeline-events .work-history-user-name{text-align:right;flex:1 1 0;color:#6b7280;font-size:.875rem}.work-history-modal-footer{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;padding:10px 16px;border-top:1px solid #e5e7eb;background:#fff;margin:0;gap:8px;width:100%;box-sizing:border-box;flex-shrink:0}.work-history-modal-footer button{margin:0;flex-shrink:0}@media (max-width: 768px) and (orientation: portrait){.favorite-star,.favorites-last-earnings,.favorites-status{display:none!important}.work-history-content{align-items:center!important;width:100%!important;justify-content:center!important}.favorites-list{align-items:center!important;width:100%!important;max-width:100%!important;display:flex!important;flex-direction:column!important}.favorites-list-item{width:100%!important;max-width:100%!important;box-sizing:border-box!important;margin:0!important}.favorites-list-content-row{display:flex;justify-content:center;align-items:center;gap:1rem;position:relative}.favorites-list-content-row>*{flex:0 0 auto;text-align:center}.favorites-book-code-container{order:1;flex:1 1 0;text-align:right;min-width:0}.favorites-date{order:2;flex:0 0 auto;text-align:center;margin:0 1rem;white-space:nowrap}.favorites-meter{order:3;flex:1 1 0;text-align:right;min-width:0}.work-history-modal-overlay{padding:.5rem}.work-history-modal{max-width:85%;max-height:85vh;border-radius:12px}.work-history-modal-body{padding:.875rem}.work-history-modal-detail{padding:.5rem 0;gap:.5rem}.work-history-modal-detail label{font-size:.75rem;min-width:90px}.work-history-modal-detail span{font-size:.75rem;line-height:1.4}.work-history-timeline{margin-top:.875rem;padding-top:0}.work-history-timeline-header{margin-bottom:.5rem}.work-history-timeline-header h4{font-size:.75rem}.work-history-timeline-events{padding:.0625rem .25rem}.work-history-timeline-events .work-history-item{padding:.0625rem 0!important}.work-history-timeline-events .work-history-content-row{display:grid;grid-template-columns:80px 100px 80px;gap:.75rem;padding:.0625rem .25rem!important;margin:0!important;width:100%;box-sizing:border-box;align-items:center}.work-history-timeline-events .work-history-content-row>*{white-space:nowrap;overflow:visible;text-align:left}.work-history-timeline-events .work-history-status-text{grid-column:1;font-size:.75rem;text-align:left;color:#374151;font-weight:400;text-transform:capitalize}.work-history-timeline-events .work-history-date{grid-column:2;font-size:.75rem;text-align:left}.work-history-timeline-events .work-history-user-name{grid-column:3;font-size:.75rem;text-align:left;color:#6b7280}.work-history-modal-footer{padding:.625rem .875rem;gap:.5rem}.work-history-modal-footer button{font-size:.8125rem;padding:.5rem .875rem;min-height:2.5rem}}@media (max-width: 1024px) and (orientation: landscape) and (max-height: 600px){.work-history-modal-overlay{padding:.5rem}.work-history-modal{max-width:40%;max-height:80vh;border-radius:12px}.work-history-modal-body{padding:.875rem}.work-history-modal-detail{padding:.5rem 0;gap:.5rem}.work-history-modal-detail label{font-size:.75rem;min-width:90px}.work-history-modal-detail span{font-size:.75rem;line-height:1.4}.work-history-timeline{margin-top:.875rem;padding-top:0}.work-history-timeline-header{margin-bottom:.5rem}.work-history-timeline-header h4{font-size:.75rem}.work-history-timeline-events{padding:.0625rem .25rem}.work-history-timeline-events .work-history-item{padding:.0625rem 0!important}.work-history-timeline-events .work-history-content-row{display:grid;grid-template-columns:80px 100px 80px;gap:.75rem;padding:.0625rem .25rem!important;margin:0!important;width:100%;box-sizing:border-box;align-items:center}.work-history-timeline-events .work-history-content-row>*{white-space:nowrap;overflow:visible;text-align:left}.work-history-timeline-events .work-history-status-text{grid-column:1;font-size:.75rem;text-align:left;color:#374151;font-weight:400;text-transform:capitalize}.work-history-timeline-events .work-history-date{grid-column:2;font-size:.75rem;text-align:left}.work-history-timeline-events .work-history-user-name{grid-column:3;font-size:.75rem;text-align:left;color:#6b7280}.work-history-modal-footer{padding:.625rem .875rem;gap:.5rem}.work-history-modal-footer button{font-size:.8125rem;padding:.5rem .875rem;min-height:2.5rem}}.rates-container{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.rates-placeholder{text-align:center;color:#6b7280}.rates-placeholder p{font-size:1rem;margin:0}.ua-container{padding:1.25rem;max-width:1100px;margin:0 auto;height:auto;overflow:visible}.ua-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.ua-avatar-wrapper{position:relative;display:inline-block}.ua-avatar{width:56px;height:56px;border-radius:50%;background:#2e6417;border:2px solid white;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;position:relative;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent}.ua-avatar:hover{transform:scale(1.05);background:#2e6417e6}.ua-avatar:active,.ua-avatar:focus{outline:none!important;background:#2e6417!important;-webkit-tap-highlight-color:transparent!important}.ua-avatar:active:focus{outline:none!important;background:#2e6417!important}.ua-avatar-status{position:absolute;bottom:0;right:0;width:12px;height:12px;border-radius:50%;border:2px solid #2e6417;display:flex;align-items:center;justify-content:center;background:#2e6417;cursor:pointer;z-index:10}.ua-status-selector{position:absolute;top:calc(100% + .5rem);left:0;z-index:1000;background:#fff;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:.5rem;min-width:180px}.ua-ident{flex:1;min-width:0}.ua-name{font-size:1.25rem;font-weight:700;color:#111827}.ua-meta{display:flex;gap:.5rem;align-items:center;color:#6b7280;flex-wrap:wrap}.ua-badge{padding:.15rem .5rem;border-radius:999px;background:#f3f4f6;font-size:.8rem;font-weight:600}.ua-email{font-size:.9rem;color:#6b7280}.ua-actions{display:flex;align-items:center;gap:.5rem}.ua-messages{margin-bottom:1rem;display:grid;gap:.5rem}.ua-msg{padding:.75rem 1rem;border-radius:8px}.ua-msg.info{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}.ua-msg.error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.ua-msg.success{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.ua-close{background:none;border:none;font-size:1rem;margin-left:.5rem;cursor:pointer}.ua-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.ua-grid-deactivated{grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.ua-grid-deactivated .ds-section{padding-left:1rem;padding-right:1rem}.ua-grid-deactivated .ds-section:not(:last-child){border-right:2px solid #e2e8f0;margin-right:0}.ua-card{border:1px solid #e5e7eb;border-radius:12px;padding:1rem;background:#fff}.ua-title{margin:0 0 .75rem;font-size:1rem;color:#111827;font-weight:700}.ua-list{display:grid;gap:.5rem}.ua-item{display:grid;gap:.15rem}.ua-item label{font-size:.8rem;color:#6b7280}.ua-value{color:#111827;font-weight:500}.ua-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.ua-row.gap{justify-content:flex-start;gap:.5rem}.ua-link{background:none;border:none;color:#2563eb;font-weight:600;cursor:pointer}.ua-form{display:grid;gap:.75rem}.ua-field{display:grid;gap:.25rem}.ua-field input{padding:.6rem .75rem;border:1px solid #e5e7eb;border-radius:8px;font-size:.95rem}.ua-btn{background:#f8fafc;color:#2e6417;border:1px solid #2e6417;border-radius:8px;padding:.6rem .9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.ua-btn:hover{background:#f1f5f9}.ua-btn.outline{background:#f8fafc;color:#2e6417;border:1px solid #2e6417}.ua-btn.outline:hover{background:#f1f5f9}.ua-btn-logout{background:#f8fafc!important;color:#dc2626!important;border:1px solid #dc2626!important;font-weight:500!important}.ua-btn-logout:hover{background:#fee2e2!important}@media (max-width: 900px){.ua-grid,.ua-grid-deactivated{grid-template-columns:1fr}}@media (max-width: 768px) and (orientation: portrait) and (max-height: 1024px){.ua-container{padding:clamp(.5rem,1.5vw,1rem)}.ua-header{gap:clamp(.5rem,1.5vw,.75rem);margin-bottom:clamp(.5rem,1.5vh,1rem)}.ua-avatar-wrapper{position:relative}.ua-avatar{width:clamp(36px,10vw,48px);height:clamp(36px,10vw,48px);font-size:clamp(.75rem,2.5vw,.875rem);background:#2e6417;border:2px solid white;color:#fff;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent}.ua-avatar:hover{transform:scale(1.05);background:#2e6417e6}.ua-avatar:active,.ua-avatar:focus{outline:none!important;background:#2e6417!important;-webkit-tap-highlight-color:transparent!important}.ua-avatar:active:focus{outline:none!important;background:#2e6417!important}.ua-avatar-status{width:clamp(10px,3vw,12px);height:clamp(10px,3vw,12px);border:2px solid #2e6417;background:#2e6417}.ua-status-selector{position:absolute;top:calc(100% + .5rem);left:0;z-index:1000;background:#fff;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:clamp(.375rem,1.5vw,.5rem);min-width:clamp(160px,45vw,200px)}.ua-name{font-size:clamp(.9rem,3vw,1.1rem)}.ua-meta{gap:clamp(.25rem,1vw,.5rem)}.ua-badge{padding:clamp(.1rem,.5vw,.2rem) clamp(.375rem,1.5vw,.5rem);font-size:clamp(.65rem,2vw,.75rem)}.ua-email{font-size:clamp(.75rem,2.5vw,.85rem)}.ua-actions{gap:clamp(.25rem,1vw,.5rem)}.ua-messages{margin-bottom:clamp(.5rem,1.5vh,.75rem);gap:clamp(.375rem,1.2vw,.5rem)}.ua-msg{padding:clamp(.5rem,1.5vw,.75rem) clamp(.75rem,2.5vw,1rem);border-radius:clamp(6px,1.5vw,8px);font-size:clamp(.8rem,2.5vw,.9rem)}.ua-grid{gap:clamp(.5rem,1.5vw,.75rem)}.ua-card{padding:clamp(.75rem,2vw,1rem);border-radius:clamp(8px,2vw,12px)}.ua-title{margin:0 0 clamp(.5rem,1.5vh,.75rem) 0;font-size:clamp(.85rem,2.5vw,.95rem)}.ua-list{gap:clamp(.375rem,1.2vw,.5rem)}.ua-item{gap:clamp(.1rem,.5vw,.2rem)}.ua-item label{font-size:clamp(.7rem,2vw,.8rem)}.ua-value{font-size:clamp(.8rem,2.5vw,.9rem)}.ua-row{gap:clamp(.375rem,1.2vw,.5rem)}.ua-form{gap:clamp(.5rem,1.5vw,.75rem)}.ua-field{gap:clamp(.15rem,.5vw,.25rem)}.ua-field input{padding:clamp(.5rem,1.5vw,.625rem) clamp(.625rem,2vw,.75rem);font-size:clamp(.8rem,2.5vw,.9rem)}.ua-btn{padding:clamp(.5rem,1.5vw,.625rem) clamp(.75rem,2.5vw,1rem);font-size:clamp(.8rem,2.5vw,.9rem)}.ua-grid>.ds-section:first-child .ds-section-header h4{display:none}.ds-section .ds-detail-row{margin-bottom:clamp(.25rem,1vh,.5rem);padding:clamp(.125rem,.5vh,.25rem) 0}.ds-section .ds-detail-label{min-width:clamp(90px,25vw,120px);font-size:clamp(.7rem,2vw,.8rem);padding-right:clamp(.5rem,1.5vw,.75rem)}.ds-section .ds-detail-value{font-size:clamp(.75rem,2.2vw,.85rem)}.ds-edit-form .ds-detail-row{margin-bottom:clamp(.5rem,1.5vh,.75rem);gap:clamp(.5rem,1.5vw,.75rem);grid-template-columns:clamp(90px,25vw,120px) 1fr}.ds-section{margin-bottom:clamp(.75rem,2vh,1rem);padding-bottom:clamp(.5rem,1.5vh,.75rem)}.ds-section-header{margin-bottom:clamp(.375rem,1.2vh,.5rem)}.ds-section-header h4{font-size:clamp(.85rem,2.5vw,.95rem)}}@media (max-width: 1024px) and (orientation: landscape) and (max-height: 600px){.ua-container{padding:clamp(.5rem,1.5vw,1rem)}.ua-header{gap:clamp(.5rem,1.5vw,.75rem);margin-bottom:clamp(.5rem,1.5vh,1rem)}.ua-avatar-wrapper{position:relative}.ua-avatar{width:clamp(36px,10vw,48px);height:clamp(36px,10vw,48px);font-size:clamp(.75rem,2.5vw,.875rem);background:#2e6417;border:2px solid white;color:#fff;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent}.ua-avatar:hover{transform:scale(1.05);background:#2e6417e6}.ua-avatar:active,.ua-avatar:focus{outline:none!important;background:#2e6417!important;-webkit-tap-highlight-color:transparent!important}.ua-avatar:active:focus{outline:none!important;background:#2e6417!important}.ua-avatar-status{width:clamp(10px,3vw,12px);height:clamp(10px,3vw,12px);border:2px solid #2e6417;background:#2e6417}.ua-status-selector{position:absolute;top:calc(100% + .5rem);left:0;z-index:1000;background:#fff;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:clamp(.375rem,1.5vw,.5rem);min-width:clamp(160px,45vw,200px)}.ua-name{font-size:clamp(.9rem,3vw,1.1rem)}.ua-meta{gap:clamp(.25rem,1vw,.5rem)}.ua-badge{padding:clamp(.1rem,.5vw,.2rem) clamp(.375rem,1.5vw,.5rem);font-size:clamp(.65rem,2vw,.75rem)}.ua-email{font-size:clamp(.75rem,2.5vw,.85rem)}.ua-actions{gap:clamp(.25rem,1vw,.5rem)}.ua-messages{margin-bottom:clamp(.5rem,1.5vh,.75rem);gap:clamp(.375rem,1.2vw,.5rem)}.ua-msg{padding:clamp(.5rem,1.5vw,.75rem) clamp(.75rem,2.5vw,1rem);border-radius:clamp(6px,1.5vw,8px);font-size:clamp(.8rem,2.5vw,.9rem)}.ua-grid{gap:clamp(.5rem,1.5vw,.75rem)}.ua-card{padding:clamp(.75rem,2vw,1rem);border-radius:clamp(8px,2vw,12px)}.ua-title{margin:0 0 clamp(.5rem,1.5vh,.75rem) 0;font-size:clamp(.85rem,2.5vw,.95rem)}.ua-list{gap:clamp(.375rem,1.2vw,.5rem)}.ua-item{gap:clamp(.1rem,.5vw,.2rem)}.ua-item label{font-size:clamp(.7rem,2vw,.8rem)}.ua-value{font-size:clamp(.8rem,2.5vw,.9rem)}.ua-row{gap:clamp(.375rem,1.2vw,.5rem)}.ua-form{gap:clamp(.5rem,1.5vw,.75rem)}.ua-field{gap:clamp(.15rem,.5vw,.25rem)}.ua-field input{padding:clamp(.5rem,1.5vw,.625rem) clamp(.625rem,2vw,.75rem);font-size:clamp(.8rem,2.5vw,.9rem)}.ua-btn{padding:clamp(.5rem,1.5vw,.625rem) clamp(.75rem,2.5vw,1rem);font-size:clamp(.8rem,2.5vw,.9rem)}.ua-grid>.ds-section:first-child .ds-section-header h4{display:none}.ds-section .ds-detail-row{margin-bottom:clamp(.25rem,1vh,.5rem);padding:clamp(.125rem,.5vh,.25rem) 0}.ds-section .ds-detail-label{min-width:clamp(90px,25vw,120px);font-size:clamp(.7rem,2vw,.8rem);padding-right:clamp(.5rem,1.5vw,.75rem)}.ds-section .ds-detail-value{font-size:clamp(.75rem,2.2vw,.85rem)}.ds-edit-form .ds-detail-row{margin-bottom:clamp(.5rem,1.5vh,.75rem);gap:clamp(.5rem,1.5vw,.75rem);grid-template-columns:clamp(90px,25vw,120px) 1fr}.ds-section{margin-bottom:clamp(.75rem,2vh,1rem);padding-bottom:clamp(.5rem,1.5vh,.75rem)}.ds-section-header{margin-bottom:clamp(.375rem,1.2vh,.5rem)}.ds-section-header h4{font-size:clamp(.85rem,2.5vw,.95rem)}}.profile-page-container{position:relative;width:100%;height:auto;min-height:auto}.profile-phone-header{position:fixed;top:0;left:0;right:0;z-index:999;display:none;align-items:center;justify-content:space-between;padding:1rem;background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a}@media (max-width: 768px) and (orientation: portrait){.profile-phone-header{display:flex}}@media (max-width: 1024px) and (orientation: landscape) and (max-height: 600px){.profile-phone-header{display:flex}}.profile-header-left{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.profile-avatar{width:40px;height:40px;border-radius:50%;background:#2e6417;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;flex-shrink:0}.profile-name{font-size:1rem;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-hamburger-container{position:relative;flex-shrink:0}.profile-hamburger-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;box-shadow:0 2px 4px #0000001a;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.profile-hamburger-btn:hover{background:#f9fafb;box-shadow:0 4px 6px #00000026}.profile-hamburger-btn:active{transform:scale(.95)}.profile-hamburger-btn svg{width:20px;height:20px;stroke:#111827}.profile-menu-dropdown{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;background:#00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;animation:dropdownFadeIn .2s ease}@keyframes dropdownFadeIn{0%{opacity:0}to{opacity:1}}.profile-menu-items-wrapper{background:#fff;width:100%;max-width:100%;border-radius:12px;overflow:hidden;box-shadow:0 10px 25px #0003;animation:menuSlideUp .3s ease}@keyframes menuSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.profile-menu-item{width:100%;padding:1.5rem 1rem;text-align:center;background:transparent;border:none;border-bottom:2px solid #9ca3af;border-radius:0;color:#6b7280;font-size:1.25rem;font-weight:500;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.profile-menu-item:last-child{border-bottom:2px solid #9ca3af}.profile-menu-item:hover{background:transparent;color:#374151;border-bottom-color:#6b7280}.profile-menu-item.active{background:transparent;color:#374151;border-bottom-color:#6b7280;font-weight:500}.profile-menu-item:active{background:transparent;color:#374151}.profile-content{width:100%;height:auto;overflow:visible}.profile-content-phone{padding-top:4.5rem;height:auto;overflow:visible}.profile-content-phone .ua-header{display:none!important}.profile-placeholder{padding:2rem;text-align:center;color:#6b7280}.profile-placeholder p{font-size:1rem;margin:0}@media (min-width: 769px){.profile-hamburger-container{display:none!important}.profile-content-phone{padding-top:0}}@media (min-width: 1025px){.profile-hamburger-container{display:none!important}.profile-content-phone{padding-top:0}}@media (max-width: 1024px) and (orientation: landscape) and (max-height: 600px){.profile-phone-header{padding:.75rem}.profile-avatar{width:36px;height:36px;font-size:.875rem}.profile-name{font-size:.9rem}.profile-hamburger-btn{width:36px;height:36px}.profile-menu-item{padding:1.25rem 1rem;font-size:1.1rem}.profile-content-phone{padding-top:3.5rem}}@media (max-width: 768px) and (orientation: portrait){.profile-menu-item{padding:1.5rem 1rem;font-size:1.25rem}}.messages-page{height:100%;width:100%;background:#f8fafc;overflow:hidden}.messages-page .message-sidebar{position:static;width:100%;height:100%;max-width:none;box-shadow:none;animation:none}.onboarding-page{min-height:100vh;background:#fff;display:flex;flex-direction:column}.onboarding-layout{display:flex;flex-direction:column;min-height:100vh}.onboarding-header{position:sticky;top:0;z-index:1000;display:flex;justify-content:space-between;align-items:center;padding:.75rem 2rem;background:#2e6417;height:64px}.onboarding-header-actions{display:flex;align-items:center;gap:1rem}.onboarding-brand h1{color:#fff;font-size:1.5rem;margin:0;font-weight:600}.onboarding-brand p{color:#ffffffe6;margin:.15rem 0 0;font-size:.875rem}.logout-btn{background:transparent;color:#ffffffe6;border:none;border-bottom:2px solid rgba(255,255,255,.5);border-radius:0;font-weight:500;cursor:pointer;transition:all .2s;padding:6px 12px;font-size:.8rem}.logout-btn:hover{color:#fff;border-bottom-color:#fff}.onboarding-messaging-btn{background:transparent;color:#ffffffe6;border:none;border-radius:4px;cursor:pointer;transition:all .2s;padding:6px 8px;display:flex;align-items:center;justify-content:center}.onboarding-messaging-btn:hover{color:#fff;background:#ffffff1a}.onboarding-container{flex:1;display:flex;flex-direction:column;align-items:center;padding:2rem;max-width:900px;margin:0 auto;width:100%}.progress-indicator{display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem;width:100%;max-width:600px}.progress-indicator:before{content:"";width:100%;height:2px;background:#e5e7eb;position:relative;display:block}.progress-indicator{position:relative}.progress-step{display:none}.onboarding-container:before{content:"";position:absolute;top:3rem;left:50%;transform:translate(-50%);width:calc(100% - 4rem);max-width:600px;height:4px;background:#e5e7eb;border-radius:2px}.onboarding-container:after{content:"";position:absolute;top:3rem;left:50%;transform:translate(-50%);width:calc((100% - 4rem) * var(--progress, 0));max-width:600px;height:4px;background:#2e6417;border-radius:2px;transition:width .5s ease}.progress-indicator{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:2rem;width:100%;max-width:600px;padding-top:1rem;position:relative}.progress-step{display:flex;flex-direction:column;align-items:center;gap:.5rem;transition:all .3s ease;flex:1;cursor:pointer}.step-number{display:none}.step-label{color:#9ca3af;font-size:.85rem;font-weight:500;text-align:center;white-space:nowrap;transition:all .2s;position:relative}.step-label:before{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:6px;height:6px;border-radius:50%;background:#e5e7eb;transition:all .2s}.progress-step.active .step-label{color:#2e6417;font-weight:600}.progress-step.active .step-label:before{background:#2e6417;width:8px;height:8px}.progress-step.completed .step-label{color:#2e6417;font-weight:500}.progress-step.completed .step-label:before{background:#2e6417}.progress-indicator:after{content:"";position:absolute;bottom:14px;left:0;right:0;height:2px;background:#e5e7eb;z-index:-1}.progress-indicator:before{content:"";position:absolute;bottom:14px;left:0;width:calc((100% / 2) * var(--progress-percent, 0));height:2px;background:#2e6417;z-index:-1;transition:width .5s ease}.step-content{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 20px #00000014;width:100%;max-width:700px}.step-panel h2{color:#1f2937;font-size:1.5rem;margin:0 0 .5rem;font-weight:600}.step-description{color:#6b7280;font-size:.95rem;margin-bottom:1.5rem;line-height:1.6}.password-form{display:flex;flex-direction:column;gap:1.25rem}.password-form>button{align-self:flex-end;margin-top:.5rem}.form-group label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem}.password-form .form-input{width:100%!important;height:auto!important;padding:4px 0!important;box-sizing:border-box!important;border:none!important;border-bottom:2px solid #cbd5e0!important;border-radius:0!important;font-size:.9rem!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;font-weight:400!important;line-height:1.5!important;color:#2d3748!important;background:#f8fafc!important;transition:border-color .2s!important;box-shadow:none!important}.password-form .form-input:focus{outline:none!important;border-bottom-color:#3b82f6!important;background:#f8fafc!important;box-shadow:none!important}.password-form .form-input.error{border-bottom-color:#ef4444!important}.form-input::placeholder{color:#9ca3af}.error-text{color:#ef4444;font-size:.85rem;margin-top:.25rem}.form-hint{color:#6b7280;font-size:.85rem;margin-top:.25rem}.documentation-content{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.info-section{padding:1rem 1.25rem;background:#f9fafb;border-radius:8px;border-left:3px solid #2e6417}.info-section h3{color:#1f2937;font-size:1rem;margin:0 0 .5rem;font-weight:600}.info-section p{color:#4b5563;margin:0;line-height:1.5;font-size:.95rem}.info-section ul{margin:.5rem 0 0;padding-left:1.5rem;color:#4b5563}.info-section li{margin:.35rem 0;line-height:1.4;font-size:.95rem}.review-section{display:flex;flex-direction:column;gap:.75rem;margin:1.5rem 0;padding:1rem 1.25rem;background:#f0f9ec;border-radius:8px}.review-item{display:flex;align-items:center;gap:.75rem;color:#1e4010;font-weight:500;font-size:.95rem}.review-icon{width:24px;height:24px;background:#2e6417;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;font-size:.75rem}.info-box{padding:1rem 1.25rem;background:#eff6ff;border-radius:8px;border-left:3px solid #3b82f6;margin:1.5rem 0}.info-box h3{color:#1e40af;font-size:1rem;margin:0 0 .5rem;font-weight:600}.info-box p{color:#1e40af;margin:0;line-height:1.5;font-size:.95rem}.completion-message{text-align:center;padding:1.5rem}.success-icon{width:64px;height:64px;background:#2e6417;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;margin:0 auto 1rem;box-shadow:0 6px 20px #2e641740}.completion-message h3{color:#1f2937;font-size:1.5rem;margin:0 0 .75rem;font-weight:600}.completion-message p{color:#6b7280;font-size:.95rem;line-height:1.5;margin:.5rem 0}.completion-note{color:#9ca3af;font-size:.875rem;font-style:italic;margin-top:1rem}.step-panel>button,.step-panel>.ds-btn-save{display:block;margin-left:auto;margin-top:.5rem}.alert{padding:.75rem 1rem;border-radius:6px;margin:.75rem 0;font-size:.9rem;line-height:1.4}.alert-error{background:#fee;color:#c81e1e;border:1px solid #fecaca}.alert-success{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}@media (max-width: 768px){.onboarding-header{padding:.75rem 1rem;flex-direction:row;gap:.5rem}.onboarding-brand h1{font-size:1.25rem}.onboarding-brand p{font-size:.75rem}.onboarding-container,.step-content{padding:1.5rem 1rem}.step-panel h2{font-size:1.25rem}.step-label{font-size:.75rem}.info-section{padding:.875rem 1rem}}.manager-topbar-container{position:sticky;top:0;z-index:1000;background:#f8fafc}.manager-topbar{display:flex;align-items:center;justify-content:flex-end;padding:0 1.5rem;height:64px;background:#2e6417;border-bottom:none;gap:1rem}.manager-title{color:#fff;font-size:1.5rem;font-weight:600;margin-right:auto;-webkit-user-select:none;user-select:none}.manager-tab-bar{display:flex;align-items:center;justify-content:center;background:#f8fafc;border:none;padding:.5rem 1.5rem;gap:.25rem;box-shadow:0 4px 6px -1px #0000000d;position:sticky;top:64px;z-index:999}.manager-tab-bar:after{content:"";position:absolute;bottom:-20px;left:0;right:0;height:20px;background:linear-gradient(to bottom,rgba(248,250,252,.8) 0%,transparent 100%);pointer-events:none;z-index:-1}.manager-tab-bar .tab-item{padding:.5rem 1.5rem;color:#6b7280;text-decoration:none;font-weight:500;font-size:.9375rem;border-bottom:3px solid transparent;transition:all .2s ease;cursor:pointer;white-space:nowrap;border-radius:8px;background:transparent}.manager-tab-bar .tab-item:hover{color:#2e6417;background:transparent}.manager-tab-bar .tab-item:focus-visible{outline:2px solid #2e6417;outline-offset:2px;background:transparent}.manager-tab-bar .tab-item.active,.manager-tab-bar .tab-item[aria-current=page]{color:#6b7280;border-bottom-color:#2e6417;font-weight:500;background:transparent}.manager-user-section{display:flex;align-items:center;position:relative}.manager-avatar{width:40px;height:40px;border-radius:50%;background:#fff3;border:2px solid white;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.9375rem;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;position:relative}.manager-avatar-status{position:absolute;bottom:0;right:0;width:12px;height:12px;border-radius:50%;border:2px solid #2e6417;display:flex;align-items:center;justify-content:center;background:#2e6417}.manager-avatar:hover{transform:scale(1.05);background:#ffffff4d}.manager-footer{background:#2e6417;color:#fff;padding:1rem 1.5rem;border-top:none;margin-top:auto;box-shadow:0 -1px 3px #0000001a}.manager-footer-content{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;gap:2rem}.manager-layout{display:flex;flex-direction:column;min-height:100vh;background-color:#f8fafc}.manager-content{flex:1;padding:2rem;max-width:1200px;margin:0 auto;width:100%}.dashboard-container{padding:0 2rem 2rem;max-width:1400px;margin:0 auto;min-height:calc(100vh - 200px)}.dashboard-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.dashboard-error button{padding:.5rem 1rem;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.dashboard-error button:hover{background-color:#0056b3}.dashboard-header{display:flex;justify-content:flex-end;align-items:center;margin-bottom:2rem;margin-top:0;padding-top:1rem;padding-bottom:1rem;border-bottom:2px solid #e0e0e0}.cycle-progress-section{margin-bottom:2rem}.empty-cycles-state{background:#fff;border-radius:8px;padding:3rem;text-align:center;color:#999;border:1px solid #e0e0e0}.cycle-progress-section .work-management-header{cursor:default;transition:all .2s ease;padding-bottom:0}.cycle-progress-section .work-management-header:hover{background:#f8fafc;border-radius:8px}.cycle-progress-section .cycle-info-below{display:flex;align-items:center;justify-content:center;margin-bottom:0;padding-bottom:0}.cycle-progress-section .progress-section{margin-top:0;padding-top:0}.cycle-progress-section .progress-bar-container,.cycle-progress-section .progress-bar{margin-bottom:0}.cycle-progress-section .progress-legend{margin-top:0;padding-top:0}.cycle-progress-section .progress-bar,.cycle-progress-section .progress-bar-container,.cycle-progress-section .progress-segment,.cycle-progress-section .legend-item,.cycle-progress-section .legend-color,.cycle-progress-section .cycle-info-below,.cycle-progress-section .cycle-title-inline,.cycle-progress-section .cycle-status-text,.cycle-progress-section .cycle-dates,.cycle-progress-section .region-display-inline{cursor:default}.cycle-title-inline,.region-display-inline{font-size:.875rem;font-weight:500;color:#4a5568}.cycle-dates{font-weight:500;color:#4a5568;font-size:.9rem}.view-work-btn{margin-left:auto;align-self:flex-start;margin-bottom:3px!important}.cycle-progress-section .progress-bar,.cycle-progress-section .progress-bar-container{background:transparent}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.dashboard-left,.dashboard-right{display:flex;flex-direction:column;gap:1.5rem}.dashboard-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.card-header{padding:1.25rem 1.5rem;background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.card-header h2{margin:0;font-size:1.25rem;color:#333}.card-header .badge{background-color:#007bff;color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.875rem;font-weight:600}.card-content{padding:1.5rem;max-height:500px;overflow-y:auto}.empty-state{text-align:center;color:#999;padding:2rem;font-style:italic}.cycles-list{display:flex;flex-direction:column;gap:1rem}.cycle-item{padding:1rem;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;transition:background-color .2s,border-color .2s}.cycle-item:hover{background-color:#f8f9fa;border-color:#007bff}.cycle-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.cycle-name{font-weight:600;color:#333}.cycle-status{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.cycle-status-active{background-color:#d4edda;color:#155724}.cycle-status-upcoming{background-color:#d1ecf1;color:#0c5460}.cycle-status-past-due{background-color:#f8d7da;color:#721c24}.cycle-status-not-started{background-color:#e2e3e5;color:#383d41}.cycle-dates{display:flex;gap:1rem;font-size:.875rem;color:#666;flex-wrap:wrap}.days-remaining{font-weight:600;color:#007bff}.progress-list{display:flex;flex-direction:column;gap:1.5rem}.progress-item{display:flex;flex-direction:column;gap:.5rem}.progress-header{display:flex;justify-content:space-between;align-items:center}.progress-cycle{font-weight:600;color:#333}.progress-percentage{font-weight:700;color:#007bff;font-size:1.1rem}.progress-bar-container{width:100%;height:8px;background-color:#e0e0e0;border-radius:4px;overflow:hidden}.progress-bar{height:100%;background-color:#007bff;transition:width .3s ease}.progress-details{font-size:.875rem;color:#666}.status-breakdown{display:flex;flex-direction:column;gap:.75rem}.status-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background-color:#f8f9fa;border-radius:4px}.status-label{font-weight:500;color:#333;text-transform:capitalize}.status-value{font-weight:700;color:#007bff;font-size:1.1rem}.activity-list{display:flex;flex-direction:column;gap:1rem}.activity-item{display:flex;gap:1rem;padding:1rem;border-left:3px solid #007bff;background-color:#f8f9fa;border-radius:4px}.activity-content{flex:1}.activity-title{font-weight:600;color:#333;margin-bottom:.25rem}.activity-description{font-size:.875rem;color:#666;margin-bottom:.25rem}.activity-meta{font-size:.75rem;color:#999}.activity-time{font-size:.75rem;color:#999;white-space:nowrap}.upcoming-work-list{display:flex;flex-direction:column;gap:.75rem}.upcoming-work-item{padding:1rem;border:1px solid #e0e0e0;border-left:3px solid #ffc107;border-radius:4px;cursor:pointer;transition:background-color .2s,border-color .2s}.upcoming-work-item:hover{background-color:#fff3cd;border-color:#ffc107}.work-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.work-book-code{font-weight:600;color:#333}.work-urgency{font-size:.75rem;padding:.25rem .5rem;background-color:#ffc107;color:#856404;border-radius:12px;font-weight:600}.work-details{display:flex;flex-direction:column;gap:.25rem;font-size:.875rem;color:#666}.work-address{font-style:italic}.view-more{margin-top:1rem;text-align:center}.view-more button{padding:.75rem 1.5rem;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s}.view-more button:hover{background-color:#0056b3}.previous-cycles-section{margin-top:3rem;margin-bottom:2rem}.section-title{font-size:1.5rem;font-weight:600;color:#333;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid #e0e0e0}.baseball-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.baseball-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:1.5rem;border:2px solid #e0e0e0;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden;display:flex;flex-direction:column}.baseball-card:hover{transform:translateY(-4px);box-shadow:0 8px 12px #00000026}.card-header-section{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid #f0f0f0;position:relative}.completion-badge{position:absolute;top:0;right:0;color:#333;padding:0;font-size:1.25rem;font-weight:700;min-width:auto;text-align:right}.card-title-row{margin-top:.5rem}.card-title{display:flex;flex-direction:row;align-items:center;gap:.5rem}.baseball-card .cycle-number{font-size:.875rem;font-weight:500;color:#4a5568}.baseball-card .cycle-separator{color:#cbd5e0;margin:0}.baseball-card .region-name{font-size:.875rem;font-weight:500;color:#4a5568}.date-range{font-size:.75rem;color:#666;font-weight:500}.card-stats{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem}.stat-item{display:flex;align-items:center}.stat-text{font-size:.75rem;color:#666;font-weight:500}.card-action-section{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:1rem}.view-work-btn-card,.upload-cycle-report-btn{width:auto}.upload-cycle-report-btn:disabled{opacity:.6;cursor:not-allowed}.dashboard-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.dashboard-popup-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.dashboard-popup-content.desktop-popup{max-width:600px;padding:0}.dashboard-popup-content.mobile-popup{max-width:90%;margin:1rem;border-radius:16px}.dashboard-popup-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:2rem;color:#6b7280;cursor:pointer;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s;z-index:10;line-height:1}.dashboard-popup-close:hover{background:#f3f4f6;color:#374151}.mobile-popup-close{top:.75rem;right:.75rem;font-size:1.75rem;width:2.25rem;height:2.25rem}.dashboard-popup-header{padding:2rem 2rem 1rem;border-bottom:1px solid #e5e7eb}.dashboard-popup-header h2{margin:0;color:#111827;font-size:1.5rem;font-weight:700;line-height:1.3}.dashboard-popup-header h3{margin:0;color:#111827;font-size:1.25rem;font-weight:700;line-height:1.3}.dashboard-popup-body{padding:1.5rem 2rem}.dashboard-popup-body p{margin:0 0 1rem;color:#6b7280;font-size:1rem;line-height:1.6}.dashboard-popup-body ul{margin:1rem 0;padding-left:1.5rem;color:#374151}.dashboard-popup-body li{margin-bottom:.75rem;line-height:1.5;font-size:.9375rem}.dashboard-popup-footer{padding:1rem 2rem 2rem;display:flex;justify-content:flex-end;gap:.75rem}.mobile-popup-overlay{align-items:flex-end;padding-bottom:2rem}.mobile-popup .dashboard-popup-header{padding:1.5rem 1.5rem 1rem}.mobile-popup .dashboard-popup-body{padding:1rem 1.5rem}.mobile-popup .dashboard-popup-footer{padding:1rem 1.5rem 1.5rem;flex-direction:column}.mobile-popup .dashboard-popup-footer button{width:100%}.work-management-container{padding:12px 20px 20px;background-color:#f8fafc;min-height:100vh}.error-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.error-message h3{color:#e53e3e;margin-bottom:8px}.no-regions-message,.no-cycle-message{text-align:center;padding:60px 20px;color:#718096}.work-management-header{padding:10px 20px 2.5px;margin-bottom:0}.work-management-header.per-day-header{padding:0 20px;margin-bottom:0}.header-layout{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:20px}.header-layout.per-day-layout{margin-bottom:0;padding:0;min-height:auto}.title-left{display:flex;align-items:center}.title-left.hidden-title{visibility:hidden}.cycle-title{font-size:2rem;font-weight:600;color:#1a202c;margin:0;flex-shrink:0}.work-management-search-container{display:flex;align-items:center;flex:1;max-width:400px}.work-management-search-container .search-container{position:relative;display:flex;align-items:center;width:100%}.work-management-search-container .search-input{width:100%;padding:8px 12px;border:none!important;border-bottom:2px solid #cbd5e0!important;border-radius:0!important;font-size:.875rem;background:transparent!important;transition:all .2s ease}.work-management-search-container .search-input:focus{outline:none;border-bottom-color:#4299e1!important;background:transparent!important}.work-management-search-container .clear-search-btn{position:absolute;right:8px;background:none;border:none;font-size:1.2rem;color:#a0aec0;cursor:pointer;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.work-management-search-container .clear-search-btn:hover{background-color:#e2e8f0;color:#4a5568}.navigation-and-tabs-right{display:flex;align-items:center;gap:12px;margin-left:auto}.navigation-buttons{display:flex;gap:8px}.nav-button{padding:10px 16px;border:1px solid #e2e8f0;background:#f8fafc;color:#4a5568;cursor:pointer;border-radius:6px;transition:all .2s;font-weight:500;font-size:.875rem}.nav-button:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e0;color:#2d3748}.nav-button:disabled{opacity:.4;cursor:not-allowed}.ds-btn-save.region-dropdown-btn,.ds-btn-save-md.region-dropdown-btn{display:flex!important;align-items:center;gap:6px!important;min-width:90px!important;max-width:120px!important;width:fit-content!important;justify-content:space-between;padding:8px 10px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.region-dropdown-container .region-dropdown-menu{position:absolute!important;top:calc(100% + 4px)!important;right:0!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:6px!important;box-shadow:0 4px 6px #0000001a!important;min-width:90px!important;max-width:120px!important;width:fit-content!important;z-index:1000!important;overflow:hidden!important}.region-dropdown-container .region-dropdown-item{display:block!important;width:100%!important;padding:10px 12px!important;background:#fff!important;border:none!important;color:#4a5568!important;text-align:left!important;font-size:.875rem!important;font-weight:500!important;cursor:pointer!important;transition:background .2s!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.region-dropdown-container .region-dropdown-item:hover{background:#f1f5f9!important}.region-dropdown-container .region-dropdown-item.active{background:#e8f4fd!important;color:#2e6417!important;font-weight:600!important}.view-toggle-buttons{display:flex;gap:8px}.cycle-info-below{display:flex;align-items:center;justify-content:flex-start;gap:0;margin-bottom:20px;padding:0;background:none;border-radius:0}.cycle-dates{font-weight:500;color:#4a5568;font-size:.875rem}.cycle-title-inline{font-size:.875rem;font-weight:500;color:#4a5568}.cycle-status-text{font-size:.875rem;font-weight:500;color:#4a5568;text-transform:uppercase}.cycle-separator{color:#cbd5e0;margin:0 8px}.progress-section{margin-bottom:0;padding-bottom:0}.progress-bar-container{margin-bottom:15px}.progress-bar{display:flex;height:50px;background:#e2e8f0;border-radius:15px;overflow:hidden;margin-bottom:12px}.progress-segment{display:flex;align-items:center;justify-content:center;color:#fff;font-size:.75rem;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.3);min-width:60px;transition:all .2s ease;flex-shrink:0}.progress-segment:last-child{border-top-right-radius:15px;border-bottom-right-radius:15px}.progress-segment:first-child{border-top-left-radius:15px;border-bottom-left-radius:15px}.progress-segment.status-not_assigned{background-color:#6b7280;color:#1a202c;text-shadow:none}.progress-segment.status-temp_assigned{background-color:#9ca3af}.progress-segment.status-pending{background-color:#8b5cf6}.progress-segment.status-offered{background-color:#3b82f6}.progress-segment.status-claimed{background-color:#f59e0b}.progress-segment.status-accepted{background-color:#10b981}.progress-segment.status-completed{background-color:#059669}.progress-segment.status-denied,.progress-segment.status-remove{background-color:#ef4444}.progress-segment.empty{background:#e2e8f0;color:#718096;width:100%;text-shadow:none}.progress-legend{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.legend-item{display:flex;align-items:center;gap:6px;font-size:.875rem;color:#4a5568}.legend-color{width:12px;height:12px;border-radius:2px}.legend-color.status-not_assigned{background-color:#6b7280}.legend-color.status-temp_assigned{background-color:#9ca3af}.legend-color.status-pending{background-color:#8b5cf6}.legend-color.status-offered{background-color:#3b82f6}.legend-color.status-claimed{background-color:#f59e0b}.legend-color.status-accepted{background-color:#10b981}.legend-color.status-completed{background-color:#059669}.legend-color.status-denied,.legend-color.status-remove{background-color:#ef4444}.work-management-content{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;height:calc(100vh - 400px);min-height:400px;overflow:hidden;margin-top:0}.assigned-work-column,.contractors-column,.books-column,.contractors-merged-column{background:transparent!important;border-radius:8px;box-shadow:none;padding:8px 20px 20px;display:flex;flex-direction:column;overflow:hidden}.books-column{background:transparent!important;border:none!important;box-shadow:none!important;margin-top:-13px}.assigned-work-column h3,.contractors-column h3,.books-column h3,.contractors-merged-column h3{margin:0 0 16px;color:#1a202c;font-size:1.2rem;font-weight:600;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.contractors-merged-column .assigned-work-content{flex:1;overflow-y:auto;display:flex;flex-direction:column}.unified-contractors-section{flex:1;overflow-y:auto;padding-right:8px}.unified-contractors-section::-webkit-scrollbar{width:8px}.unified-contractors-section::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.unified-contractors-section::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.unified-contractors-section::-webkit-scrollbar-thumb:hover{background:#a0aec0}.column-header h3{margin:0;color:#1a202c;font-size:1.2rem;font-weight:600;padding-bottom:0;border-bottom:none}.contractor-column-search-container,.book-column-search-container{flex:1;max-width:300px}.book-column-search-container{max-width:150px}.contractor-column-search-container .search-container,.book-column-search-container .search-container{position:relative;display:flex;align-items:center;width:100%}.contractor-column-search-container .search-input,.book-column-search-container .search-input{width:100%;padding:8px 12px;border:none!important;border-bottom:2px solid #cbd5e0!important;border-radius:0!important;font-size:.875rem;background:transparent!important;transition:all .2s ease}.contractor-column-search-container .search-input:focus,.book-column-search-container .search-input:focus{outline:none;border-bottom-color:#4299e1!important;background:transparent!important}.contractor-column-search-container .clear-search-btn,.book-column-search-container .clear-search-btn{position:absolute;right:8px;background:none;border:none;font-size:1.2rem;color:#a0aec0;cursor:pointer;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.contractor-column-search-container .clear-search-btn:hover,.book-column-search-container .clear-search-btn:hover{background-color:#e2e8f0;color:#4a5568}.auto-assign-btn{padding:8px 16px;background:#f1f5f9;border:1px solid #e2e8f0;color:#4a5568;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.auto-assign-btn:hover:not(:disabled){background:#e2e8f0;color:#2d3748}.auto-assign-btn:disabled{opacity:.5;cursor:not-allowed}.books-header-buttons{display:flex;gap:8px}.filter-books-btn{padding:8px 16px;background:#f7fafc;border:none;color:#4a5568;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.filter-books-btn:hover{background:#f7fafc;color:#2d3748}.sort-books-btn{padding:8px 16px;background:#f7fafc;border:none;color:#4a5568;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.sort-books-btn:hover{background:#f7fafc;color:#2d3748}.filter-sort-books-btn{padding:8px 16px;background:#f7fafc;border:none;color:#4a5568;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.filter-sort-books-btn:hover{background:#f7fafc;color:#2d3748}.edit-books-btn{padding:8px 16px;background:#f7fafc;border:none;color:#4a5568;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.edit-books-btn:hover{background:#f7fafc;color:#2d3748}.assigned-work-content{flex:1;overflow-y:auto;padding-right:8px}.assigned-work-content::-webkit-scrollbar{width:8px}.assigned-work-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.assigned-work-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.assigned-work-content::-webkit-scrollbar-thumb:hover{background:#a0aec0}.assigned-contractors-list{display:flex;flex-direction:column;gap:12px}.assigned-contractor-item{background:#fafafa;border:1px solid #e5e7eb;border-radius:6px;transition:all .2s ease;overflow:visible}.assigned-contractor-item:hover{background:#f3f4f6;border-color:#d1d5db}.assigned-contractor-item.drag-over{border-color:#3b82f6;background:#eff6ff;box-shadow:0 0 0 2px #3b82f633}.assigned-contractor-info{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;cursor:pointer}.assigned-contractor-left{display:flex;align-items:center;gap:8px}.assigned-contractor-name{font-weight:600;color:#374151;font-size:.9rem}.contractor-name-separator{margin:0 8px;color:#cbd5e0;font-size:.875rem}.contractor-regions{display:inline-flex;align-items:center;gap:0;margin-left:2px}.contractor-region-badge{display:inline-block;padding:0;margin:0 2px;background:transparent;color:#374151;border-radius:0;font-size:.9rem;font-weight:600;letter-spacing:0;text-transform:uppercase}.contractor-region-separator{margin:0 2px;color:#cbd5e0;font-size:.875rem}.assigned-contractor-left .contractor-availability-compact{font-size:.85rem;font-weight:500;color:#10b981}.assigned-contractor-left .contractor-availability-compact.negative{color:#ef4444}.assigned-contractor-left .contractor-availability-compact.zero{color:#6b7280}.assigned-contractor-info .contractor-right-section{display:flex;align-items:center;gap:8px}.assigned-contractor-info .contractor-region-tags{display:flex;gap:4px;align-items:center}.assigned-contractor-info .assignment-status-dots{display:flex;gap:6px;align-items:center}.status-dot-large{font-size:1.5rem;line-height:1;cursor:default;background:transparent;background-color:transparent}.status-dot-large.status-not_assigned{color:#6b7280;background:transparent!important}.status-dot-large.status-offered{color:#3b82f6;background:transparent!important}.status-dot-large.status-claimed{color:#f59e0b;background:transparent!important}.status-dot-large.status-pending{color:#8b5cf6;background:transparent!important}.status-dot-large.status-accepted{color:#10b981;background:transparent!important}.status-dot-large.status-completed{color:#059669;background:transparent!important}.status-dot-large.status-denied,.status-dot-large.status-remove{color:#ef4444;background:transparent!important}.status-dot-large.status-temp_assigned{color:#6b7280;background:transparent!important}.assigned-books-list{padding:12px 16px 16px;background:#fff;border-top:1px solid #e5e7eb;overflow:visible}.assigned-book-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;margin-bottom:8px;background:#fff;border:1px solid #e5e7eb;border-radius:4px;transition:all .2s ease;width:100%;box-sizing:border-box;gap:8px}.assigned-book-item:hover{background:#f9fafb;border-color:#d1d5db}.assigned-book-item:last-child{margin-bottom:0}.assigned-book-left-section{display:flex;align-items:center;gap:24px;flex:1}.assigned-book-info{display:flex;align-items:center}.assigned-book-info.clickable-book{cursor:pointer}.assigned-book-info.clickable-book:focus{outline:2px solid #3b82f6;outline-offset:2px}.assigned-book-number{font-weight:600;color:#374151;font-size:.875rem}.assigned-book-status-section,.assigned-book-actions-right{display:flex;align-items:center;flex-shrink:0}.assigned-book-status-section .book-status-btn{min-width:auto;padding:4px 8px!important;font-size:.75rem!important}.assigned-book-status-section .dropdown-arrow{font-size:.6rem!important}.assigned-book-status-section .book-status-dropdown-menu{right:auto;left:0}.edit-book-status{font-size:.75rem;font-weight:600;text-transform:uppercase;padding:4px 8px;border-radius:12px;color:#fff!important;display:inline-block}.edit-book-status.status-not_assigned{background-color:#6b7280}.edit-book-status.status-offered{background-color:#3b82f6}.edit-book-status.status-claimed{background-color:#f59e0b}.edit-book-status.status-pending{background-color:#8b5cf6}.edit-book-status.status-accepted{background-color:#10b981}.edit-book-status.status-completed{background-color:#059669}.edit-book-status.status-denied,.edit-book-status.status-remove{background-color:#ef4444}.edit-book-status.status-temp_assigned{background-color:#6b7280}.contractors-list{display:flex;flex-direction:column;gap:12px}.contractors-list::-webkit-scrollbar{width:8px}.contractors-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.contractors-list::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.contractors-list::-webkit-scrollbar-thumb:hover{background:#a0aec0}.contractor-item{background:#fafafa;border:1px solid #e5e7eb;border-radius:6px;transition:all .2s ease}.contractor-left-section{display:flex;align-items:center;gap:8px}.contractor-right-section{display:flex;align-items:center}.contractor-separator{color:#9ca3af;font-weight:400}.contractor-availability-compact{color:#6b7280;font-size:.875rem;font-weight:500}.contractor-availability-compact.negative{color:#dc2626;font-weight:600}.contractor-availability-compact.zero{color:#10b981;font-weight:600}.contractor-region-tags{display:flex;gap:4px;margin-left:auto}.region-tag{background:#f1f5f9;color:#4a5568;padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:500;border:1px solid #e2e8f0}.contractor-books-list{background:#fff;border-top:1px solid #e5e7eb;width:100%;box-sizing:border-box}.temp-book.clickable-book:focus{outline:2px solid #3b82f6;outline-offset:2px}.temp-book-actions{display:flex;gap:6px;flex-shrink:0}.temp-send-button,.temp-remove-button{padding:4px 8px!important;white-space:nowrap}.books-list{flex:1;overflow-y:auto;padding-right:8px;display:flex;flex-direction:column;gap:12px}.books-list::-webkit-scrollbar{width:8px}.books-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.books-list::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.books-list::-webkit-scrollbar-thumb:hover{background:#a0aec0}.book-item{background:#fafafa;border:1px solid #e5e7eb;border-radius:6px;transition:all .2s ease;display:flex;justify-content:space-between;align-items:center;padding:10px 12px;gap:12px}.book-item:hover{background:#f3f4f6;border-color:#d1d5db}.book-item:focus{outline:none}.book-item.clickable{cursor:pointer}.book-item.draggable{cursor:grab}.book-item.draggable:active{cursor:grabbing}.book-item-left{flex:1;display:flex;align-items:center;cursor:pointer}.book-item-text{font-size:.875rem;font-weight:600;color:#374151}.book-item-right{display:flex;align-items:center;flex-shrink:0}.temp-assigned-user{background:#f0f9ff;color:#1e40af;padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:500;text-align:center;border:1px solid #dbeafe}.assigned-user{background:#f0fdf4;color:#15803d;padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:500;border:1px solid #bbf7d0}.book-status{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.status-indicator{padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;color:#fff;text-align:center;min-width:80px}.offer-btn{padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;color:#fff;text-align:center;min-width:60px;border:none;cursor:pointer;transition:all .2s ease;background-color:#f59e0b}.offer-btn:hover{background-color:#d97706;transform:translateY(-1px)}.offer-btn.active{background-color:#92400e}.star-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeInOverlay .2s ease-out}.star-popup{background:#fff;border-radius:8px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:90%;max-width:500px;max-height:80vh;overflow:hidden;animation:slideInPopup .3s ease-out}.star-popup-content{padding:24px;overflow-y:auto;max-height:80vh}.star-popup-content::-webkit-scrollbar{width:8px}.star-popup-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.star-popup-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.star-popup-content::-webkit-scrollbar-thumb:hover{background:#a0aec0}.star-popup-details,.star-popup-pay-section{margin-bottom:24px}.pay-amount-field{display:flex;align-items:center;gap:16px}.pay-amount-field label{font-weight:600;color:#374151;font-size:.875rem;min-width:120px;flex-shrink:0}.pay-amount-input-wrapper{position:relative;display:flex;align-items:center;flex:1}.pay-currency-symbol{position:absolute;left:0;color:#6b7280;font-size:.9rem;font-weight:500;pointer-events:none;z-index:1}.pay-amount-input{padding-left:20px!important;width:100%}.pay-amount-input:read-only{background:#f8fafc;color:#9ca3af;cursor:not-allowed}.pay-amount-input::-webkit-inner-spin-button,.pay-amount-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pay-amount-input[type=text]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.confirmation-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000}.confirmation-popup{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:400px;width:90%}.confirmation-popup-header{padding:16px 20px;border-bottom:1px solid #e5e7eb}.confirmation-popup-header h3{margin:0;color:#1a202c;font-size:1.1rem;font-weight:600}.confirmation-popup-content{padding:20px}.confirmation-popup-content p{margin:0;color:#374151;font-size:.875rem;line-height:1.5}.confirmation-popup-buttons{display:flex;gap:12px;padding:20px;justify-content:flex-end;border-top:1px solid #e5e7eb}.confirmation-cancel-btn{padding:8px 16px;background:#f3f4f6;border:1px solid #d1d5db;color:#374151;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.confirmation-cancel-btn:hover{background:#e5e7eb}.confirmation-confirm-btn{padding:8px 16px;background:#dc2626;border:1px solid #dc2626;color:#fff;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.confirmation-confirm-btn:hover{background:#b91c1c;border-color:#b91c1c}.edit-book-item-compact{display:flex;justify-content:space-between;align-items:center;padding:16px;border:1px solid #e2e8f0;border-radius:6px;background:#fafafa;transition:all .2s ease}.edit-book-item-compact:hover{background:#f1f5f9;border-color:#cbd5e0}.edit-book-item-compact:last-child{margin-bottom:0}.edit-book-info{display:flex;align-items:center;gap:8px}.duplicate-badge-inline{background:#fee2e2;color:#dc2626;padding:1px 4px;border-radius:3px;font-size:.7rem;font-weight:600;margin-left:4px}.edit-book-actions-compact{display:flex;gap:8px}.offer-btn-edit{padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:600;color:#000;text-align:center;min-width:60px;border:none;cursor:pointer;transition:all .2s ease;background-color:#fff7ed}.offer-btn-edit:hover{background-color:#fed7aa;color:#000}.revoke-btn-edit{padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:600;color:#000;text-align:center;min-width:60px;border:none;cursor:pointer;transition:all .2s ease;background-color:#fff7ed}.revoke-btn-edit:hover{background-color:#fed7aa;color:#000}.retract-btn-edit{padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:600;color:#000;text-align:center;min-width:60px;border:none;cursor:pointer;transition:all .2s ease;background-color:#fff7ed}.retract-btn-edit:hover{background-color:#fed7aa;color:#000}.add-btn-edit{padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:600;color:#000;text-align:center;min-width:60px;border:none;cursor:pointer;transition:all .2s ease;background-color:#dcfce7}.add-btn-edit:hover{background-color:#bbf7d0;color:#000}.book-removed{background-color:#fee2e2!important;border-color:#fca5a5!important;opacity:.8}.book-removed .edit-book-info{color:#991b1b}.book-removed .edit-book-number{color:#dc2626!important}.book-status-pill.status-remove,.edit-book-status.status-remove{background-color:#dc2626!important;color:#fff!important}.star-popup-detail{display:flex;justify-content:space-between;align-items:flex-start;padding:12px 0;border-bottom:1px solid #f1f5f9;gap:16px}.star-popup-detail:last-child{border-bottom:none}.star-popup-detail label{font-weight:600;color:#4a5568;font-size:.9rem;min-width:120px;flex-shrink:0}.star-popup-detail span{color:#2d3748;font-size:.9rem;line-height:1.4;text-align:right;word-break:break-word}.star-popup-buttons{display:flex;gap:12px;justify-content:flex-end}.star-popup-choose-btn{padding:10px 20px;background:#3b82f6;border:none;color:#fff;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.star-popup-choose-btn:hover{background:#2563eb}.star-popup-send-offer-btn{padding:10px 20px;background:#fbbf24;border:none;color:#fff;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.star-popup-send-offer-btn:hover:not(:disabled){background:#f59e0b}.star-popup-send-offer-btn:disabled{opacity:.5;cursor:not-allowed}.star-popup-cancel-btn{padding:10px 20px;background:none;border:none;color:#000;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.star-popup-cancel-btn:hover{background:#f3f4f6}.star-popup-contractor-selection{display:flex;flex-direction:column;gap:12px}.contractor-selection-header-row{display:flex;gap:8px;align-items:center}.contractor-selection-header-row .msgsb-group-search-input{flex:1;margin-bottom:0}.star-popup-contractor-selection .msgsb-group-user-list{max-height:300px;margin-top:0}.star-popup-contractor-selection .msgsb-group-user-item{padding:8px 0}.star-popup-contractor-selection .msgsb-group-user-item input[type=checkbox]{width:18px;height:18px;cursor:pointer;margin:0}.contractor-selection-name{font-weight:400;color:#2d3748;font-size:.9rem}.no-contractors-message{padding:16px 0;text-align:center;color:#6b7280;font-size:.875rem}.star-popup-final-buttons{display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding-top:16px;border-top:1px solid #e2e8f0}.sort-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeInOverlay .2s ease-out}.sort-popup{background:#fff;border-radius:8px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:90%;max-width:400px;max-height:80vh;overflow:hidden;animation:slideInPopup .3s ease-out}.sort-popup-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0;background:#f8fafc}.sort-popup-header h3{margin:0;color:#1a202c;font-size:1.25rem;font-weight:600}.sort-popup-close{background:none;border:none;font-size:1.5rem;color:#718096;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.sort-popup-close:hover{background:#e2e8f0;color:#2d3748}.sort-popup-content{padding:24px}.sort-option-group,.sort-order-group{margin-bottom:20px}.sort-option-group:last-child,.sort-order-group:last-child{margin-bottom:0}.sort-option-group h4,.sort-order-group h4{margin:0 0 12px;color:#374151;font-size:1rem;font-weight:600}.sort-options,.sort-order-options{display:flex;flex-direction:column;gap:8px}.sort-option-btn,.sort-order-btn{padding:12px 16px;background:#f8fafc;border:1px solid #e2e8f0;color:#374151;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left}.sort-option-btn:hover,.sort-order-btn:hover{background:#f1f5f9;border-color:#cbd5e0}.sort-option-btn.active,.sort-order-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.sort-order-options{flex-direction:row;gap:12px}.sort-order-btn{flex:1;text-align:center}.filter-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeInOverlay .2s ease-out}.filter-popup{background:#fff;border-radius:8px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:90%;max-width:400px;max-height:80vh;overflow:hidden;animation:slideInPopup .3s ease-out}.filter-popup-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0;background:#f8fafc}.filter-popup-header h3{margin:0;color:#1a202c;font-size:1.25rem;font-weight:600}.filter-popup-close{background:none;border:none;font-size:1.5rem;color:#718096;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.filter-popup-close:hover{background:#e2e8f0;color:#2d3748}.filter-popup-content{padding:24px;overflow-y:auto;max-height:calc(80vh - 100px)}.filter-item{display:flex;align-items:center;gap:12px;padding:4px 0}.filter-item input[type=checkbox]{width:16px;height:16px;accent-color:#3b82f6}.filter-item label{flex:1;font-weight:500;color:#374151;cursor:pointer}.filter-count{color:#6b7280;font-size:.875rem}.offer-toggle-btn{background:none;border:none;font-size:1rem;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;filter:grayscale(100%);opacity:.5}.offer-toggle-btn:hover{filter:grayscale(0%);opacity:1;transform:scale(1.1)}.offer-toggle-btn.active{filter:grayscale(0%) hue-rotate(45deg) saturate(1.5);opacity:1;color:gold}.empty-message{display:flex;align-items:flex-start;justify-content:flex-start;color:#718096;padding:20px 0;margin-top:0;font-style:italic;text-align:left}.loading-message{display:flex;align-items:flex-start;justify-content:flex-start;color:#718096;font-style:italic;text-align:left;padding:20px 0;margin-top:0}.status-not_assigned{color:#6b7280}.status-offered{color:#3b82f6}.status-claimed{color:#f59e0b}.status-pending{color:#8b5cf6}.status-accepted{color:#10b981}.status-completed{color:#059669}.status-denied{color:#ef4444}.edit-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeInOverlay .2s ease-out}.edit-popup{background:#fff;border-radius:8px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:90%;max-width:700px;max-height:80vh;overflow:hidden;animation:slideInPopup .3s ease-out}.edit-popup-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0;background:#f8fafc}.edit-popup-title{display:flex;justify-content:space-between;align-items:center;width:100%}.edit-cycle-number{font-size:1.25rem;font-weight:600;color:#1a202c}.edit-cycle-dates{font-size:.875rem;font-weight:400;color:#6b7280}.edit-popup-close{background:none;border:none;font-size:1.5rem;color:#718096;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.edit-popup-close:hover{background:#e2e8f0;color:#2d3748}.edit-popup-content{padding:24px;overflow-y:auto;max-height:calc(80vh - 100px)}.no-books-message{text-align:center;color:#718096;font-style:italic;padding:40px 20px}.edit-books-list{display:flex;flex-direction:column;gap:12px}.edit-book-item{display:flex;justify-content:space-between;align-items:center;padding:16px;border:1px solid #e2e8f0;border-radius:6px;background:#fafafa;transition:all .2s ease}.edit-book-item:hover{background:#f1f5f9;border-color:#cbd5e0}.edit-book-info{display:flex;flex-direction:column;gap:4px}.edit-book-number{font-weight:600;color:#2d3748;font-size:.875rem;display:flex;align-items:center;gap:8px}.duplicate-badge{background:#fed7d7;color:#c53030;padding:2px 6px;border-radius:3px;font-size:.6rem;font-weight:700;text-transform:uppercase}.edit-book-status{font-size:.75rem;text-transform:uppercase;font-weight:600}.edit-book-actions{display:flex;gap:8px}.edit-action-btn{padding:6px 12px;border:none;border-radius:4px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;color:#000}.edit-action-btn:disabled{opacity:.5;cursor:not-allowed}.edit-btn{background:#e2e8f0;color:#000}.edit-btn:hover:not(:disabled){background:#cbd5e0;color:#000}.duplicate-btn{background:#f0f9ff;color:#000;border:none}.duplicate-btn:hover{background:#dbeafe;color:#000}.remove-btn{background:#fef2f2;color:#000;border:none}.remove-btn:hover{background:#fecaca;color:#000}.edit-offer-content{display:flex;flex-direction:column;gap:20px}.collapsible-book-details{margin-bottom:24px}.book-details-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .2s ease}.book-details-title{font-weight:500;color:inherit}.chevron{font-size:.75rem;color:#718096;transition:transform .2s ease}.chevron.expanded{transform:rotate(180deg)}.book-details-content{padding:16px 0;margin-top:8px}.book-detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f1f5f9}.book-detail-row:last-child{border-bottom:none}.book-detail-row label{font-weight:500;color:#4a5568;font-size:.875rem}.book-detail-row span{color:#2d3748;font-size:.875rem}.offer-pay-section{background:#f7fafc;padding:16px;border-radius:8px;border:1px solid #e2e8f0}.offer-pay-section h4{margin:0 0 12px;color:#2d3748;font-size:1rem;font-weight:600}.offer-contractor-selection{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.offer-contractor-selection h4{margin:0 0 16px;color:#2d3748;font-size:1rem;font-weight:600}.offer-action-buttons{display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding-top:16px;border-top:1px solid #e2e8f0}.offer-cancel-btn{padding:10px 20px;background:#f3f4f6;border:1px solid #d1d5db;color:#374151;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.offer-cancel-btn:hover{background:#e5e7eb}.offer-send-btn{padding:10px 20px;background:#3182ce;border:1px solid #3182ce;color:#fff;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.offer-send-btn:hover:not(:disabled){background:#2c5aa0;border-color:#2c5aa0}.offer-send-btn:disabled{opacity:.5;cursor:not-allowed}.work-management-page{padding:1rem;max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e0e0e0}.breadcrumbs{display:flex;align-items:center;font-size:1.1rem}.breadcrumb-link{background:none;border:none;color:#3498db;cursor:pointer;text-decoration:underline;font-size:inherit}.breadcrub-link:hover{color:#2980b9}.breadcrumb-text{color:#555}.breadcrumb-separator{margin:0 .5rem;color:#999}.header-actions{display:flex;gap:1rem}.cycle-info-section{margin-bottom:2rem}.cycle-info-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:1.5rem;box-shadow:0 2px 4px #0000001a}.cycle-header h2{margin:0;color:#2c3e50;font-size:1.5rem}.progress-section{margin-bottom:2rem}.progress-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.progress-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem;text-align:center;box-shadow:0 2px 4px #0000001a;transition:transform .2s ease}.progress-card:hover{transform:translateY(-2px)}.progress-number{font-size:2rem;font-weight:700;color:#3498db;margin-bottom:.5rem}.progress-label{font-size:.9rem;color:#555;font-weight:500}.work-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.work-section{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a}.work-section h3{margin-top:0;margin-bottom:1rem;color:#2c3e50;font-size:1.3rem}.coming-soon-notice{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px dashed #dee2e6;border-radius:12px;padding:2rem;text-align:center;margin-top:2rem}.coming-soon-notice h3{color:#6c757d;margin-bottom:1rem;font-size:1.5rem}.coming-soon-notice p{color:#6c757d;margin-bottom:1rem;font-size:1rem;line-height:1.5}.error-container{display:flex;justify-content:center;align-items:center;min-height:400px}.view-availability-btn{background:none;color:#6b7280;border:none;padding:4px 8px;cursor:pointer;font-size:.75rem;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;font-weight:500;flex-shrink:0;border-radius:4px}.view-availability-btn:hover{background:#6b72801a;color:#374151}.view-availability-btn:active{background:#6b728026}.availability-modal-content{max-width:fit-content;width:auto}.availability-modal-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:2px solid #e2e8f0;background:#fff;gap:16px}.availability-header-info{display:flex;flex-direction:column;gap:4px}.availability-modal-header h3{margin:0;font-size:1rem;font-weight:600;color:#1f2937;display:inline-flex;align-items:center;flex-wrap:wrap;gap:0}.availability-cycle-dates{font-size:.75rem;color:#6b7280;font-weight:400}.availability-modal-header .close-button{background:none;border:none;font-size:1.5rem;color:#718096;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.availability-modal-header .close-button:hover{background:#e2e8f0;color:#2d3748}.availability-modal-content .modal-body{padding:0}.availability-calendar-container{padding:16px;display:flex;justify-content:center}.availability-day-headers{display:flex;gap:10px;justify-content:center}.availability-day-card{background:transparent;border:none;border-bottom:2px solid;padding:6px 12px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;transition:all .2s;min-width:60px}.availability-day-card.available{border-bottom-color:#10b981}.availability-day-card.unavailable{border-bottom-color:#ef4444}.availability-day-name{font-size:10px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.05em;margin:0;line-height:1}.availability-day-number{font-size:24px;font-weight:700;color:#333;margin:0;line-height:1}.contractor-selection-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeInOverlay .2s ease-out}.contractor-selection-popup{background:#fff;border-radius:8px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:90%;max-width:500px;max-height:80vh;overflow:hidden;animation:slideInPopup .3s ease-out;display:flex;flex-direction:column}.contractor-selection-content{padding:24px;overflow-y:auto;flex:1}.selection-instruction{margin:0 0 16px;color:#4a5568;font-size:.9rem;text-align:center}.contractor-selection-list{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto}.contractor-selection-list::-webkit-scrollbar{width:8px}.contractor-selection-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.contractor-selection-list::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.contractor-selection-list::-webkit-scrollbar-thumb:hover{background:#a0aec0}.contractor-selection-item-btn{padding:12px 16px;background:#fafafa;border:1px solid #e5e7eb;border-radius:6px;color:#374151;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left}.contractor-selection-item-btn:hover{background:#f0f7ff;border-color:#3b82f6;color:#1e40af}.contractor-selection-actions{display:flex;justify-content:flex-end;padding:16px 24px;border-top:1px solid #e5e7eb;background:#f8fafc}.no-contractors-message{text-align:center;color:#9ca3af;font-style:italic;padding:40px 20px}.upload-report-section{display:flex;justify-content:flex-end;padding:16px 20px;margin-top:12px}.loading-indicator-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#f8f9fa;position:relative}.loading-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;border:1px solid #e9ecef;max-width:400px;width:100%;text-align:center}.loading-spinner-wrapper{margin-bottom:1.5rem}.loading-spinner{position:relative;width:40px;height:40px;margin:0 auto}.spinner-ring{position:absolute;width:100%;height:100%;border:3px solid #e9ecef;border-top:3px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}.spinner-ring:nth-child(2){width:70%;height:70%;top:15%;left:15%;border-top-color:#6c757d;animation-delay:-.3s}.spinner-ring:nth-child(3){width:40%;height:40%;top:30%;left:30%;border-top-color:#495057;animation-delay:-.6s}.loading-message{margin-bottom:1rem}.loading-message h3{margin:0 0 .5rem;font-size:1.1rem;font-weight:500;color:#495057;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.loading-dots{display:flex;justify-content:center;gap:4px}.loading-dots span{width:6px;height:6px;background:#6c757d;border-radius:50%;animation:dots 1.4s ease-in-out infinite both}.loading-dots span:nth-child(1){animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}.loading-progress{width:100%;margin-top:1rem}.progress-bar{width:100%;height:6px;background:#e9ecef;border-radius:3px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,#007bff,#0056b3);border-radius:3px;transition:width .3s ease}.progress-text{font-size:.875rem;color:#6c757d;font-weight:500}.loading-indicator-container.small .loading-content{padding:1.5rem;max-width:300px}.loading-indicator-container.small .loading-spinner{width:30px;height:30px}.loading-indicator-container.small .loading-message h3{font-size:1rem}.loading-indicator-container.large .loading-content{padding:3rem;max-width:500px}.loading-indicator-container.large .loading-spinner{width:50px;height:50px}.loading-indicator-container.large .loading-message h3{font-size:1.25rem}.loading-indicator-container.primary .spinner-ring{border-top-color:#007bff}.loading-indicator-container.primary .progress-fill{background:linear-gradient(90deg,#007bff,#0056b3)}.loading-indicator-container.success .spinner-ring{border-top-color:#28a745}.loading-indicator-container.success .progress-fill{background:linear-gradient(90deg,#28a745,#1e7e34)}.loading-indicator-container.warning .spinner-ring{border-top-color:#ffc107}.loading-indicator-container.warning .progress-fill{background:linear-gradient(90deg,#ffc107,#e0a800)}.loading-indicator-container.danger .spinner-ring{border-top-color:#dc3545}.loading-indicator-container.danger .progress-fill{background:linear-gradient(90deg,#dc3545,#c82333)}.loading-indicator-container.info .spinner-ring{border-top-color:#17a2b8}.loading-indicator-container.info .progress-fill{background:linear-gradient(90deg,#17a2b8,#138496)}@keyframes dots{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}@media (max-width: 768px){.loading-content{margin:1rem;padding:1.5rem}.loading-message h3{font-size:1rem}.loading-spinner{width:35px;height:35px}}@media (max-width: 480px){.loading-content{padding:1rem}.loading-message h3{font-size:.9rem}.loading-spinner{width:30px;height:30px}}.cycle-selector{padding:2rem;max-width:1200px;margin:0 auto}.cycle-selector-header{text-align:center;margin-bottom:2rem}.cycle-selector-header h1{font-size:2.5rem;color:#2c3e50;margin-bottom:.5rem}.cycle-selector-header p{font-size:1.1rem;color:#7f8c8d}.search-section{margin-bottom:2rem}.search-input-container{position:relative;max-width:500px;margin:0 auto}.search-input{width:100%;padding:12px 45px 12px 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.search-input:focus{outline:none;border-color:#3498db}.search-icon{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#7f8c8d;font-size:1.2rem}.cycles-container{margin-top:2rem}.region-group{margin-bottom:3rem}.region-header{font-size:1.5rem;color:#2c3e50;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #3498db}.cycles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.cycle-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.cycle-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;border-color:#3498db}.cycle-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.cycle-header h4{font-size:1.3rem;color:#2c3e50;margin:0}.status-badge{padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase}.status-badge.not_started{background-color:#f39c12;color:#fff}.status-badge.active{background-color:#27ae60;color:#fff}.status-badge.completed{background-color:#95a5a6;color:#fff}.status-badge.cancelled{background-color:#e74c3c;color:#fff}.cycle-details{margin-bottom:1rem}.cycle-dates p{margin:.25rem 0;font-size:.9rem;color:#555}.no-dates{color:#95a5a6;font-style:italic}.cycle-slug{margin-top:.5rem}.cycle-slug code{background-color:#f8f9fa;padding:4px 8px;border-radius:4px;font-size:.85rem;color:#e74c3c;border:1px solid #e0e0e0}.cycle-actions{text-align:center}.select-button{background-color:#3498db;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-weight:600;cursor:pointer;transition:background-color .3s ease;width:100%}.select-button:hover{background-color:#2980b9}.no-cycles{text-align:center;padding:3rem 2rem;color:#7f8c8d}.no-cycles h3{color:#2c3e50;margin-bottom:1rem}.no-cycles p{margin-bottom:.5rem}.error-message{text-align:center;padding:2rem;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px}.error-message p{color:#e74c3c;margin-bottom:1rem}.retry-button{background-color:#e74c3c;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;transition:background-color .3s ease}.retry-button:hover{background-color:#c0392b}@media (max-width: 768px){.cycle-selector{padding:1rem}.cycle-selector-header h1{font-size:2rem}.cycles-grid{grid-template-columns:1fr}.region-header{font-size:1.3rem}}.book-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeInOverlay .2s ease-out}.book-popup{background:#fff;border-radius:8px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:90%;max-width:500px;max-height:fit-content;overflow:visible;animation:slideInPopup .3s ease-out;display:flex;flex-direction:column}.book-popup-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0;background:#f8fafc}.book-popup-header h3{margin:0;color:#1a202c;font-size:1.25rem;font-weight:600}.book-popup-close{background:none;border:none;font-size:1.5rem;color:#718096;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.book-popup-close:hover{background:#e2e8f0;color:#2d3748}.book-popup-content{padding:24px;overflow:visible;max-height:none}.book-popup-detail{display:flex;justify-content:space-between;align-items:flex-start;padding:12px 0;border-bottom:1px solid #f1f5f9;gap:16px}.book-popup-detail:last-child{border-bottom:none}.book-popup-detail label{font-weight:600;color:#4a5568;font-size:.9rem;min-width:120px;flex-shrink:0}.book-popup-detail span{color:#2d3748;font-size:.9rem;line-height:1.4;text-align:right;word-break:break-word}.book-popup-separator{border:none;border-top:1px solid #e5e7eb;margin:16px 0}.book-status-dropdown-container{position:relative;display:inline-block}.book-status-btn{display:flex;align-items:center;gap:8px;min-width:150px;justify-content:space-between;background:transparent!important;border:none!important;border-bottom:2px solid!important;border-radius:0!important;font-weight:500!important;cursor:pointer!important;transition:all .2s!important;padding:8px 16px!important;font-size:.75rem!important}.book-status-btn .dropdown-arrow{font-size:.65rem!important}.book-status-btn.status-not_assigned{color:#6b7280!important;border-bottom-color:#6b7280!important}.book-status-btn.status-not_assigned:hover{color:#4b5563!important;border-bottom-color:#4b5563!important}.book-status-btn.status-temp_assigned{color:#6b7280!important;border-bottom-color:#6b7280!important}.book-status-btn.status-temp_assigned:hover{color:#4b5563!important;border-bottom-color:#4b5563!important}.book-status-btn.status-pending{color:#8b5cf6!important;border-bottom-color:#8b5cf6!important}.book-status-btn.status-pending:hover{color:#7c3aed!important;border-bottom-color:#7c3aed!important}.book-status-btn.status-offered{color:#3b82f6!important;border-bottom-color:#3b82f6!important}.book-status-btn.status-offered:hover{color:#2563eb!important;border-bottom-color:#2563eb!important}.book-status-btn.status-claimed{color:#f59e0b!important;border-bottom-color:#f59e0b!important}.book-status-btn.status-claimed:hover{color:#d97706!important;border-bottom-color:#d97706!important}.book-status-btn.status-accepted{color:#10b981!important;border-bottom-color:#10b981!important}.book-status-btn.status-accepted:hover,.book-status-btn.status-completed{color:#059669!important;border-bottom-color:#059669!important}.book-status-btn.status-completed:hover{color:#047857!important;border-bottom-color:#047857!important}.book-status-btn.status-denied{color:#ef4444!important;border-bottom-color:#ef4444!important}.book-status-btn.status-denied:hover{color:#dc2626!important;border-bottom-color:#dc2626!important}.book-status-btn.status-remove{color:#ef4444!important;border-bottom-color:#ef4444!important}.book-status-btn.status-remove:hover{color:#dc2626!important;border-bottom-color:#dc2626!important}.book-status-dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 4px 6px #0000001a;min-width:180px;z-index:1000;overflow-y:auto;max-height:250px}.book-status-dropdown-menu.open-upward{top:auto;bottom:calc(100% + 4px)}.book-status-dropdown-menu::-webkit-scrollbar{width:8px}.book-status-dropdown-menu::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.book-status-dropdown-menu::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.book-status-dropdown-menu::-webkit-scrollbar-thumb:hover{background:#a0aec0}.book-status-dropdown-item{display:block;width:100%;padding:10px 16px;background:#fff;border:none;color:#4a5568;text-align:left;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s}.book-status-dropdown-item:hover{background:#f1f5f9}.book-status-dropdown-item.active{background:#e8f4fd;color:#2e6417;font-weight:600}.book-popup-actions{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-top:1px solid #e5e7eb;background:#f8fafc}.book-status-pill{font-size:.75rem;font-weight:600;text-transform:uppercase;padding:4px 8px;border-radius:12px;color:#fff!important;display:inline-block}.book-status-pill.status-not_assigned{background-color:#6b7280}.book-status-pill.status-offered{background-color:#3b82f6}.book-status-pill.status-claimed{background-color:#f59e0b}.book-status-pill.status-pending{background-color:#8b5cf6}.book-status-pill.status-accepted{background-color:#10b981}.book-status-pill.status-completed{background-color:#059669}.book-status-pill.status-denied,.book-status-pill.status-remove{background-color:#ef4444}.book-status-pill.status-temp_assigned{background-color:#6b7280}.duplicate-asterisk{color:#dc2626;font-weight:700;margin-left:2px}.book-popup-pay-section{margin-top:24px;padding:16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px}.book-popup-pay-section h4{margin:0 0 12px;color:#374151;font-size:1rem;font-weight:600}@media (max-width: 640px){.book-popup{width:95%;margin:20px}.book-popup-header{padding:16px 20px}.book-popup-content{padding:20px;overflow:visible}.book-popup-detail{flex-direction:column;align-items:flex-start;gap:4px}.book-popup-detail label{min-width:auto}.book-popup-detail span{text-align:left}.book-popup-actions{flex-direction:column;gap:12px;padding:16px 20px}.book-popup-actions-left,.book-popup-actions-right{width:100%;justify-content:stretch}.book-popup-actions-left button,.book-popup-actions-right button{flex:1}}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@keyframes slideInPopup{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.filter-sort-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeInOverlay .2s ease-out}.filter-sort-popup{background:#fff;border-radius:8px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:500px;width:90%;max-height:80vh;overflow:hidden;animation:slideInPopup .3s ease-out;display:flex;flex-direction:column}.filter-sort-popup-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb}.filter-sort-popup-header h3{margin:0;color:#1a202c;font-size:1.2rem;font-weight:600}.filter-sort-popup-close{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.filter-sort-popup-close:hover{color:#374151}.filter-sort-popup-content{padding:20px;overflow-y:auto;flex:1}.filter-sort-popup-content::-webkit-scrollbar{width:8px}.filter-sort-popup-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.filter-sort-popup-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.filter-sort-popup-content::-webkit-scrollbar-thumb:hover{background:#a0aec0}.filter-section{margin-bottom:24px}.filter-section:last-child{margin-bottom:0}.filter-section h4{margin:0 0 12px;color:#374151;font-size:1rem;font-weight:600}.filter-options{display:grid;grid-template-columns:1fr 1fr;gap:4px}.filter-item{display:flex;align-items:center;gap:8px;padding:4px 0}.filter-item input[type=checkbox]{width:16px;height:16px;cursor:pointer}.filter-item label{flex:1;color:#374151;font-size:.875rem;cursor:pointer;display:flex;align-items:center;gap:4px}.filter-count{color:#6b7280;font-size:.75rem}.sort-section{margin-bottom:24px}.sort-section:last-child{margin-bottom:0}.sort-section h4{margin:0 0 12px;color:#374151;font-size:1rem;font-weight:600}.sort-options-radio{display:grid;grid-template-columns:1fr 1fr;gap:4px}.sort-option-radio{display:flex;align-items:center;gap:8px;padding:4px 0}.sort-option-radio input[type=radio]{width:16px;height:16px;cursor:pointer}.sort-option-radio label{flex:1;color:#374151;font-size:.875rem;cursor:pointer;font-weight:500}.sort-order-group{margin-top:16px}.sort-order-group h4{margin:0 0 8px;color:#374151;font-size:.875rem;font-weight:600}.sort-order-options{display:flex;gap:8px}.sort-order-btn{flex:1;padding:8px 16px;background:#f3f4f6;border:1px solid #d1d5db;color:#374151;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.sort-order-btn:hover{background:#e5e7eb;border-color:#9ca3af}.sort-order-btn.active{background:#2e6417;border-color:#2e6417;color:#fff}.sort-order-btn.active:hover{background:#1e4010;border-color:#1e4010}.filter-sort-popup-actions{display:flex;justify-content:flex-end;padding:16px 24px;border-top:2px solid #e2e8f0;background:#f8fafc}.work-management-v2-container{padding:0 20px 20px;background-color:#f8fafc;min-height:100vh;max-width:1600px;margin:0}.day-carousel-wrapper{display:flex;align-items:center;padding:0;margin:0 0 4px}.day-cards-container{display:flex;gap:12px;width:100%;justify-content:center}.day-card{background:transparent;border:none;border-bottom:2px solid #2e6417;padding:6px 12px;text-align:center;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:2px;transition:all .2s;flex:1;min-width:60px;min-height:70px;position:relative}.day-card:hover{border-bottom-color:#1e4010}.day-card.selected{border-bottom:2px solid #4299e1}.day-card.selected:hover{border-bottom-color:#3b82f6}.day-card.today{background:#f0f9ff}.day-month{position:absolute;top:6px;left:50%;transform:translate(-50%);font-size:9px;font-weight:700;color:#2e6417;text-transform:uppercase;letter-spacing:.08em;margin:0;line-height:1;white-space:nowrap}.day-name{font-size:10px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.05em;margin:0;line-height:1}.day-number{font-size:24px;font-weight:700;color:#333;margin:0;line-height:1}.work-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:0;height:calc(100vh - 140px);min-height:600px;max-height:960px}.contractors-column,.books-column{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:20px;display:flex;flex-direction:column;overflow:hidden;height:100%}.column-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.column-header h3{margin:0;color:#1a202c;font-size:1.25rem;font-weight:600}.contractors-list,.books-list{flex:1;overflow-y:auto;padding-right:8px;display:flex;flex-direction:column;gap:12px}.contractors-list::-webkit-scrollbar,.books-list::-webkit-scrollbar{width:8px}.contractors-list::-webkit-scrollbar-track,.books-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.contractors-list::-webkit-scrollbar-thumb,.books-list::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.contractors-list::-webkit-scrollbar-thumb:hover,.books-list::-webkit-scrollbar-thumb:hover{background:#a0aec0}.empty-message,.loading-message{display:flex;align-items:flex-start;justify-content:flex-start;color:#718096;font-style:italic;text-align:left;padding:20px 0;margin-top:0}.temp-message{color:#718096;font-style:italic;text-align:center;padding:20px}.work-notification{position:fixed;top:20px;right:20px;max-width:400px;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:11000;animation:slideInRight .3s ease-out}.work-notification-content{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;gap:12px}.work-notification-message{font-size:.875rem;font-weight:500;flex:1}.work-notification-close{background:none;border:none;font-size:1.25rem;font-weight:700;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.work-notification-success{background:#d1fae5;border:1px solid #34d399;color:#065f46}.work-notification-success .work-notification-close{color:#065f46}.work-notification-success .work-notification-close:hover{background:#065f461a}.work-notification-error{background:#fee2e2;border:1px solid #f87171;color:#991b1b}.work-notification-error .work-notification-close{color:#991b1b}.work-notification-error .work-notification-close:hover{background:#991b1b1a}.work-notification-info{background:#dbeafe;border:1px solid #60a5fa;color:#1e40af}.work-notification-info .work-notification-close{color:#1e40af}.work-notification-info .work-notification-close:hover{background:#1e40af1a}.contractor-item{background:#fafafa;border:1px solid #e5e7eb;border-radius:6px;transition:all .2s ease;position:relative;display:flex;flex-direction:column}.contractor-item:hover{background:#f3f4f6;border-color:#d1d5db}.contractor-item.drag-over{border-color:#3b82f6;background:#eff6ff;box-shadow:0 0 0 2px #3b82f633}.contractor-info-inline{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;cursor:pointer}.contractor-left-section,.contractor-right-section{display:flex;align-items:center;gap:8px}.contractor-expand-icon{font-size:.75rem;color:#6b7280;transition:transform .2s ease}.contractor-name{font-weight:600;color:#374151;font-size:.9rem}.assignment-status-dots{display:flex;gap:6px;align-items:center}.status-dot-large{font-size:1.5rem;line-height:1;cursor:default;background:transparent}.status-dot-large.status-not_assigned{color:#6b7280}.status-dot-large.status-offered{color:#3b82f6}.status-dot-large.status-claimed{color:#f59e0b}.status-dot-large.status-pending{color:#8b5cf6}.status-dot-large.status-accepted{color:#10b981}.status-dot-large.status-completed{color:#059669}.status-dot-large.status-denied{color:#ef4444}.status-dot-large.status-temp_assigned{color:#6b7280}.contractor-books-list{padding:12px 16px 16px;background:#fff;border-top:1px solid #e5e7eb;position:relative;display:flex;flex-direction:column;gap:8px}.no-temp-books{color:#9ca3af;font-style:italic;text-align:center;padding:12px;font-size:.875rem}.temp-book{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;margin-bottom:8px;background:#fff;border:1px solid #e5e7eb;border-radius:4px;transition:all .2s ease}.temp-book:hover{background:#f9fafb;border-color:#d1d5db}.temp-book:last-child{margin-bottom:0}.temp-book.clickable-book{cursor:pointer}.temp-book.clickable-book:hover{background:#f0f7ff;border-color:#3b82f6}.temp-book-info{display:flex;align-items:center;gap:8px}.temp-book-number{font-weight:600;color:#374151;font-size:.875rem}.temp-book-separator{color:#9ca3af}.retract-btn{padding:4px 8px;background:none;border:none;color:#000;border-radius:4px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease}.retract-btn:hover{color:#dc2626}.day-cards-container{gap:6px}.day-card{padding:4px 6px;min-width:45px}.day-name{font-size:8px}.day-number{font-size:16px}} .books-header-buttons{display:flex;gap:8px}.unavailable-contractors-section{margin-top:0}.unavailable-section-title{font-size:.875rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin:0 0 12px;padding:0}.unavailable-contractors-list{display:flex;flex-direction:column;gap:8px}.unavailable-contractor-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f9fafb;border-radius:6px;transition:background .2s ease}.unavailable-contractor-item:hover{background:#f3f4f6}.unavailable-contractor-name{font-size:.875rem;font-weight:500;color:#374151}.msgsb-container *,.msgsb-container *:focus,.msgsb-container *:active{-webkit-tap-highlight-color:transparent!important;tap-highlight-color:transparent!important;outline:none!important}.msgsb-container button,.msgsb-container .msgsb-conv-item,.msgsb-container .msgsb-dropdown-item,.msgsb-container .msgsb-menu-btn,.msgsb-container .msgsb-delete-btn,.msgsb-container .msgsb-settings-button,.msgsb-container .msgsb-archive-button,.msgsb-container .msgsb-settings-button-phone,.msgsb-container .ds-btn-save{-webkit-tap-highlight-color:transparent!important;tap-highlight-color:transparent!important;outline:none!important;-webkit-user-select:none;user-select:none}.msgsb-container button:focus,.msgsb-container button:active,.msgsb-container .msgsb-conv-item:focus,.msgsb-container .msgsb-conv-item:active,.msgsb-container .msgsb-dropdown-item:focus,.msgsb-container .msgsb-dropdown-item:active{outline:none!important;-webkit-tap-highlight-color:transparent!important;tap-highlight-color:transparent!important}.msgsb-container{padding:14px;height:100%;display:flex;flex-direction:column;gap:12px;position:relative}.msgsb-search-row{display:flex;gap:10px;position:relative}.msgsb-search-input{flex:1;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;outline:none;transition:border-color .2s}.msgsb-search-input:focus{border-color:#3b82f6}.msgsb-icon-btn{padding:8px 12px;border:1px solid #3b82f6;background:#3b82f6;color:#fff;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.msgsb-icon-btn:hover{background:#2563eb;border-color:#2563eb;transform:translateY(-1px);box-shadow:0 2px 8px #3b82f64d}.msgsb-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:1000;max-height:300px;overflow-y:auto;pointer-events:auto}.msgsb-dropdown::-webkit-scrollbar{width:8px}.msgsb-dropdown::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.msgsb-dropdown::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.msgsb-dropdown::-webkit-scrollbar-thumb:hover{background:#a0aec0}.msgsb-dropdown{scrollbar-width:thin;scrollbar-color:#cbd5e0 #f1f5f9}.msgsb-dropdown .msgsb-dropdown-item{display:grid!important;grid-template-columns:32px 1fr auto!important;align-items:center!important;gap:8px!important;padding:6px 10px!important;cursor:pointer;transition:background .2s;pointer-events:auto;position:relative;z-index:1001;width:100%!important}.msgsb-dropdown .msgsb-dropdown-item:hover{background:#f3f4f6}.msgsb-dropdown .msgsb-dropdown-item:first-child{border-radius:8px 8px 0 0}.msgsb-dropdown .msgsb-dropdown-item:last-child{border-radius:0 0 8px 8px}.msgsb-dropdown .msgsb-avatar{width:32px!important;height:32px!important;font-size:13px!important;flex-shrink:0}.msgsb-dropdown .msgsb-user-meta{min-width:0;overflow:hidden;display:flex;flex-direction:column;gap:0}.msgsb-dropdown .msgsb-user-name{font-size:13px!important;font-weight:500!important;line-height:1.3!important;color:#111827!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msgsb-dropdown .msgsb-user-role{font-size:11px!important;line-height:1.2!important;color:#6b7280!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:1px}.msgsb-dropdown .presence-indicator{flex-shrink:0;display:flex;align-items:center;justify-content:center}.msgsb-body{display:block;min-height:300px;flex:1;overflow:hidden;position:relative}.msgsb-left{height:100%;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.msgsb-left::-webkit-scrollbar{width:8px}.msgsb-left::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.msgsb-left::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.msgsb-left::-webkit-scrollbar-thumb:hover{background:#a0aec0}.msgsb-left{scrollbar-width:thin;scrollbar-color:#cbd5e0 #f1f5f9}.msgsb-section-title{font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:.06em;margin:8px 0;font-weight:600}.msgsb-conversations{flex:1;display:flex;flex-direction:column;min-height:0}.msgsb-conv-list{display:flex;flex-direction:column;gap:8px}.msgsb-conv-item{display:grid;grid-template-columns:40px 1fr auto auto;align-items:center;gap:10px;padding:10px;border-radius:10px;background:#fff;border:1px solid #e5e7eb;cursor:pointer;transition:all .2s;position:relative}.msgsb-conv-item:hover{background:#f9fafb;border-color:#d1d5db;transform:translate(2px)}.msgsb-conv-item.active{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.msgsb-avatar{width:40px;height:40px;border-radius:50%;background:#f3f4f6;display:flex;align-items:center;justify-content:center;font-weight:600;color:#374151;font-size:16px}.msgsb-user-meta,.msgsb-conv-meta{display:flex;flex-direction:column;min-width:0}.msgsb-user-name,.msgsb-conv-name{font-size:14px;font-weight:600;color:#111827;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msgsb-user-role,.msgsb-conv-sub{font-size:12px;color:#6b7280;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msgsb-status{width:10px;height:10px;border-radius:50%;background:#9ca3af}.msgsb-status.online{background:#22c55e}.msgsb-status.idle{background:#f59e0b}.msgsb-status.offline{background:#6b7280}.msgsb-unread{min-width:20px;padding:0 8px;height:20px;border-radius:10px;background:#ef4444;color:#fff;font-size:12px;font-weight:600;display:inline-flex;align-items:center}.msgsb-conv-actions{display:flex;align-items:center;gap:4px}.msgsb-dropdown-container{position:relative}.msgsb-menu-btn{background:transparent;border:none;cursor:pointer;padding:4px 6px;border-radius:6px;opacity:.5;transition:all .2s;display:flex;align-items:center;justify-content:center;color:#6b7280}.msgsb-menu-btn svg{width:16px;height:16px}.msgsb-menu-btn:hover{opacity:1;background:#f3f4f6;color:#374151}.msgsb-conv-item:hover .msgsb-menu-btn{opacity:.7}.msgsb-dropdown-menu{position:absolute;right:0;top:100%;margin-top:4px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:1000;min-width:140px;overflow:hidden}.msgsb-dropdown-menu .msgsb-dropdown-item{width:100%;padding:10px 16px;text-align:left;background:transparent;border:none;cursor:pointer;font-size:14px;color:#374151;transition:background .15s;display:block}.msgsb-dropdown-menu .msgsb-dropdown-item:hover{background:#f3f4f6}.msgsb-dropdown-menu .msgsb-dropdown-item:first-child{border-bottom:1px solid #e5e7eb}.msgsb-delete-btn{background:transparent;border:none;cursor:pointer;padding:4px 8px;border-radius:6px;font-size:16px;opacity:.5;transition:all .2s;display:flex;align-items:center;justify-content:center;color:#6b7280}.msgsb-delete-btn svg{width:16px;height:16px}.msgsb-delete-btn:hover{opacity:1;background:#fee2e2;color:#dc2626;transform:scale(1.1)}.msgsb-conv-item:hover .msgsb-delete-btn{opacity:.7}.msgsb-group-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:200;animation:fadeIn .15s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);margin:-14px;padding:14px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.msgsb-group-panel{background:#fff;border-radius:16px;width:calc(100% - 32px);max-width:450px;height:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 24px 48px #0000001f,0 8px 16px #00000014;animation:slideUp .25s cubic-bezier(.16,1,.3,1);overflow:hidden}@media (max-width: 768px) and (orientation: portrait){.msgsb-group-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:calc(70px + env(safe-area-inset-bottom))!important;margin:0!important;padding:1rem!important;z-index:10000!important}.msgsb-group-panel{width:100%!important;max-width:100%!important;height:auto!important;max-height:calc(100vh - 70px - 2rem - env(safe-area-inset-bottom))!important;min-height:400px!important;margin:0!important;border-radius:12px!important}.msgsb-group-members{margin-top:2.25rem!important}}.msgsb-settings-panel{height:auto;max-height:400px;min-height:280px}.msgsb-settings-panel .msgsb-group-content{padding:16px 20px}@keyframes slideUp{0%{opacity:0;transform:translateY(24px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.msgsb-group-content{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:0}.msgsb-group-content::-webkit-scrollbar{width:8px}.msgsb-group-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.msgsb-group-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.msgsb-group-content::-webkit-scrollbar-thumb:hover{background:#a0aec0}.msgsb-group-content{scrollbar-width:thin;scrollbar-color:#cbd5e0 #f1f5f9}.msgsb-group-name-input{width:100%!important;padding:4px 0!important;border:none!important;border-bottom:2px solid #cbd5e0!important;border-radius:0!important;font-size:.9rem!important;outline:none!important;transition:border-color .2s!important;font-weight:400!important;background:transparent!important;color:#2d3748!important}.msgsb-group-name-input:focus{border-bottom-color:#3b82f6!important;outline:none!important;background:transparent!important}.msgsb-group-name-input::placeholder{color:#9ca3af;font-weight:400}.msgsb-group-members{display:flex;flex-direction:column;gap:12px;flex:1;min-height:0}.msgsb-group-separator{height:1px;background:#e5e7eb;margin:8px 0}.msgsb-group-recent-label{font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:.06em;margin:8px 0 4px;font-weight:600}.msgsb-group-search-input{width:100%!important;padding:4px 0!important;border:none!important;border-bottom:2px solid #cbd5e0!important;border-radius:0!important;font-size:.9rem!important;outline:none!important;transition:border-color .2s!important;background:transparent!important;color:#2d3748!important}.msgsb-group-search-input:focus{border-bottom-color:#3b82f6!important;outline:none!important;background:transparent!important}.msgsb-group-search-input::placeholder{color:#9ca3af}.msgsb-group-user-list{display:flex;flex-direction:column;gap:0;max-height:100%;overflow-y:auto;overflow-x:hidden;padding-right:4px}.msgsb-group-user-list::-webkit-scrollbar{width:8px}.msgsb-group-user-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.msgsb-group-user-list::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.msgsb-group-user-list::-webkit-scrollbar-thumb:hover{background:#a0aec0}.msgsb-group-user-list{scrollbar-width:thin;scrollbar-color:#cbd5e0 #f1f5f9}.msgsb-group-user-item{display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:12px;padding:0;border-radius:0;background:transparent;border:none;cursor:pointer;transition:all .15s;min-width:0}.msgsb-group-user-item:hover{background:transparent;border-color:transparent;transform:none}.msgsb-group-user-item input[type=checkbox]{cursor:pointer;width:14px;height:14px;border-radius:50%;appearance:none;-webkit-appearance:none;-moz-appearance:none;border:2px solid #cbd5e0;background:#fff;position:relative;transition:all .2s;flex-shrink:0;margin:0}.msgsb-group-user-item input[type=checkbox]:checked{background:#10b981;border-color:#10b981}.msgsb-group-user-item input[type=checkbox]:hover{border-color:#10b981}.msgsb-group-actions{display:flex;gap:12px;padding:16px 20px 20px;border-top:1px solid #f3f4f6;background:#fafbfc;justify-content:flex-end}.msgsb-settings-button-container{position:absolute;bottom:12px;left:12px;z-index:100;display:flex;flex-direction:column;gap:8px;align-items:flex-start}.msgsb-settings-button-phone{display:none}.msgsb-settings-button,.msgsb-archive-button{background:transparent;border:none;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease;padding:6px 10px;border-radius:6px;font-size:13px;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.msgsb-archive-button-phone{display:none}.msgsb-settings-button{color:#2e6417}.msgsb-archive-button{color:#6b7280;position:relative}.msgsb-settings-button svg,.msgsb-archive-button svg{width:16px;height:16px;flex-shrink:0}.msgsb-settings-button:hover{background:#2e641714;color:#22543d}.msgsb-archive-button:hover{background:#6b728014;color:#4b5563}.msgsb-archive-button.active{color:#2e6417;background:#2e64171f}.msgsb-archive-button.active:hover{background:#2e641729;color:#22543d}@media (max-width: 768px) and (orientation: portrait){.msgsb-settings-button-container{display:none}.msgsb-settings-button-phone{display:none!important}.msgsb-archive-button-phone{position:fixed!important;bottom:calc(82px + env(safe-area-inset-bottom))!important;right:calc(12px + env(safe-area-inset-right))!important;z-index:10000!important;display:flex!important;align-items:center;gap:6px;padding:8px 12px;background:transparent!important;border:none!important;border-radius:6px;box-shadow:none!important;cursor:pointer;font-size:.875rem;font-weight:500;color:#6b7280;transition:all .2s ease;visibility:visible!important;opacity:1!important}.msgsb-archive-button:hover{box-shadow:0 4px 12px #00000026;background:#6b728014}.msgsb-archive-button.active{color:#2e6417;background:#2e64171f}.msgsb-archive-button svg{width:16px;height:16px;flex-shrink:0}}@media (max-width: 1024px) and (orientation: landscape) and (max-height: 600px){.msgsb-settings-button-container{display:none}.msgsb-settings-button-phone{display:none!important}.msgsb-archive-button-phone{position:fixed!important;bottom:calc(82px + env(safe-area-inset-bottom))!important;right:calc(12px + env(safe-area-inset-right))!important;z-index:10000!important;display:flex!important;align-items:center;gap:6px;padding:8px 12px;background:transparent!important;border:none!important;border-radius:6px;box-shadow:none!important;cursor:pointer;font-size:.875rem;font-weight:500;color:#6b7280;transition:all .2s ease;visibility:visible!important;opacity:1!important}.msgsb-archive-button:hover{box-shadow:0 4px 12px #00000026;background:#6b728014}.msgsb-archive-button.active{color:#2e6417;background:#2e64171f}.msgsb-archive-button svg{width:16px;height:16px;flex-shrink:0}}@media (min-width: 769px){.msgsb-settings-button-phone{display:none!important}}.msgsb-settings-title{font-size:1.25rem;font-weight:600;color:#111827;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.msgsb-settings-loading{font-size:.875rem;color:#6b7280;text-align:center;padding:20px}.msgsb-settings-list{display:flex;flex-direction:column;gap:0}.msgsb-settings-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;gap:12px}.msgsb-settings-toggle-row:not(:last-child){border-bottom:1px solid #f3f4f6}.msgsb-settings-toggle-row label:first-child{font-size:.875rem;color:#374151;font-weight:400;cursor:pointer;flex:1}.msgsb-settings-toggle{position:relative;display:inline-block;width:44px;height:24px;cursor:pointer;flex-shrink:0}.msgsb-settings-toggle input{opacity:0;width:0;height:0;position:absolute}.msgsb-settings-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e0;transition:.2s;border-radius:24px}.msgsb-settings-toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.2s;border-radius:50%;box-shadow:0 1px 3px #0003}.msgsb-settings-toggle input:checked+.msgsb-settings-toggle-slider{background-color:#2e6417}.msgsb-settings-toggle input:checked+.msgsb-settings-toggle-slider:before{transform:translate(20px)}.msgsb-settings-toggle input:focus+.msgsb-settings-toggle-slider{box-shadow:0 0 0 3px #2e64171a}.msgsb-settings-toggle:hover input:not(:checked)+.msgsb-settings-toggle-slider{background-color:#a0aec0}.msgsb-btn-cancel,.msgsb-btn-create{flex:1;padding:12px 18px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;border:none;letter-spacing:-.01em}.msgsb-btn-cancel{background:#fff;color:#374151;border:2px solid #e5e7eb}.msgsb-btn-cancel:hover{background:#f9fafb;border-color:#d1d5db}.msgsb-btn-create{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 2px 8px #3b82f640}.msgsb-btn-create:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f659;transform:translateY(-1px)}.msgsb-btn-create:disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed;box-shadow:none;transform:none}.msgsb-empty{margin:12px;color:#6b7280;text-align:center}@media (max-width: 768px) and (orientation: portrait){.msgsb-fullscreen-chat{position:fixed;top:0;left:0;right:0;bottom:calc(70px + env(safe-area-inset-bottom));display:flex;flex-direction:column;background:#fff;z-index:1000;height:calc(100vh - 70px - env(safe-area-inset-bottom))}.msgsb-fullscreen-chat-header{display:flex;align-items:center;padding:.75rem 1rem;background:#f9fafb;color:#111827;border-bottom:1px solid #e5e7eb;flex-shrink:0;gap:.75rem}.msgsb-fullscreen-chat-back{background:transparent;border:none;color:#374151;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:4px;transition:background .2s;-webkit-tap-highlight-color:transparent}.msgsb-fullscreen-chat-back svg{width:20px;height:20px}.msgsb-fullscreen-chat-back:hover{background:#0000000d}.msgsb-fullscreen-chat-back:active{background:#0000001a}.msgsb-fullscreen-chat-title{font-weight:600;font-size:1rem;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msgsb-fullscreen-chat-messages{flex:1;overflow-y:auto;overflow-x:hidden;padding:.75rem;background:#fff;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#cbd5e0 #f1f5f9}.msgsb-fullscreen-chat-messages::-webkit-scrollbar{width:8px}.msgsb-fullscreen-chat-messages::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.msgsb-fullscreen-chat-messages::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.msgsb-fullscreen-chat-messages::-webkit-scrollbar-thumb:hover{background:#a0aec0}.msgsb-fullscreen-chat-inputrow{display:flex;gap:.5rem;padding:.75rem;background:#fff;border-top:1px solid #e5e7eb;flex-shrink:0;align-items:center}.msgsb-fullscreen-chat-inputrow .chatdock-input{flex:1;padding:.625rem .875rem;font-size:.9rem}.msgsb-fullscreen-chat-inputrow .chatdock-send{flex-shrink:0;padding:.625rem 1rem}}.scheduling-page,.calendar-page{padding:20px;background-color:#f8fafc;min-height:100vh}.calendar-container{max-width:1200px;margin:0 auto;padding:20px}.calendar-header{display:flex;align-items:center;justify-content:flex-end;gap:15px;margin-bottom:15px;flex-wrap:nowrap;min-width:0}.calendar-navigation .region-tabs{display:flex;gap:8px;flex-wrap:nowrap;min-width:0;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none;justify-content:flex-end;background:transparent!important;border:none!important}.calendar-navigation .region-tabs::-webkit-scrollbar{display:none}.calendar-navigation .region-tab{padding:1rem 1.5rem;border:none;border-bottom:3px solid transparent;background:transparent;color:#6b7280;cursor:pointer;border-radius:8px;transition:all .2s ease;font-weight:500;white-space:nowrap;flex-shrink:0;min-width:fit-content;font-size:.9375rem}.calendar-navigation .region-tab:hover{background:transparent;color:#2e6417}.calendar-navigation .region-tab.active{background:transparent;color:#2e6417;border-bottom-color:#2e6417;font-weight:600}.set-cycle-button{display:none}.set-cycle-button-container{display:flex;justify-content:flex-end;padding:1rem 10px 0}.calendar-navigation{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding:0 10px}.calendar-navigation-left{flex:0 0 auto}.calendar-navigation-right{flex:0 0 auto;display:flex;align-items:center;gap:8px}.vertical-separator{width:1px;height:32px;background:#cbd5e0;margin:0 8px}.calendar-navigation-right .region-tabs{display:flex;gap:8px}.region-dropdown-container{position:relative}.region-dropdown-btn{display:flex;align-items:center;gap:8px;min-width:150px;justify-content:space-between}.dropdown-arrow{font-size:.75rem;transition:transform .2s}.region-dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 4px 6px #0000001a;min-width:150px;z-index:1000;overflow:hidden}.region-dropdown-item{display:block;width:100%;padding:10px 16px;background:#fff;border:none;color:#4a5568;text-align:left;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s}.region-dropdown-item:hover{background:#f1f5f9}.region-dropdown-item.active{background:#e8f4fd;color:#2e6417;font-weight:600}.current-month{font-size:24px;font-weight:700;color:#333;margin:0}.nav-buttons{display:flex;gap:8px}.nav-button,.today-button{padding:8px 16px;border:1px solid #e2e8f0;background:#f8fafc;color:#4a5568;cursor:pointer;border-radius:4px;transition:all .2s;font-weight:500}.nav-button:hover,.today-button:hover{background:#f1f5f9;border-color:#cbd5e0;color:#2d3748}.today-button{background:#4299e1;color:#fff;border-color:#4299e1}.today-button:hover{background:#3182ce;border-color:#3182ce}.today-button.disabled,.today-button:disabled{background:#e2e8f0;color:#a0aec0;border-color:#e2e8f0;cursor:not-allowed;opacity:.6}.today-button.disabled:hover,.today-button:disabled:hover{background:#e2e8f0;border-color:#e2e8f0;color:#a0aec0}.calendar-grid{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden;border:1px solid #ddd}.calendar-days-container{position:relative;display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:minmax(120px,auto)}.day-headers{display:grid;grid-template-columns:repeat(7,1fr);background:#f8f9fa;grid-column:1 / -1}.day-header{padding:15px;text-align:center;font-weight:700;color:#666;border-right:1px solid #ddd}.day-header:last-child{border-right:none}.calendar-days{display:contents}.calendar-day{min-height:120px;padding:8px;border-right:1px solid #eee;border-bottom:1px solid #eee;background:#fff;display:flex;flex-direction:column;position:relative;z-index:1}.day-number{font-weight:700;color:#333;margin-bottom:4px;z-index:2;position:relative}.cycle-bar{position:absolute;height:20px;border-radius:3px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;font-size:9px;font-weight:500;border:1px solid rgba(255,255,255,.3);box-shadow:0 1px 2px #00000026;pointer-events:auto;margin:0;min-width:70px}.cycle-bar:hover{transform:translateY(-1px);box-shadow:0 2px 6px #0003;filter:brightness(1.08);border-color:#fff9;z-index:100!important}.cycle-bar-content{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1px 4px;gap:4px;line-height:1;overflow:hidden;flex-wrap:nowrap;position:relative}.cycle-label{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;text-align:center;text-shadow:0 1px 1px rgba(0,0,0,.4);min-width:0;max-width:100%;padding:0 22px;position:relative;z-index:1}.cycle-time{font-size:8px;font-weight:500;opacity:.95;white-space:nowrap;background:#0000004d;padding:1px 3px;border-radius:2px;text-shadow:none;flex-shrink:0;min-width:fit-content;position:absolute;top:50%;transform:translateY(-50%);z-index:2}.cycle-time.start-time{left:2px}.cycle-time.end-time{right:2px}.cycle-bar.status-past_due{background:linear-gradient(135deg,#6b7280,#9ca3af);color:#f9fafb;opacity:.8}.cycle-bar.status-active{background:linear-gradient(135deg,#2e6417,#3d8b21);color:#fff}.cycle-bar.status-not_started,.cycle-bar.status-next_upcoming{background:linear-gradient(135deg,#6b7280,#9ca3af);color:#f9fafb;opacity:.8}.cycle-bar.status-deleted{display:none}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;border-radius:8px;width:90%;max-width:500px;max-height:90vh;overflow:visible;position:relative;display:flex;flex-direction:column;z-index:1001}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee}.modal-header h3{margin:0;color:#333}.close-button{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.close-button:hover{color:#000}.modal-body{padding:20px;overflow:visible;flex:1;position:relative}.modal-footer{display:flex;justify-content:flex-end;align-items:center;padding:16px 24px;border-top:1px solid #e5e7eb;background:#f8fafc;gap:8px}.book-popup-actions:has(.book-popup-actions-left),.book-popup-actions:has(.book-popup-actions-right){display:flex!important;justify-content:space-between!important;align-items:center;padding:16px 24px;border-top:1px solid #e5e7eb;background:transparent}.book-popup-actions{display:flex!important;justify-content:space-between!important;align-items:center;padding:16px 24px;border-top:1px solid #e5e7eb;background:transparent}.book-popup-actions-left,.book-popup-actions-right{display:flex;gap:8px}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:700;color:#333}.form-group input,.form-group select{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;background:#fff}.form-group input:focus,.form-group select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.form-group input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;z-index:9999;filter:invert(.5);opacity:.8}.form-group input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1;filter:invert(.3)}.form-group input[type=date]{position:relative;max-width:200px}.form-group input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(.5);opacity:.8}.form-group input[type=time]::-webkit-calendar-picker-indicator:hover{opacity:1;filter:invert(.3)}.form-group input[type=time]{position:relative;max-width:150px}.form-group input.error,.form-group select.error{border-color:#dc3545}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field-error{color:#dc3545;font-size:12px;margin-top:5px}.error-message-form{background:#f8d7da;color:#721c24;padding:10px;border-radius:4px;margin-bottom:15px;border:1px solid #f5c6cb}.submit-button,.cancel-button,.delete-button,.delete-confirm-button{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-weight:700;transition:background .2s}.submit-button{background:#28a745;color:#fff}.submit-button:hover{background:#218838}.submit-button:disabled{background:#6c757d;cursor:not-allowed}.cancel-button{background:#6c757d;color:#fff}.cancel-button:hover{background:#5a6268}.delete-confirm-button{background:#dc3545;color:#fff}.delete-confirm-button:hover{background:#c82333}.cycle-details-grid{display:flex;flex-direction:column;gap:15px;position:relative}.detail-row{display:flex;align-items:flex-start;gap:15px}.cycle-details-grid .edit-field-btn{background:#f8fafc!important;color:#4a5568!important;border:1px solid #e2e8f0!important;padding:4px 8px!important;border-radius:4px!important;cursor:pointer;font-size:.75rem!important;font-weight:500!important;transition:all .2s ease;margin-left:8px;display:flex!important;align-items:center;justify-content:center}.cycle-details-grid .edit-field-btn:hover{background:#e2e8f0!important;border-color:#cbd5e0!important}.cycle-details-grid .edit-field-btn svg{width:16px;height:16px;stroke-width:2}.cycle-details-grid .edit-field-container{display:flex;flex-direction:column;gap:12px;flex:1;align-items:center;width:100%;padding-top:16px;padding-bottom:16px;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb}.cycle-details-grid .detail-row:has(.edit-field-container){justify-content:center}.cycle-details-grid .edit-field-container .form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px;width:100%;max-width:500px;justify-self:center}.cycle-details-grid .edit-field-container .form-group{margin-bottom:0}.cycle-details-grid .edit-field-container .form-group label{display:block;margin-bottom:5px;font-weight:700;color:#333;font-size:.875rem}.cycle-details-grid .edit-field-container .form-group input{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;background:#fff;box-sizing:border-box}.cycle-details-grid .edit-field-container .form-group input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.cycle-details-grid .edit-field-container .form-group input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;z-index:9999;filter:invert(.5);opacity:.8}.cycle-details-grid .edit-field-container .form-group input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1;filter:invert(.3)}.cycle-details-grid .edit-field-container .form-group input[type=date]{position:relative;max-width:200px}.cycle-details-grid .edit-field-container .form-group input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(.5);opacity:.8}.cycle-details-grid .edit-field-container .form-group input[type=time]::-webkit-calendar-picker-indicator:hover{opacity:1;filter:invert(.3)}.cycle-details-grid .edit-field-container .form-group input[type=time]{position:relative;max-width:150px}.cycle-details-grid .edit-actions{display:flex;gap:8px;justify-content:flex-end;width:100%}.cycle-details-grid .save-btn,.cycle-details-grid .cancel-btn{padding:4px 12px!important;border:none;border-radius:4px!important;cursor:pointer;font-size:.75rem!important;font-weight:500!important;transition:all .2s ease}.cycle-details-grid .save-btn{background:#10b981!important;color:#fff!important}.cycle-details-grid .save-btn:hover:not(:disabled){background:#059669!important}.cycle-details-grid .save-btn:disabled{background:#cbd5e0!important;cursor:not-allowed;opacity:.6}.cycle-details-grid .cancel-btn{background:#f8fafc!important;color:#4a5568!important;border:1px solid #e2e8f0!important}.cycle-details-grid .cancel-btn:hover{background:#e2e8f0!important;color:#2d3748!important}.detail-label{font-weight:700;color:#333;min-width:140px;flex-shrink:0}.detail-value{color:#666;flex:1}.detail-value-with-edit{flex:1;display:flex;flex-direction:column;gap:8px}.detail-value-container{display:flex;align-items:center;justify-content:space-between;gap:15px}.edit-button{background:#f8fafc;color:#4a5568;border:1px solid #e2e8f0;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease}.edit-button:hover{background:#e2e8f0;border-color:#cbd5e0}.edit-field-container{display:flex;flex-direction:column;gap:8px}.edit-form{display:flex;gap:8px;align-items:center}.edit-form input{padding:6px 10px;border:1px solid #ddd;border-radius:3px;font-size:14px}.edit-form input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.edit-actions{display:flex;gap:8px}.edit-actions .ds-btn-save-sm,.edit-actions .ds-btn-cancel-sm{padding:4px 12px}.edit-form-buttons{display:flex;gap:8px;margin-top:8px}.save-edit-button,.cancel-edit-button{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease}.save-edit-button{background:#10b981;color:#fff}.save-edit-button:hover:not(:disabled){background:#059669}.save-edit-button:disabled{background:#cbd5e0;cursor:not-allowed;opacity:.6}.cancel-edit-button{background:#f8fafc;color:#4a5568;border:1px solid #e2e8f0}.cancel-edit-button:hover{background:#e2e8f0;border-color:#cbd5e0}.status-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:700;text-transform:uppercase}.status-not_started{background:#e3f2fd;color:#1976d2}.status-active{background:#e8f5e8;color:#2e7d32}.status-past_due{background:#fff3e0;color:#f57c00}.status-next_upcoming{background:#fef3c7;color:#f59e0b}.status-deleted{background:#ffebee;color:#d32f2f}.action-buttons-row{margin-top:20px;padding-top:15px;border-top:2px solid #e2e8f0;justify-content:space-between;align-items:center;gap:15px;flex-direction:row!important;background:transparent!important}.action-buttons-row:hover{background:transparent!important;transition:none!important;transform:none!important;box-shadow:none!important;cursor:default!important}.action-buttons-row *,.action-buttons-row *:hover{transition:none!important;transform:none!important;box-shadow:none!important;background:transparent!important}.action-buttons-row button{transition:border-bottom-color .2s,color .2s!important;background:transparent!important}.action-buttons-row button:hover{background:transparent!important;transform:none!important;box-shadow:none!important}.edit-field-btn{background:#f8fafc;color:#4a5568;border:1px solid #e2e8f0;padding:4px 8px;border-radius:4px;cursor:pointer;font-size:.75rem;font-weight:500;transition:all .2s ease;margin-left:8px;display:flex;align-items:center;justify-content:center}.edit-field-btn:hover{background:#e2e8f0;border-color:#cbd5e0}.edit-field-btn svg{width:16px;height:16px;stroke-width:2}.confirmation-modal{max-width:400px}.confirmation-modal .modal-body p{margin:0 0 10px;color:#666}.confirmation-modal .modal-body p:last-child{font-weight:700;color:#dc3545}.scheduling-page .page-header,.calendar-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:0 20px;background:none;border:none;box-shadow:none}.scheduling-page .page-header{flex-direction:column}.scheduling-page .page-header h2,.calendar-page .page-header .header-left h2{margin:0;color:#1f2937;font-size:1.8rem;font-weight:700}.scheduling-page .page-header p{margin:0;color:#6b7280;font-size:.875rem}.calendar-page .page-header .header-right{display:flex;gap:12px;align-items:center}.region-tabs-container{margin-bottom:10px;padding:0 20px;display:flex;justify-content:center}.region-tabs{display:flex;gap:2px;background:#f1f5f9;padding:4px;border-radius:8px;border:1px solid #e2e8f0;width:fit-content}.region-tab{background:transparent;border:none;padding:5px 12px;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:80px;white-space:nowrap}.region-tab:hover{background:#10b9811a}.region-tab.active{background:#10b981;color:#fff;box-shadow:0 2px 4px #10b9814d}.region-tab .region-code{font-size:.9rem;font-weight:700;line-height:1}.region-tab .region-name{font-size:.7rem;font-weight:500;line-height:1;text-align:center}.region-tab.active .region-code,.region-tab.active .region-name{color:#fff}.no-regions-message{text-align:center;padding:40px 20px;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin:20px 0}.no-regions-message p{margin:0;color:#6b7280;font-size:1rem;font-weight:500}.error-alert{background:#fee2e2;border:1px solid #fecaca;color:#dc2626;padding:12px;border-radius:6px;margin-bottom:16px;font-size:.875rem}.error-message{text-align:center;padding:20px;color:#dc2626;background:#fee2e2;border:1px solid #fecaca;border-radius:6px;margin:20px 0}.region-tab:disabled{opacity:.6;cursor:not-allowed}.region-tab:disabled:hover{background:transparent}.scheduling-page .calendar-container,.calendar-page .calendar-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:20px;margin-bottom:30px}.calendar-page .calendar-title-with-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.calendar-page .calendar-title-with-nav h2{margin:0;font-size:1.5rem;color:#1f2937}.calendar-page .calendar-navigation-inline{display:flex;gap:6px;align-items:center}.calendar-page .nav-btn{background:#f8fafc;border:1px solid #e2e8f0;color:#4a5568;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.calendar-page .nav-btn:hover{background:#f1f5f9;border-color:#cbd5e0;color:#2d3748}.calendar-page .nav-btn.today-btn{background:#4299e1;border-color:#4299e1;color:#fff}.calendar-page .nav-btn.today-btn:hover{background:#3182ce;border-color:#3182ce}.scheduling-page .set-cycle-btn,.calendar-page .page-header .set-cycle-btn{background:#10b981!important;border:1px solid #10b981!important;color:#fff!important;padding:8px 16px;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.scheduling-page .set-cycle-btn{margin-right:8px}.scheduling-page .set-cycle-btn:hover,.calendar-page .page-header .set-cycle-btn:hover{background:#059669!important;border-color:#059669!important;color:#fff!important}.calendar-page .page-header .set-cycle-btn:active{transform:translateY(1px)}.scheduling-page .calendar-controls{gap:12px}.scheduling-page .calendar-controls button{background:#f8fafc;border:1px solid #e2e8f0;color:#4a5568;padding:8px 16px;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.scheduling-page .calendar-controls button:hover{background:#f1f5f9;border-color:#cbd5e0;color:#2d3748}.scheduling-page .calendar-controls .today-btn{background:#4299e1;border-color:#4299e1;color:#fff}.scheduling-page .calendar-controls .today-btn:hover{background:#3182ce;border-color:#3182ce}.scheduling-page .calendar-legend{display:flex;justify-content:center;gap:1.5rem;margin-bottom:1rem;padding:.5rem;background:transparent}.scheduling-page .legend-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#374151}.scheduling-page .legend-indicator{width:18px;height:18px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.75rem}.scheduling-page .legend-indicator.cycle-span-demo{background:linear-gradient(135deg,#f59e0b,#d97706);border:none}.success-alert{position:fixed;top:20px;right:20px;background:#28a745;color:#fff;padding:12px 20px;border-radius:4px;box-shadow:0 4px 6px #0000001a;z-index:1000;animation:slideInRight .3s ease-out}.alert-content{display:flex;align-items:center;gap:8px}.alert-icon{font-weight:700;font-size:1.1rem}.schedule-log-section{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-top:20px}.log-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e2e8f0}.log-header h3{margin:0;color:#1f2937;font-size:1.2rem;font-weight:600}.log-toggle-btn{background:none;border:none;color:#667eea;font-size:.9rem;font-weight:500;cursor:pointer;padding:6px 12px;border-radius:4px;transition:background-color .2s ease;display:flex;align-items:center;gap:6px}.log-toggle-btn:hover{background:#f1f5f9}.log-content{padding:0 20px 20px}.empty-log{text-align:center;padding:40px 20px;color:#6b7280;font-style:italic}.log-entry{display:flex;gap:16px;padding:16px;border-radius:6px;border-left:4px solid #e2e8f0;background:#f8fafc;margin-bottom:12px}.log-entry.created{border-left-color:#10b981;background:#f0fdf4}.log-entry.updated{border-left-color:#f59e0b;background:#fffbeb}.log-entry.deleted{border-left-color:#ef4444;background:#fef2f2}.log-timestamp{font-size:.8rem;color:#6b7280;font-weight:500;min-width:120px;white-space:nowrap}.log-details{flex:1}.log-details strong{color:#1f2937;font-weight:600;font-size:.9rem}.log-details p{margin:4px 0 8px;color:#4b5563;font-size:.85rem;line-height:1.4}.log-user{font-size:.8rem;color:#6b7280;font-style:italic}.log-load-more{display:flex;justify-content:center;margin-top:20px;padding-top:20px;border-top:1px solid #e2e8f0}.load-more-btn{background:#f8fafc;border:1px solid #d1d5db;color:#374151;padding:8px 16px;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .2s ease}.load-more-btn:hover{background:#e2e8f0;border-color:#9ca3af}.load-more-btn:disabled{opacity:.6;cursor:not-allowed}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e2e8f0;background:none!important}.modal-close{background:none;border:none;font-size:1.5rem;color:#718096;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.modal-content{padding:20px;overflow-y:auto;flex:1}.modal-actions{display:flex;gap:12px;justify-content:flex-end;padding:20px;border-top:1px solid #e2e8f0;background:#f8fafc}.set-cycle-modal{max-width:400px;width:90%}.edit-cycle-modal{max-width:450px;width:90%}.set-cycle-modal .form-group{margin-bottom:1.25rem}.set-cycle-modal .form-group label{display:block;font-weight:500;color:#374151;margin-bottom:.5rem;font-size:.875rem}.set-cycle-modal .form-input{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;transition:all .2s ease;box-sizing:border-box}.set-cycle-modal .form-input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.cycle-info-display{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:16px;margin-bottom:20px}.info-row{display:flex;justify-content:space-between;margin-bottom:8px}.info-row:last-child{margin-bottom:0}.info-label{font-weight:500;color:#4b5563;font-size:.9rem}.info-value{color:#1f2937;font-size:.9rem;font-weight:500}.primary-btn{background:#10b981;color:#fff;border:none;padding:10px 20px;border-radius:4px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.primary-btn:hover:not(:disabled){background:#059669}.delete-btn{background:#ef4444;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.delete-btn:hover{background:#dc2626}.delete-btn:disabled{opacity:.6;cursor:not-allowed}.status-indicator.status-past_due{color:#6b7280;background-color:#f3f4f6}.status-indicator.status-active{color:#10b981;background-color:#d1fae5}.status-indicator.status-not_started{color:#3b82f6;background-color:#dbeafe}.status-indicator.status-next_upcoming{color:#f59e0b;background-color:#fef3c7}.status-indicator{padding:4px 8px;border-radius:4px;font-weight:500;display:inline-block}.calendar-day{min-height:100px;padding:8px;border-right:1px solid #eee;border-bottom:1px solid #eee;background:#fff;display:flex;flex-direction:column}.calendar-day:nth-child(7n){border-right:none}.calendar-day.today{background:#fff!important;background-color:#fff!important;border-color:#eee!important;box-shadow:none!important}.calendar-day.today .day-number{color:#3b82f6!important;background:transparent!important;width:auto!important;height:auto!important;border-radius:0!important;font-weight:600!important}.calendar-day.other-month{background:#f9f9f9;opacity:.6}.calendar-day.other-month .day-number{color:#999}.day-number{font-weight:700;color:#333;margin-bottom:4px}.cycle-bar[style*="span 1"] .cycle-label{font-size:9px}.cycle-bar .cycle-time{font-size:8px;padding:1px 3px}.cycle-bars-overlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:5}.catalogue-page{padding:0 20px;background-color:#f8fafc;scrollbar-gutter:stable}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:0 20px;background:none!important;border:none!important;box-shadow:none!important;position:relative;z-index:10}.page-header h2{margin:0;color:#1a202c;font-size:1.8rem;font-weight:600}.header-actions{display:flex;gap:10px}.action-btn{background:#f8fafc;border:1px solid #e2e8f0;color:#4a5568;padding:10px 18px;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.action-btn:hover{background:#f1f5f9;border-color:#cbd5e0;color:#2d3748}.catalogue-layout{display:grid;grid-template-columns:340px 1fr;gap:32px;height:calc(100vh - 140px);overflow:hidden}.catalogue-sidebar{background:transparent;border-radius:0;box-shadow:none;overflow:hidden;display:flex;flex-direction:column}.sidebar-actions{display:flex;flex-direction:row;gap:8px;padding:0;margin-top:15px;flex-wrap:wrap;border-bottom:2px solid #e2e8f0;margin-bottom:12px}.tree-view{padding:15px 12px 15px 15px;flex:1;overflow-y:auto;margin-top:0;scrollbar-gutter:stable}.empty-tree{text-align:center;padding:40px 20px;color:#718096}.tree-node{margin-bottom:4px}.tree-item{display:flex;align-items:center;padding:5px 12px;cursor:pointer;border-radius:4px;transition:background-color .2s ease;font-size:.9rem}.tree-item:hover{background-color:#f7fafc}.cycle-item{position:relative}.cycle-item:hover{background-color:#f7fafc}.cycle-item .tree-label,.cycle-item .tree-count{cursor:pointer}.tree-item.selected{background-color:#e6fffa;border-left:3px solid #38b2ac}.region-item.selected{background-color:#ebf8ff;border-left:3px solid #4299e1}.book-item.selected{background-color:#f0fff4;border-left:3px solid #48bb78}.tree-arrow{margin-right:8px;font-size:.75rem;color:#a0aec0;transition:all .2s ease;width:16px;height:16px;text-align:center;display:flex;align-items:center;justify-content:center;border-radius:2px;cursor:pointer}.tree-arrow:hover{background-color:#e2e8f0;color:#4a5568}.tree-arrow.expanded{transform:rotate(90deg)}.tree-label{flex:1;font-weight:500;color:#2d3748}.tree-count{font-size:.75rem;color:#718096;background:#edf2f7;padding:2px 6px;border-radius:10px}.tree-status{font-size:.75rem;padding:2px 6px;border-radius:10px;background:#e2e8f0;color:#4a5568}.tree-children{margin-left:20px;margin-top:4px}.tree-empty{padding:12px;color:#a0aec0;font-style:italic;font-size:.85rem}.catalogue-content{border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:0 20px;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.empty-selection{text-align:center;padding:60px 20px;color:#718096}.cycle-view{height:100%;overflow:hidden;display:flex;flex-direction:column}.cycle-header{margin-bottom:24px}.cycle-header h3{margin:0;color:#2d3748;font-size:1.5rem;font-weight:600;line-height:1.2;letter-spacing:-.025em}.cycle-title,.cycle-title *{pointer-events:none}.cycle-title{display:flex;flex-direction:row;align-items:baseline;gap:12px}.cycle-number{font-size:1.5rem;font-weight:600;color:#2d3748;margin:0}.cycle-header h3{margin:0;color:#2d3748}.empty-books{text-align:center;padding:40px;color:#718096}.books-search{margin-bottom:20px}.search-container{position:relative;display:inline-block;max-width:300px;width:100%}.search-input{width:100%;padding:8px 35px 8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:.9rem}.clear-search-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:18px;color:#a0aec0;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.clear-search-btn:hover{background:#f7fafc;color:#4a5568}.books-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;flex:1;overflow-y:auto;padding:16px 0;align-content:start;grid-auto-rows:min-content}.book-card{border:1px solid #e2e8f0;border-radius:8px;transition:all .2s ease;height:auto;min-height:160px;display:flex;flex-direction:column;overflow:hidden}.book-card:hover{box-shadow:0 4px 12px #0000001a;border-color:#cbd5e0}.book-card-content{padding:16px;cursor:pointer;transition:background-color .2s ease;display:flex;flex-direction:column;flex:1}.book-card-content:hover{background-color:#f8fafc}.book-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-shrink:0}.book-header h4{margin:0;color:#2d3748}.delete-book-btn{background:none;border:none;color:#2d3748;font-size:.8rem;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease;font-weight:500}.delete-book-btn:hover{background:#fed7d7;color:#c53030}.book-status{font-size:.75rem;padding:4px 8px;border-radius:12px;font-weight:500;text-transform:uppercase}.book-status.available{background:#c6f6d5;color:#22543d}.book-status.assigned{background:#bee3f8;color:#2a4365}.book-status.claimed{background:#fbb6ce;color:#702459}.book-details{flex:1;overflow:hidden}.book-details p{margin:4px 0;font-size:.9rem;color:#4a5568;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.view-book-btn{width:100%;margin-top:auto;padding:8px;background:#f7fafc;border:1px solid #e2e8f0;border-radius:4px;color:#4a5568;cursor:pointer;font-size:.875rem;transition:all .2s ease;flex-shrink:0}.view-book-btn:hover{background:#edf2f7;border-color:#cbd5e0}.book-view{height:100%;display:flex;flex-direction:column;overflow:hidden}.book-view .book-header{margin-bottom:24px}.book-view .book-header h3{margin:0;color:#2d3748;font-size:1.5rem;font-weight:600;line-height:1.2;letter-spacing:-.025em}.book-details-full,.region-details-full,.cycle-details-full{flex:1;overflow-y:auto;padding-right:8px;padding-bottom:16px;min-height:0;width:100%;box-sizing:border-box}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:24px}.detail-item{display:flex;flex-direction:column;gap:4px}.edit-input{padding:6px 8px;border:1px solid #e2e8f0;border-radius:4px;font-size:.9rem}.book-notes{margin:20px 0;padding:16px;background:#f7fafc;border-radius:6px}.book-notes h4{margin:0 0 8px;color:#2d3748}.book-actions{margin-top:24px;display:flex;gap:12px}.edit-btn,.save-btn,.cancel-btn{padding:8px 16px;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .2s ease}.edit-btn{background:#4299e1;color:#fff;border:none}.edit-btn:hover{background:#3182ce}.save-btn{background:#48bb78;color:#fff;border:none}.save-btn:hover{background:#38a169}.cancel-btn{background:#f7fafc;color:#4a5568;border:1px solid #e2e8f0}.cancel-btn:hover{background:#edf2f7}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1050}.modal{background:#fff;border-radius:8px;box-shadow:0 10px 25px #0003;max-width:600px;width:90%;max-height:90vh;overflow-y:auto}.compact-modal{max-width:400px}.modern-modal{max-width:700px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 16px;border-bottom:1px solid #e2e8f0}.modal-header h3{margin:0;color:#2d3748;font-size:1.25rem}.modal-close{background:none;border:none;font-size:1.5rem;color:#a0aec0;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.modal-close:hover{color:#718096}.modal-content{padding:20px 24px}.form-section{margin-bottom:24px}.form-section:last-child{margin-bottom:0}.form-section h4{margin:0 0 16px;color:#2d3748;font-size:1rem;font-weight:600;padding-bottom:8px;border-bottom:1px solid #e2e8f0}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-weight:500;color:#4a5568;font-size:.875rem}.form-input{width:100%;padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:.9rem;transition:border-color .2s ease}.form-input:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a}.form-input:disabled{background:#f7fafc;color:#a0aec0;cursor:not-allowed}.disabled-input{background:#f7fafc!important;color:#a0aec0!important}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.time-inputs{display:flex;align-items:center;gap:8px}.time-input{width:80px}.flat-rate-checkbox{margin-right:8px}.modal-actions{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px 20px;border-top:1px solid #e2e8f0}.primary-btn{background:#4299e1;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:.875rem;cursor:pointer;transition:background-color .2s ease}.primary-btn:hover{background:#3182ce}.secondary-btn{background:#f7fafc;color:#4a5568;border:1px solid #e2e8f0;padding:10px 20px;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .2s ease}.secondary-btn:hover{background:#edf2f7;border-color:#cbd5e0}.tree-label.clickable{cursor:pointer;transition:all .2s ease;padding:2px 6px;border-radius:4px}.tree-label.clickable:hover{background-color:#edf2f7;color:#2d3748}.tree-label.clickable.selected{background-color:#bee3f8;color:#2a69ac;font-weight:600}.book-info{display:flex;flex-direction:column;height:100%;min-height:0;width:100%;box-sizing:border-box;padding:0;margin:0}.book-info .book-details-full{flex:1 1 auto!important;overflow-y:auto!important;overflow-x:hidden!important;padding-right:12px!important;padding-bottom:16px!important;min-height:0!important;height:100%!important;width:100%!important;box-sizing:border-box!important;margin:0!important}.tree-view::-webkit-scrollbar,.book-details-full::-webkit-scrollbar,.cycle-details-full::-webkit-scrollbar,.region-details-full::-webkit-scrollbar{width:8px}.tree-view::-webkit-scrollbar-track,.book-details-full::-webkit-scrollbar-track,.cycle-details-full::-webkit-scrollbar-track,.region-details-full::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.tree-view::-webkit-scrollbar-thumb,.book-details-full::-webkit-scrollbar-thumb,.cycle-details-full::-webkit-scrollbar-thumb,.region-details-full::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.tree-view::-webkit-scrollbar-thumb:hover,.book-details-full::-webkit-scrollbar-thumb:hover,.cycle-details-full::-webkit-scrollbar-thumb:hover,.region-details-full::-webkit-scrollbar-thumb:hover{background:#a0aec0}.notification-toast{position:fixed;top:20px;right:20px;z-index:9999;min-width:300px;max-width:500px;border-radius:8px;box-shadow:0 4px 12px #00000026;animation:slideInRight .3s ease-out}.notification-toast.success{background:#f0fff4;border:1px solid #68d391;color:#22543d}.notification-toast.error{background:#fed7d7;border:1px solid #fc8181;color:#742a2a}.notification-content{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;gap:12px}.notification-message{flex:1;font-size:.9rem;font-weight:500;line-height:1.4}.notification-close{background:none;border:none;font-size:1.2rem;font-weight:700;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.notification-toast.success .notification-close{color:#22543d}.notification-toast.success .notification-close:hover{background:#c6f6d5}.notification-toast.error .notification-close{color:#742a2a}.notification-toast.error .notification-close:hover{background:#fc8181;color:#fff}.region-view{height:100%;overflow:hidden;display:flex;flex-direction:column}.region-header{margin-bottom:24px;border-bottom:none}.region-header h3{margin:0;color:#2d3748;font-size:1.5rem;font-weight:600;line-height:1.2;letter-spacing:-.025em}.catalogue-page .region-info{padding:20px 0;overflow-y:auto;flex:1;display:flex;flex-direction:column}.catalogue-page .region-cycles{overflow-y:auto;flex:1;display:flex;flex-direction:column;padding:8px;min-height:0}.cycles-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;padding-bottom:16px}.cycle-card{border:1px solid #e2e8f0;border-radius:8px;padding:16px;transition:all .2s ease;height:fit-content;display:flex;flex-direction:column}.cycle-card:hover{box-shadow:0 4px 12px #0000001a;border-color:#cbd5e0}.cycle-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.cycle-card-header h4{margin:0;color:#2d3748;font-size:1.1rem}.book-count{font-size:.75rem;color:#718096;background:#edf2f7;padding:4px 8px;border-radius:10px}.view-cycle-btn{margin-top:16px;width:100%;padding:8px;background:#f7fafc;border:1px solid #e2e8f0;border-radius:4px;color:#4a5568;cursor:pointer;font-size:.875rem;transition:all .2s ease}.view-cycle-btn:hover{background:#edf2f7;border-color:#cbd5e0}.catalogue-page .region-cycles .empty-cycles{text-align:center;padding:60px 40px;color:#718096;background:#f8fafc;border-radius:8px;margin:20px 16px}.catalogue-page .region-cycles .empty-cycles p{font-size:1rem;font-weight:500;margin:0}.catalogue-page .cycle-info{padding:20px 0;overflow-y:auto;flex:1;display:flex;flex-direction:column}.catalogue-page .cycle-books{overflow-y:auto;flex:1;display:flex;flex-direction:column;padding:0 8px}.catalogue-page .region-cycles .cycles-list{display:flex;flex-direction:column;gap:12px;padding:20px 16px;overflow-y:auto;flex:1;max-height:100%}.catalogue-page .region-cycles .cycle-list-item{border:1px solid #e2e8f0;border-radius:8px;background:#fff;transition:all .2s ease;min-height:160px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 1px 3px #0000001a}.catalogue-page .region-cycles .cycle-list-item:hover{border-color:#3182ce;box-shadow:0 4px 12px #3182ce26;transform:translateY(-2px)}.catalogue-page .region-cycles .cycle-list-content{padding:16px;cursor:pointer;transition:background-color .2s ease;display:flex;flex-direction:column;flex:1}.catalogue-page .region-cycles .cycle-list-content:hover{background:#f7fafc}.catalogue-page .region-cycles .cycle-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-shrink:0}.catalogue-page .region-cycles .cycle-list-info{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.catalogue-page .region-cycles .cycle-list-title{font-size:1rem;font-weight:600;color:#2d3748;margin:0;line-height:1.3}.catalogue-page .region-cycles .cycle-list-books{font-size:.875rem;color:#718096;font-weight:500;line-height:1.4;margin:0}.catalogue-page .region-cycles .cycles-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;padding:16px 0;overflow-y:auto;flex:1;max-height:100%;align-content:start;grid-auto-rows:min-content}.catalogue-page .region-cycles .cycle-list-actions{display:flex;align-items:center;flex-shrink:0}.catalogue-page .region-cycles .delete-cycle-btn{background:none;border:none;color:#2d3748;font-size:.8rem;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;white-space:nowrap}.catalogue-page .region-cycles .delete-cycle-btn:hover{background:#fed7d7;border-color:#feb2b2;color:#c53030}.delete-cycle-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.delete-cycle-popup-container{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:500px;width:90%;max-height:85vh;overflow-y:auto;position:relative}.delete-cycle-popup-header{background:linear-gradient(135deg,#f56565,#e53e3e);color:#fff;padding:20px 24px;border-radius:12px 12px 0 0;display:flex;align-items:center;justify-content:space-between}.delete-cycle-popup-header h3{margin:0;font-size:1.25rem;font-weight:600}.delete-cycle-popup-close{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s ease}.delete-cycle-popup-close:hover{background:#fff3}.delete-cycle-popup-content{padding:24px}.delete-cycle-popup-content p{margin:0 0 16px;color:#4a5568;font-size:1rem;line-height:1.5}.delete-cycle-popup-content p:last-child{margin-bottom:0}.delete-cycle-popup-actions{padding:16px 24px 24px;display:flex;gap:12px;justify-content:flex-end}.delete-cycle-popup-primary-btn{background:#e53e3e;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.delete-cycle-popup-primary-btn:hover{background:#c53030}.delete-cycle-popup-secondary-btn{background:#f7fafc;color:#4a5568;border:1px solid #e2e8f0;padding:12px 24px;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.delete-cycle-popup-secondary-btn:hover{background:#edf2f7;border-color:#cbd5e0}.catalogue-page .book-tabs{display:flex;border-bottom:2px solid #e2e8f0;margin-bottom:20px;margin-top:10px;gap:0;width:100%;background:none;padding:0;border-radius:0;overflow-x:visible;flex-wrap:nowrap;min-width:0;flex:none}.catalogue-page .logs-placeholder{padding:40px 20px;text-align:center;color:#718096;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.catalogue-page .logs-placeholder h4{margin:0 0 12px;color:#4a5568;font-size:1.125rem;font-weight:600}.catalogue-page .logs-placeholder p{margin:0;font-size:.9rem}.add-cycle-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.add-cycle-popup-container{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:500px;width:90%;max-height:85vh;overflow-y:auto;scrollbar-gutter:stable;position:relative}.add-cycle-popup-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px 24px;border-radius:12px 12px 0 0;display:flex;align-items:center;justify-content:space-between}.add-cycle-popup-header h3{margin:0;font-size:1.25rem;font-weight:600}.add-cycle-popup-close{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.add-cycle-popup-close:hover{background:#fff3}.add-cycle-popup-content{padding:24px}.add-cycle-popup-info{background:linear-gradient(135deg,#e0e7ff,#f3e8ff);border:1px solid #c7d2fe;border-left:4px solid #667eea;border-radius:8px;padding:16px;margin-bottom:20px}.add-cycle-popup-info strong{color:#4338ca;font-weight:600}.add-cycle-popup-field{margin-bottom:20px}.add-cycle-popup-field label{display:block;margin-bottom:8px;font-weight:600;color:#374151}.add-cycle-popup-field label.required:after{content:" *";color:#dc2626;font-weight:600}.add-cycle-popup-input{width:100%;padding:12px 16px;border:2px solid #e5e7eb!important;border-radius:8px;font-size:1rem;transition:all .2s ease;background:#fff;box-sizing:border-box}.add-cycle-popup-input:focus{outline:none;border-color:#667eea!important;box-shadow:0 0 0 3px #667eea1a}.add-cycle-popup-input.error{border-color:#dc2626!important}.add-cycle-popup-help{margin-top:6px;font-size:.8rem;color:#6b7280}.add-cycle-popup-actions{display:flex;justify-content:flex-end;align-items:center;padding:16px 24px;border-top:1px solid #e5e7eb;background:#f8fafc;border-radius:0 0 12px 12px;gap:8px}.add-book-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.add-book-popup-container{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:650px;width:90%;max-height:85vh;overflow-y:auto;scrollbar-gutter:stable;position:relative}.add-book-popup-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px 24px;border-radius:12px 12px 0 0;display:flex;align-items:center;justify-content:space-between}.add-book-popup-header h3{margin:0;font-size:1.25rem;font-weight:600}.add-book-popup-close{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.add-book-popup-close:hover{background:#fff3}.add-book-popup-content{padding:24px}.add-book-popup-info{background:linear-gradient(135deg,#e0e7ff,#f3e8ff);border:1px solid #c7d2fe;border-left:4px solid #667eea;border-radius:8px;padding:16px;margin-bottom:20px}.add-book-popup-info strong{color:#4338ca;font-weight:600}.add-book-popup-section{margin-bottom:24px}.add-book-popup-section h4{margin:0 0 16px;color:#374151;font-size:1.1rem;font-weight:600;border-bottom:2px solid #e5e7eb;padding-bottom:8px}.add-book-popup-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.add-book-popup-field{margin-bottom:20px}.add-book-popup-field label{display:block;margin-bottom:8px;font-weight:600;color:#374151}.add-book-popup-field label.required:after{content:" *";color:#dc2626;font-weight:600}.add-book-popup-input{width:100%;padding:12px 16px;border:2px solid #e5e7eb!important;border-radius:8px;font-size:1rem;transition:all .2s ease;background:#fff;box-sizing:border-box}.add-book-popup-input:focus{outline:none;border-color:#667eea!important;box-shadow:0 0 0 3px #667eea1a}.add-book-popup-input.error{border-color:#dc2626!important}.add-book-popup-input:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.add-book-popup-textarea{width:100%;padding:12px 16px;border:2px solid #e5e7eb!important;border-radius:8px;font-size:1rem;transition:all .2s ease;background:#fff;box-sizing:border-box;resize:vertical;min-height:80px}.add-book-popup-textarea:focus{outline:none;border-color:#667eea!important;box-shadow:0 0 0 3px #667eea1a}.add-book-popup-checkbox-group{display:flex;align-items:center;gap:8px}.add-book-popup-checkbox{width:18px;height:18px;accent-color:#667eea;cursor:pointer}.add-book-popup-checkbox-label{font-weight:600;color:#374151;cursor:pointer;margin:0}.add-book-popup-help{margin-top:6px;font-size:.8rem;color:#6b7280}.add-book-popup-actions{display:flex;justify-content:flex-end;align-items:center;padding:16px 24px;border-top:1px solid #e5e7eb;background:#f8fafc;border-radius:0 0 12px 12px;gap:8px}.add-book-popup-earnings-group{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.add-book-popup-earnings-field{display:flex;flex-direction:column;gap:8px}.add-book-popup-checkbox-field{display:flex;flex-direction:column;gap:8px;justify-content:flex-start}.add-book-popup-checkbox-container{display:flex;align-items:center;gap:8px;margin-top:24px}.add-book-popup-checkbox{width:18px;height:18px;margin:0}.add-book-popup-checkbox-label{font-size:.9rem;color:#4a5568;font-weight:500;margin:0}.group-books-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.group-books-popup-container{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:650px;width:90%;max-height:85vh;overflow-y:auto;scrollbar-gutter:stable;position:relative}.group-books-popup-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px 24px;border-radius:12px 12px 0 0;display:flex;align-items:center;justify-content:space-between}.group-books-popup-header h3{margin:0;font-size:1.25rem;font-weight:600}.group-books-popup-close{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.group-books-popup-close:hover{background:#fff3}.group-books-popup-content{padding:24px}.group-books-section{margin-bottom:24px}.group-books-section h4{margin:0 0 16px;color:#374151;font-size:1.1rem;font-weight:600;border-bottom:2px solid #e5e7eb;padding-bottom:8px}.group-books-popup-actions{display:flex;justify-content:flex-end;align-items:center;padding:16px 24px;border-top:1px solid #e5e7eb;background:#f8fafc;border-radius:0 0 12px 12px;gap:8px}.group-books-select{width:100%;padding:12px 16px;border:2px solid #e5e7eb!important;border-radius:8px;font-size:1rem;transition:all .2s ease;background:#fff;box-sizing:border-box}.group-books-select:focus{outline:none;border-color:#667eea!important;box-shadow:0 0 0 3px #667eea1a}.cycle-instances-accordion{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.cycle-instance-header{padding:12px 16px;background:#f9fafb;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background-color .2s ease}.accordion-arrow{font-size:.75rem;color:#6b7280;transition:transform .2s ease}.cycle-instance-info{flex:1}.cycle-instance-title{font-weight:600;color:#374151}.cycle-instance-books{padding:16px;background:#fff}.books-selection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.book-selection-item{border:1px solid #e5e7eb;border-radius:6px;transition:all .2s ease}.book-selection-item.disabled{opacity:.5;cursor:not-allowed}.book-selection-label{display:flex;align-items:center;padding:12px;cursor:pointer;gap:8px}.book-selection-label input[type=checkbox]{width:16px;height:16px;accent-color:#667eea}.book-selection-number{font-weight:600;color:#374151;font-size:.9rem}.no-books-message{color:#6b7280;font-style:italic;text-align:center;padding:20px}.region-tabs-group{display:flex;flex-wrap:wrap;gap:8px}.region-tab-group{padding:8px 16px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.region-tab-group:hover{background:#f3f4f6;border-color:#9ca3af}.region-tab-group.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.books-selection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;max-height:300px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:6px;padding:12px;background:#f9fafb}.book-selection-item{border:1px solid #d1d5db;border-radius:6px;background:#fff;transition:all .2s ease}.book-selection-item:hover{border-color:#9ca3af;box-shadow:0 1px 3px #0000001a}.book-selection-label{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer}.book-selection-label input[type=checkbox]{margin:2px 0 0;cursor:pointer}.book-selection-info{flex:1}.book-selection-number{font-weight:600;color:#1f2937;font-size:.875rem}.book-selection-details{font-size:.75rem;color:#6b7280;line-height:1.4}.book-selection-address{margin-top:2px;font-style:italic}.no-books-message{text-align:center;color:#6b7280;font-style:italic;padding:20px;background:#f9fafb;border-radius:6px;border:1px dashed #d1d5db}.cycle-instances-accordion{max-height:400px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:6px;background:#f9fafb}.cycle-instance-item{border-bottom:1px solid #e5e7eb}.cycle-instance-item:last-child{border-bottom:none}.cycle-instance-header{display:flex;align-items:center;gap:8px;padding:12px;background:#fff;cursor:pointer;transition:background-color .2s ease}.cycle-instance-header:hover{background:#f3f4f6}.accordion-arrow{font-size:.75rem;color:#6b7280;transition:transform .2s ease;-webkit-user-select:none;user-select:none}.accordion-arrow.expanded{transform:rotate(90deg)}.cycle-instance-info{flex:1;display:flex;flex-direction:column;gap:4px}.cycle-instance-title{font-weight:600;color:#1f2937;font-size:.875rem}.cycle-instance-dates{font-size:.75rem;color:#6b7280}.cycle-instance-status{font-size:.75rem;padding:2px 6px;border-radius:4px;font-weight:500;text-transform:capitalize;display:inline-block;width:fit-content}.status-not_started{background:#f3f4f6;color:#374151}.status-in_progress{background:#fef3c7;color:#92400e}.status-completed{background:#d1fae5;color:#065f46}.status-paused{background:#fee2e2;color:#991b1b}.cycle-instance-books{background:#f9fafb;border-top:1px solid #e5e7eb;padding:12px}.cycle-instance-books .books-selection-grid{background:transparent;border:none;padding:0}.book-selection-item.disabled{opacity:.5;pointer-events:none}.book-selection-item.disabled .book-selection-label,.book-selection-item.disabled input[type=checkbox]{cursor:not-allowed}.tree-node.group-node{margin-left:0}.tree-item.group-item{display:flex;align-items:center;justify-content:space-between;padding:4px 8px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:4px;margin-bottom:4px}.tree-label.group-label{font-weight:600;color:#0c4a6e;font-size:.875rem}.edit-group-icon{cursor:pointer;padding:2px 4px;border-radius:3px;transition:background-color .2s ease}.edit-group-icon:hover{background:#0ea5e91a}.tree-children.group-children{margin-left:16px;border-left:2px solid #bae6fd;padding-left:8px}.tree-item.book-item.grouped-book{margin-left:0;padding:2px 8px;font-size:.8rem;background:#f8fafc;border-radius:3px;margin-bottom:2px}.tree-item.book-item.grouped-book:hover{background:#e2e8f0}.tree-item.book-item.grouped-book.selected{background:#dbeafe;color:#1e40af}.group-actions{margin-left:auto;display:flex;gap:4px}.edit-group-btn{background:#3b82f6;color:#fff;border:none;padding:2px 8px;border-radius:4px;font-size:.75rem;cursor:pointer;transition:background-color .2s ease}.edit-group-btn:hover{background:#2563eb}.info-btn{background:#10b981;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:.875rem;cursor:pointer;transition:background-color .2s ease}.info-btn:hover{background:#059669}.group-view{padding:24px;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;height:100%;overflow-y:auto}.group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #e2e8f0}.group-header h3{margin:0;color:#1a202c;font-size:1.5rem;font-weight:600}.group-summary{margin-bottom:32px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px}.summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.stat-item{display:flex;flex-direction:column;gap:4px}.stat-label{font-weight:600;color:#4a5568;font-size:.875rem}.stat-value{font-size:1.25rem;font-weight:700;color:#1a202c}.group-books h4{margin:0 0 16px;color:#1a202c;font-size:1.125rem;font-weight:600}.group-books-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.group-book-card{border:1px solid #e2e8f0;border-radius:8px;background:#fff;transition:all .2s ease}.group-book-card:hover{border-color:#3b82f6;box-shadow:0 2px 8px #0000001a}.group-book-content{padding:16px;cursor:pointer}.group-book-card .book-header{margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #e2e8f0}.group-book-card .book-header h5{margin:0;color:#1a202c;font-size:1rem;font-weight:600}.group-book-card .book-details{display:flex;flex-direction:column;gap:6px}.group-book-card .book-details p{margin:0;font-size:.875rem;color:#4a5568}.group-book-card .book-details strong{color:#2d3748;font-weight:600}.edit-group-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.edit-group-popup-container{background:#fff;border-radius:12px;width:90%;max-width:900px;max-height:90vh;overflow:hidden;scrollbar-gutter:stable;box-shadow:0 20px 25px -5px #0000001a}.edit-group-popup-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-radius:12px 12px 0 0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.edit-group-popup-header h3{margin:0;font-size:1.25rem;font-weight:600}.edit-group-popup-close{background:none;border:none;font-size:1.5rem;color:#fff;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.edit-group-popup-close:hover{background:#fff3}.edit-group-popup-content{padding:24px;overflow-y:auto;max-height:calc(90vh - 140px)}.edit-group-popup-info{background:linear-gradient(135deg,#e0e7ff,#f3e8ff);border:1px solid #c7d2fe;border-left:4px solid #667eea;border-radius:8px;padding:16px;margin-bottom:20px}.edit-group-popup-info strong{color:#4338ca;font-weight:600}.edit-group-section{margin-bottom:24px}.edit-group-section h4{margin:0 0 12px;color:#2d3748;font-size:1rem;font-weight:600}.group-number-input{width:120px;padding:12px 16px;border:2px solid #e5e7eb!important;border-radius:8px;font-size:1rem;color:#374151;background:#fff;transition:all .2s ease}.group-number-input:focus{outline:none;border-color:#667eea!important;box-shadow:0 0 0 3px #667eea1a}.edit-group-books-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;max-height:400px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:6px;padding:12px;background:#f9fafb}.edit-group-book-item{border:1px solid #d1d5db;border-radius:6px;background:#fff;transition:all .2s ease}.edit-group-book-item:hover{border-color:#9ca3af;box-shadow:0 1px 3px #0000001a}.edit-group-book-label{display:flex;align-items:flex-start;gap:12px;padding:12px;cursor:pointer;width:100%}.edit-group-book-checkbox{margin-top:2px;width:16px;height:16px;accent-color:#3b82f6;cursor:pointer}.edit-group-book-info{flex:1}.edit-group-book-info .book-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.book-title{font-weight:600;color:#1a202c;font-size:.9rem}.book-group-badge{background:#fef3c7;color:#92400e;padding:2px 6px;border-radius:4px;font-size:.75rem;font-weight:500}.edit-group-book-info .book-details{display:flex;flex-direction:column;gap:2px}.edit-group-book-info .book-details p{margin:0;font-size:.8rem;color:#4a5568}.edit-group-book-info .book-details strong{color:#2d3748;font-weight:600}.edit-group-popup-actions{display:flex;justify-content:flex-end;align-items:center;padding:16px 24px;border-top:1px solid #e5e7eb;background:#f8fafc;border-radius:0 0 12px 12px;gap:8px}.group-info-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.group-info-popup-container{background:#fff;border-radius:8px;width:95%;max-width:1200px;max-height:90vh;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a}.group-info-popup-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.group-info-popup-header h3{margin:0;font-size:1.25rem;font-weight:600}.group-info-popup-close{background:none;border:none;font-size:1.5rem;color:#fff;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.group-info-popup-close:hover{background:#fff3}.group-info-popup-content{padding:24px;overflow-y:auto;max-height:calc(90vh - 140px)}.group-info-summary{margin-bottom:32px}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.summary-card{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #e2e8f0;border-radius:8px;padding:20px;display:flex;align-items:center;gap:16px;transition:all .2s ease}.summary-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.summary-card-icon{font-size:2rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:50%;box-shadow:0 2px 8px #0000001a}.summary-card-content{flex:1}.summary-card-value{font-size:1.5rem;font-weight:700;color:#1a202c;margin-bottom:4px}.summary-card-label{font-size:.875rem;color:#4a5568;font-weight:500}.group-info-books{margin-top:32px}.group-info-books h4{margin:0 0 16px;color:#1a202c;font-size:1.125rem;font-weight:600;border-bottom:2px solid #e2e8f0;padding-bottom:8px}.group-info-books-table{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;background:#fff}.books-table-header{display:grid;grid-template-columns:80px 120px 200px 80px 100px 120px 150px 150px;background:linear-gradient(135deg,#4a5568,#2d3748);color:#fff}.books-table-row{display:grid;grid-template-columns:80px 120px 200px 80px 100px 120px 150px 150px;border-bottom:1px solid #e2e8f0;transition:background-color .2s ease}.books-table-row:hover{background:#f8fafc}.books-table-row:last-child{border-bottom:none}.books-table-cell{padding:12px 8px;font-size:.875rem;display:flex;align-items:center;border-right:1px solid #e2e8f0}.books-table-cell:last-child{border-right:none}.books-table-cell.header{font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.books-table-row .books-table-cell{color:#2d3748}.group-info-popup-actions{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-top:1px solid #e5e7eb;background:#f8fafc;gap:8px}.group-info-popup-edit-btn{background:#3b82f6;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.group-info-popup-edit-btn:hover{background:#2563eb}.group-info-popup-close-btn{background:#f8fafc;color:#4a5568;border:1px solid #d1d5db;padding:12px 24px;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.group-info-popup-close-btn:hover{background:#f1f5f9;border-color:#9ca3af}.cycle-grouped-books{margin-bottom:32px}.cycle-grouped-books h4,.cycle-individual-books h4{margin:0 0 16px;color:#1a202c;font-size:1.125rem;font-weight:600;border-bottom:2px solid #e2e8f0;padding-bottom:8px}.cycle-groups-list{display:flex;flex-direction:column;gap:16px}.cycle-group-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;transition:all .2s ease}.cycle-group-item:hover{box-shadow:0 2px 8px #0000001a}.cycle-group-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.cycle-group-title{margin:0;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .2s ease}.cycle-group-title:hover{opacity:.9}.cycle-group-edit-btn{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:6px 12px;border-radius:4px;font-size:.8rem;cursor:pointer;transition:all .2s ease}.cycle-group-edit-btn:hover{background:#ffffff4d;border-color:#ffffff80}.cycle-group-books{padding:16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;background:#fff}.cycle-group-book{border:1px solid #e2e8f0;border-radius:6px;background:#f9fafb;transition:all .2s ease}.cycle-group-book:hover{border-color:#3b82f6;box-shadow:0 2px 4px #0000001a;background:#fff}.cycle-group-book-content{padding:12px;cursor:pointer}.book-mini-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.book-mini-title{font-weight:600;color:#1a202c;font-size:.9rem}.book-mini-code{font-size:.8rem;color:#4a5568;background:#e2e8f0;padding:2px 6px;border-radius:3px}.book-mini-details{display:flex;flex-direction:column;gap:4px}.book-mini-address{font-size:.8rem;color:#2d3748;font-weight:500}.book-mini-meters{font-size:.75rem;color:#4a5568}.cycle-individual-books{margin-top:24px}.region-cycles .favorites-list,.cycle-books .favorites-list{flex:1;overflow-y:auto;overflow-x:hidden;padding:.25rem}.region-cycles .favorites-list-item,.cycle-books .favorites-list-item{cursor:pointer;transition:background-color .2s ease}.region-cycles .favorites-list-item:hover,.cycle-books .favorites-list-item:hover{background-color:#f9fafb}.region-cycles .favorites-list-item.selected,.cycle-books .favorites-list-item.selected{background-color:#eff6ff;border-bottom-color:#3b82f6}.region-cycles .empty-message,.cycle-books .empty-message{text-align:center;padding:40px 20px;color:#9ca3af}.region-cycles .empty-message p,.cycle-books .empty-message p{margin:0;font-size:.875rem}.contractors-page{padding:0;margin:-2rem;background-color:#f8fafc;min-height:calc(100vh - 128px);width:calc(100% + 4rem)}.contractors-layout{display:grid;grid-template-columns:300px 1fr;gap:32px;height:calc(100vh - 128px);overflow:hidden;margin:0;padding:2rem}.contractors-sidebar{background:transparent;border:none;overflow:hidden;display:flex;flex-direction:column;margin-top:14px}.sidebar-header{display:flex;flex-direction:column;gap:12px;margin-bottom:16px;margin-top:0}.add-contractor-btn{padding:10px 16px;background:transparent;color:#9ca3af;border:none;border-radius:6px;font-weight:600;font-size:.875rem;cursor:pointer;text-align:left}.contractors-search{padding:0;border-bottom:none}.search-container{position:relative;display:flex;align-items:center}.search-input{width:100%;padding:8px 12px;border:none!important;border-bottom:2px solid #cbd5e0!important;border-radius:0!important;font-size:.875rem;background:transparent!important;transition:all .2s ease}.search-input:focus{outline:none;border-bottom-color:#4299e1!important;background:transparent!important}.clear-search-btn{position:absolute;right:8px;background:none;border:none;font-size:1.2rem;color:#a0aec0;cursor:pointer;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.clear-search-btn:hover{background-color:#e2e8f0;color:#4a5568}.contractors-list{padding:0 12px 0 0;flex:1;overflow-y:auto;scrollbar-gutter:stable;background:transparent}.empty-contractors{text-align:center;padding:40px 20px;color:#718096}.contractor-item{display:flex;flex-direction:column;padding:6px 12px;margin-bottom:0;border-radius:0;cursor:pointer;transition:all .2s ease;border:none;border-bottom:2px solid transparent;min-height:40px;background:transparent}.contractor-item:hover{background-color:#f7fafc}.contractor-item.selected{background:transparent;border-bottom-color:#2e6417}.contractor-name-row{display:flex;align-items:center;margin-bottom:4px}.contractor-name{font-weight:600;color:#2d3748;font-size:.9rem;display:flex;align-items:center;gap:6px}.deactivated-dot{color:#e53e3e;font-size:.8rem;line-height:1}.contractor-phone{font-size:.8rem;color:#718096;margin-bottom:6px}.contractors-page .status-badge,.contractors-content .status-badge,.contractor-view .status-badge{display:inline;font-size:.875rem;padding:0!important;border-radius:0!important;font-weight:500;background:none!important;border:none!important;color:#4a5568!important;text-transform:none!important;letter-spacing:normal!important}.contractors-page .status-badge.active,.contractors-content .status-badge.active,.contractor-view .status-badge.active,.contractors-page .status-badge.inactive,.contractors-content .status-badge.inactive,.contractor-view .status-badge.inactive{background:none!important;color:#4a5568!important;border:none!important}.contractors-content{flex:1;background:transparent;border:none;min-height:600px;display:flex;flex-direction:column;overflow:hidden}.contractors-content .empty-selection,.contractors-content .contractor-view{padding:0;flex:1;overflow:hidden;background:transparent}.empty-selection{text-align:center;padding:60px 20px;color:#718096;position:relative}.empty-selection .add-contractor-btn{position:absolute;top:20px;right:20px}.empty-selection h3{margin-bottom:10px;color:#4a5568}.contractor-view{height:100%;overflow:hidden;display:flex;flex-direction:column;min-height:0;background:transparent}.contractor-header{display:flex;justify-content:flex-end;align-items:center;margin-bottom:4px;padding-bottom:2px;border-bottom:none}.contractor-header h3{margin:0;color:#1a202c;font-size:1.5rem;font-weight:600}.contractor-details-full{flex:1;overflow-y:auto;scrollbar-gutter:stable;overflow-x:hidden;padding-right:20px;height:100%;scroll-behavior:smooth}.contractor-details-full::-webkit-scrollbar{width:8px}.contractor-details-full::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.contractor-details-full::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.contractor-details-full::-webkit-scrollbar-thumb:hover{background:#a0aec0}.detail-section{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #f1f5f9}.detail-section:last-child{border-bottom:none}.detail-section h4{margin:0 0 12px;color:#2d3748;font-size:1.05rem;font-weight:600;border-bottom:2px solid #e2e8f0;padding-bottom:6px}.section-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.section-header h4{margin:0}.section-edit-icon-btn{background:transparent;border:none;color:#6b7280;cursor:pointer;padding:6px;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center}.section-edit-icon-btn:hover{background:#f3f4f6;color:#3b82f6}.section-edit-icon-btn svg{width:16px;height:16px;stroke-width:2}.section-edit-form{background:#f9fafb;border:none;border-radius:12px;padding:20px;margin-top:12px}.section-edit-form .detail-row{margin-bottom:16px;display:grid;grid-template-columns:140px 1fr;gap:16px;align-items:center;padding:0}.section-edit-form input,.section-edit-form textarea,.section-edit-form select{padding:4px 0;border:none!important;border-bottom:2px solid #cbd5e0!important;border-radius:0;font-size:.9rem;background:#f8fafc;color:#2d3748;transition:border-color .2s;width:100%}.section-edit-form input:focus,.section-edit-form textarea:focus,.section-edit-form select:focus{border-bottom-color:#3b82f6!important;outline:none;background:#f8fafc}.section-edit-form textarea{min-height:80px;resize:vertical;padding:8px 0}.section-edit-actions{display:flex;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid #e5e7eb;justify-content:flex-end}.save-section-btn{padding:8px 16px;background:transparent;color:#2e6417;border:none;border-bottom:2px solid #2e6417;border-radius:0;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s}.save-section-btn:hover{color:#1e4010;border-bottom-color:#1e4010;transform:none;box-shadow:none}.save-section-btn:disabled{opacity:.6;cursor:not-allowed;color:#9ca3af;border-bottom-color:#d1d5db}.cancel-section-btn{padding:8px 16px;background:transparent;color:#6b7280;border:none;border-bottom:2px solid #9ca3af;border-radius:0;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s}.cancel-section-btn:hover{color:#374151;border-bottom-color:#6b7280}.detail-row{display:flex;align-items:center;margin-bottom:8px;padding:6px 0;transition:background-color .2s ease;border-radius:4px;position:relative}.detail-row:hover{background-color:#f8fafc;padding-left:8px;padding-right:8px}.detail-label{flex:0 0 140px;font-weight:500;color:#4a5568;font-size:.9rem}.detail-value{flex:1;color:#2d3748;font-size:.9rem;word-break:break-word}.edit-field-btn{background:#f7fafc;border:1px solid #e2e8f0;color:#4a5568;cursor:pointer;padding:6px 10px;margin-left:8px;border-radius:4px;transition:all .2s ease;font-size:.8rem;font-weight:500;opacity:1;display:flex;align-items:center;justify-content:center;white-space:nowrap;flex-shrink:0;height:32px}.edit-field-btn:hover{background:#edf2f7;border-color:#cbd5e0;color:#2d3748}.edit-icon{font-size:.8rem}.edit-field-container{display:flex;align-items:center;gap:8px;flex:1;flex-wrap:nowrap}.edit-input{padding:8px 12px;border:2px solid #cbd5e0;border-radius:6px;font-size:.9rem;background:#fff;outline:none;box-shadow:none;min-width:120px;max-width:280px;width:auto;flex:0 1 auto;transition:all .2s ease}.edit-input:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a}.edit-actions{display:flex;gap:6px;flex-shrink:0;align-items:center}.save-btn,.cancel-btn{height:32px;padding:6px 12px;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:500;transition:all .2s ease;white-space:nowrap;min-width:65px;flex-shrink:0;box-shadow:0 1px 2px #0000001a}.save-btn{background:#48bb78;color:#fff}.save-btn:hover:not(:disabled){background:#38a169;box-shadow:0 2px 4px #00000026;transform:translateY(-1px)}.save-btn:disabled{background:#a0aec0;cursor:not-allowed}.cancel-btn{background:#e53e3e;color:#fff}.cancel-btn:hover{background:#c53030;box-shadow:0 2px 4px #00000026;transform:translateY(-1px)}.regions-list{display:flex;flex-wrap:wrap;gap:8px}.region-tag{background-color:#edf2f7;color:#4a5568;padding:4px 10px;border-radius:16px;font-size:.8rem;font-weight:500}.no-regions{color:#a0aec0;font-style:italic;font-size:.85rem}.reset-password-btn{background:transparent;color:#dc2626;border:2px solid #dc2626;padding:6px 12px;border-radius:4px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease}.reset-password-btn:hover:not(:disabled){background:#fef2f2;border-color:#b91c1c;color:#b91c1c}.reset-password-btn:disabled{background:transparent;border-color:#cbd5e0;color:#9ca3af;cursor:not-allowed}.password-reset-modal{max-width:550px;width:90%;max-height:85vh;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.password-reset-modal .modal-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:24px}.password-reset-modal .modal-header h3{color:#fff;font-size:1.3rem;font-weight:700;margin:0}.password-reset-modal .modal-close{color:#fffc;font-size:1.8rem;padding:8px;border-radius:6px;transition:all .2s ease}.password-reset-modal .modal-close:hover{background:#ffffff1a;color:#fff}.password-reset-modal .modal-content{padding:28px;background:#fafbfc}.password-reset-modal .modal-actions{padding:24px;border-top:none;background:#fff;gap:16px;margin:0;box-shadow:0 -4px 6px -1px #0000000d}.password-reset-modal .primary-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;min-width:120px;padding:12px 20px;font-weight:600;font-size:.9rem;border-radius:8px;box-shadow:0 4px 6px #667eea33;transition:all .3s ease}.password-reset-modal .primary-btn:hover:not(:disabled){background:linear-gradient(135deg,#5a67d8,#6b46c1);transform:translateY(-1px);box-shadow:0 6px 12px #667eea4d}.password-reset-modal .secondary-btn{background:#f7fafc;border:2px solid #e2e8f0;color:#4a5568;min-width:120px;padding:12px 20px;font-weight:600;font-size:.9rem;border-radius:8px;transition:all .3s ease}.password-reset-modal .secondary-btn:hover{background:#edf2f7;border-color:#cbd5e0;transform:translateY(-1px)}.password-display{display:flex;gap:10px;margin:15px 0;align-items:center}.password-input{flex:1;padding:10px;border:1px solid #e2e8f0;border-radius:4px;font-size:.9rem;font-family:monospace;background:#f8fafc}.password-input:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a}.regenerate-btn{background:#4299e1;color:#fff;border:none;padding:10px 15px;border-radius:4px;font-size:.85rem;cursor:pointer;white-space:nowrap;transition:background-color .2s ease}.regenerate-btn:hover{background:#3182ce}.password-info{background:#f0f9ff;border:1px solid #bae6fd;border-radius:4px;padding:15px;margin:15px 0}.password-info p{margin:0 0 8px;color:#1e40af;font-weight:500}.password-info ul{margin:0;padding-left:20px;color:#1e40af}.password-info li{margin-bottom:4px;font-size:.85rem}.modal-header h3{margin:0;color:#2d3748;font-size:1.2rem}.modal-close{background:none;border:none;font-size:1.5rem;color:#718096;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.modal-close:hover{background:#e2e8f0;color:#4a5568}.primary-btn{background:#4299e1;color:#fff;border:none;padding:10px 20px;border-radius:4px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.primary-btn:hover:not(:disabled){background:#3182ce}.primary-btn:disabled{background:#cbd5e0;cursor:not-allowed}.secondary-btn{background:#f8fafc;color:#4a5568;border:1px solid #e2e8f0;padding:10px 20px;border-radius:4px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.secondary-btn:hover{background:#f1f5f9;border-color:#cbd5e0}.deactivated-section{margin-top:10px;border-top:1px solid #e2e8f0;padding-top:10px}.deactivated-header{display:flex;align-items:center;padding:8px 12px;cursor:pointer;border-radius:6px;transition:all .2s ease;background-color:#f7fafc;border:1px solid #e2e8f0}.deactivated-header:hover{background-color:#edf2f7}.expand-arrow{margin-right:8px;font-size:.8rem;color:#718096;transition:transform .2s ease;transform:rotate(0)}.expand-arrow.expanded{transform:rotate(90deg)}.deactivated-title{font-weight:500;color:#4a5568;font-size:.85rem}.deactivated-list{margin-top:8px;padding-left:12px}.contractor-item.deactivated{opacity:.7;background-color:#fafafa}.contractor-item.deactivated:hover{background-color:#f1f1f1;opacity:.8}.contractor-item.deactivated.selected{background-color:#fee2e2;border-color:#f87171;opacity:1}.contractor-tabs{display:flex;border-bottom:2px solid #e2e8f0;margin-bottom:20px;margin-top:10px}.tab-btn{background:none;border:none;padding:12px 24px;font-size:.9rem;font-weight:500;color:#6b7280;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease}.tab-btn:hover{color:#4a5568;background:#f8fafc}.tab-btn.active{color:#2e6417;border-bottom-color:#2e6417;background:#f8fafc}.tab-content{animation:fadeIn .3s ease;flex:1;overflow:hidden;min-height:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.reliability-container{margin-top:10px}.reliability-bar{height:30px;background:#f1f5f9;border-radius:15px;overflow:hidden;display:flex;margin-bottom:15px;box-shadow:inset 0 2px 4px #0000001a}.reliability-segment{height:100%;transition:width .5s ease;position:relative}.reliability-segment.accepted{background:linear-gradient(135deg,#10b981,#059669)}.reliability-segment.claimed{background:linear-gradient(135deg,#f59e0b,#d97706)}.reliability-segment.denied{background:linear-gradient(135deg,#ef4444,#dc2626)}.reliability-segment:first-child{border-radius:15px 0 0 15px}.reliability-segment:last-child{border-radius:0 15px 15px 0}.reliability-segment:only-child{border-radius:15px}.reliability-legend{display:flex;flex-wrap:wrap;gap:15px;font-size:.85rem}.reliability-legend .legend-item{display:flex;align-items:center;gap:8px}.reliability-legend .legend-color{width:12px;height:12px;border-radius:50%}.reliability-legend .legend-color.accepted{background:#10b981}.reliability-legend .legend-color.claimed{background:#f59e0b}.reliability-legend .legend-color.denied{background:#ef4444}.contractors-content .work-history-container{height:100%;display:flex;flex-direction:column;overflow:hidden;padding-top:0}.work-history-container{padding:20px 20px 20px 0;height:100%;display:flex;flex-direction:column;overflow:hidden}.contractors-content .work-history-container .work-history-filters{margin-top:0;padding-top:0}.contractors-content .work-history-container>.work-history-filters{margin-top:0;padding-top:0}.work-history-container .work-history-content{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;min-height:0}.work-history-header{margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #e2e8f0}.work-history-header h4{margin:0;color:#2d3748;font-size:1.1rem;font-weight:600}.empty-work-history{text-align:center;padding:40px 20px;color:#718096}.empty-work-history h4{margin-bottom:10px;color:#4a5568}.work-history-items{display:flex;flex-direction:column;gap:15px}.work-history-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;margin-bottom:12px;transition:all .2s ease}.work-history-item:hover{box-shadow:0 2px 8px #0000001a;border-color:#cbd5e1}.work-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.book-code{font-weight:600;color:#1f2937;font-size:1rem}.work-item-timestamp{font-size:.875rem;color:#6b7280;font-weight:500;color:#2e6417;font-weight:600;-webkit-background-clip:text;background-clip:text}.work-item-details{display:grid;grid-template-columns:1fr 1fr;gap:8px}.work-item-details p{margin:0;font-size:.875rem;color:#4b5563}.work-item-details strong{color:#374151;font-weight:500}.work-history-item.accepted{border-left:4px solid #10b981;background:#f0fdf4}.work-history-item.claimed{border-left:4px solid #f59e0b;background:#fffbeb}.work-history-item.denied{border-left:4px solid #ef4444;background:#fef2f2}.work-history-item.completed{border-left:4px solid #8b5cf6;background:#faf5ff}.contractors-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:20px;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.contractors-page .page-header h2{margin:0;color:#1a202c;font-size:1.5rem;font-weight:600}.add-contractor-modal{max-width:550px;width:90%;max-height:85vh;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.add-contractor-modal .modal-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:24px}.add-contractor-modal .modal-header h3{color:#fff;font-size:1.3rem;font-weight:700;margin:0}.add-contractor-modal .modal-close{color:#fffc;font-size:1.8rem;padding:8px;border-radius:6px;transition:all .2s ease}.add-contractor-modal .modal-close:hover{background:#ffffff1a;color:#fff}.add-contractor-modal .modal-content{padding:28px;max-height:55vh;overflow-y:auto;scrollbar-gutter:stable;background:#fafbfc}.add-contractor-modal .form-group{margin-bottom:24px}.add-contractor-modal .form-group label{display:block;margin-bottom:16px;font-weight:700;color:#1a202c;font-size:1.1rem;text-transform:uppercase;letter-spacing:.5px}.add-contractor-modal .form-group label.required:after{content:" *";color:#e53e3e;font-weight:700}.add-contractor-modal .form-input,.add-contractor-modal .form-select{width:100%;padding:14px 16px;border:2px solid #e2e8f0!important;border-radius:10px;font-size:.95rem;transition:all .3s ease;background:#fff;box-shadow:0 1px 3px #0000000d}.add-contractor-modal .form-input:focus,.add-contractor-modal .form-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a,0 4px 6px #00000012;transform:translateY(-1px)}.add-contractor-modal .form-input.error,.add-contractor-modal .form-select.error{border-color:#e53e3e;box-shadow:0 0 0 4px #e53e3e1a}.add-contractor-modal .error-message{display:block;color:#e53e3e;font-size:.85rem;margin-top:8px;font-weight:500}.add-contractor-modal .password-field{position:relative}.add-contractor-modal .generate-password-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:#667eea;color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .2s ease}.add-contractor-modal .generate-password-btn:hover{background:#5a67d8}.add-contractor-modal .regions-checkboxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;max-height:320px;overflow-y:auto;scrollbar-gutter:stable;padding:20px;border:none;border-radius:12px;background:#fff;box-shadow:inset 0 2px 4px #0000000f}.add-contractor-modal .checkbox-item{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:10px;transition:all .3s ease;background:#f8fafc;border:2px solid #e2e8f0;cursor:pointer;position:relative;overflow:hidden}.add-contractor-modal .checkbox-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea,#764ba2);opacity:0;transition:opacity .3s ease;z-index:0}.add-contractor-modal .checkbox-item:hover:before{opacity:.05}.add-contractor-modal .checkbox-item:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #667eea26}.add-contractor-modal .checkbox-item input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#667eea;background-color:#fff;border:1px solid #d1d5db;z-index:1;position:relative}.add-contractor-modal .checkbox-item input[type=checkbox]:checked+label{color:#667eea;font-weight:600}.add-contractor-modal .checkbox-item label{cursor:pointer;font-size:.95rem;font-weight:500;color:#374151;line-height:1.3;margin:0;flex:1;z-index:1;position:relative;transition:all .2s ease}.add-contractor-modal .form-help{font-size:.9rem;color:#667eea;margin-bottom:20px;padding:16px;background:linear-gradient(135deg,#ebf4ff,#f0e6ff);border:2px solid #bee3f8;border-radius:10px;position:relative;overflow:hidden}.add-contractor-modal .form-help:before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;background:linear-gradient(135deg,#667eea,#764ba2)}.logs-container{padding:20px 32px 20px 20px;overflow-y:auto;scrollbar-gutter:stable;max-height:calc(100vh - 350px)}.empty-logs{text-align:center;padding:40px 20px;color:#6b7280}.empty-logs h4{margin-bottom:10px;color:#4a5568;font-size:1.1rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:#fff;border-radius:8px;box-shadow:0 10px 25px #0003;max-width:90vw;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e2e8f0;background:#f8fafc}.modal-header h3{margin:0;color:#1a202c;font-size:1.25rem;font-weight:600}.modal-close{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.modal-close:hover{background:#e5e7eb;color:#374151}.modal-content{padding:20px;overflow-y:auto;scrollbar-gutter:stable;flex:1}.modal-actions{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-top:1px solid #e5e7eb;background:#f8fafc;gap:8px}.primary-btn{background:#10b981;border:1px solid #10b981;color:#fff;padding:10px 20px;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.primary-btn:hover:not(:disabled){background:#059669;border-color:#059669}.primary-btn:disabled{opacity:.6;cursor:not-allowed}.secondary-btn{background:#fff;border:1px solid #d1d5db;color:#374151;padding:10px 20px;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.secondary-btn:hover{background:#f9fafb;border-color:#9ca3af}.add-contractor-modal .modal-actions{padding:24px;border-top:none;background:#fff;gap:16px;margin:0;box-shadow:0 -4px 6px -1px #0000000d}.add-contractor-modal .primary-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;min-width:120px;padding:12px 20px;font-weight:600;font-size:.9rem;border-radius:8px;box-shadow:0 4px 6px #667eea33;transition:all .3s ease}.add-contractor-modal .primary-btn:hover:not(:disabled){background:linear-gradient(135deg,#5a67d8,#6b46c1);transform:translateY(-1px);box-shadow:0 6px 12px #667eea4d}.add-contractor-modal .primary-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.add-contractor-modal .secondary-btn{background:#f7fafc;border:2px solid #e2e8f0;color:#4a5568;min-width:120px;padding:12px 20px;font-weight:600;font-size:.9rem;border-radius:8px;transition:all .3s ease}.add-contractor-modal .secondary-btn:hover{background:#edf2f7;border-color:#cbd5e0;transform:translateY(-1px)}.edit-input select,.edit-field-container select{width:auto;min-width:100px;max-width:180px;flex:0 0 auto;cursor:pointer}.edit-input[type=text],.edit-input[type=email],.edit-input[type=tel]{flex:0 1 auto;min-width:150px;max-width:300px;width:250px}textarea.edit-input{flex:0 1 auto;min-width:200px;max-width:350px;width:300px}textarea.edit-input{resize:vertical;min-height:70px;font-family:inherit;line-height:1.4;padding:8px 12px;border:2px solid #cbd5e0}.reset-password-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.reset-password-popup-container{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:550px;width:90%;max-height:85vh;overflow-y:auto;scrollbar-gutter:stable;position:relative}.reset-password-popup-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px 24px;border-radius:12px 12px 0 0;display:flex;align-items:center;justify-content:space-between}.reset-password-popup-header h3{margin:0;font-size:1.25rem;font-weight:600}.reset-password-popup-close{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.reset-password-popup-close:hover{background:#fff3}.reset-password-popup-content{padding:24px}.reset-password-popup-info{background:linear-gradient(135deg,#e0e7ff,#f3e8ff);border:1px solid #c7d2fe;border-left:4px solid #667eea;border-radius:8px;padding:16px;margin-bottom:20px}.reset-password-popup-info strong{color:#4338ca;font-weight:600}.reset-password-popup-info p{margin:8px 0 0;color:#374151;font-size:.9rem}.reset-password-popup-field{margin-bottom:20px}.reset-password-popup-field label{display:block;margin-bottom:8px;font-weight:600;color:#374151}.reset-password-popup-input-group{display:flex;gap:8px}.reset-password-popup-input{flex:1;padding:12px 16px;border:2px solid #e5e7eb!important;border-radius:8px;font-size:1rem;transition:all .2s ease;background:#fff}.reset-password-popup-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.reset-password-popup-generate-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 16px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.reset-password-popup-generate-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.reset-password-popup-requirements{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;margin-top:16px}.reset-password-popup-requirements h4{margin:0 0 12px;color:#374151;font-size:.9rem;font-weight:600}.reset-password-popup-requirements ul{margin:0;padding-left:20px;color:#6b7280;font-size:.85rem}.reset-password-popup-requirements li{margin-bottom:4px}.reset-password-popup-feedback{margin-top:16px;padding:12px 16px;border-radius:8px;font-weight:500;font-size:.9rem}.reset-password-popup-feedback.success{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.reset-password-popup-feedback.error{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.reset-password-popup-actions{display:flex;gap:12px;justify-content:flex-end;padding:20px 24px;border-top:1px solid #e5e7eb;background:#f9fafb;border-radius:0 0 12px 12px}.reset-password-popup-primary-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:120px}.reset-password-popup-primary-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.reset-password-popup-primary-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.reset-password-popup-secondary-btn{background:#fff;color:#374151;border:2px solid #e5e7eb;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:80px}.reset-password-popup-secondary-btn:hover{background:#f3f4f6;border-color:#d1d5db;transform:translateY(-1px)}.add-contractor-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.add-contractor-popup-container{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:580px;width:90%;max-height:85vh;overflow-y:auto;scrollbar-gutter:stable;position:relative}.add-contractor-popup-header{background:#fff;color:#1a202c;padding:20px 24px;border-radius:12px 12px 0 0;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between}.add-contractor-popup-header h3{margin:0;font-size:1.25rem;font-weight:600}.add-contractor-popup-close{background:none;border:none;color:#6b7280;font-size:1.5rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.add-contractor-popup-close:hover{background:#6b72801a;color:#374151}.add-contractor-popup-content{padding:24px}.add-contractor-popup-info{background:linear-gradient(135deg,#e0e7ff,#f3e8ff);border:1px solid #c7d2fe;border-left:4px solid #667eea;border-radius:8px;padding:16px;margin-bottom:20px}.add-contractor-popup-info strong{color:#4338ca;font-weight:600}.add-contractor-popup-field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.add-contractor-popup-field{margin-bottom:20px}.add-contractor-popup-field label{display:block;margin-bottom:8px;font-weight:600;color:#374151}.add-contractor-popup-field label.required:after{content:" *";color:#dc2626;font-weight:600}.add-contractor-popup-input{width:100%;padding:12px 16px;border:2px solid #e5e7eb!important;border-radius:8px;font-size:1rem;transition:all .2s ease;background:#fff;box-sizing:border-box}.add-contractor-popup-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.add-contractor-popup-input.error{border-color:#dc2626}.add-contractor-popup-help{margin-top:6px;font-size:.8rem;color:#6b7280}.add-contractor-popup-password-group{display:flex;gap:8px}.add-contractor-popup-password-input{flex:1}.add-contractor-popup-generate-password-btn{background:linear-gradient(135deg,#2e6417,#1e4010);color:#fff;border:none;padding:12px 16px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.add-contractor-popup-generate-password-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.add-contractor-popup-regions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.add-contractor-popup-region-card{padding:8px 16px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.add-contractor-popup-region-card:hover{background:#f3f4f6;border-color:#9ca3af}.add-contractor-popup-region-card.selected{background:#3b82f6;border-color:#3b82f6;color:#fff}.add-contractor-popup-actions{display:flex;justify-content:flex-end;align-items:center;padding:16px 24px;border-top:1px solid #e5e7eb;background:#f8fafc;border-radius:0 0 12px 12px;gap:8px}.add-contractor-popup-primary-btn{background:linear-gradient(135deg,#2e6417,#1e4010);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:120px}.add-contractor-popup-primary-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #2e641766}.add-contractor-popup-primary-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.add-contractor-popup-secondary-btn{background:#fff;color:#374151;border:2px solid #e5e7eb;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:120px}.add-contractor-popup-secondary-btn:hover{background:#f3f4f6;border-color:#d1d5db;transform:translateY(-1px)}.region-popup{max-width:500px;border-radius:8px}.region-popup .add-contractor-popup-content{padding:16px 20px}.region-popup .add-contractor-popup-field{margin-bottom:12px}.region-popup .add-contractor-popup-field label{margin-bottom:8px;font-size:.875rem}.region-popup .add-contractor-popup-regions{gap:8px;margin-top:8px}.region-popup .add-contractor-popup-region-card{padding:8px 16px}.region-popup .add-contractor-popup-help{margin-top:8px;font-size:.8rem}.region-popup .add-contractor-popup-actions,.password-reset-popup .add-contractor-popup-actions{padding:16px 24px}.region-popup .add-contractor-popup-primary-btn,.region-popup .add-contractor-popup-secondary-btn{padding:10px 20px!important;min-width:100px!important;font-size:.875rem!important;border-radius:8px!important}.contractors-page input:not([type=checkbox]):not([type=radio]):not(.search-input),.contractors-page textarea,.contractors-page select{border:2px solid #e5e7eb;border-radius:6px;padding:8px 12px;background:#fff}.contractors-page input:not([type=checkbox]):not([type=radio]):not(.search-input):focus,.contractors-page textarea:focus,.contractors-page select:focus{border-color:#4299e1;outline:none}.contractors-page .section-edit-form input:not([type=checkbox]):not([type=radio]),.contractors-page .section-edit-form textarea,.contractors-page .section-edit-form select{padding:4px 0!important;border:none!important;border-bottom:2px solid #cbd5e0!important;border-radius:0!important;font-size:.9rem!important;background:#f8fafc!important;color:#2d3748!important;transition:border-color .2s!important;width:100%!important}.contractors-page .section-edit-form input:focus,.contractors-page .section-edit-form textarea:focus,.contractors-page .section-edit-form select:focus{border-bottom-color:#3b82f6!important;outline:none!important;background:#f8fafc!important}.availability-calendar-tab{height:100%;display:flex;flex-direction:column;overflow:hidden}.availability-loading,.availability-empty{display:flex;align-items:center;justify-content:center;padding:2rem;height:100%}.calendar-container-availability{display:flex;flex-direction:column;height:100%;overflow:hidden}.calendar-container-availability .day-headers-fixed{display:grid!important;grid-template-columns:repeat(7,1fr)!important;gap:.5rem;padding:.5rem;background:transparent;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:10;height:2.5rem}.calendar-container-availability .day-headers-fixed .day-header{padding:0!important;font-size:.75rem;text-align:center;font-weight:600;color:#6b7280;background:transparent;border:none!important;display:flex;align-items:center;justify-content:center}.calendar-container-availability .calendar-scrollable-container{flex:1;overflow-y:auto;overflow-x:hidden;padding:1rem .5rem}.calendar-container-availability .calendar-scrollable-container::-webkit-scrollbar{width:8px}.calendar-container-availability .calendar-scrollable-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.calendar-container-availability .calendar-scrollable-container::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.calendar-container-availability .calendar-scrollable-container::-webkit-scrollbar-thumb:hover{background:#a0aec0}.calendar-container-availability .calendar-scrollable-container{scrollbar-width:thin;scrollbar-color:#cbd5e0 #f1f5f9}.calendar-container-availability .calendar-month-section{margin-bottom:.5rem}.calendar-container-availability .calendar-month-header{margin-bottom:.25rem;padding:0 .5rem}.calendar-container-availability .calendar-month-title{font-size:1.125rem;font-weight:600;color:#2d3748;margin:0}.calendar-container-availability .calendar-days-phone{display:grid!important;grid-template-columns:repeat(7,1fr)!important;gap:4px .5rem!important;padding:.5rem!important;justify-items:center!important;align-items:center!important;width:100%!important;box-sizing:border-box!important}.calendar-container-availability .calendar-day-circle{width:32px!important;height:32px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:default!important;border:2px solid transparent;box-sizing:border-box;pointer-events:none!important}.calendar-container-availability .calendar-day-circle-today{border:3px solid #2563eb!important;box-shadow:0 0 0 2px #2563eb66,0 0 8px #2563eb4d!important}.calendar-container-availability .calendar-day-circle-green{background-color:#10b981!important}.calendar-container-availability .calendar-day-circle-red{background-color:#ef4444!important}.calendar-container-availability .calendar-day-circle-white{background-color:#fff!important;border:1px solid #e2e8f0!important}.calendar-container-availability .day-number-circle{color:#fff;font-size:.75rem;font-weight:600;-webkit-user-select:none;user-select:none}.calendar-container-availability .calendar-day-circle-white .day-number-circle{color:#374151!important}.calendar-container-availability .calendar-day-circle-empty{width:32px;height:32px}.onboarding-controls-row{display:flex;align-items:center;gap:32px;flex-wrap:wrap;margin-top:8px}.onboarding-item{display:flex;align-items:center;gap:12px;min-height:42px}.onboarding-item-label{font-size:.875rem;color:#4a5568;font-weight:500;margin:0;padding:0;white-space:nowrap;min-width:60px;display:flex;align-items:center;height:42px}.required-asterisk{color:#ef4444;margin-left:2px}.skip-onboarding-button{padding:8px 16px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;display:inline-block}.skip-onboarding-button:hover{background:#f9fafb;border-color:#9ca3af}.skip-onboarding-button.selected{background:#3b82f6;color:#fff;border-color:#3b82f6}.skip-onboarding-button.selected:hover{background:#2563eb;border-color:#2563eb}.mentor-search-container{position:relative;display:flex;align-items:center}.mentor-search-wrapper{position:relative;min-width:200px;max-width:300px}.mentor-search-input{width:100%;padding:8px 12px;border:none!important;border-bottom:2px solid #cbd5e0!important;border-radius:0!important;font-size:.875rem;background:transparent!important;transition:all .2s ease;box-sizing:border-box;height:100%;display:flex;align-items:center}.mentor-search-input:focus{outline:none;border-bottom-color:#4299e1!important;background:transparent!important}.mentor-search-input::placeholder{color:#a0aec0}.mentor-dropdown{position:absolute;left:0;right:0;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 4px 6px #0000001a;max-height:200px;overflow-y:auto;z-index:1000}.mentor-dropdown-bottom{top:100%;margin-top:4px}.mentor-dropdown-top{bottom:100%;margin-bottom:4px}.mentor-dropdown::-webkit-scrollbar{width:8px}.mentor-dropdown::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.mentor-dropdown::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.mentor-dropdown::-webkit-scrollbar-thumb:hover{background:#a0aec0}.mentor-dropdown-item{padding:10px 12px;cursor:pointer;border-bottom:1px solid #f1f5f9;transition:background-color .2s}.mentor-dropdown-item:hover{background-color:#f8fafc}.mentor-dropdown-item:last-child{border-bottom:none}.add-contractor-popup-container::-webkit-scrollbar{width:8px}.add-contractor-popup-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.add-contractor-popup-container::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.add-contractor-popup-container::-webkit-scrollbar-thumb:hover{background:#a0aec0}.messages-container{padding:.75rem 2rem;background-color:#fbfcfd;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#374151;display:flex;align-items:center;justify-content:center;scrollbar-gutter:stable}.messages-content{width:100%;max-width:600px}.coming-soon-card{background:#fff;border-radius:24px;border:1px solid #f1f5f9;padding:3rem 2rem;text-align:center;box-shadow:0 4px 20px #00000014;transition:all .3s ease;position:relative;overflow:hidden}.coming-soon-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#10b981,#059669)}.coming-soon-icon{font-size:4rem;margin-bottom:1.5rem;display:block;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.coming-soon-title{font-size:2.5rem;font-weight:600;color:#1f2937;margin:0 0 1rem;letter-spacing:-.025em}.coming-soon-subtitle{font-size:1.25rem;color:#6b7280;margin:0 0 2rem;font-weight:400}.coming-soon-description{text-align:left;background:#f8fafc;border-radius:16px;padding:1.5rem;margin:2rem 0;border:1px solid #f1f5f9}.coming-soon-description p{font-size:1rem;color:#374151;margin:0 0 1rem;font-weight:500}.feature-list{list-style:none;padding:0;margin:0}.feature-list li{padding:.75rem 0;color:#4b5563;font-size:.95rem;display:flex;align-items:center;border-bottom:1px solid #f1f5f9}.feature-list li:last-child{border-bottom:none}.feature-list li:before{content:"✨";margin-right:.75rem;font-size:1rem}.coming-soon-badge{display:inline-block;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:.75rem 1.5rem;border-radius:50px;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-top:1rem;box-shadow:0 4px 14px #10b9814d;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 4px 14px #10b9814d}50%{box-shadow:0 6px 20px #10b98166;transform:scale(1.02)}to{box-shadow:0 4px 14px #10b9814d}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.report-header{background:#fff;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 15px #0000001a;border:1px solid #e2e8f0;text-align:center}.report-header h1{font-size:2rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.report-header p{color:#64748b;font-size:1.1rem;margin:0}.report-tabs{display:flex;background:#fff;border-radius:12px;padding:.5rem;margin-bottom:2rem;box-shadow:0 4px 15px #0000001a;border:1px solid #e2e8f0;gap:.5rem}.tab-button{flex:1;padding:.75rem 1rem;border:none;background:transparent;border-radius:8px;font-weight:500;color:#64748b;cursor:pointer;transition:all .3s ease;font-size:.95rem}.tab-button:hover{background:#f1f5f9;color:#374151}.tab-button.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600}.report-content{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 15px #0000001a;border:1px solid #e2e8f0}.report-content h2{font-size:1.5rem;font-weight:600;color:#1e293b;margin-bottom:1.5rem}.features-list{display:flex;flex-direction:column;gap:1rem}.feature-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:1.5rem;transition:all .3s ease}.feature-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;border-color:#cbd5e1}.feature-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.feature-header h3{font-size:1.2rem;font-weight:600;color:#1e293b;margin:0}.status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500;text-transform:capitalize}.feature-description{color:#64748b;line-height:1.6;margin-bottom:1rem}.feature-meta{color:#94a3b8;font-size:.85rem}.logs-list{display:flex;flex-direction:column;gap:.75rem}.log-entry{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1rem;transition:all .2s ease}.log-entry:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000000d}.log-meta{display:flex;gap:1rem;align-items:center;margin-bottom:.5rem;flex-wrap:wrap}.log-timestamp{font-family:Courier New,monospace;font-size:.85rem;color:#64748b;font-weight:500}.log-level{color:#fff;padding:.2rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.log-module{background:#e2e8f0;color:#475569;padding:.2rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500}.log-message{color:#374151;font-size:.95rem;line-height:1.5}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.insight-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:1.5rem;transition:all .3s ease}.insight-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;border-color:#cbd5e1}.insight-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.insight-header h3{font-size:1.1rem;font-weight:600;color:#1e293b;margin:0;line-height:1.3}.insight-trend{display:flex;align-items:center;gap:.5rem;background:#fff;padding:.5rem .75rem;border-radius:8px;border:1px solid #e2e8f0}.trend-icon{font-size:1.2rem}.trend-value{font-weight:600;color:#1e293b;font-size:.95rem}.insight-description{color:#64748b;line-height:1.6;margin-bottom:1rem;font-size:.95rem}.insight-meta{display:flex;justify-content:flex-end}.insight-type{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500}.corporate-topbar-container{position:sticky;top:0;z-index:1000;background:#f8fafc}.corporate-topbar{display:flex;align-items:center;justify-content:flex-end;padding:0 1.5rem;height:64px;background:#2e6417;border-bottom:none;gap:1rem}.corporate-title{color:#fff;font-size:1.5rem;font-weight:600;margin-right:auto;-webkit-user-select:none;user-select:none}.notifications-section{display:flex;align-items:center}.notifications-button{background:none;border:none;color:#fff;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;opacity:.7}.notifications-button:hover{background-color:#ffffff1a;opacity:1}.notifications-button:disabled{cursor:not-allowed}.notifications-button{position:relative}.notifications-badge{position:absolute;top:4px;right:4px;background:#ef4444;color:#fff;border-radius:10px;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;border:2px solid #2e6417;box-shadow:0 2px 4px #0003}.notification-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border-radius:8px;box-shadow:0 10px 25px #00000026;border:1px solid #e2e8f0;min-width:350px;max-width:400px;z-index:2001;max-height:500px;display:flex;flex-direction:column}.notification-dropdown-header{padding:1rem 1.25rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;background-color:#f8f9fa;border-radius:8px 8px 0 0}.notification-dropdown-header h3{margin:0;font-size:1rem;font-weight:600;color:#333}.view-all-link{background:none;border:none;color:#007bff;cursor:pointer;font-size:.875rem;font-weight:500;padding:0;text-decoration:underline}.view-all-link:hover{color:#0056b3}.notification-dropdown-content{max-height:400px;overflow-y:auto;padding:.5rem}.notification-empty{padding:2rem;text-align:center;color:#999}.notification-item{display:flex;gap:.75rem;padding:1rem;border-radius:6px;cursor:pointer;transition:background-color .2s;margin-bottom:.5rem;border-left:3px solid transparent}.notification-item:hover{background-color:#f8f9fa}.notification-item.unread{background-color:#e3f2fd;border-left-color:#2196f3}.notification-priority-indicator{width:4px;border-radius:2px;flex-shrink:0}.notification-priority-indicator.priority-urgent{background-color:#ef4444}.notification-priority-indicator.priority-high{background-color:#f59e0b}.notification-content{flex:1;min-width:0}.notification-title{font-weight:600;color:#333;margin-bottom:.25rem;font-size:.9375rem}.notification-body{font-size:.875rem;color:#666;margin-bottom:.5rem;line-height:1.4}.notification-time{font-size:.75rem;color:#999}.messaging-section{display:flex;align-items:center}.messaging-notification-badge{position:absolute;top:4px;right:4px;background:#ef4444;color:#fff;border-radius:10px;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;border:2px solid #2e6417;box-shadow:0 2px 4px #0003}.corporate-tab-bar{display:flex;align-items:center;justify-content:center;background:#f8fafc;border:none;padding:.5rem 1.5rem;gap:.25rem;box-shadow:0 4px 6px -1px #0000000d;position:sticky;top:64px;z-index:999}.corporate-tab-bar:after{content:"";position:absolute;bottom:-20px;left:0;right:0;height:20px;background:linear-gradient(to bottom,rgba(248,250,252,.8) 0%,transparent 100%);pointer-events:none;z-index:-1}.corporate-tab-bar .tab-item{padding:.5rem 1.5rem;color:#6b7280;text-decoration:none;font-weight:500;font-size:.9375rem;border-bottom:3px solid transparent;transition:all .2s ease;cursor:pointer;white-space:nowrap;border-radius:8px;background:transparent}.corporate-tab-bar .tab-item:hover{color:#2e6417;background:transparent}.corporate-tab-bar .tab-item:focus-visible{outline:2px solid #2e6417;outline-offset:2px;background:transparent}.corporate-tab-bar .tab-item.active,.corporate-tab-bar .tab-item[aria-current=page]{color:#6b7280;border-bottom-color:#2e6417;font-weight:500;background:transparent}.message-sidebar{position:fixed;top:64px;right:0;bottom:0;width:400px;background:#fff;box-shadow:-4px 0 15px #0000001a;z-index:2000;animation:slideInRight .3s ease;overflow-y:auto}.corporate-user-section{display:flex;align-items:center;position:relative}.corporate-avatar{width:40px;height:40px;border-radius:50%;background:#fff3;border:2px solid white;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.9375rem;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;position:relative}.corporate-avatar-status{position:absolute;bottom:0;right:0;width:12px;height:12px;border-radius:50%;border:2px solid #2e6417;display:flex;align-items:center;justify-content:center;background:#2e6417}.corporate-avatar:hover{transform:scale(1.05);background:#ffffff4d}.dropdown-item{padding:12px 16px;color:#374151;text-decoration:none;display:block;transition:all .2s ease;border:none;background:none;width:100%;text-align:left;cursor:pointer;font-size:.9375rem;font-weight:500}.dropdown-item:first-child{border-radius:8px 8px 0 0}.dropdown-item:last-child{border-radius:0 0 8px 8px}.corporate-footer{background:#2e6417;color:#fff;padding:1rem 1.5rem;border-top:none;margin-top:auto;box-shadow:0 -1px 3px #0000001a}.corporate-footer-content{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;gap:2rem}.footer-left,.footer-center,.footer-right{display:flex;align-items:center;gap:1.5rem}.footer-left{flex:1;gap:2rem}.footer-center,.footer-right{flex-shrink:0}.footer-copyright,.footer-version,.footer-support-text{margin:0;font-size:.875rem;color:#ffffffe6;line-height:1.5}.footer-copyright{font-weight:500}.footer-version{font-weight:400;opacity:.85}.footer-support-text{font-weight:500;white-space:nowrap}.footer-it-button{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.3);padding:.625rem 1.25rem;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;min-height:40px}.footer-it-button:hover{background:#ffffff40;border-color:#ffffff80;transform:translateY(-1px)}.footer-it-button:focus-visible{outline:2px solid white;outline-offset:2px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem}.modal-content{background:#fff;border-radius:16px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 25px 50px -12px #00000040}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s;z-index:10}.modal-header{padding:2rem 2rem 1rem;border-bottom:1px solid #e5e7eb;text-align:left;display:flex;flex-direction:column;align-items:flex-start}.modal-header h2{margin:0 0 .5rem;color:#111827;font-size:1.5rem;font-weight:700;padding-right:2.5rem;line-height:1.3;display:block;width:100%}.modal-header p{margin:0;color:#6b7280;font-size:.9375rem;line-height:1.5;display:block;width:100%}.modal-body{padding:1.5rem 2rem 2rem;background:transparent}.it-form .form-group{margin-bottom:1.25rem}.it-form .form-group:last-of-type{margin-bottom:0}.it-form .form-group label{display:block;font-size:.9375rem;font-weight:600;color:#374151;margin-bottom:.5rem}.it-form .form-input{width:100%;padding:.875rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:all .2s;box-sizing:border-box;min-height:3rem}.it-form .form-input:focus{outline:none;border-color:#2e6417;box-shadow:0 0 0 3px #2e64171a}.it-form .form-textarea{width:100%;padding:.875rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;font-family:inherit;resize:vertical;min-height:100px;transition:all .2s;box-sizing:border-box}.it-form .form-textarea:focus{outline:none;border-color:#2e6417;box-shadow:0 0 0 3px #2e64171a}.field-error{color:#dc2626;font-size:.875rem;margin-top:.5rem;line-height:1.4}.modal-actions{display:flex;gap:.75rem;margin-top:1.5rem;background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important}.btn{padding:.875rem 1.5rem;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s;border:none;flex:1;min-height:3rem;-webkit-tap-highlight-color:transparent}.btn-primary{background:#2e6417;color:#fff}.btn-primary:hover{background:#1a4010;transform:translateY(-1px);box-shadow:0 4px 12px #2e64174d}.btn-primary:active{transform:translateY(0);opacity:.9}.btn-secondary{background:#f3f4f6;color:#374151}.btn-secondary:hover{background:#e5e7eb}.btn-secondary:active{background:#d1d5db}.corporate-layout{display:flex;flex-direction:column;min-height:100vh;background-color:#f8fafc}.corporate-content{flex:1;padding:2rem;max-width:1200px;margin:0 auto;width:100%}.corporate-dashboard-container{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:2rem}.corporate-dashboard-content{text-align:center;max-width:600px;background:#fff;border-radius:12px;padding:3rem;box-shadow:0 4px 6px #0000001a}.corporate-dashboard-title{color:#1f2937;font-size:2rem;font-weight:700;margin-bottom:1.5rem}.corporate-dashboard-message{color:#6b7280;font-size:1.125rem;line-height:1.6;margin-bottom:1rem}.corporate-dashboard-submessage{color:#9ca3af;font-size:.9375rem;line-height:1.5;margin-top:1.5rem}.notification-toast{position:fixed;top:20px;right:20px;z-index:10000;min-width:300px;max-width:500px;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;animation:slideInRight .3s ease-out;overflow:hidden}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.notification-toast-content{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;gap:12px}.notification-toast-message{flex:1;font-size:.875rem;font-weight:500;line-height:1.4;color:#1f2937}.notification-toast-close{background:none;border:none;color:#6b7280;font-size:1.5rem;line-height:1;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s;flex-shrink:0}.notification-toast-close:hover{background:#f3f4f6;color:#374151}.notification-toast-success{border-left:4px solid #10b981}.notification-toast-success .notification-toast-message{color:#065f46}.notification-toast-error{border-left:4px solid #ef4444}.notification-toast-error .notification-toast-message{color:#991b1b}.notification-toast-info{border-left:4px solid #3b82f6}.notification-toast-info .notification-toast-message{color:#1e40af}.notification-toast-warning{border-left:4px solid #f59e0b}.notification-toast-warning .notification-toast-message{color:#92400e}.payrate-container{padding:2rem;background-color:#fbfcfd;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#374151;min-height:100vh}.payrate-container .configure-rates-btn{border:none;border-bottom:2px solid #9ca3af;border-radius:0}.payrate-container .configure-rates-btn:hover{border-bottom-color:#6b7280}.rate-configs-section{margin-bottom:3rem}.rate-configs-section-title{font-size:1.25rem;font-weight:600;color:#2d3748;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:2px solid #e2e8f0}.rate-configs-list{display:flex;flex-direction:column;gap:0}.rate-config-item{display:flex;flex-direction:column;padding:16px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;transition:all .2s ease;box-shadow:0 1px 3px #0000001a;margin-bottom:12px}.rate-config-item:hover{border-color:#3182ce;box-shadow:0 4px 12px #3182ce26;transform:translateY(-2px)}.rate-config-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #e2e8f0}.rate-config-title-section{flex:1}.rate-config-title{font-size:1rem;font-weight:600;color:#2d3748;margin:0 0 6px}.rate-config-meta{display:flex;align-items:center;gap:12px;font-size:.875rem;color:#718096}.rate-config-dates{color:#718096}.rate-status-badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.rate-status-active{background-color:#c6f6d5;color:#22543d}.rate-status-inactive{background-color:#e2e8f0;color:#4a5568}.rate-config-edit-btn{flex-shrink:0;margin-left:12px}.rate-config-details{display:flex;flex-direction:column;gap:12px}.rate-thresholds-column{display:flex;flex-direction:row;gap:8px;margin-bottom:8px;flex-wrap:wrap}.rate-threshold-item{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#f7fafc;border-radius:6px;border-left:3px solid #3182ce;font-size:.875rem}.rate-threshold-percentage{font-weight:600;color:#4a5568;min-width:50px}.rate-threshold-value{color:#2d3748;font-weight:500}.rate-detail-row{display:flex;align-items:center;gap:8px;font-size:.875rem}.rate-detail-label{font-weight:600;color:#4a5568;min-width:100px}.rate-detail-value{color:#2d3748}.rate-detail-section{display:flex;flex-direction:column;gap:8px;font-size:.875rem}.rate-detail-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.rate-detail-tag{display:inline-block;padding:4px 10px;background-color:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;color:#2d3748;font-size:.8125rem;font-weight:500}.rate-configs-empty{padding:3rem 2rem;text-align:center;color:#718096;background:#f7fafc;border:1px dashed #cbd5e0;border-radius:8px}.rate-configs-empty p{margin:0;font-size:.875rem}.rate-configs-past{margin-top:3rem;padding-top:2rem;border-top:2px solid #e2e8f0}.rate-config-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.rate-config-modal{background:#fff;border-radius:12px;max-width:1200px;width:90%;max-height:90vh;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column}.rate-config-modal-body{padding:28px;overflow-y:auto;scrollbar-gutter:stable;background:#fafbfc;flex:1;min-height:0}.rate-config-modal-body::-webkit-scrollbar{width:8px}.rate-config-modal-body::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.rate-config-modal-body::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.rate-config-modal-body::-webkit-scrollbar-thumb:hover{background:#a0aec0}.rate-config-modal-body .payrate-content{display:flex;flex-direction:column;gap:24px}.rate-config-modal-body .payrate-section{background:#fff;border-radius:10px;padding:24px;margin-bottom:0;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d}.rate-config-modal-body .payrate-section-simple{background:transparent;border:none;box-shadow:none;padding:0}.rate-config-modal-body .payrate-section h3{font-size:1.1rem;font-weight:700;color:#1a202c;margin:0 0 20px;text-transform:uppercase;letter-spacing:.5px;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.rate-config-modal-body .payrate-section h4{font-size:1rem;font-weight:600;color:#2d3748;margin:0 0 16px}.rate-config-modal-body .form-group{margin-bottom:20px}.rate-config-modal-body .form-group label{display:block;font-weight:600;color:#374151;margin-bottom:8px;font-size:.875rem}.rate-config-modal-body .form-group input[type=text],.rate-config-modal-body .form-group input[type=number],.rate-config-modal-body .form-group input[type=date],.rate-config-modal-body .form-group select,.rate-config-modal-body .form-group textarea{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:.95rem;transition:all .3s ease;background:#fff;box-shadow:0 1px 3px #0000000d;color:#1a202c}.rate-config-modal-body .form-group input:focus,.rate-config-modal-body .form-group select:focus,.rate-config-modal-body .form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a,0 4px 6px #00000012;transform:translateY(-1px)}.rate-config-modal-body .form-group input[type=checkbox],.rate-config-modal-body .form-group input[type=radio]{width:auto;margin-right:8px;cursor:pointer}.rate-config-modal-body .form-group label:has(input[type=checkbox]),.rate-config-modal-body .form-group label:has(input[type=radio]){display:flex;align-items:center;cursor:pointer;font-weight:500}.rate-config-modal-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px 28px;border-top:2px solid #e2e8f0;background:#fff;flex-shrink:0;box-shadow:0 -2px 8px #0000000d}.rate-config-modal-footer>div{display:flex;gap:12px;margin-left:auto}.rate-config-modal-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:32px;padding-top:24px;border-top:2px solid #e2e8f0;flex-shrink:0}.rate-config-modal-actions>div{display:flex;gap:12px;margin-left:auto}.rate-config-modal-body .rate-slider-container{background:transparent;border-radius:0;padding:0;border:none}.rate-config-modal-body .base-rate-input{background:#fff;padding:12px 16px;border-radius:8px;border:2px solid #e2e8f0;margin-bottom:16px}.rate-config-modal-body .base-rate-input label{font-weight:600;color:#374151;margin-bottom:8px}.rate-config-modal-body .base-rate-input input{border:2px solid #e2e8f0;padding:10px 14px;border-radius:8px;font-size:.95rem;transition:all .3s ease}.rate-config-modal-body .base-rate-input input:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.rate-config-modal-body .threshold-actions{margin-top:16px;padding-top:16px;border-top:1px solid #e2e8f0;border-bottom:none;background:transparent;display:flex;gap:12px;flex-wrap:wrap}.rate-config-modal-body .threshold-percentage-input{position:absolute;top:35px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.25rem;background:transparent;padding:.5rem 1rem;border-radius:0;box-shadow:none;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease,transform .2s ease;z-index:10}.rate-config-modal-body .threshold-percentage-input.visible{opacity:1;visibility:visible;pointer-events:auto}.rate-config-modal-body .threshold-percentage-input input{width:60px;padding:.25rem;border:none;border-radius:0;font-size:.875rem;text-align:center;background:transparent;transition:all .2s ease}.rate-config-modal-body .threshold-percentage-input input:focus{outline:none;border:none;box-shadow:none}.rate-config-modal-body .threshold-percentage-input span{font-size:.75rem;color:#6b7280}.rate-config-modal-body .btn-add,.rate-config-modal-body .btn-remove{padding:10px 16px;border-radius:8px;font-size:.875rem;font-weight:500;transition:all .2s ease}.rate-config-modal-body .btn-add{background:#667eea;color:#fff;border:none}.rate-config-modal-body .btn-add:hover{background:#5a67d8;transform:translateY(-1px);box-shadow:0 4px 6px #667eea33}.rate-config-modal-body .btn-remove{background:#fff;color:#e53e3e;border:2px solid #e53e3e}.rate-config-modal-body .btn-remove:hover{background:#fed7d7;border-color:#c53030}.rate-config-modal-body .bonuses-list,.rate-config-modal-body .est-caps-list{background:#f8fafc;border-radius:10px;padding:16px;border:1px solid #e2e8f0;margin-bottom:20px}.rate-config-modal-body .bonus-item,.rate-config-modal-body .est-cap-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:16px;margin-bottom:12px}.rate-config-modal-body .bonus-add,.rate-config-modal-body .est-cap-add{background:#f0f9ff;border:2px dashed #667eea;border-radius:10px;padding:20px}.rate-config-modal-body .est-caps-section{background:#f8fafc;border-radius:10px;padding:20px;border:1px solid #e2e8f0;margin-top:24px}.payrate-container .message-display,.payrate-container .message-display.message-empty,.payrate-container .message-display.message-error,.payrate-container .message-display.message-success{background:transparent!important;border:none!important;border-radius:0!important;box-shadow:none!important;padding:0!important;min-height:auto!important;display:block!important;text-align:left!important;margin-bottom:1rem!important}.payrate-container .message-display .message-icon,.payrate-container .message-display.message-empty .message-icon{display:none!important;visibility:hidden!important;opacity:0!important;height:0!important;width:0!important;margin:0!important;padding:0!important}.payrate-container .message-display .message-title,.payrate-container .message-display.message-empty .message-title{color:#718096!important;font-size:1rem!important;font-weight:500!important;margin:0!important;padding:0!important;display:block!important}.payrate-container .message-display .message-content{max-width:100%!important;width:100%!important;padding:0!important;margin:0!important}.payrate-container .message-display .message-text{color:#718096!important;font-size:.875rem!important;margin:.25rem 0 0!important}.payrate-content{display:flex;flex-direction:column;gap:2rem}.payrate-section{background:#fff;border-radius:12px;border:1px solid #e5e7eb;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.payrate-section h2{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 1rem;padding-bottom:.75rem;border-bottom:2px solid #f3f4f6}.config-selector{margin-bottom:1.5rem}.config-selector label{display:block;font-weight:500;color:#374151;margin-bottom:.5rem}.config-selector select{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;background:#fff;color:#1f2937}.config-selector select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.config-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;color:#374151;font-size:.875rem}.form-group input[type=text],.form-group input[type=number],.form-group input[type=date],.form-group select{padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;color:#1f2937}.form-group input:focus,.form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group input[type=checkbox]{width:18px;height:18px;margin-right:.5rem;cursor:pointer}.form-group label:has(input[type=checkbox]){flex-direction:row;align-items:center;cursor:pointer}.base-rate-input{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding:1rem;background:#f9fafb;border-radius:8px}.base-rate-input label{font-weight:500;color:#374151}.base-rate-input input{width:100px;padding:.5rem;border:1px solid #d1d5db;border-radius:6px;font-size:1rem}.base-rate-input span{color:#6b7280;font-size:.875rem}.rate-slider-container{margin:0}.slider-bar-wrapper{position:relative;margin:0 auto;padding:0 20px;max-width:80%}.slider-bar{position:relative;height:120px;margin:40px 0}.slider-track{position:absolute;top:50%;left:0;right:0;height:4px;background:#e5e7eb;transform:translateY(-50%);border-radius:2px}.threshold-dot{position:absolute;top:50%;transform:translate(-50%,-50%);cursor:grab;z-index:10;-webkit-user-select:none;user-select:none}.threshold-dot:active{cursor:grabbing}.threshold-dot-visual{width:20px;height:20px;background:#2e6417;border-radius:50%;border:3px solid white;box-shadow:0 2px 4px #0003;transition:all .2s ease;opacity:1;visibility:visible}.threshold-dot:hover .threshold-dot-visual,.threshold-dot-base:hover .threshold-dot-visual{transform:scale(1.15);box-shadow:0 4px 8px #2e641766}.threshold-dot{transition:transform .2s ease}.threshold-rate-input{position:absolute;bottom:35px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.25rem;background:transparent;padding:.5rem 1rem;border-radius:0;box-shadow:none;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease,transform .2s ease;z-index:10}.threshold-rate-input.visible{opacity:1;visibility:visible;pointer-events:auto}.threshold-rate-input input{width:60px;padding:.25rem;border:none;border-radius:0;font-size:.875rem;text-align:center;background:transparent}.threshold-rate-input span{font-size:.75rem;color:#6b7280}.threshold-percentage{position:absolute;top:35px;left:50%;transform:translate(-50%);font-size:.875rem;font-weight:500;color:#374151;background:#fff;padding:.25rem .5rem;border-radius:4px;white-space:nowrap}.threshold-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.btn-add,.btn-remove{padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;font-size:.875rem;cursor:pointer;transition:all .2s}.btn-add{background:#3b82f6;color:#fff;border-color:#3b82f6}.btn-add:hover{background:#2563eb}.btn-remove:hover{background:#fef2f2;border-color:#ef4444;color:#dc2626}.est-rates-list{display:flex;flex-direction:column;gap:.75rem}.est-rate-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.est-rate-item span{font-weight:500;color:#374151}.est-rate-item button{padding:.5rem 1rem;background:#ef4444;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.875rem}.est-rate-item button:hover{background:#dc2626}.est-rate-add{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#f0f9ff;border-radius:8px;border:1px dashed #3b82f6}.est-rate-add input{padding:.5rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem}.est-rate-add input[type=number]:first-of-type{width:80px}.est-rate-add input[type=number]:last-of-type{width:100px}.est-rate-add span{color:#374151;font-weight:500}.est-rate-add button{padding:.5rem 1rem;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.875rem}.est-rate-add button:hover{background:#2563eb}.bonuses-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.bonus-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.bonus-info{display:flex;flex-direction:column;gap:.5rem}.bonus-info strong{font-size:1rem;color:#1f2937}.bonus-info span{font-size:.875rem;color:#6b7280}.bonus-item button{padding:.5rem 1rem;background:#ef4444;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.875rem}.bonus-item button:hover{background:#dc2626}.bonus-add{padding:1.5rem;background:#f0f9ff;border-radius:8px;border:1px dashed #3b82f6}.bonus-add h3{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 1rem}.bonus-add .form-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.bonus-add .form-group input[type=radio]{width:auto;margin:0}.help-text{font-size:.75rem;color:#6b7280;margin-top:.5rem;font-style:italic}.est-caps-section{margin-top:2rem;padding-top:2rem;border-top:2px solid #e5e7eb}.est-caps-section h3{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 1rem}.est-caps-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.est-cap-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.est-cap-info{display:flex;flex-direction:column;gap:.5rem}.est-cap-info strong{font-size:1rem;color:#1f2937}.est-cap-info span{font-size:.875rem;color:#6b7280}.est-cap-item button{padding:.5rem 1rem;background:#ef4444;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.875rem}.est-cap-item button:hover{background:#dc2626}.est-cap-add{padding:1.5rem;background:#f0f9ff;border-radius:8px;border:1px dashed #3b82f6;display:flex;flex-direction:column;gap:1rem}.input-with-symbol{display:flex;align-items:center;gap:.5rem}.input-with-symbol span{color:#374151;font-weight:500}.input-with-symbol input{flex:1}.payrate-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1rem}.btn-save{padding:.75rem 2rem;background:#10b981;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-save:hover{background:#059669;box-shadow:0 4px 12px #10b9814d}@media (max-width: 768px){.payrate-container{padding:1rem}.config-fields,.bonus-config{grid-template-columns:1fr}.slider-bar-wrapper{padding:60px 10px}}.admin-topbar{display:flex;align-items:center;padding:0 1.5rem;height:64px;background:linear-gradient(135deg,#059669,#065f46);border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a;position:relative;z-index:1000}.nav-section{position:relative;margin-right:1rem}.hamburger-button{background:none;border:none;color:#fff;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.hamburger-button:hover{background-color:#ffffff1a}.hamburger-icon{width:24px;height:18px;display:flex;flex-direction:column;justify-content:space-between}.hamburger-line{width:100%;height:3px;background-color:#fff;border-radius:2px;transition:all .3s ease}.nav-dropdown-menu{position:absolute;top:100%;left:0;background:#fff;border-radius:8px;box-shadow:0 10px 25px #00000026;border:1px solid #e2e8f0;min-width:200px;z-index:1001;opacity:0;transform:translateY(-10px);transition:all .2s ease;pointer-events:none;margin-top:8px}.nav-dropdown-menu.show{opacity:1;transform:translateY(0);pointer-events:all}.nav-dropdown-item{padding:12px 16px;color:#374151;text-decoration:none;display:block;transition:all .2s ease;border:none;background:none;width:100%;text-align:left;cursor:pointer;font-size:14px;font-weight:500}.nav-dropdown-item:hover{background-color:#f3f4f6;color:#1f2937}.nav-dropdown-item.active{background:linear-gradient(90deg,#0596691a,#fff0);color:#059669;font-weight:600}.nav-dropdown-item:first-child{border-radius:8px 8px 0 0}.nav-dropdown-item:last-child{border-radius:0 0 8px 8px}.nav-dropdown-separator{height:1px;background-color:#e2e8f0;margin:4px 0}.admin-title{color:#fff;font-size:1.5rem;font-weight:600;flex:1}.messaging-section{margin-right:1rem}.messaging-button{background:none;border:none;color:#fff;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.messaging-button{position:relative}.messaging-button:hover{background-color:#ffffff1a}.messaging-notification-badge{position:absolute;top:4px;right:4px;background:#ef4444;color:#fff;border-radius:10px;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;border:2px solid #059669;box-shadow:0 2px 4px #0003}.message-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1999}.message-sidebar{position:fixed;top:64px;right:0;width:400px;height:calc(100vh - 64px);background:#fff;box-shadow:-4px 0 15px #0000001a;z-index:2000;animation:slideInRight .3s ease;overflow-y:auto}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.coming-soon-message{text-align:center;color:#6b7280}.coming-soon-message h4{color:#374151;margin-bottom:1rem}.admin-user-section{display:flex;align-items:center;position:relative}.admin-avatar{width:40px;height:40px;border-radius:50%;background:#fff3;border:2px solid white;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;cursor:pointer;transition:all .2s ease;font-size:12px;position:relative}.admin-avatar-status{position:absolute;bottom:0;right:0;width:12px;height:12px;border-radius:50%;border:2px solid #059669;display:flex;align-items:center;justify-content:center;background:#059669}.admin-avatar:hover{transform:scale(1.05);background:#ffffff4d}@media (max-width: 768px){.admin-topbar{padding:0 1rem}.admin-title{font-size:1.25rem}.nav-dropdown-menu{min-width:180px}}.admin-footer{background:linear-gradient(135deg,#059669,#065f46);color:#fff;padding:1rem 1.5rem;border-top:1px solid #e2e8f0;margin-top:auto}.admin-footer-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;flex-wrap:wrap;gap:1rem}.admin-footer-section{flex:1;min-width:200px}.admin-footer-section p{margin:0;font-size:.875rem;opacity:.9}.footer-link{color:#ffffffe6;text-decoration:underline;font-weight:500}.footer-link:hover{color:#fff;text-decoration:none}@media (max-width: 480px){.admin-footer-content{flex-direction:column;text-align:center;gap:.5rem}.admin-footer-section{min-width:auto}.admin-footer-section p{font-size:.75rem}}.admin-layout{display:flex;flex-direction:column;min-height:100vh;background-color:#f8fafc}.admin-content{flex:1;padding:2rem;max-width:1200px;margin:0 auto;width:100%}@media (max-width: 768px){.admin-content{padding:1rem}}@media (max-width: 480px){.admin-content{padding:.5rem}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-width:600px;width:100%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #e2e8f0}.modal-header h2{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0}.modal-close{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:.5rem;border-radius:4px;transition:all .2s ease}.modal-close:hover{background:#f3f4f6;color:#374151}.modal-form{padding:2rem}.form-section{margin-bottom:2rem}.form-section h3{color:#374151;font-size:1.125rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.form-field{margin-bottom:1rem}.form-field label{display:block;color:#374151;font-weight:500;margin-bottom:.5rem}.form-field input,.form-field select,.form-field textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;transition:all .2s ease}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:#059669;box-shadow:0 0 0 3px #0596691a}.form-field textarea{resize:vertical;min-height:80px}.form-field input[type=checkbox]{width:auto;margin-right:.5rem;cursor:pointer}.form-field label:has(input[type=checkbox]){display:flex;align-items:center;cursor:pointer;font-weight:400}.field-help{color:#6b7280;font-size:.875rem;margin-top:.25rem}.error-message{background:#fee2e2;color:#991b1b;padding:.75rem;border-radius:6px;margin-bottom:1rem;font-size:.875rem}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.btn{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.primary{background:linear-gradient(135deg,#059669,#065f46);color:#fff}.btn.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #0596694d}.btn.secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.btn.secondary:hover{background:#e5e7eb}.assignment-preview{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1.5rem;margin-top:1rem}.assignment-preview h4{color:#374151;font-size:1rem;font-weight:600;margin-bottom:1rem}.preview-card{display:flex;align-items:center;gap:1rem}.preview-item{flex:1;background:#fff;padding:1rem;border-radius:6px;border:1px solid #e5e7eb}.preview-item strong{color:#1f2937;display:block;margin-bottom:.5rem}.preview-item small{color:#6b7280}.preview-arrow{color:#059669;font-size:1.5rem;font-weight:700}@media (max-width: 768px){.modal-content{margin:1rem;max-height:calc(100vh - 2rem)}.modal-header{padding:1rem 1.5rem}.modal-form{padding:1.5rem}.form-row{grid-template-columns:1fr}.preview-card{flex-direction:column}.preview-arrow{transform:rotate(90deg)}.modal-actions{flex-direction:column-reverse}.btn{width:100%}}.admin-dashboard{max-width:1200px;margin:0 auto;padding:0}.dashboard-header{text-align:center;margin-bottom:2rem}.dashboard-header h1{color:#1f2937;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.dashboard-header p{color:#6b7280;font-size:1.125rem}.loading-spinner{display:flex;justify-content:center;align-items:center;height:200px;font-size:1.25rem;color:#6b7280}.quick-actions{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem}.quick-actions h2{color:#1f2937;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.action-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.action-btn{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.action-btn .btn-icon{font-size:1.5rem}.action-btn.primary{background:linear-gradient(135deg,#059669,#065f46);color:#fff}.action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0596694d}.action-btn.secondary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.action-btn.secondary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.action-btn.tertiary{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.action-btn.tertiary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b4d}.stats-overview{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem}.stats-overview h2{color:#1f2937;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.stat-card{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:8px;padding:1.5rem;text-align:center;border:1px solid #e2e8f0}.stat-number{font-size:2.5rem;font-weight:700;color:#059669;margin-bottom:.5rem}.stat-label{color:#6b7280;font-weight:500}.recent-data{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem}.recent-data h2{color:#1f2937;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.data-table{overflow-x:auto}.data-table table{width:100%;border-collapse:collapse}.data-table th{background:#f8fafc;padding:1rem;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e2e8f0}.data-table td{padding:1rem;border-bottom:1px solid #e2e8f0;color:#6b7280}.data-table tr:hover{background:#f8fafc}.role-badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase}.role-badge.contractor{background:#dbeafe;color:#1e40af}.role-badge.manager{background:#fef3c7;color:#92400e}.role-badge.IT{background:#e0e7ff;color:#3730a3}.role-badge.admin{background:#ecfdf5;color:#047857}.role-badge.hq{background:#fce7f3;color:#be185d}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-badge.active{background:#dcfce7;color:#166534}.status-badge.inactive{background:#fee2e2;color:#991b1b}.region-code{display:inline-block;background:#f1f5f9;color:#475569;padding:.25rem .5rem;border-radius:4px;font-family:monospace;font-weight:600}@media (max-width: 768px){.dashboard-header h1{font-size:2rem}.quick-actions,.stats-overview,.recent-data{padding:1.5rem}.action-buttons{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.data-table{font-size:.875rem}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}.quick-actions,.stats-overview,.recent-data{padding:1rem}}.deactivated-topbar{display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;height:64px;background:#2e6417;border-bottom:none;gap:1rem}.deactivated-title{color:#fff;font-size:1.5rem;font-weight:600;margin:0;-webkit-user-select:none;user-select:none}.deactivated-user-section{display:flex;align-items:center;position:relative}.deactivated-avatar{width:40px;height:40px;border-radius:50%;background:#fff3;border:2px solid white;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.9375rem;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.deactivated-avatar:hover{transform:scale(1.05);background:#ffffff4d}.dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border-radius:8px;box-shadow:0 10px 25px #00000026;border:1px solid #e2e8f0;min-width:180px;z-index:2001;opacity:0;transform:translateY(-10px);transition:all .2s ease;pointer-events:none}.dropdown-menu.show{opacity:1;transform:translateY(0);pointer-events:all}.dropdown-item{padding:12px 16px;color:#374151;text-decoration:none;display:block;transition:all .2s ease;border:none;background:none;width:100%;text-align:left;cursor:pointer;font-size:.9375rem;font-weight:500;border-radius:8px}.dropdown-item:hover{background-color:#f3f4f6;color:#1f2937}.dropdown-item.logout-item{color:#dc2626;font-weight:600}.dropdown-item.logout-item:hover{background-color:#fee2e2;color:#b91c1c}.deactivated-layout{display:flex;flex-direction:column;min-height:100vh;background:#f8fafc}.deactivated-content{flex:1;padding:2rem;max-width:1200px;margin:0 auto;width:100%}.deactivated-dashboard{padding:1.25rem;max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.paystub-section{background:#fff;border-radius:12px;padding:1.5rem;border:1px solid #e5e7eb}.paystub-section h2{margin:0 0 1rem;color:#111827;font-size:1.25rem;font-weight:700}.paystub-list{min-height:200px}.coming-soon-message{text-align:center;padding:2rem;color:#6b7280;font-style:italic}.coming-soon-message p{margin:.5rem 0;font-size:.9375rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif;line-height:1.6;color:#374151;background-color:#f8fafc;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit;transition:color .2s ease}button{cursor:pointer;border:none;background:none;font-family:inherit;font-size:inherit;transition:all .2s ease}ul,ol{list-style:none}input:not([type=checkbox]):not([type=radio]),textarea,select{font-family:inherit;font-size:inherit;border:none;outline:none;background:none;color:#111827}input[type=checkbox],input[type=radio]{font-family:inherit;font-size:inherit;cursor:pointer;accent-color:#3b82f6}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}:focus{outline:none}.status-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;transition:all .2s ease;border:1px solid transparent}.status-badge.active,.status-badge.not_started{background-color:#dcfce7;color:#166534;border-color:#bbf7d0}.status-badge.inactive,.status-badge.completed{background-color:#f3f4f6;color:#374151;border-color:#e5e7eb}.status-badge.in_progress,.status-badge.pending{background-color:#fef3c7;color:#92400e;border-color:#fde68a}.status-badge.error,.status-badge.denied{background-color:#fecaca;color:#dc2626;border-color:#fca5a5}.status-badge.warning{background-color:#fed7aa;color:#ea580c;border-color:#fdba74}.status-badge.info,.status-badge.upcoming{background-color:#dbeafe;color:#1d4ed8;border-color:#bfdbfe}.status-badge.neutral-primary{background-color:#f9fafb;color:#374151;border-color:#d1d5db}.status-badge.neutral-secondary{background-color:#f3f4f6;color:#6b7280;border-color:#d1d5db}.loading-spinner,.spinner{box-sizing:border-box;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}