html{zoom:.75}body{margin:0;padding:0}#root{min-height:100vh}.app{min-height:100vh;font-family:Inter,sans-serif;display:flex}.sidebar{color:#fff;background:#1f2937;flex-direction:column;width:220px;min-height:100vh;padding:20px;display:flex;position:fixed;top:0;left:0}.sidebar .logo{margin-bottom:40px;font-size:24px;font-weight:700}.sidebar nav a{color:#fff;padding:10px 0;font-weight:500;text-decoration:none;display:block}.sidebar nav a.active,.sidebar nav a:hover{background:#111827;border-radius:6px;padding-left:10px}.main-content{background:#f9fafb;flex:1;min-height:100vh;margin-left:260px;padding:20px 40px}.header{justify-content:flex-end;align-items:center;margin-bottom:20px;display:flex}.header .user{color:#fff;background:#6b7280;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex}body{background-color:#f0f2f5;margin:0;padding:0;font-family:Arial,sans-serif}nav{background-color:#0077b6;padding:10px 20px}nav a{color:#fff;margin-right:15px;font-weight:700;text-decoration:none}nav a:hover{text-decoration:underline}h1,h2{color:#023e8a}button{cursor:pointer;color:#fff;background-color:#023e8a;border:none;border-radius:4px;margin-left:5px;padding:5px 10px}button:hover{background-color:#0077b6}input,textarea{border:1px solid #ccc;border-radius:4px;width:300px;margin:5px 0;padding:5px}table{border-collapse:collapse;width:80%;margin-top:20px}table th,table td{text-align:left;border:1px solid #ccc;padding:10px}table th{color:#fff;background-color:#0077b6}.container{padding:20px}.loading-container{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;min-height:133.33vh;display:flex;position:fixed;inset:0}.spinner-wrapper{justify-content:center;align-items:center;width:120px;height:120px;display:flex;position:relative}.spinner-ring{border:4px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;width:100%;height:100%;animation:1s linear infinite spin;position:absolute}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner-logo{z-index:1;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:relative;box-shadow:0 4px 12px #0000001a}.logo-image{object-fit:contain;width:60px;height:60px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.loading-text{color:#64748b;margin-top:24px;font-size:1rem;font-weight:600;animation:1.5s ease-in-out infinite fadeInOut}@keyframes fadeInOut{0%,to{opacity:.6}50%{opacity:1}}@media (max-width:768px){.loading-container{min-height:117.65vh}.spinner-wrapper{width:100px;height:100px}.spinner-logo{width:70px;height:70px}.logo-image{width:50px;height:50px}.loading-text{font-size:.9rem}}.arcgis-login-root{color:#0f172a;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative;overflow:hidden}.video-background{z-index:0;background:#000;position:fixed;inset:0}.video-background:after{content:"";z-index:1;pointer-events:none;background:radial-gradient(#0000 0% 35%,#ffffff26 50%,#ffffff59 65%,#fff9 78%,#ffffffd9 90%,#fff 100%);position:absolute;inset:0}.video-foreground,.video-background iframe{pointer-events:none;border:0;width:100%;height:100%;position:absolute;top:0;left:0}@media (min-aspect-ratio:16/9){.video-foreground{height:300%;top:-100%}}@media (max-aspect-ratio:16/9){.video-foreground{width:300%;left:-100%}}.arcgis-login-layout{z-index:2;min-height:100vh;position:relative}.arcgis-login-main{justify-content:center;align-items:center;width:100%;min-height:100vh;padding:2rem;display:flex;position:relative}.arcgis-login-form{-webkit-backdrop-filter:blur(28px);text-align:center;background:#ffffffbf;border:1px solid #e2e8f099;border-radius:22px;flex-direction:column;align-items:center;gap:2rem;width:100%;max-width:480px;padding:3.5rem 3rem;display:flex;box-shadow:0 28px 80px #0f172a59,0 12px 32px #0f172a2e,inset 0 1px #fffc}.form-header{flex-direction:column;align-items:center;gap:1.25rem;display:flex}.logo{filter:drop-shadow(0 8px 24px #0f172a66);width:160px;height:auto}.subtitle{color:#4b5563;max-width:280px;margin:0;font-size:1.05rem;font-weight:500;line-height:1.6}.input-group{flex-direction:column;width:100%;display:flex}.input-wrapper{width:100%;position:relative}.input-icon{color:#94a3b8;z-index:2;position:absolute;top:50%;left:1.25rem;transform:translateY(-50%)}.arcgis-login-form input.form-element[type=text],.arcgis-login-form input.form-element[type=password]{box-sizing:border-box;color:#0f172a;background:#fffffffa;border:2px solid #e2e8f0f2;border-radius:16px;width:100%;height:56px;padding:0 1.25rem 0 3.5rem;font-family:inherit;font-size:1rem;font-weight:500;transition:all .2s}.arcgis-login-form input.form-element[type=text]:focus,.arcgis-login-form input.form-element[type=password]:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.arcgis-login-form input.form-element:disabled{opacity:.6;cursor:not-allowed}.login-button{text-transform:uppercase;letter-spacing:.04em;justify-content:center;align-items:center;gap:.75rem;display:flex}.arcgis-login-form button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;border-radius:16px;width:100%;height:56px;padding:0 2rem;font-size:.95rem;font-weight:600;transition:all .2s}.arcgis-login-form button:hover:not(:disabled){background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);transform:translateY(-1px);box-shadow:0 8px 20px #2563eb4d}.arcgis-login-form button:active:not(:disabled){transform:translateY(0)}.arcgis-login-form button:disabled{opacity:.7;cursor:not-allowed}.button-icon{transition:transform .2s}.arcgis-login-form button:hover:not(:disabled) .button-icon{transform:translate(3px)}.error{color:#b91c1c;background:#fef2f2f2;border:1px solid #b91c1c33;border-radius:12px;width:100%;margin:0;padding:.9rem 1rem;font-size:.875rem}.arcgis-login-footer{z-index:3;text-align:center;color:#f9fafbf2;text-shadow:0 1px 3px #0f172ab3;padding:.75rem 1rem;font-size:.8rem;font-weight:500;position:fixed;bottom:0;left:0;right:0}@media (max-width:1200px){.video-background:after{background:radial-gradient(#0000 0% 32%,#ffffff2e 48%,#fff6 63%,#ffffffa6 76%,#ffffffe0 88%,#fff 100%)}}@media (max-width:968px){.video-background:after{background:radial-gradient(#0000 0% 28%,#ffffff38 45%,#ffffff73 60%,#ffffffb3 73%,#ffffffe6 86%,#fff 100%)}}@media (max-width:768px){.arcgis-login-main{padding:2rem 5%}.arcgis-login-form{max-width:90%;padding:3rem 2.25rem}.logo{width:140px}.subtitle{font-size:1rem}.video-background:after{background:radial-gradient(#0000 0% 25%,#ffffff40 42%,#ffffff80 57%,#ffffffbf 70%,#ffffffeb 84%,#fff 100%)}}@media (max-width:600px){.arcgis-login-form{max-width:92%;padding:2.5rem 1.75rem}.logo{width:130px}.subtitle{font-size:.95rem}.arcgis-login-form input.form-element[type=text],.arcgis-login-form input.form-element[type=password],.arcgis-login-form button{height:52px}.input-icon{left:1rem}.arcgis-login-form input.form-element[type=text],.arcgis-login-form input.form-element[type=password]{padding:0 1rem 0 3rem}}@media (max-width:480px){.arcgis-login-form{gap:1.5rem;padding:2rem 1.5rem}.form-header{gap:1rem}.logo{width:120px}}.settings-overlay{z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;position:fixed;inset:0}.settings-panel{z-index:1000;background-color:#fff;flex-direction:column;width:400px;height:100vh;transition:right .3s ease-in-out;display:flex;position:fixed;top:0;right:-400px;overflow:hidden;box-shadow:-2px 0 10px #0000001a}.settings-panel.is-open{right:0}.settings-header{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.settings-header h2{color:#111827;margin:0;font-size:1.5rem;font-weight:600}.close-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;padding:.5rem;font-size:1.5rem;transition:all .2s;display:flex}.close-btn:hover{color:#111827;background-color:#e5e7eb}.settings-content{flex:1;padding:1.5rem;overflow:hidden auto}.settings-section{margin-bottom:2rem}.settings-section h3{color:#374151;margin-bottom:1rem;font-size:1.125rem;font-weight:600}.form-group{width:100%;margin-bottom:1.5rem}.form-group label{color:#374151;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:flex}.label-icon{color:#6b7280}.form-group input{box-sizing:border-box;background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;width:100%;padding:.75rem;font-size:1rem;transition:all .2s}.form-group input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.form-group input:disabled{cursor:not-allowed;opacity:.6;background-color:#f3f4f6}.save-btn{color:#fff;cursor:pointer;box-sizing:border-box;background-color:#3b82f6;border:none;border-radius:.375rem;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;font-size:1rem;font-weight:500;transition:all .2s;display:flex}.save-btn:hover:not(:disabled){background-color:#2563eb}.save-btn:disabled{cursor:not-allowed;background-color:#9ca3af}.input-hint{color:#6b7280;margin-top:.375rem;font-size:.75rem;display:block}.message{border-radius:.5rem;margin-bottom:1rem;padding:.75rem;font-size:.875rem;animation:.3s ease-out slideIn}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.error-message{color:#991b1b;background-color:#fee2e2;border:1px solid #fecaca}.success-message{color:#065f46;background-color:#d1fae5;border:1px solid #a7f3d0}.settings-compact-overlay{z-index:1050;background-color:#0000004d;transition:left .3s;position:fixed;inset:0 0 0 260px}.settings-modal-compact{z-index:1051;opacity:0;pointer-events:none;background-color:#fff;border-radius:12px;flex-direction:column;width:340px;max-height:400px;transition:left .3s,opacity .3s cubic-bezier(.34,1.56,.64,1),transform .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:fixed;overflow:hidden;transform:translateY(-20px)scale(.95);box-shadow:0 10px 40px #0003,0 2px 8px #0000001a}.settings-modal-compact.is-open{opacity:1;pointer-events:all;transform:translateY(0)scale(1)}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)scale(.95)}60%{transform:translateY(5px)scale(1.02)}to{opacity:1;transform:translateY(0)scale(1)}}.settings-modal-header{background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border-bottom:1px solid #e5e7eb;border-radius:12px 12px 0 0;flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.settings-modal-header h3{color:#111827;margin:0;font-size:1.125rem;font-weight:600}.close-btn-compact{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;padding:.375rem;font-size:1.25rem;transition:all .2s;display:flex}.close-btn-compact:hover{color:#111827;background-color:#e5e7eb;transform:rotate(90deg)}.settings-modal-content{flex:1;max-height:320px;padding:1.25rem;overflow:hidden auto}.form-group-compact{width:100%;margin-bottom:1rem}.form-group-compact label{color:#374151;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:flex}.form-group-compact input{box-sizing:border-box;background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;width:100%;padding:.625rem .75rem;font-size:.9375rem;transition:all .2s}.form-group-compact input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.form-group-compact input:disabled{cursor:not-allowed;opacity:.6;background-color:#f3f4f6}.save-btn-compact{color:#fff;cursor:pointer;box-sizing:border-box;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:1rem;padding:.625rem 1rem;font-size:.9375rem;font-weight:500;transition:all .2s;display:flex}.save-btn-compact:hover:not(:disabled){background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.save-btn-compact:active:not(:disabled){transform:translateY(0)}.save-btn-compact:disabled{cursor:not-allowed;opacity:.6;background:#9ca3af}.settings-content::-webkit-scrollbar{width:6px}.settings-modal-content::-webkit-scrollbar{width:6px}.settings-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.settings-modal-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.settings-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.settings-modal-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.settings-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.settings-modal-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width:768px){.settings-panel{width:100%;right:-100%}.settings-modal-compact{width:calc(100vw - 2rem);max-width:340px;transform:translate(-50%)translateY(-20px)scale(.95);left:50%!important}.settings-modal-compact.is-open{transform:translate(-50%)translateY(0)scale(1)}.settings-compact-overlay{left:0!important}}@media (max-width:480px){.settings-modal-compact{border-radius:8px;width:calc(100vw - 1rem);max-width:none}.settings-modal-header{padding:.875rem 1rem}.settings-modal-header h3{font-size:1rem}.settings-modal-content{padding:1rem}}@media (min-width:769px){.settings-compact-overlay{left:260px}}.close-btn:focus,.close-btn-compact:focus,.save-btn:focus,.save-btn-compact:focus{outline-offset:2px;outline:2px solid #3b82f6}.form-group input:focus,.form-group-compact input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}@media (prefers-reduced-motion:reduce){.settings-panel,.settings-modal-compact,.settings-compact-overlay,.close-btn-compact,.save-btn,.save-btn-compact{transition:none;animation:none}@keyframes slideIn{0%,to{opacity:1;transform:translateY(0)}}@keyframes modalSlideIn{0%,to{opacity:1;transform:translateY(0)scale(1)}}}.settings-overlay.is-closing,.settings-compact-overlay.is-closing{opacity:0;transition:opacity .3s}.settings-panel.is-closing{transition:right .3s ease-in-out;right:-400px}.settings-modal-compact.is-closing{opacity:0;transition:transform .3s cubic-bezier(.4,0,1,1),opacity .3s;transform:translateY(-20px)scale(.95)}.success-with-icon{align-items:center;gap:.5rem;animation:.6s cubic-bezier(.68,-.55,.265,1.55) successBounce;display:flex}.success-icon{color:#10b981;font-size:1.25rem;animation:.5s cubic-bezier(.68,-.55,.265,1.55) checkmarkPop}@keyframes successBounce{0%{opacity:0;transform:translateY(-10px)scale(.8)}50%{transform:translateY(2px)scale(1.05)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes checkmarkPop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.save-btn:disabled,.save-btn-compact:disabled{cursor:not-allowed;background-color:#9ca3af}:is(.save-btn:disabled:has(+.success-message),.save-btn-compact:disabled:has(+.success-message)){cursor:default;background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.spinner-small{border:2px solid #3b82f633;border-top-color:#3b82f6;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.6s linear infinite spin}.spinner-white{border:2px solid #ffffff4d;border-top-color:#fff}.loading-message{color:#1e40af;background-color:#dbeafe;border:1px solid #bfdbfe;border-radius:.5rem;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.75rem;font-size:.875rem;animation:.3s ease-out slideIn;display:flex}.loading-message span{font-weight:500}.save-btn,.save-btn-compact{justify-content:center;align-items:center;gap:.5rem;display:flex}.save-btn:disabled,.save-btn-compact:disabled{opacity:.8;cursor:not-allowed}:is(.save-btn:disabled:has(.spinner-white),.save-btn-compact:disabled:has(.spinner-white)){cursor:wait;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}:is(.save-btn:disabled:not(:has(.spinner-white)),.save-btn-compact:disabled:not(:has(.spinner-white))){cursor:default;background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.close-btn:disabled,.close-btn-compact:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.loading-message{animation:.3s ease-out slideIn,2s ease-in-out infinite pulse}.message{transition:all .3s}.navbar{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;will-change:transform;background:#141e30fa;flex-direction:column;width:260px;height:100%;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;inset:0 auto 0 0;overflow:visible;box-shadow:2px 0 20px #0000001a}.navbar.is-collapsed{width:100px}.navbar-header{border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:center;align-items:center;min-height:80px;padding:1.25rem .75rem;display:flex;position:relative}.logo-svg{flex:1;justify-content:center;align-items:center;min-width:0;display:flex;overflow:hidden}.logo-img{object-fit:contain;max-width:100%;height:auto;transition:opacity .3s}.sidebar-toggle-btn{cursor:pointer;color:#ffffffe6;z-index:1002;background:#3b82f626;border:1px solid #ffffff2e;border-radius:999px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:transform .3s,background .2s;display:flex;position:absolute;top:50%;right:-16px;transform:translateY(-50%)}.sidebar-toggle-btn:hover{background:#3b82f640;text-decoration:none;transform:translateY(-50%)scale(1.05)}.sidebar-toggle-btn:active{transform:translateY(-50%)scale(.97)}.toggle-icon{font-size:1rem;transition:transform .3s}.navbar.is-collapsed .toggle-icon{transform:rotate(180deg)}.navbar-content{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex:1;padding:.75rem 0;display:flex;overflow:visible auto}.navbar-content::-webkit-scrollbar{display:none}.navbar-top{flex-direction:column;flex:1;gap:.5rem;display:flex}.navbar-bottom{border-top:1px solid #ffffff14;flex-direction:column;flex-shrink:0;gap:.5rem;margin-top:auto;padding-top:1rem;display:flex}.nav-item-link{color:#ffffffd9;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;flex-shrink:0;align-items:center;gap:1rem;width:100%;margin:0;padding:.65rem .75rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.nav-item-link:before{content:"";background:linear-gradient(#3b82f6,#8b5cf6);width:3px;height:100%;transition:transform .2s;position:absolute;top:0;left:0;transform:scaleY(0)}.nav-item-link:hover{color:#fff;background:#3b82f61f;text-decoration:none}.nav-item-link:hover:before{transform:scaleY(1)}.nav-item-link.active{color:#fff;background:linear-gradient(90deg,#3b82f633,#8b5cf626)}.nav-item-link.active:before{transform:scaleY(1)}.nav-icon-wrap{flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.nav-item-link:hover .nav-icon-wrap{transform:scale(1.05)}.nav-icon{color:currentColor;justify-content:center;align-items:center;font-size:1.2rem;transition:transform .2s;display:flex}.nav-label{white-space:nowrap;opacity:1;color:currentColor;font-size:.95rem;font-weight:500;transition:opacity .2s}.navbar.is-collapsed .nav-item-link{justify-content:center;gap:0;margin:.25rem auto;padding:.65rem .5rem}.navbar.is-collapsed .nav-icon-wrap{width:40px;height:40px}.navbar.is-collapsed .nav-icon{font-size:1.3rem}.navbar.is-collapsed .nav-label{display:none}.admin-btn{color:#ffffffd9;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;flex-shrink:0;align-items:center;gap:1rem;width:100%;margin:0;padding:.65rem .75rem;font-size:.95rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.admin-btn:before{content:"";background:linear-gradient(#3b82f6,#8b5cf6);width:3px;height:100%;transition:transform .2s;position:absolute;top:0;left:0;transform:scaleY(0)}.admin-btn:hover{color:#fff;background:#3b82f61f}.admin-btn:hover:before,.admin-btn.active:before{transform:scaleY(1)}.admin-btn.active{color:#fff;background:linear-gradient(90deg,#3b82f633,#8b5cf626)}.admin-arrow-icon{justify-content:center;align-items:center;margin-left:auto;font-size:.7rem;transition:transform .3s;display:flex}.admin-btn.active .admin-arrow-icon{transform:rotate(90deg)}.navbar.is-collapsed .admin-btn{justify-content:center;gap:0;margin:.25rem auto;padding:.65rem .5rem}.navbar.is-collapsed .admin-btn .admin-arrow-icon{display:none}.admin-dropdown{opacity:0;pointer-events:none;max-height:0;padding:.25rem 0 0 1rem;transition:max-height .3s,opacity .3s;overflow:visible}.admin-dropdown.is-open{opacity:1;pointer-events:auto;max-height:1000px;overflow:visible}.admin-list{flex-direction:column;gap:.25rem;margin:.25rem 0;padding:0;list-style:none;display:flex}.admin-list li{margin:0}.admin-list .nav-item-link{gap:.75rem;padding:.6rem .75rem;font-size:.9rem}.admin-list .nav-icon-wrap{width:28px;height:28px}.admin-list .nav-icon{font-size:1rem}.profile-settings-btn{color:#ffffffd9;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;flex-shrink:0;align-items:center;gap:.75rem;width:100%;margin:0;padding:.6rem .75rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.profile-settings-btn:before{content:"";background:linear-gradient(#3b82f6,#8b5cf6);width:3px;height:100%;transition:transform .2s;position:absolute;top:0;left:0;transform:scaleY(0)}.profile-settings-btn:hover{color:#fff;background:#3b82f61f;text-decoration:none}.profile-settings-btn:hover:before{transform:scaleY(1)}.profile-settings-btn .nav-icon-wrap{flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.profile-settings-btn:hover .nav-icon-wrap{transform:scale(1.05)}.profile-settings-btn .nav-icon{color:currentColor;justify-content:center;align-items:center;font-size:1rem;transition:transform .2s;display:flex}.profile-settings-btn .nav-label{white-space:nowrap;opacity:1;color:currentColor;font-size:.9rem;font-weight:500;transition:opacity .2s}.logout-btn{color:#ffffffd9;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;flex-shrink:0;align-items:center;gap:.75rem;width:100%;margin:0;padding:.6rem .75rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.logout-btn:before{content:"";background:linear-gradient(#ef4444,#dc2626);width:3px;height:100%;transition:transform .2s;position:absolute;top:0;left:0;transform:scaleY(0)}.logout-btn:hover{color:#fff;background:#ef44441f;text-decoration:none}.logout-btn:hover:before{transform:scaleY(1)}.logout-btn .nav-icon-wrap{flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.logout-btn:hover .nav-icon-wrap{transform:scale(1.05)}.logout-btn .nav-icon{color:currentColor;justify-content:center;align-items:center;font-size:1rem;transition:transform .2s;display:flex}.logout-btn .nav-label{white-space:nowrap;opacity:1;color:currentColor;font-size:.9rem;font-weight:500;transition:opacity .2s}.navbar.is-collapsed .logout-btn{justify-content:center;gap:0;margin:.25rem auto;padding:.65rem .5rem}.navbar.is-collapsed .logout-btn .nav-icon-wrap{width:40px;height:40px}.navbar.is-collapsed .logout-btn .nav-icon{font-size:1.3rem}.navbar.is-collapsed .logout-btn .nav-label{display:none}.nav-popover{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:1101;pointer-events:auto;background:#0f172afa;border:1px solid #ffffff1a;border-radius:12px;min-width:220px;padding:.5rem;animation:.2s popoverFadeIn;position:fixed;left:105px;transform:translateY(-50%);box-shadow:0 8px 32px #0000004d}@keyframes popoverFadeIn{0%{opacity:0;transform:translateY(-50%)translate(-10px)}to{opacity:1;transform:translateY(-50%)translate(0)}}.popover-label{color:#fff;white-space:nowrap;padding:.5rem 1rem;font-size:.95rem;font-weight:600}.popover-divider{background:#ffffff1a;height:1px;margin:.25rem 0}.popover-items{flex-direction:column;gap:.1rem;margin:0;padding:0;list-style:none;display:flex}.popover-items li{margin:0}.popover-items .nav-item-link,.popover-items .profile-settings-btn,.popover-items .logout-btn{color:#ffffffd9;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:.75rem;width:100%;margin:0;padding:.65rem .75rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.popover-items .nav-item-link:before,.popover-items .profile-settings-btn:before,.popover-items .logout-btn:before{content:"";background:linear-gradient(#3b82f6,#8b5cf6);width:3px;height:100%;transition:transform .2s;position:absolute;top:0;left:0;transform:scaleY(0)}.popover-items .logout-btn:before{background:linear-gradient(#ef4444,#dc2626)}.popover-items .nav-item-link:hover,.popover-items .profile-settings-btn:hover{color:#fff;background:#3b82f61f}.popover-items .logout-btn:hover{color:#fff;background:#ef44441f}.popover-items .nav-item-link:hover:before,.popover-items .profile-settings-btn:hover:before,.popover-items .logout-btn:hover:before{transform:scaleY(1)}.popover-items .nav-icon-wrap{flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.popover-items .nav-item-link:hover .nav-icon-wrap,.popover-items .profile-settings-btn:hover .nav-icon-wrap,.popover-items .logout-btn:hover .nav-icon-wrap{transform:scale(1.05)}.popover-items .nav-icon{color:currentColor;font-size:1rem}.popover-items .nav-label{color:currentColor;flex:1;font-size:.9rem;font-weight:500}@media (max-width:992px) and (min-width:768px){.navbar{width:220px}.navbar.is-collapsed{width:95px}.navbar-header{padding:1rem .75rem}.nav-item-link,.admin-btn,.profile-settings-btn,.logout-btn{gap:.75rem;padding:.6rem .7rem;font-size:.9rem}.nav-icon-wrap{width:30px;height:30px}.nav-icon{font-size:1.1rem}.navbar.is-collapsed .nav-icon-wrap{width:38px;height:38px}.navbar.is-collapsed .nav-icon{font-size:1.25rem}.nav-popover{min-width:200px;left:100px}}@media (max-width:767px){.navbar{width:280px;transition:left .3s;left:-280px}.navbar:not(.is-collapsed){left:0}.navbar.is-collapsed{width:280px;left:-280px}.navbar-header{min-height:70px;padding:1rem .75rem}.nav-item-link,.admin-btn,.profile-settings-btn,.logout-btn{gap:1rem;padding:.85rem 1.25rem;font-size:1rem}.nav-icon-wrap{width:40px;height:40px}.nav-icon{font-size:1.25rem}.navbar.is-collapsed .nav-label{opacity:1;display:inline}.admin-list{padding-left:1.5rem}.admin-list .nav-item-link,.admin-list .profile-settings-btn,.admin-list .logout-btn{padding:.7rem .75rem;font-size:.95rem}.nav-popover{display:none}.sidebar-toggle-btn{right:8px}}@media (max-width:480px){.navbar{width:100vw;left:-100vw}.navbar:not(.is-collapsed){left:0}.navbar.is-collapsed{width:100vw;left:-100vw}.nav-item-link,.admin-btn,.profile-settings-btn,.logout-btn{gap:.85rem;padding:.8rem 1rem;font-size:.95rem}}@media (max-height:600px){.navbar-header{min-height:60px;padding:.75rem}.navbar-content{padding:.5rem 0}.navbar-top,.navbar-bottom{gap:.25rem}.nav-item-link,.admin-btn,.profile-settings-btn,.logout-btn{padding:.5rem .7rem;font-size:.9rem}.nav-icon-wrap{width:28px;height:28px}.nav-icon{font-size:1rem}.admin-list .nav-item-link,.admin-list .profile-settings-btn,.admin-list .logout-btn{padding:.45rem .7rem;font-size:.85rem}.admin-dropdown.is-open{max-height:350px}}.app-layout{min-height:100vh;display:flex}.main-content{flex:1;margin-left:60px;transition:margin-left .3s}@media (max-width:1200px){.main-content{margin-left:0}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.page-content-wrapper{padding:0}.main-resource-header{justify-content:space-between;align-items:center;margin-bottom:0;padding:0 0 20px;display:flex}.btn-add-new-image-style{color:#fff;cursor:pointer;background-color:#0084a9;border:none;border-radius:4px;align-items:center;padding:8px 16px;font-size:14px;font-weight:600;transition:background-color .2s;display:flex}.btn-add-new-image-style:hover:not(:disabled){background-color:#006b86}.btn-add-new-image-style:disabled{opacity:.6;cursor:not-allowed}.forms-link-style{color:#0084a9;background-color:#0000;border:1px solid #0084a9;padding:6px 12px}.forms-link-style:hover:not(:disabled){color:#006b86;background-color:#f0f7f9}.resource-table-container{background:#fff;border:1px solid #e0e0e0;border-radius:8px;flex-direction:column;display:flex;overflow:visible;box-shadow:0 2px 4px #0000000d}.resource-table{border-collapse:collapse;table-layout:fixed;background:#fff;width:100%;font-size:14px}.resource-table thead{z-index:100;background:0 0;position:sticky;top:0}.resource-table thead th{text-align:left;color:#374151;text-transform:capitalize;letter-spacing:0;background:#f9fafb;border:none;border-bottom:1px solid #e0e0e0;padding:12px 20px;font-size:14px;font-weight:600;position:relative}.resource-table thead th:first-child,.resource-table thead th:last-child{border-radius:0}.resource-table tbody tr{border-bottom:1px solid #f3f4f6}.resource-table tbody tr:last-child{border-bottom:none}.resource-table tbody tr.row-editing{background-color:#fffbeb}.resource-table tbody td{color:#1f2937;padding:12px 20px}.cell-content{padding:12px 20px}.action-cell{text-align:right;width:100px;padding:12px 20px}.action-buttons-wrapper{text-align:right}.action-buttons-container{justify-content:flex-end;gap:8px;display:flex}.action-header{text-align:right;width:100px;min-width:100px;padding:12px 20px}.btn-action{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex}.btn-action svg{display:block}.btn-edit-image-style{color:#f7a049}.btn-edit-image-style:hover:not(:disabled){color:#e08e33}.btn-edit-image-style:disabled{opacity:.5;cursor:not-allowed}.btn-delete-image-style,.btn-cancel-delete{color:#ef4444}.btn-delete-image-style:hover,.btn-cancel-delete:hover{color:#dc2626}.btn-save{color:#10b981}.btn-save:hover{color:#059669}.input-field{box-sizing:border-box;color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:4px;width:100%;padding:6px 10px;font-family:inherit;font-size:14px;font-weight:500}.input-field:focus{background:#f0f9ff;border-color:#0084a9;outline:none;box-shadow:0 0 0 3px #0084a91a}.input-field::placeholder{color:#9ca3af;font-weight:500}.text-display{color:#1f2937;font-size:14px;font-weight:500;display:inline-block}.empty-row{color:#6b7280;background-color:#fff;font-style:italic;text-align:center!important;padding:20px!important}.table-scroll-wrapper{width:100%;max-height:none;transition:max-height .3s;overflow:auto hidden}.table-scroll-wrapper.has-scroll{max-height:420px;overflow:hidden auto}.table-scroll-wrapper.has-scroll::-webkit-scrollbar{width:8px;height:8px}.table-scroll-wrapper.has-scroll::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.table-scroll-wrapper.has-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px;transition:background .2s}.table-scroll-wrapper.has-scroll::-webkit-scrollbar-thumb:hover{background:#94a3b8}.forms-section{grid-column:span 2}.forms-style{width:100%}@media (max-width:1024px){.forms-section{grid-column:span 1}}@media (max-width:768px){.resource-table{font-size:12px}.resource-table thead th{border-bottom:1px solid #e0e0e0;padding:10px 12px;font-size:12px}.resource-table tbody td{height:auto;padding:10px 12px;font-size:12px}.btn-add-new-image-style{justify-content:center;width:36px;height:36px;padding:0}.input-field{padding:6px 8px;font-size:12px}.action-buttons-container{gap:6px}.btn-action{width:32px;height:32px;font-size:16px}.action-header,.action-cell{width:80px;min-width:80px;padding:10px 12px!important}.main-title{font-size:18px}.text-display{font-size:12px}.empty-row{font-size:12px;padding:16px 12px!important}.table-scroll-wrapper.has-scroll{max-height:360px}}@media (max-width:480px){.main-resource-header{flex-direction:column;align-items:flex-start;gap:12px}.resource-table{font-size:11px}.resource-table thead th{padding:8px 10px;font-size:11px}.resource-table tbody td{height:auto;padding:8px 10px;font-size:11px}.btn-action{width:28px;height:28px;font-size:14px}.action-header,.action-cell{width:70px;min-width:70px;padding:8px 10px!important}.main-title{font-size:16px}.table-scroll-wrapper.has-scroll{max-height:300px}}@keyframes slideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(400px)}}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(10px)brightness(.8);background:#0f172a80;justify-content:center;align-items:center;width:100%;height:100%;padding:10px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-container{background:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:1200px;height:auto;max-height:90vh;animation:.4s cubic-bezier(.34,1.56,.64,1) slideUp;display:flex;overflow-y:auto;box-shadow:0 25px 60px #0f172a40}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-header{z-index:10;background:linear-gradient(135deg,#1a4d5c 0%,#0f3a45 100%);border-radius:20px 20px 0 0;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:20px 32px;display:flex;position:sticky;top:0}.modal-header h2{color:#fff;letter-spacing:-.6px;word-break:break-word;flex:1;align-items:center;gap:10px;margin:0;font-size:26px;font-weight:900;display:flex}.modal-header h2:before{content:"📋";font-size:28px}.modal-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.resource-tabs-header{z-index:9;-webkit-overflow-scrolling:touch;background:#fff;border-bottom:none;flex-shrink:0;gap:0;padding:0 32px;display:flex;position:sticky;top:68px;overflow-x:auto}.tab-btn{cursor:pointer;color:#9ca3af;white-space:nowrap;background:0 0;border:none;justify-content:center;align-items:center;gap:8px;min-width:max-content;height:48px;padding:14px 24px;font-size:13px;font-weight:700;transition:all .3s;display:flex;position:relative}.tab-btn:hover{color:#667eea;background:#667eea0d}.tab-btn.active{color:#667eea;background:#667eea14;border-bottom:3px solid #667eea}.modal-body{flex:1;padding:28px 32px;position:relative;overflow-y:auto}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:#f1f5f9}.modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.info-section{box-shadow:none;background:0 0;border:none;border-radius:0;margin-bottom:0;padding:0}.info-section-header{display:none}.info-grid{grid-template-columns:repeat(5,1fr);gap:9px;width:100%;display:grid}.info-item{background:linear-gradient(135deg,#f8fafb 0%,#f3f7ff 100%);border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:8px;padding:14px;transition:all .2s;display:flex;position:relative}.info-item:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea1a}.info-item.full-width{grid-column:1/-1}.info-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;flex-wrap:wrap;align-items:center;gap:6px;font-size:10px;font-weight:600;display:flex}.info-label.site-info:before{content:"🌐";font-size:12px}.info-label.client:before{content:"👤";font-size:12px}.info-label.region:before{content:"🗺️";font-size:12px}.info-label.project-name:before{content:"📋";font-size:12px}.info-label.po-number:before{content:"🔢";font-size:12px}.info-label.country:before{content:"🌍";font-size:12px}.info-label.project-status:before{content:"📊";font-size:12px}.info-label.site-status:before{content:"✅";font-size:12px}.info-label.start-date:before{content:"📅";font-size:12px}.info-label.end-date:before{content:"🏁";font-size:12px}.info-label.work-type:before{content:"🔧";font-size:12px}.info-label.foreman:before{content:"👷";font-size:12px}.info-label.one-call-number:before{content:"📞";font-size:12px}.info-label.one-call-planned-date:before{content:"📅";font-size:12px}.info-label.one-call-expiration-date:before{content:"⏰";font-size:12px}.info-label.compliance-date:before{content:"✔️";font-size:12px}.info-label.emergency-medical-hospital:before{content:"🏥";font-size:12px}.info-value{color:#1f2937;word-break:break-word;font-size:14px;font-weight:700;line-height:1.3}.info-item input,.status-select,.input-field{color:#1e293b;background:#fff;border:1.5px solid #d1d5db;border-radius:8px;width:100%;padding:10px 12px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s}.info-item input:focus,.status-select:focus,.input-field:focus{background:#f0f9ff;border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea1a}.field-with-error{width:100%;position:relative}.error-message{color:#ef4444;align-items:center;gap:4px;margin-top:3px;font-size:10px;font-weight:600;display:flex}.error-input{background-color:#fee2e2!important;border-color:#ef4444!important}.status-pill{letter-spacing:.3px;border-radius:6px;align-items:center;gap:6px;width:fit-content;padding:6px 12px;font-size:11px;font-weight:700;display:inline-flex}.status-green{color:#065f46;background:linear-gradient(135deg,#dcfce7,#a7f3d0)}.status-blue{color:#1e40af;background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.edit-btn-emoji,.close-btn-emoji,.save-btn-emoji,.cancel-btn-emoji{cursor:pointer;background:0 0;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;padding:8px;font-size:22px;transition:all .3s;display:flex;position:relative}.edit-btn-emoji{color:#f97316;background:#fff;border:none;font-size:18px;box-shadow:0 2px 8px #0000001f}.edit-btn-emoji:hover:not(:disabled){transform:translateY(-2px)rotate(-15deg)scale(1.1);box-shadow:0 4px 12px #00000029}.edit-btn-emoji:disabled{opacity:.5;cursor:not-allowed}.close-btn-emoji{color:#fff;background:#ef4444;border:none;font-size:18px;box-shadow:0 2px 8px #0000001f}.close-btn-emoji:hover{background:#dc2626;transform:translateY(-2px)rotate(90deg);box-shadow:0 4px 12px #00000029}.save-btn-emoji{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border:none;box-shadow:0 2px 8px #10b98133}.save-btn-emoji:hover:not(:disabled){transform:translateY(-2px)scale(1.08);box-shadow:0 4px 12px #10b9814d}.save-btn-emoji:disabled{opacity:.6;cursor:not-allowed;animation:1.5s infinite pulse-button}.cancel-btn-emoji{color:#fff;background:linear-gradient(135deg,#f97316,#ea580c);border:none;box-shadow:0 2px 8px #f9731633}.cancel-btn-emoji:hover:not(:disabled){transform:translateY(-2px)scale(1.08);box-shadow:0 4px 12px #f973164d}.cancel-btn-emoji:disabled{opacity:.5;cursor:not-allowed}.resources-grid-2{grid-template-columns:repeat(2,1fr);gap:20px;padding:0;display:grid}.resource-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;padding:18px;transition:all .2s;box-shadow:0 2px 8px #0f172a0f}.resource-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea1a}.card-header{border-bottom:1.5px solid #f0f4f8;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;padding-bottom:12px;display:flex}.card-header h5{color:#1f2937;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;margin:0;font-size:12px;font-weight:700;display:flex}.resource-count{color:#1e40af;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:4px;padding:3px 8px;font-size:10px;font-weight:700}.resource-table{border-collapse:collapse;width:100%;font-size:12px}.resource-table thead{background:linear-gradient(135deg,#f8fafb,#f3f7ff);border-bottom:1.5px solid #e2e8f0}.resource-table th{text-align:left;color:#374151;text-transform:uppercase;letter-spacing:.4px;padding:10px;font-size:10px;font-weight:700}.resource-table td{color:#1e293b;border-bottom:1px solid #f1f5f9;padding:10px;font-size:12px;font-weight:600}.resource-table td input{color:#1e293b;background:#fafbfc;border:1.5px solid #d1d5db;border-radius:6px;width:100%;padding:8px 10px;font-family:inherit;font-size:11px;font-weight:600}.resource-table td input:focus{background:#f0f9ff;border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea1a}.actions-cell{justify-content:center;align-items:center;gap:8px;display:flex}.loading-container{text-align:center;color:#6b7280;flex-direction:column;align-items:center;gap:12px;padding:40px;display:flex}.loading-container p{margin:0;font-size:14px}.animate-spin{animation:1s linear infinite spin}@keyframes pulse-button{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.95)}}@media (min-width:1441px){.info-grid{grid-template-columns:repeat(5,1fr)}}@media (max-width:1440px) and (min-width:1201px){.info-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:1200px) and (min-width:1025px){.modal-container{max-width:90vw;max-height:88vh}.modal-header{padding:16px 24px}.modal-header h2{font-size:22px}.resource-tabs-header{padding:0 24px}.tab-btn{height:44px;padding:12px 20px;font-size:12px}.modal-body{padding:24px}.info-grid{grid-template-columns:repeat(3,1fr);gap:14px}.info-item{padding:12px}.resources-grid-2{grid-template-columns:1fr;gap:16px}.resource-card{padding:16px}}@media (max-width:1024px) and (min-width:769px){.modal-container{max-width:95vw;max-height:88vh}.modal-header{padding:16px 24px}.modal-header h2{font-size:20px}.resource-tabs-header{padding:0 24px}.tab-btn{height:44px;padding:12px 18px;font-size:11px}.modal-body{padding:20px}.info-grid{grid-template-columns:repeat(2,1fr);gap:12px}.info-item{padding:11px}.resources-grid-2{grid-template-columns:1fr;gap:14px}.resource-card{padding:14px}}@media (max-width:768px) and (min-width:481px){.modal-overlay{align-items:flex-start;padding:5vh 10px 10px}.modal-container{border-radius:14px;max-width:100%;max-height:92vh}.modal-header{border-radius:14px 14px 0 0;flex-direction:column;align-items:flex-start;gap:10px;padding:14px 18px}.modal-header h2{width:100%;font-size:18px}.modal-actions{justify-content:flex-end;gap:6px;width:100%}.resource-tabs-header{padding:0 16px;overflow-x:auto}.tab-btn{gap:4px;height:42px;padding:12px 14px;font-size:11px}.modal-body{padding:16px}.info-grid{grid-template-columns:repeat(2,1fr);gap:10px}.info-item{border-radius:10px;padding:10px}.info-label{font-size:9px}.info-value{font-size:12px}.info-item input,.status-select,.input-field{padding:8px 10px;font-size:11px}.resources-grid-2{gap:14px}.resource-card{padding:12px}.card-header{margin-bottom:10px;padding-bottom:10px}.card-header h5,.resource-table{font-size:11px}.resource-table th,.resource-table td{padding:8px;font-size:10px}.edit-btn-emoji,.close-btn-emoji,.save-btn-emoji,.cancel-btn-emoji{width:38px;height:38px;font-size:16px}}@media (max-width:480px){.modal-overlay{padding:3vh 6px 6px}.modal-container{border-radius:12px;max-height:95vh}.modal-header{gap:6px;padding:10px 14px}.modal-header h2{font-size:16px}.modal-actions{gap:4px}.resource-tabs-header{padding:0 12px}.tab-btn{height:40px;padding:10px;font-size:10px}.modal-body{padding:12px}.info-grid{grid-template-columns:1fr;gap:8px}.info-item{padding:8px}.info-label{font-size:8px}.info-value{font-size:11px}.resource-card{padding:10px}.resource-table{font-size:10px}.resource-table th,.resource-table td{padding:6px}.edit-btn-emoji,.close-btn-emoji,.save-btn-emoji,.cancel-btn-emoji{width:34px;height:34px;font-size:14px}.error-message{font-size:8px}.status-pill{padding:4px 8px;font-size:10px}}.swal2-container{z-index:100000!important}.swal2-backdrop-show{z-index:99999!important}.swal2-modal{z-index:100000!important}.estd-toggle-container{flex-direction:column;align-items:center;gap:4px;display:flex}body{color:#2d3748;background:linear-gradient(135deg,#f5f7fa 0%,#e8ecf1 100%);min-height:100vh;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}.main-content{margin-left:0;padding:40px}.header{align-items:center;gap:40px;margin-bottom:32px;display:flex}.header-content h1{color:#1f2937;letter-spacing:-.5px;margin-bottom:8px;font-size:32px;font-weight:700}.header-content p{color:#6b7280;font-size:15px;font-weight:400}.card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;transition:all .3s;box-shadow:0 2px 12px #0000000a}.collapsible{opacity:1;grid-template-rows:1fr;transition:grid-template-rows .45s,opacity .35s;display:grid;overflow:hidden}.collapsible.closed{opacity:.6;grid-template-rows:0fr}.collapsible-content{min-height:0}.collapsible-header{cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(#fff,#f9fafb);border-bottom:1px solid #e5e7eb;border-top-left-radius:16px;border-top-right-radius:16px;justify-content:space-between;align-items:center;padding:10px 24px;display:flex}.collapsible-title{color:#1f2937;align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}.chevron{color:#374151;background:#f3f4f6;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:transform .35s,background .2s;display:inline-flex}.collapsible-header:hover .chevron{background:#e5e7eb}.chevron svg{transition:transform .35s}.chevron.open svg{transform:rotate(180deg)}.setup-grid{grid-template-columns:1.1fr .9fr;gap:24px;padding:24px;display:grid}.card-subtitle{color:#6b7280;margin-bottom:16px;font-size:14px;font-weight:500}.form-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px;display:grid}.form-group{flex-direction:column;display:flex}label{text-transform:uppercase;letter-spacing:.5px;color:#6b7280;margin-bottom:10px;font-size:12px;font-weight:700}input[type=text],select{color:#1f2937;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;outline:none;width:100%;min-width:0;padding:12px 16px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;transition:all .3s}input[type=text]:focus,select:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%236b7280' d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:40px}.upload-area{text-align:center;cursor:pointer;background:#f0f4ff;border:2px dashed #3b82f6;border-radius:12px;margin-top:10px;padding:32px;transition:all .3s}.upload-area:hover{background:#e8efff;border-color:#2563eb}.upload-area input[type=file]{display:none}.upload-icon{margin-bottom:12px;font-size:36px}.upload-text{color:#3b82f6;margin-bottom:4px;font-size:15px;font-weight:600}.upload-subtext{color:#9ca3af;font-size:13px}.btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;border-radius:10px;width:100%;padding:14px 32px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:700;transition:all .3s;box-shadow:0 4px 15px #3b82f64d}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.btn:active{transform:translateY(0)}.preview-container{opacity:0;max-height:0;margin-top:20px;transition:max-height .5s,opacity .5s;overflow:hidden}.preview-container.show{opacity:1;max-height:400px}.read-more-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);border:none;border-radius:8px;margin-top:12px;padding:8px 16px;font-size:12px;font-weight:600;transition:all .3s;display:inline-block}.read-more-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf666}.map-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;height:100%;padding:20px;display:flex;box-shadow:0 2px 12px #0000000a}.map-container{border:1px solid #e5e7eb;border-radius:16px;flex:1;min-height:500px;position:relative;overflow:hidden;box-shadow:0 2px 12px #0000000a}.map-container iframe{display:block;width:100%!important;height:100%!important}#map{background:#f9fafb;width:100%;height:100%}.projects-section{background:#fff;border:1px solid #e5e7eb;border-radius:16px;margin-top:24px;padding:32px;box-shadow:0 2px 12px #0000000a}.section-title{color:#1f2937;align-items:center;gap:12px;margin-bottom:24px;font-size:22px;font-weight:700;display:flex}.projects-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.search-controls{align-items:center;gap:12px;display:flex}.search-select{color:#1f2937;cursor:pointer;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;outline:none;min-width:180px;padding:10px 16px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;transition:all .3s}.search-select:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-input{color:#1f2937;background:#f9fafb url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cpath d='m21 21-4.35-4.35'%3E%3C/path%3E%3C/svg%3E") 12px/18px no-repeat;border:1px solid #e5e7eb;border-radius:10px;outline:none;min-width:280px;padding:10px 16px 10px 40px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;transition:all .3s}.clear-search-btn{color:#991b1b;cursor:pointer;background:#fee2e2;border:none;border-radius:10px;padding:10px 18px;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:600;transition:all .3s}.clear-search-btn:hover{background:#fecaca;transform:translateY(-1px)}.projects-table{border-collapse:collapse;width:100%}.projects-table th{text-align:center;letter-spacing:.5px;color:#fff;background:#f9fafb;border-bottom:2px solid #e5e7eb;padding:14px 16px;font-size:12px;font-weight:700}.projects-table td{color:#4b5563;border-bottom:1px solid #f3f4f6;padding:16px;font-size:14px}.projects-table tbody tr{transition:all .2s}.projects-table tbody tr:hover{background:#f9fafb}.status-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:6px 14px;font-size:11px;font-weight:700;display:inline-block}.status-active{color:#1e40af;background:#dbeafe}.status-pending{color:#92400e;background:#fef3c7}.status-completed{color:#166534;background:#dcfce7}.sites-count{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border-radius:8px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .2s;display:inline-block}.sites-count:hover{transform:scale(1.05);box-shadow:0 4px 12px #3b82f666}.animate-in{animation:.4s forwards slideDown}.leaflet-popup-content-wrapper{color:#1f2937;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 12px #0000001a}.leaflet-popup-tip{background:#fff;border:1px solid #e5e7eb}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:16px;flex-direction:column;width:90%;max-width:1200px;max-height:80vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000004d}.modal-header h3{color:#1f2937;margin:0;font-size:20px;font-weight:700}.modal-close:hover{color:#1f2937;background:#e5e7eb;transform:rotate(90deg)}.modal-body{flex:1;padding:24px 32px;overflow-y:auto}.preview-table{border-collapse:collapse;background:#fff;width:100%}.preview-table th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:#6b7280;z-index:10;background:#f9fafb;border-bottom:2px solid #e5e7eb;padding:12px 16px;font-size:12px;font-weight:700;position:sticky;top:0}.preview-table td{color:#4b5563;border-bottom:1px solid #f3f4f6;padding:12px 16px;font-size:13px}.action-btn{cursor:pointer;border:none;border-radius:8px;margin:0 4px;padding:8px 12px;font-family:Plus Jakarta Sans,sans-serif;font-size:12px;font-weight:600;transition:all .2s}.edit-btn{color:#1e40af;background:#dbeafe}.edit-btn:hover{background:#bfdbfe;transform:translateY(-1px)}.delete-btn{color:#991b1b;background:#fee2e2}.delete-btn:hover{background:#fecaca;transform:translateY(-1px)}.save-btn{color:#166534;background:#dcfce7}.save-btn:hover{background:#bbf7d0;transform:translateY(-1px)}.cancel-btn{color:#4b5563;background:#f3f4f6}.cancel-btn:hover{background:#e5e7eb;transform:translateY(-1px)}.editable-input{background:#fff;border:2px solid #3b82f6;border-radius:6px;outline:none;width:100%;padding:6px 10px;font-family:Plus Jakarta Sans,sans-serif;font-size:13px}.editable-input:focus{box-shadow:0 0 0 3px #3b82f61a}@media (max-width:1200px){.setup-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.main-content{margin-left:0;padding:24px}.form-grid{grid-template-columns:1fr}.projects-table{font-size:12px}.projects-table th,.projects-table td{padding:10px}.modal-content{width:95%;max-height:90vh}.projects-header{flex-direction:column;align-items:flex-start}.search-controls{flex-direction:column;width:100%}.search-select,.search-input{width:100%;min-width:auto}}.main-content{margin-left:250px;transition:margin-left .3s,padding .3s}.sidebar.collapsed~.main-content{margin-left:80px}@media (max-width:992px){.main-content{padding:20px;margin-left:0!important}.sidebar{z-index:1000;background:#fff;width:250px;height:100%;transition:left .3s;position:fixed;top:0;left:-250px;box-shadow:2px 0 10px #0000001a}.sidebar.open{left:0}.sidebar-overlay{z-index:999;background:#0000004d;display:none;position:fixed;inset:0}.sidebar.open+.sidebar-overlay{display:block}}.actions{gap:8px;display:flex}.action-btn{cursor:pointer;border:1px solid #0000;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:700;transition:all .2s}.action-btn.edit:hover{background:#dbeafe}.action-btn.delete:hover{background:#fecaca}.action-btn.save:hover{background:#bbf7d0}.projects-page-container{background-color:#f9fafb;flex-direction:column;gap:24px;max-width:1200px;min-height:100vh;margin:0 auto;padding:32px 24px;font-family:Inter,sans-serif;display:flex}.page-header{margin-bottom:8px}.main-title{color:#1f2937;margin:0;font-size:28px;font-weight:700}.subtitle{color:#6b7280;margin-top:4px;font-size:14px}.search-card,.projects-table-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.search-card{z-index:2;margin-bottom:0;padding:20px 24px;position:relative}.search-card h2{color:#1f2937;margin-bottom:16px;font-size:18px;font-weight:600}.search-input-wrapper{align-items:center;width:100%;display:flex;position:relative}.search-icon{color:#9ca3af;pointer-events:none;font-size:14px;position:absolute;left:14px}.search-input{border:1px solid #d1d5db;border-radius:6px;width:100%;padding:10px 16px 10px 40px;font-size:15px;line-height:1.5}.search-input::placeholder{color:#9ca3af;opacity:1}.search-input:focus{box-shadow:none;border-color:#9ca3af;outline:none}.tabs-container{background-color:#fff;border-bottom:1px solid #e5e7eb;border-radius:0;margin-top:0;padding:0 24px;display:flex}.tab-button{color:#6b7280;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;margin-right:20px;padding:14px 0;font-size:15px;font-weight:500;transition:all .2s ease-in-out}.tab-button:hover{color:#1f77d3}.tab-button.active{color:#1f77d3;border-bottom:3px solid #1f77d3}.projects-table-card{border-top:none;border-radius:0 0 8px 8px;margin-top:0;padding:24px}.projects-table-card h2{color:#1f2937;margin-bottom:20px;font-size:20px;font-weight:600}.projects-table{border-collapse:collapse;width:100%;font-size:14px}.projects-table th,.projects-table td{text-align:left;color:#1f2937;border-bottom:1px solid #e5e7eb;padding:16px}.projects-table th{color:#6b7280;font-size:14px;font-weight:500}.projects-table tr:hover{background-color:#f7f9fc}.projects-table tr:last-child td{border-bottom:none}.status-dropdown-wrapper{align-items:center;display:inline-flex;position:relative}.status-select-inline{appearance:none;cursor:pointer;color:#374151;background-color:#fff;background-image:none;border:1px solid #d1d5db;border-radius:4px;min-width:120px;padding:6px 24px 6px 12px;font-size:14px;font-weight:600;transition:all .2s ease-in-out}.status-select-inline:focus{outline:none;box-shadow:0 0 0 1px #3b82f6}.status-dropdown-icon{color:#6b7280;pointer-events:none;font-size:10px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.site-count-link{color:#3b82f6;cursor:pointer;font-weight:500;text-decoration:none}.site-count-link:hover{text-decoration:underline}.action-icons{align-items:center;gap:12px;display:flex}.action-icon{cursor:pointer;color:#6b7280;border-radius:4px;padding:4px;font-size:18px;transition:color .2s}.action-icon.edit-icon:hover{color:#1f77d3}.action-icon.delete-icon{color:#ef4444}.action-icon.delete-icon:hover{color:#b91c1c}.text-muted{color:#9ca3af;padding:20px 0!important}@media (max-width:1024px){.filters-container-pro{grid-template-columns:repeat(2,1fr);gap:14px}.filters-section{padding:14px 20px}}@media (max-width:640px){.filters-container-pro{grid-template-columns:1fr;gap:12px}.filters-section{border-radius:10px;margin-bottom:14px;padding:12px 16px}}.filter-field,.select-wrapper{width:100%;position:relative}@media (max-width:640px){.filter-field-button{height:44px;padding:8px 32px 8px 36px;font-size:13px}}@media (max-width:640px){.dropdown-menu{max-height:250px;box-shadow:0 6px 16px #0000001f}}@media (max-width:640px){.dropdown-option{padding:12px;font-size:13px}}.sites-table-wrapper{background:#fff;border-radius:0;flex-direction:column;gap:0;width:100%;display:flex;position:relative;overflow:hidden}.scroll-indicator-top{display:none}.indicator-text{white-space:nowrap;align-items:center;gap:6px;display:flex}.table-scroll-container{-webkit-overflow-scrolling:touch;width:100%;padding-right:0;display:block;position:relative;overflow-x:auto;overflow-y:visible!important}.table-scroll-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px;transition:background .2s}.table-scroll-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.scroll-button,.scroll-button-right,.scroll-indicator-bottom{display:none}.scroll-progress-bar{background:#e2e8f0;border-radius:2px;width:100%;max-width:300px;height:4px;overflow:hidden;box-shadow:inset 0 1px 2px #0000000d}.scroll-progress-fill{background:linear-gradient(90deg,#3b82f6 0%,#06b6d4 100%);border-radius:2px;height:100%;transition:width .1s}.sites-table{border-collapse:collapse;table-layout:auto;background:#fff;width:100%;min-width:fit-content;font-size:14px}.sites-table thead{z-index:5;background:#f8fafc;border-bottom:1px solid #e2e8f0;position:sticky;top:0}.sites-table thead th{text-align:center;color:#64748b;letter-spacing:.5px;white-space:nowrap;vertical-align:middle;background:#f8fafc;border-right:1px solid #e2e8f0;padding:14px 16px;font-size:11px;font-weight:700}.sites-table tbody tr{background:#fff;border-bottom:1px solid #f1f5f9;height:auto;transition:all .2s}.sites-table tbody tr:last-child{border-bottom:1px solid #e2e8f0}.sites-table tbody td{color:#1e293b;vertical-align:middle;white-space:nowrap;background:#fff;border-right:1px solid #e2e8f0;height:auto;padding:14px 16px;font-size:13px;font-weight:500;line-height:1.4}.site-row .site-name{cursor:pointer;color:#3b82f6;white-space:nowrap;text-overflow:ellipsis;font-weight:600;text-decoration:none;transition:color .2s;overflow:hidden}.no-sites-message{text-align:center;color:#64748b;background:#fff;padding:40px 20px;font-size:14px}.no-results-cell{text-align:center;color:#64748b;font-size:14px;font-weight:500;padding:30px 16px!important}.work-type-wrapper{white-space:normal;word-break:break-word;overflow-wrap:break-word;max-width:150px;line-height:1.4;display:block}.estd-toggle-container{justify-content:center;align-items:center;gap:8px;padding:6px;display:flex}.toggle-switch{cursor:pointer;background-color:#e0e0e0;border:none;border-radius:14px;flex-shrink:0;align-items:center;width:50px;height:28px;margin:0;padding:0;transition:background-color .3s;display:inline-flex;position:relative}.toggle-switch.active{background-color:#10b981}.toggle-switch-circle{background-color:#fff;border-radius:12px;justify-content:center;align-items:center;width:24px;height:24px;transition:left .3s;display:flex;position:absolute;left:2px}.toggle-switch.active .toggle-switch-circle{left:24px}.toggle-x-icon{color:#10b981;font-size:14px;font-weight:700;display:none}.toggle-switch.active .toggle-x-icon{display:block}.toggle-loading{color:#3b82f6;flex-shrink:0;font-size:12px;font-weight:600;animation:1.5s infinite pulse}.actions-container{white-space:nowrap;background:#fff;border:1px solid #f0f0f0;border-radius:8px;flex-wrap:nowrap;justify-content:center;align-items:center;gap:2px;padding:4px;display:flex}.btn-action{color:#2f4f4f;cursor:pointer;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-family:inherit;transition:all .2s;display:flex}.btn-action:hover:not(:disabled){color:#6b7280;background-color:#e5e7eb;border-color:#d1d5db;transform:translateY(-1px)}.btn-action:active:not(:disabled){transform:scale(.95)}.btn-action:disabled{color:#d1d5db;opacity:.5;cursor:not-allowed;background-color:#f9fafb;border-color:#e5e7eb}.btn-action svg{width:12px;height:12px}@media (min-width:1200px){.sites-table thead th,.sites-table tbody td{padding:14px 16px;font-size:13px}.actions-container{gap:3px;padding:4px}.btn-action{width:28px;height:28px}.btn-action svg{width:14px;height:14px}.work-type-wrapper{max-width:150px}}@media (max-width:1199px){.work-type-wrapper{max-width:120px}.sites-table{min-width:900px;font-size:12px}.sites-table thead th{letter-spacing:.3px;padding:10px 12px;font-size:9px}.sites-table tbody td{padding:10px 12px;font-size:11px}.actions-container{gap:2px;padding:3px}.btn-action{width:24px;height:24px}.btn-action svg{width:9px;height:9px}.toggle-switch{width:46px;height:25px}.toggle-switch-circle{width:21px;height:21px}.toggle-switch.active .toggle-switch-circle{left:21px}.toggle-x-icon{font-size:12px}.no-sites-message{padding:30px 14px;font-size:12px}.no-results-cell{font-size:12px;padding:25px 12px!important}.estd-toggle-container{gap:6px}}@media (max-width:479px){.sites-table{min-width:750px;font-size:11px}.sites-table thead th{letter-spacing:.2px;padding:8px 10px;font-size:8px}.sites-table tbody td{padding:8px 10px;font-size:10px}.site-row .site-name{font-weight:600}.actions-container{gap:2px;padding:3px}.btn-action{width:22px;height:22px}.btn-action svg{width:8px;height:8px}.toggle-switch{width:44px;height:24px}.toggle-switch-circle{width:20px;height:20px}.toggle-switch.active .toggle-switch-circle{left:20px}.toggle-x-icon,.toggle-loading{font-size:11px}.no-sites-message{padding:25px 12px;font-size:11px}.no-results-cell{font-size:11px;padding:20px 10px!important}.estd-toggle-container{gap:5px}.site-row{overflow-x:auto}.work-type-wrapper{max-width:100px}}.toggle-switch:disabled{opacity:.5;cursor:not-allowed;background-color:#f3f4f6}.toggle-switch:disabled:hover{background-color:#f3f4f6;transform:none}.toggle-switch:not(:disabled):hover{transform:scale(1.05)}.toggle-switch:not(:disabled).active{background-color:#10b981;border-color:#059669}input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5;accent-color:#cbd5e1}:root{--primary:#1f2937;--border:#e5e7eb;--text-primary:#1f2937;--text-secondary:#6b7280;--accent:#3b82f6;--bg-light:#f9fafb;--bg-white:#fff}.sitecal-wrapper{background:var(--bg-light);width:100%;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;display:flex;overflow:hidden}.week-calendar-container{background:var(--bg-white);flex-direction:column;flex:1;display:flex;overflow:hidden}.week-header{border-bottom:1px solid var(--border);background:var(--bg-white);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;min-height:70px;padding:16px 24px;display:flex}.week-header-left{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.week-header-center{text-align:center;flex:1;min-width:150px}.week-header-right{align-items:center;display:flex}.today-btn{border:1px solid var(--border);background:var(--bg-white);color:var(--text-primary);cursor:pointer;white-space:nowrap;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.today-btn:hover{background:var(--bg-light);border-color:var(--accent);color:var(--accent)}.nav-arrow-btn{border:1px solid var(--border);background:var(--bg-white);cursor:pointer;width:32px;height:32px;color:var(--text-secondary);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.nav-arrow-btn:hover{background:var(--bg-light);border-color:var(--accent);color:var(--accent)}.month-label{color:var(--text-primary);white-space:nowrap;margin:0;font-size:18px;font-weight:600}.date-picker-container{display:inline-block;position:relative}.date-input-inline{border:1px solid var(--border);background:var(--bg-white);color:var(--text-primary);cursor:pointer;white-space:nowrap;text-align:center;border-radius:4px;justify-content:center;align-items:center;width:fit-content;min-width:100px;height:32px;padding:8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:12px;font-weight:500;line-height:16px;transition:all .2s;display:flex}.date-input-inline:hover{background:var(--bg-light);border-color:var(--accent)}.date-input-inline:focus{border-color:var(--accent);background:var(--bg-light);outline:none;box-shadow:0 0 0 2px #3b82f61a}.date-input-inline::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.5;filter:invert(.3);border-radius:3px;width:16px;height:16px;margin-right:2px}.date-input-inline::-webkit-calendar-picker-indicator:hover{opacity:.8}.view-mode-container{background:var(--bg-light);border:1px solid var(--border);border-radius:8px;align-items:center;gap:4px;padding:4px;display:flex}.view-mode-tab{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.view-mode-tab:hover{color:var(--accent);background:var(--bg-white)}.view-mode-tab.active{background:var(--bg-white);color:var(--accent);font-weight:600;box-shadow:0 2px 6px #3b82f61a}.filter-row{border-bottom:1px solid var(--border);background:var(--bg-white);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:24px;padding:16px 24px;display:flex}.filter-section{align-items:center;gap:12px;display:flex}.filter-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;font-size:14px;font-weight:600}.filter-selector-container{position:relative}.filter-selector-btn{border:1px solid var(--border);background:var(--bg-white);color:var(--text-primary);cursor:pointer;white-space:nowrap;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;min-width:120px;padding:8px 14px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.filter-selector-btn:hover{background:var(--bg-light);border-color:var(--accent);color:var(--accent)}.filter-dropdown{background:var(--bg-white);border:1px solid var(--border);z-index:150;border-radius:8px;min-width:150px;max-height:300px;margin-top:8px;position:absolute;top:100%;left:0;overflow-y:auto;box-shadow:0 10px 25px #0000001f}.filter-option{background:var(--bg-white);width:100%;color:var(--text-primary);text-align:center;cursor:pointer;border:none;border-left:3px solid #0000;padding:10px 12px;font-size:13px;font-weight:500;transition:all .15s}.filter-option:hover{background:var(--bg-light);color:var(--accent)}.filter-option.active{color:var(--accent);border-left-color:var(--accent);background:#3b82f614;font-weight:600}.work-week-view-container{background:var(--bg-white);flex-direction:column;flex:1;display:flex;overflow:hidden}.work-week-header{border-bottom:2px solid var(--border);background:var(--bg-light);flex-shrink:0;grid-template-columns:repeat(7,1fr);gap:0;padding:0;display:grid}.work-week-day-header{text-align:center;border-right:1px solid var(--border);padding:12px 8px}.work-week-day-header:last-child{border-right:none}.work-week-day-name{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:12px;font-weight:600}.work-week-day-date{color:var(--text-primary);font-size:18px;font-weight:700}.work-week-events{flex-direction:column;flex:1;gap:8px;width:100%;padding:16px 12px;display:flex;overflow:hidden auto}.work-week-event-bar{box-sizing:border-box;border-radius:6px;align-items:flex-start;max-width:100%;height:auto;min-height:auto;padding:12px 16px;transition:all .2s;display:flex;box-shadow:0 2px 6px #0000001a}.work-week-event-bar:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.work-week-event-text{text-overflow:clip;white-space:normal;word-wrap:break-word;word-break:break-word;flex:1;padding-top:4px;font-size:13px;font-weight:600;line-height:1.4;overflow:visible}.month-view-wrapper-container{background:var(--bg-white);flex:1;gap:0;height:100%;display:flex;position:relative;overflow:hidden}.month-view-wrapper{flex:1;min-width:0;min-height:0;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:auto}.month-view{width:100%;min-width:0}.month-days-header{grid-template-columns:repeat(7,1fr);gap:0;margin-bottom:10px;display:grid}.month-day-name{text-align:center;color:var(--text-secondary);border-bottom:2px solid var(--border);padding:10px 0;font-size:14px;font-weight:600}.month-weeks{flex-direction:column;gap:0;margin-bottom:30px;display:flex}.month-week{border:1px solid var(--border);grid-template-columns:repeat(7,1fr);gap:0;display:grid}.month-day{aspect-ratio:1;border:1px solid var(--border);background:var(--bg-white);flex-direction:column;min-height:120px;padding:8px;display:flex;position:relative;overflow:hidden}.month-day.other-month{background:var(--bg-light);opacity:.6}.month-day.today{border:2px solid var(--accent);background:linear-gradient(135deg,#3b82f60d 0%,#3b82f605 100%)}.month-day.today .month-day-number{color:var(--accent);font-weight:700}.month-day-number{color:var(--text-primary);margin-bottom:4px;font-size:14px;font-weight:600}.month-day-events{flex-direction:column;flex:1;gap:2px;display:flex;overflow:hidden}.month-event-wrapper{align-items:center;gap:4px;min-height:24px;padding:2px 0;display:flex}.month-event{color:inherit;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;border-radius:3px;flex:1;align-items:center;gap:4px;min-width:0;padding:4px 6px;font-size:11px;font-weight:700;transition:all .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000001a}.month-event:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.month-event-text{text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);font-weight:700;overflow:hidden}.month-event-details-btn{cursor:pointer;background-color:#0000;border:1px solid #d1d5db;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:auto;min-width:24px;height:24px;padding:4px 6px;transition:all .2s;opacity:1!important;display:flex!important}.month-event-details-btn:hover{background-color:#f0f0f0;border-color:#9ca3af;transform:scale(1.15)}.month-day-pagination{border-top:1px solid #e5e7eb80;justify-content:center;align-items:center;gap:6px;margin-top:4px;padding:6px 0;display:flex}.month-pagination-btn{border:1px solid var(--border);background:var(--bg-white);cursor:pointer;width:20px;height:20px;color:var(--accent);border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:11px;font-weight:600;transition:all .2s;display:flex}.month-pagination-btn:hover:not(:disabled){background:var(--accent);color:#fff}.month-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.month-pagination-info{color:var(--text-secondary);text-align:center;min-width:25px;font-size:10px;font-weight:600}.inline-details-sidebar{background:var(--bg-white);border-left:2px solid var(--border);flex-direction:column;flex-shrink:0;width:320px;min-height:0;animation:.3s cubic-bezier(.4,0,.2,1) slideInRight;display:flex;overflow:hidden;box-shadow:-4px 0 20px #0000001f}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.sidebar-header{border-bottom:1px solid var(--border);background-color:#f9fafb;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.sidebar-title{color:#1f2937;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:700;display:flex}.sidebar-close-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.sidebar-close-btn:hover{color:#1f2937;background-color:#e5e7eb}.sidebar-content{flex:1;min-height:0;padding:16px 20px;overflow-y:auto}.status-badge{border:2px solid;border-radius:6px;margin-bottom:16px;padding:6px 10px;display:inline-block}.status-badge span{letter-spacing:.5px;text-transform:uppercase;font-size:12px;font-weight:700}.sidebar-section{margin-bottom:16px}.sidebar-section label{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:5px;margin-bottom:4px;font-size:11px;font-weight:600;display:flex}.sidebar-section p{color:#374151;word-break:break-word;margin:0;font-size:13px;font-weight:600}.timeline-dates{color:#374151;flex-direction:column;gap:6px;font-size:12px;display:flex}.timeline-dates span{color:#6b7280;font-weight:500}.sidebar-project-box{background-color:#f3f4f6;border-left:3px solid;border-radius:6px;margin-bottom:14px;padding:12px}.project-item{margin-bottom:10px}.project-item:last-child{margin-bottom:0}.project-item label{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px;font-size:10px;font-weight:700;display:block}.project-item p{color:#1f2937;word-break:break-word;margin:0;font-size:12px;font-weight:600}.sidebar-warning{background-color:#fef3c7;border:1px solid #fcd34d;border-radius:6px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.sidebar-warning svg{color:#b45309;flex-shrink:0;margin-top:2px}.sidebar-warning span{color:#92400e;font-size:12px;font-weight:500}.year-view{width:100%}.year-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:30px;display:grid}.year-month-card{background:var(--bg-white);border:1px solid var(--border);border-radius:8px;padding:16px;transition:all .2s}.year-month-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.year-month-title{color:var(--text-primary);border-bottom:2px solid var(--accent);margin-bottom:12px;padding-bottom:8px;font-size:16px;font-weight:600}.year-month-stats{margin-bottom:12px}.stat-label{font-weight:500}.stat-value{color:var(--accent);font-weight:600}.year-month-events{flex-direction:column;gap:6px;display:flex}.year-event-wrapper{align-items:center;gap:6px;display:flex}.year-event{color:inherit;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;border-radius:4px;flex:1;align-items:center;gap:3px;padding:6px 8px;font-size:12px;font-weight:700;transition:all .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000001a}.year-event:hover{transform:translate(4px);box-shadow:0 2px 8px #00000026}.year-event-text{text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);font-weight:700;overflow:hidden}.year-event-details-btn{cursor:pointer;background-color:#0000;border:1px solid #d1d5db;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:auto;min-width:24px;height:24px;padding:4px 6px;transition:all .2s;opacity:1!important;display:flex!important}.year-event-details-btn:hover{background-color:#f0f0f0;border-color:#9ca3af;transform:scale(1.15)}.year-pagination{border-top:1px solid #e5e7eb80;justify-content:center;align-items:center;gap:6px;margin-top:8px;padding:8px 0;display:flex}.year-pagination-btn{border:1px solid var(--border);background:var(--bg-white);cursor:pointer;width:28px;height:28px;color:var(--accent);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:13px;font-weight:600;transition:all .2s;display:flex}.year-pagination-btn:hover:not(:disabled){background:var(--accent);color:#fff}.year-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.year-pagination-info{color:var(--text-secondary);text-align:center;min-width:35px;font-size:12px;font-weight:600}.sidebar-content::-webkit-scrollbar{width:6px}.month-view-wrapper::-webkit-scrollbar{width:6px}.work-week-events::-webkit-scrollbar{width:6px}.sidebar-content::-webkit-scrollbar-track{background:var(--bg-light)}.month-view-wrapper::-webkit-scrollbar-track{background:var(--bg-light)}.work-week-events::-webkit-scrollbar-track{background:var(--bg-light)}.sidebar-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.month-view-wrapper::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.work-week-events::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.sidebar-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}.month-view-wrapper::-webkit-scrollbar-thumb:hover{background:#9ca3af}.work-week-events::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media (max-width:1024px){.inline-details-sidebar{width:280px}}@media (max-width:768px){.month-view-wrapper{padding:10px}.month-day{min-height:90px}.inline-details-sidebar{z-index:50;width:100%;height:100%;position:absolute;right:0}.month-view-wrapper-container{position:relative}.month-event-details-btn{padding:3px 4px}}@media (max-width:480px){.week-header{padding:12px 16px}.filter-label{display:none}.month-day-number{font-size:12px}.month-event{font-size:10px}.inline-details-sidebar{width:100%}.date-input-inline{border-radius:4px;min-width:100px;height:32px;padding:8px;font-size:12px}}:root{--color-primary:#3b82f6;--color-border:#e2e8f0;--color-bg-primary:#fff;--color-bg-tertiary:#f8fafc;--color-text-secondary:#1e293b;--radius-md:8px;--spacing-md:16px;--spacing-lg:20px;--font-size-base:14px}*{box-sizing:border-box;font-family:Inter,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}html,body{margin:0;padding:0}.sites-app-layout{min-height:100vh;display:flex}.sites-app-layout>.sites-main-wrapper{box-sizing:border-box;width:100%}.sites-main-wrapper{background:#f5f7fa;min-height:100vh;padding:24px 32px;display:block;overflow:hidden visible}.custom-header-container{justify-content:space-between;align-items:center;gap:var(--spacing-lg);background:var(--color-bg-primary);border:1px solid #e8ecf1;border-radius:12px;flex-wrap:wrap;margin-bottom:24px;padding:20px 24px;display:flex;box-shadow:0 1px 3px #00000014}.custom-header-left{flex:1;align-items:center;gap:16px;min-width:300px;display:flex}.custom-header-icon-container{color:#0369a1;background:linear-gradient(135deg,#e0f2fe 0%,#cffafe 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.custom-header-content h1{color:#1a202c;margin:0;font-size:22px;font-weight:700}.custom-header-content p{color:#64748b;margin:4px 0 0;font-size:13px;font-weight:500}.custom-header-right{flex-shrink:0;align-items:center;gap:12px;display:flex}.custom-header-badge{color:#0369a1;white-space:nowrap;background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border:1px solid #bae6fd;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:600;display:flex}.sites-section{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:12px;overflow:visible;box-shadow:0 1px 3px #00000014}.table-wrapper{margin:0;padding:0;display:block;overflow:visible!important}.table-scroll-container{-webkit-overflow-scrolling:touch;border-bottom:0;width:100%;display:block;position:relative;overflow-x:auto;overflow-y:visible!important}.table-wrapper,.table-scroll-container,.sites-section,.sites-main-wrapper{height:auto!important;max-height:none!important;overflow-y:visible!important}.sites-table{border-collapse:collapse;background:var(--color-bg-primary);width:100%;min-width:1200px}.sites-table thead{z-index:5;border-bottom:1px solid var(--color-border);background:#f8fafc;position:sticky;top:0}.sites-table thead th{text-align:center;color:#64748b;letter-spacing:.5px;white-space:nowrap;background:#f8fafc;border-right:1px solid #e2e8f0;padding:14px 16px;font-size:12px;font-weight:700}.sites-table thead th:last-child{border-right:none}.sites-table tbody tr{border-bottom:1px solid #f1f5f9;height:auto;transition:all .2s}.sites-table tbody tr:hover{background:#fafbfc}.sites-table tbody td{color:#1e293b;vertical-align:middle;white-space:nowrap;background:#fff;border-right:1px solid #e2e8f0;height:auto;padding:14px 16px;font-size:13px;font-weight:500}.sites-table tbody td:last-child{white-space:normal;border-right:none}.site-row .site-name{cursor:pointer;color:#000;font-weight:600;transition:color .2s}.site-row .site-name:hover{color:#2563eb;text-decoration:none}.no-sites-message,.no-filter-match-message{text-align:center;color:#64748b;padding:40px 20px}.table-footer>span:first-child{color:#64748b;white-space:nowrap;order:1;font-size:13px;font-weight:500}.pagination-btn{background:var(--color-bg-primary);border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .2s;display:flex}@media (max-width:1199px){.sites-main-wrapper{padding:20px 24px}.custom-header-container{gap:16px;padding:16px 20px}.custom-header-left{gap:12px;min-width:250px}.custom-header-icon-container{width:44px;height:44px}.custom-header-content h1{font-size:20px}.custom-header-badge{padding:8px 12px;font-size:12px}.sites-section{background-color:#fff;border-radius:10px}.sites-table{min-width:1000px;font-size:13px}.sites-table thead th{padding:12px 14px;font-size:10px}.sites-table tbody td{padding:12px 14px;font-size:12px}.table-footer{gap:12px;padding:14px 16px}.table-footer>span:first-child{font-size:12px}.pagination-btn{padding:7px 12px;font-size:12px}.page-indicator{font-size:12px}}@media (max-width:767px){.sites-main-wrapper{padding:16px}.custom-header-container{flex-direction:column;align-items:flex-start;margin-bottom:16px;padding:14px 16px}.custom-header-left{width:100%;min-width:unset}.custom-header-icon-container{width:40px;height:40px}.custom-header-content h1{font-size:18px}.custom-header-right{justify-content:flex-start;width:100%}.custom-header-badge{padding:8px 12px;font-size:11px}.sites-section{border-radius:8px;overflow-x:auto}.sites-table{min-width:900px;font-size:12px}.sites-table thead th{letter-spacing:.3px;padding:10px 12px;font-size:9px}.sites-table tbody td{padding:10px 12px;font-size:11px}.no-sites-message,.no-filter-match-message{padding:30px 16px;font-size:12px}.table-footer{flex-direction:column;align-items:stretch;gap:12px;padding:12px 16px}.table-footer>span:first-child{order:1;font-size:11px}.pagination-controls{order:2;justify-content:center;gap:8px;width:100%}.pagination-btn{gap:4px;padding:6px 10px;font-size:11px}.pagination-btn svg{width:16px;height:16px}.page-indicator{padding:0 6px;font-size:11px}}@media (max-width:479px){.sites-main-wrapper{padding:12px}.custom-header-container{border-radius:8px;flex-direction:column;align-items:flex-start;margin-bottom:12px;padding:12px 14px}.custom-header-left{gap:10px;width:100%}.custom-header-icon-container{width:36px;height:36px}.custom-header-content h1{font-size:16px}.custom-header-content p{font-size:12px}.custom-header-right{width:100%}.custom-header-badge{justify-content:center;width:100%;padding:8px 12px;font-size:10px}.sites-section{border-radius:8px}.sites-table{min-width:800px;font-size:11px}.sites-table thead th{letter-spacing:.2px;padding:8px 10px;font-size:8px}.sites-table tbody td{padding:8px 10px;font-size:10px}.no-sites-message,.no-filter-match-message{padding:24px 12px;font-size:11px}.table-footer{flex-direction:column;align-items:stretch;gap:10px;padding:10px 12px}.table-footer>span:first-child{text-align:center;font-size:10px}.pagination-controls{justify-content:center;gap:6px;width:100%}.pagination-btn{gap:3px;padding:6px 10px;font-size:10px}.pagination-btn svg{width:14px;height:14px}.page-indicator{padding:0 4px;font-size:10px}}.swal2-popup{border-radius:12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;box-shadow:0 10px 40px #00000026}.swal2-title{color:#1f2937;margin-bottom:12px;font-size:20px;font-weight:600}.swal2-html-container{color:#6b7280;font-size:14px}.swal2-confirm{border-radius:6px;font-weight:600;transition:all .2s;background-color:#10b981!important;padding:10px 24px!important}.swal2-confirm:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b98166;background-color:#059669!important}.swal2-cancel{border-radius:6px;font-weight:600;transition:all .2s;color:#374151!important;background-color:#e5e7eb!important;padding:10px 24px!important}.swal2-cancel:hover{transform:translateY(-2px);background-color:#d1d5db!important}.swal2-toast{border-radius:8px;box-shadow:0 4px 12px #00000026}.swal2-timer-progress-bar{background:linear-gradient(90deg,#10b981,#059669)}.table-footer{border-top:1px solid var(--color-border);background:#f8fafc;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.table-footer>span:first-child{color:#999;white-space:nowrap;flex:1;order:1;font-size:13px;font-weight:500}.pagination-controls{order:2;align-items:center;gap:12px;display:flex}.pagination-btn{background:var(--color-bg-primary);color:#9ca3af;cursor:pointer;white-space:nowrap;border:1px solid #d1d5db;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.pagination-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary);background:#f1f5f9}.page-indicator{color:#1e293b;white-space:nowrap;padding:0 8px;font-size:13px;font-weight:600}.go-to-section{white-space:nowrap;align-items:center;gap:8px;display:flex}.go-to-label{color:#1e293b;font-size:13px;font-weight:600}.go-to-input{color:#1e293b;text-align:center;border:1px solid #cbd5e1;border-radius:6px;width:50px;padding:8px 12px;font-size:13px;font-weight:500;transition:all .2s}.go-to-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:6px;padding:8px 20px;font-size:13px;font-weight:600;transition:all .2s}.go-to-btn:hover:not(:disabled){background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.go-to-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width:1199px){.table-footer{gap:12px;padding:14px 16px}.table-footer>span:first-child{font-size:12px}.pagination-btn{padding:7px 12px;font-size:12px}.page-indicator{padding:0 6px;font-size:12px}.go-to-label{font-size:12px}.go-to-input{width:45px;padding:7px 10px;font-size:12px}.go-to-btn{padding:7px 16px;font-size:12px}}@media (max-width:767px){.table-footer{flex-direction:column;align-items:stretch;gap:12px;padding:12px 16px}.table-footer>span:first-child{order:1;font-size:11px}.pagination-controls{order:2;justify-content:center;gap:8px;width:100%}.pagination-btn{gap:4px;padding:6px 10px;font-size:11px}.pagination-btn svg{width:16px;height:16px}.page-indicator{padding:0 4px;font-size:11px}.go-to-section{gap:6px}.go-to-label{font-size:11px}.go-to-input{width:40px;padding:6px 8px;font-size:11px}.go-to-btn{padding:6px 12px;font-size:11px}}@media (max-width:479px){.table-footer{gap:10px;padding:10px 12px}.table-footer>span:first-child{font-size:10px}.pagination-controls{justify-content:center;gap:6px}.pagination-btn{gap:3px;padding:6px 10px;font-size:10px}.pagination-btn svg{width:14px;height:14px}.page-indicator{padding:0 4px;font-size:10px}.go-to-section{gap:5px}.go-to-label{font-size:10px}.go-to-input{width:36px;padding:5px 6px;font-size:10px}.go-to-btn{padding:5px 10px;font-size:10px}}.doc-upload-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.doc-upload-modal{background:#fff;border-radius:16px;flex-direction:column;width:90%;max-width:900px;max-height:90vh;display:flex;overflow-y:auto;box-shadow:0 25px 50px #00000026}.doc-upload-header{color:#fff;background-color:#0b2d39;border-radius:16px 16px 0 0;flex-shrink:0;justify-content:space-between;align-items:center;padding:28px;display:flex}.doc-upload-header-content{align-items:center;gap:14px;display:flex}.upload-documents-title{color:#fff}.doc-upload-header h2{margin:0;font-size:24px;font-weight:700}.doc-upload-close{color:#fff;cursor:pointer;background:0 0;border:none;align-items:center;padding:0;transition:opacity .2s;display:flex}.doc-upload-close:hover{opacity:.8}.doc-upload-body{flex-direction:column;flex:1;gap:24px;padding:32px;display:flex;overflow-y:auto}.doc-form-section{flex-direction:column;gap:12px;display:flex}.doc-form-label{color:#1f2937;text-transform:uppercase;letter-spacing:.5px;font-size:14px;font-weight:700}.category-dropdown-wrapper{position:relative}.category-dropdown-button{cursor:pointer;color:#1f2937;background:linear-gradient(135deg,#f8fafc 0%,#f0f4ff 100%);border:2px solid #e5e7eb;border-radius:12px;align-items:center;gap:12px;width:100%;padding:14px 16px;font-size:15px;font-weight:500;transition:all .3s;display:flex}.category-dropdown-button:hover{background:linear-gradient(135deg,#f0f4ff 0%,#ede9fe 100%);border-color:#6366f1}.category-dropdown-button .placeholder{color:#9ca3af}.category-dropdown-button .chevron{margin-left:auto;transition:transform .3s}.category-dropdown-button .chevron.open{transform:rotate(180deg)}.category-dropdown-menu{z-index:100;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:4px;position:absolute;top:calc(100% + 8px);left:0;right:0;box-shadow:0 10px 30px #0000001f}.category-dropdown-option{cursor:pointer;color:#1f2937;text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.category-dropdown-option:hover{background:#f3f4f6}.category-dropdown-option.selected{color:#4f46e5;background:linear-gradient(135deg,#eef2ff 0%,#f0f4ff 100%)}.doc-form-input{border:2px solid #e5e7eb;border-radius:12px;padding:12px 16px;font-size:14px;font-weight:500;transition:all .3s}.doc-form-input:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f11a}.doc-file-input-hidden{display:none}.doc-file-upload-area{cursor:pointer;color:#4b5563;background:linear-gradient(135deg,#fafcff 0%,#f0f4ff 100%);border:2px dashed #cbd5e1;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:40px;transition:all .3s;display:flex}.doc-file-upload-area:hover{background:linear-gradient(135deg,#f0f4ff 0%,#ede9fe 100%);border-color:#6366f1}.doc-file-upload-area svg{color:#6366f1}.doc-upload-text{color:#1f2937;font-size:16px;font-weight:600}.doc-file-upload-area-secondary{gap:8px;padding:24px}.doc-error-message{color:#991b1b;background-color:#fee2e2;border:1px solid #fecaca;border-radius:10px;justify-content:space-between;align-items:center;padding:14px 16px;font-size:14px;font-weight:500;display:flex}.doc-error-message button{cursor:pointer;color:#991b1b;background:0 0;border:none;padding:0}.doc-table-header{background-color:azure;justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.doc-table-header h3{color:#1f2937;margin:0;font-size:16px;font-weight:700}.doc-file-count{color:#fff;background-color:#071e26;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:600}.doc-table-container{border:1px solid #e5e7eb;border-radius:12px;min-height:200px;max-height:400px;overflow:hidden auto}.doc-files-table{border-collapse:collapse;width:100%}.doc-files-table thead{background:linear-gradient(135deg,#0077be 0%,#0096d6 100%)}.doc-files-table th{text-align:center;color:#000;text-transform:uppercase;letter-spacing:.5px;background-color:#d3d3d3;border-right:1px solid #fff3;padding:16px;font-size:12px;font-weight:700;position:sticky;top:0}.doc-files-table th:last-child{border-right:none}.col-file-name{width:40%}.col-category{width:25%}.col-date{width:15%}.col-actions{width:20%}.doc-table-row{border-bottom:1px solid #e5e7eb;transition:background-color .2s}.doc-table-row:hover{background-color:#f9fafb}.doc-table-row:last-child{border-bottom:none}.doc-table-row td{color:#1f2937;border-right:1px solid #e5e7eb;padding:16px;font-size:14px}.doc-table-row td:last-child{border-right:none}.file-name-content{align-items:center;gap:12px;display:flex}.file-emoji{flex-shrink:0;font-size:20px}.file-name-text{word-break:break-word;color:#374151;line-height:1.4}.doc-category-badge{color:#4f46e5;white-space:nowrap;background:#eef2ff;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:600;display:inline-block}.actions-group{justify-content:center;align-items:center;gap:20px;display:flex}.doc-action-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.doc-preview-btn{color:#6366f1}.doc-preview-btn:hover{color:#4f46e5;background:#eef2ff}.doc-download-btn{color:#10b981}.doc-download-btn:hover{color:#059669;background:#d1fae5}.doc-delete-btn{color:#ef4444}.doc-delete-btn:hover{color:#dc2626;background:#fee2e2}.doc-info-banner{color:#3730a3;text-align:center;background:#f0f4ff;border:1px solid #dbeafe;border-radius:10px;padding:12px 16px;font-size:13px;font-weight:500}.doc-upload-footer{border-top:1px solid #e5e7eb;flex-shrink:0;justify-content:flex-end;gap:12px;padding:20px 32px;display:flex}.doc-btn-submit{color:#fff;cursor:pointer;background:#071e26;border:none;border-radius:10px;align-items:center;gap:10px;padding:12px 28px;font-size:15px;font-weight:600;transition:all .3s;display:flex}.doc-btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #667eea4d}.doc-btn-submit:disabled{opacity:.6;cursor:not-allowed}.doc-btn-cancel{color:#6b7280;cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:10px;padding:12px 28px;font-size:15px;font-weight:600;transition:all .3s}.doc-btn-cancel:hover:not(:disabled){color:#374151;background:#f9fafb;border-color:#d1d5db}.doc-btn-cancel:disabled{opacity:.6;cursor:not-allowed}.spinner{animation:1s linear infinite spin}.preview-modal-overlay{z-index:2000;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.preview-modal-content{background:#fff;border-radius:12px;flex-direction:column;max-width:85vw;max-height:85vh;display:flex;overflow:hidden;box-shadow:0 25px 50px #00000040}.preview-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.preview-header h3{color:#1f2937;margin:0;font-size:16px;font-weight:600}.preview-close-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;padding:0;transition:color .2s;display:flex}.preview-close-btn:hover{color:#1f2937}.preview-body{background:#fff;flex:1;justify-content:center;align-items:center;padding:20px;display:flex;overflow:auto}.preview-image{object-fit:contain;border-radius:8px;max-width:100%;max-height:100%}.preview-pdf{border-radius:8px;width:100%;height:100%}.preview-placeholder{text-align:center;color:#9ca3af;flex-direction:column;align-items:center;gap:16px;display:flex}.preview-placeholder p{margin:0;font-size:14px}.preview-download-btn{color:#fff;cursor:pointer;background-color:#4f46e5;border:none;border-radius:6px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s}.preview-download-btn:hover{background-color:#4338ca;box-shadow:0 4px 12px #4f46e54d}@media (max-width:768px){.doc-upload-modal{width:95%;max-height:95vh}.doc-upload-header{padding:20px}.doc-upload-body{gap:16px;padding:20px}.doc-upload-footer{flex-direction:column;padding:16px 20px}.doc-btn-submit,.doc-btn-cancel{width:100%}.doc-file-upload-area{padding:30px 20px}.doc-table-container{min-height:180px;max-height:350px}.preview-modal-content{max-width:95vw;max-height:90vh}}.doc-file-upload-area{cursor:pointer;background-color:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:40px;transition:all .3s;display:flex}.doc-file-upload-area:hover{background-color:#eff6ff;border-color:#3b82f6}.doc-file-upload-area.drag-active{background-color:#eff6ff;border:2px solid #3b82f6;transform:scale(1.02)}.doc-upload-text{color:#374151;margin-bottom:4px;font-size:14px;font-weight:500}.doc-upload-hint{color:#9ca3af;font-size:12px}@media (max-width:992px){.main-content{padding:20px 16px;width:100%!important;margin-left:0!important}body.navbar-open{overflow:hidden}.sidebar-overlay{z-index:999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000004d;display:none;position:fixed;inset:0}.sidebar-overlay.active{display:block}}@media (max-width:768px){.searchbox{max-width:100%}}.client-table-container{-webkit-overflow-scrolling:touch;background:#fff;border-radius:16px;width:100%;max-width:100%;display:block;position:relative;overflow:auto visible}.table-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.client-table{border-collapse:collapse;table-layout:auto;background:#fff;width:80%;min-width:900px;margin:0 auto;font-size:14px}.client-table thead{z-index:10;background-color:#f7fafc;position:sticky;top:0}.client-table th{color:#4a5568;text-align:center;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px;background-color:#f7fafc;border-bottom:2px solid #e2e8f0;padding:14px 16px;font-size:13px;font-weight:600}.client-table td{vertical-align:middle;text-align:left;background-color:#fff;border-bottom:1px solid #edf2f7;padding:14px 16px;font-size:14px}.client-table tbody tr:hover{background-color:#f8fafc}.client-table-container::-webkit-scrollbar{height:10px}.client-table-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px;margin:0 16px}.client-table-container::-webkit-scrollbar-thumb{background:#cbd5e0;border:2px solid #f1f5f9;border-radius:10px}.client-table-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.pill{text-transform:capitalize;white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.pill.pending{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);box-shadow:0 2px 8px #f59e0b4d}.pill.pending:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b66}.pill.completed{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);box-shadow:0 2px 8px #8b5cf64d}.pill.completed:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf666}.pill.in-progress{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);box-shadow:0 2px 8px #3b82f64d}.pill.in-progress:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.pill.archived{color:#fff;background:linear-gradient(135deg,#6b7280 0%,#4b5563 100%);box-shadow:0 2px 8px #6b72804d}.pill.archived:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6b728066}.empty{text-align:center;color:#a0aec0;padding:40px 24px;font-size:14px}.classy-modal{z-index:1002;background:0 0;border:none;align-items:center;padding:0;animation:.25s fadeSlide}@keyframes fadeSlide{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.classy-form{grid-template-columns:1fr;gap:14px}}.btn-primary:active{transform:translateY(0)}.btn-outline{color:#2d3748;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #cbd5e0;border-radius:8px;min-height:40px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.btn-outline:hover{background:#f8fafc;border-color:#94a3b8}.modal-native{z-index:1002;background:0 0;border:none;width:90vw;max-width:420px;margin:0;padding:0;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.modal-content .modal-header h3{color:#2d3748;flex:1;margin:0;font-size:clamp(16px,3vw,18px);font-weight:600}.modal-content .modal-close{cursor:pointer;color:#718096;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:22px;transition:all .2s;display:flex}.modal-content .modal-body{flex:1;padding:24px}.modal-actions{background:#f7fafc;border-top:1px solid #e2e8f0;flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;gap:10px;margin:0;padding:16px 24px;display:flex}.btn-secondary{color:#2d3748;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #cbd5e0;border-radius:8px;min-height:40px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .2s}.btn-secondary:hover{background:#f8fafc;border-color:#94a3b8}.action-btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:4px;min-width:70px;min-height:36px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.action-btn.edit{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.action-btn.edit:hover{background:#dbeafe;transform:translateY(-1px);box-shadow:0 2px 6px #1d4ed833}.action-btn.delete{color:#b91c1c;background:#fee2e2;border-color:#fecaca}.action-btn.delete:hover{background:#fecaca;transform:translateY(-1px);box-shadow:0 2px 6px #b91c1c33}.action-btn.save:hover{background:#bbf7d0;transform:translateY(-1px);box-shadow:0 2px 6px #16653433}.icon-btn{cursor:pointer;color:#3182ce;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;min-height:36px;padding:8px;transition:all .2s;display:inline-flex}.icon-btn:hover{color:#2c5aa0;background:#ebf8ff}@media (max-width:1200px){.main-content{padding:32px 24px}.header-title{font-size:24px}.searchbox{max-width:100%}.navbar.is-collapsed~.main-content{width:calc(100% - 90px);margin-left:90px}.client-table{min-width:800px}}@media (max-width:992px){.main-content{padding:20px 16px;width:100%!important;margin-left:0!important}.header{flex-direction:column;align-items:flex-start;gap:12px}.header-title{font-size:22px}.header-sub{font-size:14px}.card{margin-bottom:16px;padding:16px}.table-header{flex-direction:column;align-items:stretch;gap:12px}.add-client-btn{justify-content:center;width:100%}.table-card{padding:16px}.sidebar{z-index:1000;background:#fff;width:250px;height:100%;transition:left .3s;position:fixed;top:0;left:-250px;box-shadow:2px 0 10px #0000001a}.sidebar.open{left:0}.sidebar-overlay{z-index:999;background:#0000004d;display:none;position:fixed;inset:0}.sidebar.open+.sidebar-overlay{display:block}}@media (max-width:768px){.main-content{padding:16px 12px}.header-title{font-size:20px}.header-sub{font-size:13px}.card{border-radius:12px;padding:12px}.card-section{gap:12px}.title{font-size:16px}.searchbox input{padding:12px 12px 12px 40px;font-size:16px}.search-ico{font-size:18px;left:14px}.modal-card{width:95vw;max-height:85vh;margin:20px auto}.modal-body{max-height:50vh;padding:16px}.modal-header,.modal-footer{padding:14px 16px}.modal-title{font-size:16px}.table-card{padding:12px}.client-table{min-width:700px;font-size:13px}.client-table th,.client-table td{padding:10px 12px;font-size:12px}.add-client-btn,.btn-primary,.btn-outline,.btn-secondary,.btn-danger{min-height:44px;padding:12px 18px;font-size:14px}.navbar.is-collapsed~.main-content{margin-left:0}.client-table-container{position:relative}}@media (max-width:480px){.main-content{padding:12px 8px}.card{border-radius:10px;padding:10px}.header-title{font-size:18px}.table-card{padding:8px}.client-table{min-width:600px;font-size:12px}.client-table th,.client-table td{padding:8px 10px;font-size:11px}.actions{flex-direction:column;gap:6px}.action-btn{width:100%;min-width:auto}.sidebar{width:100%;left:-100%}.sidebar.open{left:0}.modal-footer,.modal-actions{flex-direction:column}.btn-primary,.btn-outline,.btn-secondary,.btn-danger{width:100%}.pill{padding:5px 10px;font-size:11px}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex-center{justify-content:center;align-items:center;display:flex}.mb-0{margin-bottom:0}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mt-0{margin-top:0}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}@media (max-width:992px){.main-content{padding:20px 16px;width:100%!important;margin-left:0!important}body.navbar-open{overflow:hidden}.sidebar-overlay{z-index:999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000004d;display:none;position:fixed;inset:0}.sidebar-overlay.active{display:block}}.clients-page{background-color:#f5f7fa;width:100%;max-width:100%;margin:0}@media (max-width:768px){.searchbox{max-width:100%}}.table-card{background:#fff;border-radius:20px;width:100%;max-width:100%;padding:24px;overflow:hidden}.add-client-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#3182ce;border:none;border-radius:8px;flex-shrink:0;min-height:40px;padding:10px 16px;font-weight:600;transition:all .2s}.action-btn.edit-btn:hover,.action-btn.edit-btn:focus,.action-btn.edit:hover{background:#dbeafe;outline:none;transform:translateY(-1px);box-shadow:0 2px 6px #1d4ed833}.action-btn.delete-btn:hover,.action-btn.delete-btn:focus,.action-btn.delete:hover{background:#fecaca;outline:none;transform:translateY(-1px);box-shadow:0 2px 6px #b91c1c33}.client-table .pill{text-transform:capitalize;white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex}.pill.inactive,.pill.danger{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 2px 8px #ef44444d}.pill.neutral{color:#4a5568;background:#e2e8f0}.table-empty-state,.empty-state{text-align:center;padding:48px 24px}.empty-title{color:#4a5568;margin:0 0 8px;font-size:18px;font-weight:600;line-height:1.4}.modal-header{background:#f7fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.modal-title{color:#1e293b;margin:0;font-size:clamp(16px,3vw,18px);font-weight:600}.modal-close{cursor:pointer;color:#718096;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:22px;transition:all .2s;display:flex}.modal-body{max-height:60vh;padding:24px;overflow-y:auto}.modal-footer{background:#f7fafc;border-top:1px solid #e2e8f0;flex-wrap:wrap;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}@media (max-width:1200px){.main-content{padding:32px 24px}.navbar.is-collapsed~.main-content{width:calc(100% - 90px);margin-left:90px}.client-table{min-width:800px}}@media (max-width:992px){.main-content{padding:20px 16px;width:100%!important;margin-left:0!important}.header{flex-direction:column;align-items:flex-start}.table-header{flex-direction:column;align-items:stretch}.add-client-btn{justify-content:center;width:100%}.table-card{padding:20px}}@media (max-width:768px){.main-content{padding:16px 12px}.table-card{border-radius:16px;padding:16px}.client-table{min-width:700px;font-size:13px}.client-table th,.client-table td{padding:12px 14px;font-size:13px}.action-btn{border-radius:6px;padding:6px 10px;font-size:12px}.icon-btn{width:32px;height:32px}.add-client-btn,.btn-primary,.btn-outline,.btn-secondary,.btn-danger{min-height:44px;padding:12px 18px}}@media (max-width:480px){.table-card{padding:12px}.client-table{min-width:600px;font-size:12px}.client-table th,.client-table td{padding:10px 8px;font-size:12px}.action-btn{padding:6px 8px;font-size:11px}.actions{flex-direction:column;gap:4px}.action-btn{width:100%}.modal-footer,.modal-actions{flex-direction:column}.btn-primary,.btn-outline,.btn-secondary,.btn-danger{width:100%}}@media (max-width:992px){.main-content{padding:20px 16px;width:100%!important;margin-left:0!important}body.navbar-open{overflow:hidden}.sidebar-overlay{z-index:999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000004d;display:none;position:fixed;inset:0}.sidebar-overlay.active{display:block}}.materials-page{background-color:#f5f7fa;width:100%;max-width:100%;margin:0}@media (max-width:768px){.searchbox{max-width:100%}}.client-table-container::-webkit-scrollbar{height:10px}.table-scroll-container::-webkit-scrollbar{height:10px}.client-table-container::-webkit-scrollbar-thumb{background-color:#cbd5e0;border:2px solid #f7fafc;border-radius:8px}.table-scroll-container::-webkit-scrollbar-thumb{background-color:#cbd5e0;border:2px solid #f7fafc;border-radius:8px}.client-table-container::-webkit-scrollbar-track{background:#f7fafc;border-radius:8px}.table-scroll-container::-webkit-scrollbar-track{background:#f7fafc;border-radius:8px}.client-table-container::-webkit-scrollbar-thumb:hover{background-color:#94a3b8}.table-scroll-container::-webkit-scrollbar-thumb:hover{background-color:#94a3b8}@media (max-width:768px){.classy-form{grid-template-columns:1fr;gap:14px}}@media (max-width:1200px){.main-content{padding:32px 24px}.navbar.is-collapsed~.main-content{width:calc(100% - 90px);margin-left:90px}.client-table{min-width:800px}.materials-page{padding:24px 32px}}@media (max-width:992px){.main-content{padding:20px 16px;width:100%!important;margin-left:0!important}.materials-page{padding:20px 16px}.header{flex-direction:column;align-items:flex-start}.table-header{flex-direction:column;align-items:stretch}.add-client-btn{justify-content:center;width:100%}.table-card{padding:20px}.sidebar{z-index:1000;background:#fff;width:250px;height:100%;transition:left .3s;position:fixed;top:0;left:-250px;box-shadow:2px 0 10px #0000001a}.sidebar.open{left:0}.sidebar-overlay{z-index:999;background:#0000004d;display:none;position:fixed;inset:0}.sidebar.open+.sidebar-overlay{display:block}}@media (max-width:768px){.main-content,.materials-page{padding:16px 12px}.card{padding:12px}.table-card{border-radius:16px;padding:16px}.client-table{min-width:700px;font-size:13px}.client-table th,.client-table td{padding:12px 14px;font-size:13px}.action-btn{padding:6px 10px;font-size:12px}.searchbox input{padding:12px 12px 12px 40px;font-size:16px}.search-ico{font-size:18px;left:14px}.modal-card{width:95vw;max-height:85vh}.modal-body{max-height:50vh;padding:16px}.modal-header,.modal-footer{padding:14px 16px}.add-client-btn,.btn-primary,.btn-outline,.btn-secondary,.btn-danger{min-height:44px;padding:12px 18px}}@media (max-width:480px){.materials-page{padding:12px 8px}.card{padding:8px}.table-card{padding:12px}.client-table{min-width:600px;font-size:12px}.client-table th,.client-table td{padding:10px 8px;font-size:12px}.action-btn{padding:6px 8px;font-size:11px}.actions{flex-direction:column;gap:4px}.action-btn{width:100%}.modal-footer,.modal-actions{flex-direction:column}.btn-primary,.btn-outline,.btn-secondary,.btn-danger{width:100%}}@media (max-width:992px){.main-content{padding:20px 16px;width:100%!important;margin-left:0!important}body.navbar-open{overflow:hidden}.sidebar-overlay{z-index:999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000004d;display:none;position:fixed;inset:0}.sidebar-overlay.active{display:block}}.equipments-page{background-color:#f5f7fa;width:100%;max-width:100%;margin:0}@media (max-width:768px){.searchbox{max-width:100%}}.client-table-container::-webkit-scrollbar{height:10px}.table-scroll-container::-webkit-scrollbar{height:10px}.client-table-container::-webkit-scrollbar-thumb{background-color:#cbd5e0;border:2px solid #f7fafc;border-radius:8px}.table-scroll-container::-webkit-scrollbar-thumb{background-color:#cbd5e0;border:2px solid #f7fafc;border-radius:8px}.client-table-container::-webkit-scrollbar-track{background:#f7fafc;border-radius:8px}.table-scroll-container::-webkit-scrollbar-track{background:#f7fafc;border-radius:8px}.client-table-container::-webkit-scrollbar-thumb:hover{background-color:#94a3b8}.table-scroll-container::-webkit-scrollbar-thumb:hover{background-color:#94a3b8}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:420px;margin:auto;padding:20px;animation:.3s slideDown;box-shadow:0 12px 30px #00000026}@media (max-width:768px){.classy-form{grid-template-columns:1fr;gap:14px}}@media (max-width:1200px){.main-content{padding:32px 24px}.navbar.is-collapsed~.main-content{width:calc(100% - 90px);margin-left:90px}.client-table{min-width:800px}.equipments-page{padding:24px 32px}}@media (max-width:992px){.main-content{padding:20px 16px;width:100%!important;margin-left:0!important}.equipments-page{padding:20px 16px}.header{flex-direction:column;align-items:flex-start}.table-header{flex-direction:column;align-items:stretch}.add-client-btn{justify-content:center;width:100%}.table-card{padding:20px}.sidebar{z-index:1000;background:#fff;width:250px;height:100%;transition:left .3s;position:fixed;top:0;left:-250px;box-shadow:2px 0 10px #0000001a}.sidebar.open{left:0}.sidebar-overlay{z-index:999;background:#0000004d;display:none;position:fixed;inset:0}.sidebar.open+.sidebar-overlay{display:block}}@media (max-width:768px){.main-content,.equipments-page{padding:16px 12px}.card{padding:12px}.table-card{border-radius:16px;padding:16px}.client-table{min-width:700px;font-size:13px}.client-table th,.client-table td{padding:12px 14px;font-size:13px}.action-btn{padding:6px 10px;font-size:12px}.searchbox input{padding:12px 12px 12px 40px;font-size:16px}.search-ico{font-size:18px;left:14px}.modal-card{width:95vw;max-height:85vh}.modal-body{max-height:50vh;padding:16px}.modal-header,.modal-footer{padding:14px 16px}.add-client-btn,.btn-primary,.btn-outline,.btn-secondary,.btn-danger{min-height:44px;padding:12px 18px}}@media (max-width:480px){.equipments-page{padding:12px 8px}.card{padding:8px}.table-card{padding:12px}.client-table{min-width:600px;font-size:12px}.client-table th,.client-table td{padding:10px 8px;font-size:12px}.action-btn{padding:6px 8px;font-size:11px}.actions{flex-direction:column;gap:4px}.action-btn{width:100%}.modal-footer,.modal-actions{flex-direction:column}.btn-primary,.btn-outline,.btn-secondary,.btn-danger{width:100%}}@media (max-width:992px){.main-content{padding:20px 16px;width:100%!important;margin-left:0!important}body.navbar-open{overflow:hidden}.sidebar-overlay{z-index:999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000004d;display:none;position:fixed;inset:0}.sidebar-overlay.active{display:block}}.employees-page,.clients-page{background-color:#f5f7fa;width:100%;max-width:100%;margin:0}@media (max-width:768px){.searchbox{max-width:100%}}.table-card{background:#fff;border-radius:20px;width:100%;max-width:100%;padding:24px;overflow:hidden;box-shadow:0 2px 8px #0000000a}.client-table .pill,.pill{text-transform:capitalize;white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex}.pill.success{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 2px 8px #10b9814d}.pill.success:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.pill.inactive{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 2px 8px #ef44444d}.pill.inactive:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ef444466}.regions .tag{color:#2b6cb0;white-space:nowrap;background:#ebf8ff;border-radius:12px;margin:2px 4px 2px 0;padding:4px 10px;font-size:12px;display:inline-block}.modal-content{background:#fff;border-radius:12px;width:100%;padding:0;animation:.3s slideDown;box-shadow:0 12px 30px #00000026}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}@media (max-width:768px){.classy-form{grid-template-columns:1fr;gap:14px}}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3182ce 0%,#2563eb 100%);border:none;border-radius:8px;min-height:40px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;box-shadow:0 2px 8px #3182ce4d}.btn-outline,.btn-secondary{color:#2d3748;cursor:pointer;background:#fff;border:1px solid #cbd5e0;border-radius:8px;min-height:40px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.btn-danger{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:none;border-radius:8px;min-height:40px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .2s;box-shadow:0 2px 8px #ef44444d}.icon-btn{cursor:pointer;color:#718096;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:all .2s;display:flex}.icon-btn:hover{background:#edf2f7;transform:translateY(-1px)}.icon-btn.edit:hover{color:#3182ce;background:#ebf8ff}.icon-btn.delete{color:#dc2626}.icon-btn.delete:hover{color:#c53030;background:#fee2e2}@media (max-width:1200px){.main-content{padding:32px 24px}.navbar.is-collapsed~.main-content{width:calc(100% - 90px);margin-left:90px}.client-table{min-width:800px}}@media (max-width:992px){.main-content{padding:20px 16px;width:100%!important;margin-left:0!important}.header{flex-direction:column;align-items:flex-start}.table-header{flex-direction:column;align-items:stretch}.add-client-btn{justify-content:center;width:100%}.table-card{padding:20px}.sidebar{z-index:1000;background:#fff;width:250px;height:100%;transition:left .3s;position:fixed;top:0;left:-250px;box-shadow:2px 0 10px #0000001a}.sidebar.open{left:0}.sidebar-overlay{z-index:999;background:#0000004d;display:none;position:fixed;inset:0}.sidebar.open+.sidebar-overlay{display:block}}@media (max-width:768px){.main-content{padding:16px 12px}.card{padding:12px}.table-card{border-radius:16px;padding:16px}.client-table{min-width:700px;font-size:13px}.client-table th,.client-table td{padding:12px 14px;font-size:13px}.action-btn{padding:6px 10px;font-size:12px}.searchbox input{padding:12px 12px 12px 40px;font-size:16px}.search-ico{font-size:18px;left:14px}.modal-card{width:95vw;max-height:85vh}.modal-body{max-height:50vh;padding:16px}.modal-header,.modal-footer{padding:14px 16px}.add-client-btn,.btn-primary,.btn-outline,.btn-secondary,.btn-danger{min-height:44px;padding:12px 18px}}@media (max-width:480px){.table-card{padding:12px}.client-table{min-width:600px;font-size:12px}.client-table th,.client-table td{padding:10px 8px;font-size:12px}.action-btn{padding:6px 8px;font-size:11px}.actions{flex-direction:column;gap:4px}.action-btn{width:100%}.modal-footer,.modal-actions{flex-direction:column}.btn-primary,.btn-outline,.btn-secondary,.btn-danger{width:100%}}.error{color:#b91c1c;background:#fee2e2;border-radius:8px;margin:16px 0;padding:16px;font-size:14px;font-weight:500}*{box-sizing:border-box}body{color:#2d3748;background:#f5f7fa;margin:0;font-family:Plus Jakarta Sans,-apple-system,sans-serif;overflow-x:hidden}.main-content{width:calc(100% - 260px);min-height:100vh;margin-left:260px;padding:40px 20px 20px 40px;transition:margin-left .3s}.navbar.is-collapsed~.main-content,body.navbar-collapsed .main-content{width:calc(100% - 90px);margin-left:90px}@media (max-width:992px){.main-content{padding:20px 16px;width:100%!important;margin-left:0!important}body.navbar-open{overflow:hidden}.sidebar-overlay{z-index:999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000004d;display:none;position:fixed;inset:0}.sidebar-overlay.active{display:block}}.forms-page,.clients-page{background-color:#f5f7fa;width:100%;max-width:100%;margin:0}.header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.header-title{flex:1;min-width:200px;margin:0;font-size:clamp(20px,4vw,28px);font-weight:700}.header-sub{color:#718096;flex:1;margin-top:4px;font-size:clamp(13px,2vw,15px)}.card{background:#fff;border-radius:16px;width:100%;max-width:100%;margin-bottom:24px;padding:24px;overflow:hidden;box-shadow:0 2px 8px #0000000a}.card-section{background:#fff;flex-direction:column;gap:16px;display:flex}.title{margin:0;font-size:clamp(16px,3vw,18px);font-weight:600}.searchbox{align-items:center;width:100%;max-width:480px;display:flex;position:relative}@media (max-width:768px){.searchbox{max-width:100%}}.search-ico{color:#a0aec0;z-index:1;position:absolute;left:12px}.searchbox input{border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:10px 12px 10px 36px;font-size:14px;transition:border .2s,box-shadow .2s}.searchbox input:focus{border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a}.table-container{background:#fff;border-radius:20px;width:100%;max-width:100%;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.table-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:100%;max-width:100%;padding:24px 24px 28px;overflow:hidden;box-shadow:0 2px 8px #0000000a}.table-header{border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;display:flex}.table-title{color:#2d3748;margin:0;font-size:clamp(18px,3vw,20px);font-weight:700;line-height:1.4}.add-client-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#3182ce;border:none;border-radius:8px;flex-shrink:0;min-height:40px;padding:10px 16px;font-size:14px;font-weight:600;transition:all .2s}.add-client-btn:hover{background:#256bb5;transform:translateY(-1px);box-shadow:0 4px 8px #3182ce4d}.client-table-container,.table-scroll-container{-webkit-overflow-scrolling:touch;border-radius:16px;width:100%;max-width:100%;position:relative;overflow:auto visible}.client-table-container::-webkit-scrollbar{height:10px}.table-scroll-container::-webkit-scrollbar{height:10px}.client-table-container::-webkit-scrollbar-thumb{background-color:#cbd5e0;border:2px solid #f7fafc;border-radius:8px}.table-scroll-container::-webkit-scrollbar-thumb{background-color:#cbd5e0;border:2px solid #f7fafc;border-radius:8px}.client-table-container::-webkit-scrollbar-track{background:#f7fafc;border-radius:8px}.table-scroll-container::-webkit-scrollbar-track{background:#f7fafc;border-radius:8px}.client-table-container::-webkit-scrollbar-thumb:hover{background-color:#94a3b8}.table-scroll-container::-webkit-scrollbar-thumb:hover{background-color:#94a3b8}.client-table{border-collapse:separate;border-spacing:0;table-layout:auto;background:0 0;width:100%;min-width:900px;font-size:14px}.client-table thead tr{z-index:10;background:#f8fafc;position:sticky;top:0}.client-table th{color:#4a5568;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;text-align:center;background:#f8fafc;border-bottom:2px solid #e2e8f0;padding:16px 20px;font-size:13px;font-weight:600}.client-table th:first-child{text-align:left;border-top-left-radius:16px}.client-table th:last-child{border-top-right-radius:16px}.client-table td{vertical-align:middle;color:#4a5568;background:#fff;border-bottom:1px solid #edf2f7;padding:16px 20px}.table-cell{position:relative}.cell-content{word-break:break-word;line-height:1.5;display:block}.client-table tbody tr{transition:background-color .15s}.client-table tbody tr:hover{background:#f7fafc}.client-table tbody tr:last-child td{border-bottom:none}.client-table tbody tr:last-child td:first-child{border-bottom-left-radius:16px}.client-table tbody tr:last-child td:last-child{border-bottom-right-radius:16px}.client-table .bold{color:#2d3748;font-weight:700}.client-table .muted{color:#718096;font-size:13px}.empty,.table-empty-state,.empty-state{text-align:center;color:#a0aec0;padding:48px 24px}.empty-content{max-width:400px;margin:0 auto}.empty-icon{opacity:.6;margin-bottom:16px;font-size:48px;line-height:1}.empty-title{color:#4a5568;margin:0 0 8px;font-size:18px;font-weight:600}.empty-subtitle{color:#a0aec0;margin:0;font-size:14px}.modal-native::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1002;background:#00000059}.classy-modal{z-index:1002;background:0 0;border:none;padding:0;animation:.25s fadeSlide}.modal-card{background:#fff;border-radius:16px;flex-direction:column;width:90vw;max-width:640px;max-height:90vh;margin:auto;animation:.3s ease-out slideDown;display:flex;overflow:hidden;box-shadow:0 12px 30px #00000026}.modal-header{background:#f7fafc;border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.modal-title{color:#1e293b;flex:1;margin:0;font-size:clamp(16px,3vw,18px);font-weight:600}.modal-close{cursor:pointer;color:#718096;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:22px;transition:all .2s;display:flex}.modal-close:hover{color:#2d3748;background:#e2e8f0}.modal-body{flex:1;max-height:60vh;padding:24px;overflow-y:auto}.modal-footer{background:#f7fafc;border-top:1px solid #e2e8f0;flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.modal-content{background:#fff;border-radius:16px;width:100%;max-width:420px;padding:0;animation:.3s slideDown;box-shadow:0 12px 30px #00000026}.modal-content .modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-content .modal-header h3{color:#2d3748;margin:0;font-size:20px;font-weight:700}.modal-content .modal-close{cursor:pointer;color:#718096;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:24px;transition:all .2s;display:flex}.modal-content .modal-close:hover{color:#2d3748;background:#edf2f7}.modal-content .modal-body{padding:24px}.modal-text{color:#4a5568;margin:0 0 20px;font-size:15px;line-height:1.6}.modal-actions{flex-wrap:wrap;justify-content:flex-start;gap:10px;margin:0;padding:0;display:flex}.classy-form{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px 20px;display:grid}@media (max-width:768px){.classy-form{grid-template-columns:1fr;gap:14px}}.form-field{flex-direction:column;gap:6px;display:flex}.form-label{color:#4a5568;font-size:13px;font-weight:600}.form-input{background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:10px 12px;font-size:14px;transition:border .2s,box-shadow .2s}.form-input:focus{border-color:#3182ce;outline:none;box-shadow:0 0 0 3px #3182ce1a}.btn-primary{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#3182ce 0%,#2563eb 100%);border:none;border-radius:8px;min-height:40px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;box-shadow:0 2px 8px #3182ce4d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3182ce66}.btn-outline,.btn-secondary{color:#2d3748;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #cbd5e0;border-radius:8px;min-height:40px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.btn-outline:hover,.btn-secondary:hover{background:#f8fafc;border-color:#94a3b8}.btn-danger{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:none;border-radius:8px;min-height:40px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .2s;box-shadow:0 2px 8px #ef44444d}.btn-danger:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ef444466}.actions-cell{white-space:nowrap;padding:12px 16px}.actions{flex-wrap:nowrap;justify-content:center;align-items:center;gap:8px;display:flex}.action-btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:36px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.action-btn.edit-btn,.action-btn.edit{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.action-btn.edit-btn:hover,.action-btn.edit:hover{background:#dbeafe;transform:translateY(-1px);box-shadow:0 2px 6px #1d4ed833}.action-btn.delete-btn,.action-btn.delete{color:#b91c1c;background:#fee2e2;border-color:#fecaca}.action-btn.delete-btn:hover,.action-btn.delete:hover{background:#fecaca;transform:translateY(-1px);box-shadow:0 2px 6px #b91c1c33}.action-btn.save{color:#166534;background:#dcfce7;border-color:#bbf7d0}.action-btn.save:hover{background:#bbf7d0;transform:translateY(-1px)}.action-btn.cancel{color:#374151;background:#f3f4f6;border-color:#e5e7eb}.action-btn.cancel:hover{background:#e5e7eb}.cell-input{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;width:100%;padding:8px 10px;font-size:13px}.cell-input:focus{background:#fff;border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.emp-link{color:#3182ce;align-items:center;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.emp-link:hover{color:#2c5aa0;text-decoration:underline}@media (max-width:1200px){.main-content{padding:32px 24px}.navbar.is-collapsed~.main-content{width:calc(100% - 90px);margin-left:90px}.client-table{min-width:800px}.forms-page{padding:24px 32px}}@media (max-width:992px){.main-content{padding:20px 16px;width:100%!important;margin-left:0!important}.forms-page{padding:20px 16px}.header{flex-direction:column;align-items:flex-start}.table-header{flex-direction:column;align-items:stretch}.add-client-btn{justify-content:center;width:100%}.table-card{padding:20px}.sidebar{z-index:1000;background:#fff;width:250px;height:100%;transition:left .3s;position:fixed;top:0;left:-250px;box-shadow:2px 0 10px #0000001a}.sidebar.open{left:0}.sidebar-overlay{z-index:999;background:#0000004d;display:none;position:fixed;inset:0}.sidebar.open+.sidebar-overlay{display:block}}@media (max-width:768px){.main-content,.forms-page{padding:16px 12px}.card{padding:12px}.table-card{border-radius:16px;padding:16px}.client-table{min-width:700px;font-size:13px}.client-table th,.client-table td{padding:12px 14px;font-size:13px}.action-btn{padding:6px 10px;font-size:12px}.searchbox input{padding:12px 12px 12px 40px;font-size:16px}.search-ico{font-size:18px;left:14px}.modal-card{width:95vw;max-height:85vh}.modal-body{max-height:50vh;padding:16px}.modal-header,.modal-footer{padding:14px 16px}.add-client-btn,.btn-primary,.btn-outline,.btn-secondary,.btn-danger{min-height:44px;padding:12px 18px}}@media (max-width:480px){.forms-page{padding:12px 8px}.card{padding:8px}.table-card{padding:12px}.client-table{min-width:600px;font-size:12px}.client-table th,.client-table td{padding:10px 8px;font-size:12px}.action-btn{padding:6px 8px;font-size:11px}.actions{flex-direction:column;gap:4px}.action-btn{width:100%}.modal-footer,.modal-actions{flex-direction:column}.btn-primary,.btn-outline,.btn-secondary,.btn-danger{width:100%}}.cadence-pill{letter-spacing:.02em;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.cadence-per-site{color:#1f2933;background:#e5edf7}.cadence-daily{color:#166534;background:#dcfce7}.cadence-as-needed{color:#92400e;background:#fef3c7}.cadence-default{color:#374151;background:#e5e7eb}.pill{white-space:nowrap;color:#fff;border-radius:20px;padding:4px 10px;font-size:13px;font-weight:500;line-height:1.4;display:inline-block}.pill.daily{background:#f39c12}.pill.weekly{background:#27ae60}.pill.monthly{background:#3498db}.pill.quarterly{background:#00bcd4}.pill.yearly{background:#9b59b6}.pill.as-needed{background:#95a5a6}.pill.default{background:#7f8c8d}.report-main-content{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);min-height:100vh;margin-left:240px;padding:8px 0;transition:margin-left .4s cubic-bezier(.4,0,.2,1);animation:.5s ease-out fadeIn}.report-main-content.navbar-collapsed{margin-left:80px}.report-main-content.navbar-expanded{margin-left:240px}@media (max-width:768px){.report-main-content,.report-main-content.navbar-collapsed,.report-main-content.navbar-expanded{margin-left:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.report-page-container{max-width:1400px;margin:0 auto}.report-page-header{margin-bottom:32px;animation:.6s ease-out slideDown}.report-page-title{color:#0f172a;align-items:center;gap:12px;margin-bottom:8px;font-size:2rem;font-weight:800;display:flex}.report-page-title-icon{color:#3b82f6;animation:2s ease-in-out infinite pulse}.report-page-subtitle{color:#64748b;font-size:.95rem}.status-badge-complete{text-transform:uppercase;color:#22c55e;background-color:#dcfce7;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:.75rem;font-weight:600;transition:all .3s;animation:.5s ease-out badgeAppear;display:inline-flex}.status-badge-complete:hover{transform:scale(1.05);box-shadow:0 2px 8px #22c55e4d}@keyframes badgeAppear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.badge-icon{animation:.6s ease-out checkmark}@keyframes checkmark{0%{transform:scale(0)rotate(-45deg)}50%{transform:scale(1.2)rotate(5deg)}to{transform:scale(1)rotate(0)}}.report-modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;justify-content:center;align-items:center;padding:20px;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.report-modal{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:900px;max-height:85vh;animation:.3s ease-out slideUp;display:flex;box-shadow:0 20px 40px #0003}.rectifier-preview-modal{max-width:1200px}.report-modal-header{background:linear-gradient(135deg,#f8fafc 0%,#fff 100%);border-bottom:1px solid #e2e8f0;padding:24px 32px}.report-modal-title{color:#0f172a;align-items:center;gap:12px;margin:0 0 8px;font-size:1.5rem;font-weight:700;display:flex}.report-modal-subtitle{color:#64748b;align-items:center;gap:8px;margin:0;font-size:.9rem;display:flex}.inline-icon{color:#3b82f6}.report-sites-container{flex:1;padding:24px 32px;overflow-y:auto}.report-site-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:16px;transition:all .3s;animation:.4s ease-out slideInLeft;overflow:hidden}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.report-site-card:hover{border-color:#cbd5e1;transform:translate(4px);box-shadow:0 4px 12px #00000014}.report-site-header{cursor:pointer;background:#f9fafb;justify-content:space-between;align-items:center;padding:16px 20px;transition:all .2s;display:flex}.report-site-header:hover{background:#f1f5f9}.report-site-info{align-items:center;gap:16px;display:flex}.report-site-name{color:#0f172a;margin:0;font-size:1rem;font-weight:700}.report-site-count{color:#3b82f6;background:#dbeafe;border-radius:6px;padding:4px 12px;font-size:.85rem;font-weight:600}.report-site-toggle{align-items:center;display:flex}.toggle-icon{color:#64748b;transition:transform .3s}.report-forms-grid{background:#fff;border-top:1px solid #e2e8f0;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;padding:20px;display:grid}.report-form-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;transition:all .2s;animation:.3s ease-out fadeInUp;display:flex}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.report-form-item:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 2px 8px #0000000f}.report-form-checkbox{cursor:pointer;align-items:center;display:flex;position:relative}.report-form-checkbox input{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.checkmark{background-color:#fff;border:2px solid #d1d5db;border-radius:4px;width:20px;height:20px;transition:all .3s}.report-form-checkbox:hover .checkmark{border-color:#3b82f6;transform:scale(1.1)}.report-form-checkbox input:checked~.checkmark{background-color:#3b82f6;border-color:#3b82f6;animation:.3s ease-out checkboxPop}@keyframes checkboxPop{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.checkmark:after{content:"";display:none;position:absolute}.report-form-checkbox input:checked~.checkmark:after{animation:.3s ease-out checkmarkDraw;display:block}@keyframes checkmarkDraw{0%{opacity:0;height:0}to{opacity:1;height:10px}}.report-form-checkbox .checkmark:after{border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:10px;top:2px;left:6px;transform:rotate(45deg)}.form-icon{color:#64748b;flex-shrink:0}.report-form-link{color:#0f172a;flex:1;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s}.report-form-link:hover{color:#3b82f6}.report-modal-actions{background:#f9fafb;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:12px;padding:20px 32px;display:flex}.report-btn-primary{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;transition:all .3s;display:flex;position:relative;overflow:hidden}.report-btn-primary:before{content:"";background:#ffffff4d;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.report-btn-primary:hover:before{width:300px;height:300px}.report-btn-primary:hover:not(:disabled){background-color:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.report-btn-primary:active:not(:disabled){transform:translateY(0)}.report-btn-primary:disabled{opacity:.5;cursor:not-allowed}.report-btn-secondary{color:#475569;cursor:pointer;background-color:#e2e8f0;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.report-btn-secondary:hover{background-color:#cbd5e1;transform:translateY(-1px)}.report-btn-secondary:active{transform:translateY(0)}.generated-report-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-top:32px;animation:.3s ease-out slideUp;overflow:hidden;box-shadow:0 4px 12px #00000014}.generated-report-header{background:linear-gradient(135deg,#dbeafe 0%,#e0f2fe 100%);border-bottom:1px solid #bfdbfe;padding:24px 32px}@keyframes successPulse{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.3)}to{opacity:1;transform:scale(1)}}.generated-report-content{padding:32px}.report-summary{margin-bottom:32px}.summary-title{color:#0f172a;margin:0 0 16px;font-size:1.1rem;font-weight:700}.forms-summary-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.summary-form-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;transition:all .3s;animation:.4s ease-out fadeInUp;display:flex}.summary-form-item:hover{transform:translateY(-2px);box-shadow:0 2px 8px #0000000f}.summary-icon{color:#3b82f6;flex-shrink:0}.summary-form-name{color:#0f172a;font-size:.9rem;font-weight:600;display:block}.summary-form-site{color:#64748b;font-size:.8rem;display:block}.report-actions-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;display:grid}.action-card{text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;flex-direction:column;align-items:center;padding:24px;transition:all .3s;animation:.4s ease-out scaleIn;display:flex}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.action-card:hover{border-color:#cbd5e1;transform:translateY(-4px);box-shadow:0 8px 20px #0000001a}.rectifier-card{background:linear-gradient(135deg,#fff 0%,#f0f9ff 100%);border-color:#e0f2fe}.rectifier-card:hover{border-color:#0ea5e9;box-shadow:0 8px 20px #0ea5e933}.download-card{background:linear-gradient(135deg,#fff 0%,#f0fdf4 100%);border-color:#dcfce7}.download-card:hover{border-color:#22c55e;box-shadow:0 8px 20px #22c55e33}.action-icon{color:#3b82f6;margin-bottom:12px;animation:2s ease-in-out infinite bounce}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.rectifier-card .action-icon{color:#0ea5e9}.download-card .action-icon{color:#22c55e}.action-title{color:#0f172a;margin:0 0 8px;font-size:1.1rem;font-weight:700}.action-description{color:#64748b;margin:0 0 20px;font-size:.9rem}.download-link{text-decoration:none}.batch-generate-section{background:#f0f9ff;border-bottom:1px solid #bae6fd;justify-content:center;padding:20px 32px;display:flex}.rectifier-previews-container{max-height:60vh;padding:24px 32px;overflow-y:auto}.rectifier-preview-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:20px;padding:24px;animation:.4s ease-out fadeInUp}.preview-card-title{color:#0f172a;border-bottom:2px solid #e2e8f0;margin:0 0 16px;padding-bottom:16px;font-size:1.1rem;font-weight:700}.report-sites-container::-webkit-scrollbar{width:8px}.rectifier-previews-container::-webkit-scrollbar{width:8px}.report-sites-container::-webkit-scrollbar-track{background:#f1f5f9}.rectifier-previews-container::-webkit-scrollbar-track{background:#f1f5f9}.report-sites-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px;transition:background .2s}.rectifier-previews-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px;transition:background .2s}.report-sites-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.rectifier-previews-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.custom-projects-table th{text-align:left;color:#64748b;background:#fff;border-bottom:0 solid #2563eb;padding:16px;font-size:14px;font-weight:600}.select-btn{color:#0369a1;text-transform:uppercase;cursor:pointer;background-color:#dbeafe;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:.75rem;font-weight:600;transition:all .3s;display:inline-flex}.select-btn:hover{background-color:#bfdbfe}.select-btn:active{transform:none}.actions-cell{text-align:center}.custom-table-wrapper{border-radius:8px;width:100%;margin:24px 0;overflow-x:auto;box-shadow:0 1px 3px #0000001a}.custom-projects-table{border-collapse:collapse;background:#fff;border:2px solid #e2e8f0;width:100%}.custom-projects-table tbody tr{border-bottom:1px solid #e2e8f0;transition:background-color .2s}.custom-projects-table tbody tr:hover{background-color:#f8fafc}.custom-projects-table td{padding:16px}.project-name-cell{color:#0f172a;align-items:center;gap:8px;font-weight:500;display:flex}.project-icon{color:#3b82f6;flex-shrink:0}@media (max-width:768px){.report-main-content{margin-left:0;padding:16px}.report-page-title{font-size:1.5rem}.report-modal{max-width:100%;max-height:95vh}.report-modal-header,.report-sites-container,.report-modal-actions{padding:16px 20px}.report-forms-grid,.forms-summary-grid,.report-actions-grid{grid-template-columns:1fr}.generated-report-header,.generated-report-content{padding:20px}}.loading-spinner{animation:1s linear infinite spin}.report-btn-primary:focus,.report-btn-secondary:focus{outline-offset:2px;outline:2px solid #3b82f6}.report-form-checkbox:focus-within .checkmark{box-shadow:0 0 0 3px #3b82f633}.generated-report-header{background:linear-gradient(135deg,#dbeafe 0%,#e0f2fe 100%);border-bottom:1px solid #bfdbfe;justify-content:space-between;align-items:center;gap:16px;padding:24px 32px;display:flex}.generated-report-header-content{flex:1}.generated-report-title{color:#0f172a;align-items:center;gap:12px;margin:0;font-size:1.5rem;font-weight:700;display:flex}.generated-report-close-btn{color:#64748b;cursor:pointer;background-color:#ffffffb3;border:2px solid #bfdbfe;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;padding:0;transition:all .3s;display:flex}.generated-report-close-btn:hover{color:#0f172a;background-color:#fff;border-color:#3b82f6;transform:scale(1.05);box-shadow:0 4px 12px #3b82f633}.generated-report-close-btn:active{transform:scale(.95)}.success-icon{color:#22c55e;animation:.6s ease-out successPulse}@media (max-width:768px){.generated-report-header{flex-direction:column;align-items:flex-start}.generated-report-close-btn{align-self:flex-end;margin-top:8px}.generated-report-title{font-size:1.25rem}}.daily-form-preview-modal{width:1400px;max-width:95vw}.daily-form-previews-container{max-height:70vh;padding:24px 32px;overflow:auto}.daily-form-preview-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;min-width:900px;margin-bottom:20px;padding:24px;animation:.4s ease-out fadeInUp}.daily-form-content-wrapper{width:100%;overflow-x:auto}.daily-form-previews-container::-webkit-scrollbar{width:10px;height:10px}.daily-form-previews-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:5px}.daily-form-previews-container::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:5px;transition:background .2s}.daily-form-previews-container::-webkit-scrollbar-thumb:hover{background:#64748b}.daily-form-content-wrapper::-webkit-scrollbar{width:8px;height:8px}.daily-form-content-wrapper::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.daily-form-content-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.daily-form-content-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.daily-form-card{background:linear-gradient(135deg,#fff 0%,#f0fdf4 100%);border-color:#dcfce7}.daily-form-card:hover{border-color:#10b981;box-shadow:0 8px 20px #10b98133}.daily-form-btn{background-color:#10b981}.daily-form-btn:hover:not(:disabled){background-color:#059669;box-shadow:0 4px 12px #10b9814d}@media (max-width:1600px){.daily-form-preview-modal{width:auto;max-width:92vw}}@media (max-width:768px){.daily-form-preview-modal{width:100%;max-width:100%}.daily-form-previews-container{max-height:65vh;padding:16px}.daily-form-preview-card{min-width:auto;padding:16px}}.groundbed-preview-modal{width:1400px;max-width:95vw}.groundbed-previews-container{max-height:70vh;padding:24px 32px;overflow:auto}.groundbed-preview-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;min-width:900px;margin-bottom:20px;padding:24px;animation:.4s ease-out fadeInUp}.groundbed-content-wrapper{width:100%;overflow-x:auto}.groundbed-previews-container::-webkit-scrollbar{width:10px;height:10px}.groundbed-previews-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:5px}.groundbed-previews-container::-webkit-scrollbar-thumb{background:#fbbf24;border-radius:5px;transition:background .2s}.groundbed-previews-container::-webkit-scrollbar-thumb:hover{background:#f59e0b}.groundbed-content-wrapper::-webkit-scrollbar{width:8px;height:8px}.groundbed-content-wrapper::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.groundbed-content-wrapper::-webkit-scrollbar-thumb{background:#fcd34d;border-radius:4px}.groundbed-content-wrapper::-webkit-scrollbar-thumb:hover{background:#fbbf24}.groundbed-card{background:linear-gradient(135deg,#fff 0%,#fffbeb 100%);border-color:#fed7aa}.groundbed-card:hover{border-color:#f59e0b;box-shadow:0 8px 20px #f59e0b33}.groundbed-card .action-icon{color:#f59e0b}.batch-generate-section.groundbed-batch{background:#fffbeb;border-bottom:1px solid #fde68a}.negative-preview-modal{width:1400px;max-width:95vw}.negative-previews-container{max-height:70vh;padding:24px 32px;overflow:auto}.negative-preview-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;min-width:900px;margin-bottom:20px;padding:24px;animation:.4s ease-out fadeInUp}.negative-content-wrapper{width:100%;overflow-x:auto}.negative-previews-container::-webkit-scrollbar{width:10px;height:10px}.negative-previews-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:5px}.negative-previews-container::-webkit-scrollbar-thumb{background:#a78bfa;border-radius:5px;transition:background .2s}.negative-previews-container::-webkit-scrollbar-thumb:hover{background:#8b5cf6}.negative-content-wrapper::-webkit-scrollbar{width:8px;height:8px}.negative-content-wrapper::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.negative-content-wrapper::-webkit-scrollbar-thumb{background:#c4b5fd;border-radius:4px}.negative-content-wrapper::-webkit-scrollbar-thumb:hover{background:#a78bfa}.negative-card{background:linear-gradient(135deg,#fff 0%,#faf5ff 100%);border-color:#e9d5ff}.negative-card:hover{border-color:#8b5cf6;box-shadow:0 8px 20px #8b5cf633}.negative-card .action-icon{color:#8b5cf6}.batch-generate-section.negative-batch{background:#faf5ff;border-bottom:1px solid #e9d5ff}.form-preview-modal{width:1400px;max-width:95vw}.form-previews-container{max-height:70vh;padding:24px 32px;overflow:auto}.form-preview-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;min-width:900px;margin-bottom:20px;padding:24px;animation:.4s ease-out fadeInUp}.form-content-wrapper{width:100%;overflow-x:auto}.form-previews-container::-webkit-scrollbar{width:10px;height:10px}.form-previews-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:5px}.form-previews-container::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:5px;transition:background .2s}.form-previews-container::-webkit-scrollbar-thumb:hover{background:#64748b}.form-content-wrapper::-webkit-scrollbar{width:8px;height:8px}.form-content-wrapper::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.form-content-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.form-content-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width:1600px){.daily-form-preview-modal,.rectifier-preview-modal,.groundbed-preview-modal,.negative-preview-modal,.form-preview-modal{width:auto;max-width:92vw}}@media (max-width:1200px){.daily-form-previews-container,.rectifier-previews-container,.groundbed-previews-container,.negative-previews-container,.form-previews-container{max-height:65vh}}@media (max-width:768px){.daily-form-preview-modal,.rectifier-preview-modal,.groundbed-preview-modal,.negative-preview-modal,.form-preview-modal{width:100%;max-width:100%}.daily-form-previews-container,.rectifier-previews-container,.groundbed-previews-container,.negative-previews-container,.form-previews-container{max-height:60vh;padding:16px}.daily-form-preview-card,.rectifier-preview-card,.groundbed-preview-card,.negative-preview-card,.form-preview-card{min-width:auto;padding:16px}.daily-form-content-wrapper,.groundbed-content-wrapper,.negative-content-wrapper,.form-content-wrapper{overflow-x:auto}.batch-generate-section,.batch-generate-section.groundbed-batch,.batch-generate-section.negative-batch{padding:16px 20px}}@media (max-width:480px){.daily-form-previews-container,.rectifier-previews-container,.groundbed-previews-container,.negative-previews-container,.form-previews-container{max-height:55vh;padding:12px}.daily-form-preview-card,.rectifier-preview-card,.groundbed-preview-card,.negative-preview-card,.form-preview-card{padding:12px}.preview-card-title{margin-bottom:12px;padding-bottom:12px;font-size:1rem}}.preview-card-title{color:#0f172a;border-bottom:2px solid #e2e8f0;align-items:center;gap:8px;margin:0 0 16px;padding-bottom:16px;font-size:1.1rem;font-weight:700;display:flex}.daily-form-preview-card .preview-card-title{border-bottom-color:#10b981}.rectifier-preview-card .preview-card-title{border-bottom-color:#0ea5e9}.groundbed-preview-card .preview-card-title{border-bottom-color:#f59e0b}.negative-preview-card .preview-card-title{border-bottom-color:#8b5cf6}.form-preview-loading{color:#64748b;justify-content:center;align-items:center;min-height:200px;display:flex}.form-preview-empty{color:#94a3b8;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:200px;padding:32px;display:flex}.form-preview-empty-icon{opacity:.5;margin-bottom:16px;font-size:48px}.form-preview-empty-text{font-size:1rem;font-weight:600}@media (max-width:1600px){.drawing-preview-modal,.tl-report-preview-modal{width:auto;max-width:92vw}}@media (max-width:1200px){.drawing-previews-container,.tl-report-previews-container{max-height:65vh}}@media (max-width:768px){.drawing-preview-modal,.tl-report-preview-modal{width:100%;max-width:100%}.drawing-previews-container,.tl-report-previews-container{max-height:60vh;padding:16px}.drawing-preview-card,.tl-report-preview-card{min-width:auto;padding:16px}.drawing-content-wrapper,.tl-report-content-wrapper{overflow-x:auto}.batch-generate-section.drawing-batch,.batch-generate-section.tl-report-batch{padding:16px 20px}}@media (max-width:480px){.drawing-previews-container,.tl-report-previews-container{max-height:55vh;padding:12px}.drawing-preview-card,.tl-report-preview-card{padding:12px}}@media (max-width:1600px){.daily-form-preview-modal,.rectifier-preview-modal,.groundbed-preview-modal,.negative-preview-modal,.drawing-preview-modal,.tl-report-preview-modal,.form-preview-modal{width:auto;max-width:92vw}}@media (max-width:1200px){.daily-form-previews-container,.rectifier-previews-container,.groundbed-previews-container,.negative-previews-container,.drawing-previews-container,.tl-report-previews-container,.form-previews-container{max-height:65vh}}@media (max-width:768px){.daily-form-preview-modal,.rectifier-preview-modal,.groundbed-preview-modal,.negative-preview-modal,.drawing-preview-modal,.tl-report-preview-modal,.form-preview-modal{width:100%;max-width:100%}.daily-form-previews-container,.rectifier-previews-container,.groundbed-previews-container,.negative-previews-container,.drawing-previews-container,.tl-report-previews-container,.form-previews-container{max-height:60vh;padding:16px}.daily-form-preview-card,.rectifier-preview-card,.groundbed-preview-card,.negative-preview-card,.drawing-preview-card,.tl-report-preview-card,.form-preview-card{min-width:auto;padding:16px}.daily-form-content-wrapper,.groundbed-content-wrapper,.negative-content-wrapper,.drawing-content-wrapper,.tl-report-content-wrapper,.form-content-wrapper{overflow-x:auto}.batch-generate-section,.batch-generate-section.groundbed-batch,.batch-generate-section.negative-batch,.batch-generate-section.drawing-batch,.batch-generate-section.tl-report-batch{padding:16px 20px}}@media (max-width:480px){.daily-form-previews-container,.rectifier-previews-container,.groundbed-previews-container,.negative-previews-container,.drawing-previews-container,.tl-report-previews-container,.form-previews-container{max-height:55vh;padding:12px}.daily-form-preview-card,.rectifier-preview-card,.groundbed-preview-card,.negative-preview-card,.drawing-preview-card,.tl-report-preview-card,.form-preview-card{padding:12px}.preview-card-title{margin-bottom:12px;padding-bottom:12px;font-size:1rem}}@media print{.report-modal-overlay,.batch-generate-section,.batch-generate-section.groundbed-batch,.batch-generate-section.negative-batch,.batch-generate-section.drawing-batch,.batch-generate-section.tl-report-batch,.report-modal-actions{display:none}.form-preview-card,.drawing-preview-card,.tl-report-preview-card{page-break-inside:avoid;box-shadow:none;border:none}}.drawing-preview-modal{width:1400px;max-width:95vw}.drawing-previews-container{max-height:70vh;padding:24px 32px;overflow:auto}.drawing-preview-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;min-width:900px;margin-bottom:20px;padding:24px;animation:.4s ease-out fadeInUp}.drawing-content-wrapper{width:100%;overflow-x:auto}.drawing-previews-container::-webkit-scrollbar{width:10px;height:10px}.drawing-previews-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:5px}.drawing-previews-container::-webkit-scrollbar-thumb{background:#f472b6;border-radius:5px;transition:background .2s}.drawing-previews-container::-webkit-scrollbar-thumb:hover{background:#ec4899}.drawing-content-wrapper::-webkit-scrollbar{width:8px;height:8px}.drawing-content-wrapper::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.drawing-content-wrapper::-webkit-scrollbar-thumb{background:#fbcfe8;border-radius:4px}.drawing-content-wrapper::-webkit-scrollbar-thumb:hover{background:#f472b6}.drawing-card{background:linear-gradient(135deg,#fff 0%,#fdf2f8 100%);border-color:#fce7f3}.drawing-card:hover{border-color:#ec4899;box-shadow:0 8px 20px #ec489933}.drawing-card .action-icon{color:#ec4899}.batch-generate-section.drawing-batch{background:#fdf2f8;border-bottom:1px solid #fce7f3}.drawing-preview-card .preview-card-title{border-bottom-color:#ec4899}.tl-report-preview-modal{width:1400px;max-width:95vw}.tl-report-previews-container{max-height:70vh;padding:24px 32px;overflow:auto}.tl-report-preview-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;min-width:900px;margin-bottom:20px;padding:24px;animation:.4s ease-out fadeInUp}.tl-report-content-wrapper{width:100%;overflow-x:auto}.tl-report-previews-container::-webkit-scrollbar{width:10px;height:10px}.tl-report-previews-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:5px}.tl-report-previews-container::-webkit-scrollbar-thumb{background:#fb923c;border-radius:5px;transition:background .2s}.tl-report-previews-container::-webkit-scrollbar-thumb:hover{background:#f97316}.tl-report-content-wrapper::-webkit-scrollbar{width:8px;height:8px}.tl-report-content-wrapper::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.tl-report-content-wrapper::-webkit-scrollbar-thumb{background:#fed7aa;border-radius:4px}.tl-report-content-wrapper::-webkit-scrollbar-thumb:hover{background:#fb923c}.tl-report-card{background:linear-gradient(135deg,#fff 0%,#fff7ed 100%);border-color:#fed7aa}.tl-report-card:hover{border-color:#f97316;box-shadow:0 8px 20px #f9731633}.tl-report-card .action-icon{color:#f97316}.batch-generate-section.tl-report-batch{background:#fff7ed;border-bottom:1px solid #fed7aa}.tl-report-preview-card .preview-card-title{border-bottom-color:#f97316}@media (max-width:1600px){.drawing-preview-modal,.tl-report-preview-modal{width:auto;max-width:92vw}}@media (max-width:1200px){.drawing-previews-container,.tl-report-previews-container{max-height:65vh}}@media (max-width:768px){.drawing-preview-modal,.tl-report-preview-modal{width:100%;max-width:100%}.drawing-previews-container,.tl-report-previews-container{max-height:60vh;padding:16px}.drawing-preview-card,.tl-report-preview-card{min-width:auto;padding:16px}.drawing-content-wrapper,.tl-report-content-wrapper{overflow-x:auto}.batch-generate-section.drawing-batch,.batch-generate-section.tl-report-batch{padding:16px 20px}}@media (max-width:480px){.drawing-previews-container,.tl-report-previews-container{max-height:55vh;padding:12px}.drawing-preview-card,.tl-report-preview-card{padding:12px}}@media (max-width:1600px){.daily-form-preview-modal,.rectifier-preview-modal,.groundbed-preview-modal,.negative-preview-modal,.drawing-preview-modal,.tl-report-preview-modal,.form-preview-modal{width:auto;max-width:92vw}}@media (max-width:1200px){.daily-form-previews-container,.rectifier-previews-container,.groundbed-previews-container,.negative-previews-container,.drawing-previews-container,.tl-report-previews-container,.form-previews-container{max-height:65vh}}@media (max-width:768px){.daily-form-preview-modal,.rectifier-preview-modal,.groundbed-preview-modal,.negative-preview-modal,.drawing-preview-modal,.tl-report-preview-modal,.form-preview-modal{width:100%;max-width:100%}.daily-form-previews-container,.rectifier-previews-container,.groundbed-previews-container,.negative-previews-container,.drawing-previews-container,.tl-report-previews-container,.form-previews-container{max-height:60vh;padding:16px}.daily-form-preview-card,.rectifier-preview-card,.groundbed-preview-card,.negative-preview-card,.drawing-preview-card,.tl-report-preview-card,.form-preview-card{min-width:auto;padding:16px}.daily-form-content-wrapper,.groundbed-content-wrapper,.negative-content-wrapper,.drawing-content-wrapper,.tl-report-content-wrapper,.form-content-wrapper{overflow-x:auto}.batch-generate-section,.batch-generate-section.groundbed-batch,.batch-generate-section.negative-batch,.batch-generate-section.drawing-batch,.batch-generate-section.tl-report-batch{padding:16px 20px}}@media (max-width:480px){.daily-form-previews-container,.rectifier-previews-container,.groundbed-previews-container,.negative-previews-container,.drawing-previews-container,.tl-report-previews-container,.form-previews-container{max-height:55vh;padding:12px}.daily-form-preview-card,.rectifier-preview-card,.groundbed-preview-card,.negative-preview-card,.drawing-preview-card,.tl-report-preview-card,.form-preview-card{padding:12px}.preview-card-title{margin-bottom:12px;padding-bottom:12px;font-size:1rem}}@media print{.report-modal-overlay,.batch-generate-section,.batch-generate-section.groundbed-batch,.batch-generate-section.negative-batch,.batch-generate-section.drawing-batch,.batch-generate-section.tl-report-batch,.report-modal-actions{display:none}.form-preview-card,.drawing-preview-card,.tl-report-preview-card{page-break-inside:avoid;box-shadow:none;border:none}}.drag-instruction{color:#64748b;align-items:center;margin:8px 0 16px;font-size:.9rem;font-style:italic;display:flex}.draggable-grid{position:relative}.draggable-item{cursor:grab;transition:all .2s;position:relative;padding-left:32px!important}.draggable-item:hover{background-color:#f1f5f9;transform:translate(4px)}.draggable-item.dragging{opacity:.5;cursor:grabbing}.draggable-item:active{cursor:grabbing}.drag-handle{color:#94a3b8;cursor:grab;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.draggable-item:active .drag-handle{cursor:grabbing}.sequence-number{color:#fff;background:#3b82f6;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:600;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.preview-merged-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:16px;padding:12px 24px;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.preview-merged-btn:hover{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);transform:translateY(-2px);box-shadow:0 8px 16px #3b82f64d}.preview-merged-btn:active{transform:translateY(0)}.merged-preview-modal-simple{flex-direction:column;max-width:95vw;max-height:90vh;display:flex;overflow:hidden}.merged-forms-simple-container{background:#f8fafc;flex:1;padding:20px;overflow-y:auto}.merged-form-simple-wrapper{margin-bottom:40px}.merged-form-simple-wrapper:last-child{margin-bottom:0}.merged-forms-simple-container>*{background:0 0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f1f5f9;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.main-content{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);min-height:100vh;margin-left:240px}.forms-page-container{margin:0 auto;padding:32px 16px}.page-header-section{justify-content:space-between;align-items:flex-end;margin-bottom:32px;display:flex}.header-actions{align-items:center;gap:16px;display:flex}.view-mode-toggle{background:#fff;border:1px solid #e5e7eb;border-radius:8px;gap:4px;padding:4px;display:flex}.view-mode-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.view-mode-btn:hover{color:#4b5563;background:#f3f4f6}.view-mode-btn.active{color:#fff;background:#3b82f6}.page-title{color:#0f172a;margin-bottom:8px;font-size:2rem;font-weight:800}.page-subtitle{color:#64748b;font-size:.95rem}.forms-count{color:#3b82f6;background:#dbeafe;border-radius:8px;padding:8px 16px;font-size:1.2rem;font-weight:600}.filters-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:28px;padding:20px 24px;box-shadow:0 1px 3px #0000000d}.select-field{width:100%;position:relative}.select-wrapper{position:relative}.select-button{cursor:pointer;color:#374151;text-align:left;white-space:nowrap;text-overflow:ellipsis;background:#fff;border:1px solid #d1d5db;border-radius:8px;align-items:center;width:100%;height:40px;padding:8px 36px;font-size:13px;font-weight:500;transition:all .2s;display:flex;overflow:hidden}.select-button:hover:not(.disabled){background-color:#f9fafb;border-color:#9ca3af}.select-button.open{color:#0369a1;background-color:#e0f2fe;border-color:#0ea5e9}.select-button.disabled{color:#9ca3af;cursor:not-allowed;background-color:#f9fafb;border-color:#e5e7eb}.select-icon{pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.select-chevron{color:#9ca3af;pointer-events:none;transition:transform .2s;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.dropdown-menu{z-index:1000;background:#fff;border:1px solid #d1d5db;border-radius:8px;max-height:280px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 10px 25px #0000001a}.dropdown-option{cursor:pointer;color:#374151;padding:10px 12px;font-size:13px;transition:all .15s}.forms-container{min-height:400px}.carousel-wrapper{width:100%;position:relative;overflow:hidden}.carousel-wrapper:hover .carousel-button{opacity:1;pointer-events:auto}.carousel-button{cursor:pointer;color:#475569;z-index:10;opacity:0;pointer-events:none;background:#fffffff2;border:2px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 12px #0000001f}.carousel-button.carousel-button-left{left:16px}.carousel-button.carousel-button-right{right:16px}.carousel-button:hover{color:#0f172a;background:#fff;border-color:#3b82f6;transform:translateY(-50%)scale(1.08);box-shadow:0 6px 20px #3b82f640}.carousel-button:active{transform:translateY(-50%)scale(.95)}.forms-carousel{scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;gap:20px;width:100%;padding:8px 4px;display:flex;position:relative;overflow-x:auto}.forms-carousel::-webkit-scrollbar{display:none}.pagination{justify-content:center;align-items:center;gap:16px;margin-top:32px;padding:20px;display:flex}.pagination-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.pagination-btn:hover:not(:disabled){color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-info{color:#64748b;text-align:center;min-width:120px;font-size:.95rem;font-weight:500}.form-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;flex-shrink:0;min-width:380px;max-width:380px;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000d}.form-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 8px 16px #0000001a}.card-header{background:#f9fafb;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:flex-start;padding:16px;display:flex}.card-title-section{flex-direction:column;flex:1;gap:8px;display:flex}.card-title{color:#0f172a;margin:0;font-size:1rem;font-weight:700}.status-badge{text-transform:uppercase;border-radius:6px;width:fit-content;padding:4px 10px;font-size:.7rem;font-weight:600;display:inline-flex}.status-received{color:#d97706;background-color:#fffbeb}.status-revisions{color:#dc2626;background-color:#fee2e2}.status-resubmitted{color:#0ea5e9;background-color:#e0f2fe}.status-complete{color:#22c55e;background-color:#dcfce7}.status-default{color:#475569;background-color:#e2e8f0}.card-menu{gap:8px;display:flex}.btn-icon{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.btn-icon:hover{color:#0f172a;background:#e2e8f0}.card-content{flex-direction:column;flex:1;gap:16px;padding:16px;display:flex}.card-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.card-item{flex-direction:column;gap:4px;display:flex}.card-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.02em;font-size:.75rem;font-weight:600}.card-value{color:#1e293b;font-size:.9rem;font-weight:500}.card-dates{border-top:1px solid #f1f5f9;grid-template-columns:1fr 1fr;gap:12px;padding-top:12px;display:grid}.date-item{flex-direction:column;gap:4px;display:flex}.date-label{color:#94a3b8;text-transform:uppercase;font-size:.75rem;font-weight:600}.date-value{color:#475569;font-size:.85rem;font-weight:500}.card-comment{color:#166534;background:#f0fdf4;border-left:3px solid #22c55e;border-radius:4px;padding:10px;font-size:.85rem}.comment-label{font-weight:600}.comment-text{margin-top:4px;display:block}.table-wrapper{background:0 0;border-radius:0;overflow:auto}.forms-table{border-spacing:0;border-collapse:separate;width:100%}.forms-table th{text-align:center;color:#475569;letter-spacing:.05em;white-space:nowrap;background:#f8fafc;border-bottom:2px solid #e2e8f0;padding:14px 16px;font-size:.8rem;font-weight:700}.forms-table tbody tr{background:#fff;border-bottom:1px solid #f1f5f9;transition:all .2s}.forms-table tbody tr:hover{background:#f8fafc}.forms-table tbody tr:last-child{border-bottom:none}.forms-table td{color:#334155;vertical-align:middle;padding:14px 16px;font-size:.9rem}.table-form-name{color:#0f172a;font-weight:600}.table-actions{justify-content:flex-end;gap:8px;display:flex}.table-comment{white-space:nowrap;text-overflow:ellipsis;color:#64748b;max-width:200px;font-size:.85rem;overflow:hidden}.empty-state{text-align:center;color:#64748b;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.empty-state svg{color:#cbd5e1;margin-bottom:16px}.empty-state h3{color:#475569;margin-bottom:8px;font-size:1.3rem;font-weight:700}.empty-state p{font-size:.95rem}.modal-overlay{z-index:2000;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:85vh;padding:32px;animation:.3s ease-out slideUp;overflow-y:auto;box-shadow:0 20px 40px #0003}.modal-content h2{color:#0f172a;margin:0 0 20px;font-size:1.5rem;font-weight:700}.modal-info{background:#f8fafc;border-left:4px solid #3b82f6;border-radius:8px;margin-bottom:24px;padding:16px}.modal-info p{color:#475569;margin:8px 0;font-size:.95rem}.modal-info p strong{color:#1e293b;font-weight:600}.modal-field{margin-bottom:20px}.modal-field label{color:#334155;margin-bottom:8px;font-size:.9rem;font-weight:600;display:block}.modal-select,.modal-textarea{color:#334155;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:10px 12px;font-family:inherit;font-size:.95rem;transition:all .2s}.modal-select:focus,.modal-textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.modal-textarea{resize:vertical;min-height:100px}.modal-actions{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:12px;margin-top:28px;padding-top:20px;display:flex}.btn-primary{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:8px;padding:10px 24px;font-size:.95rem;font-weight:600;transition:all .2s}.btn-primary:hover{background-color:#2563eb;box-shadow:0 4px 12px #3b82f64d}.btn-secondary{color:#475569;cursor:pointer;background-color:#e2e8f0;border:none;border-radius:8px;padding:10px 24px;font-size:.95rem;font-weight:600;transition:all .2s}.btn-secondary:hover{background-color:#cbd5e1}@media (max-width:768px){.main-content{margin-left:0}.forms-page-container{padding:16px}.page-header-section{flex-direction:column;align-items:flex-start;gap:16px}.header-actions{justify-content:space-between;width:100%}.carousel-wrapper{gap:8px}.carousel-button{width:44px;height:44px}.filters-grid,.card-grid{grid-template-columns:1fr}.pagination{flex-wrap:wrap;gap:12px}.table-wrapper{overflow-x:auto}.forms-table{min-width:1000px}}.filters-section{background:#fff;border-radius:8px;margin-bottom:20px;padding:20px;box-shadow:0 1px 3px #0000001a}.filters-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.filters-grid>*{box-shadow:none;background:0 0;border:none;margin:0;padding:0}.filters-grid select{color:#374151;cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:10px 36px 10px 42px;font-size:14px;transition:all .2s}.filters-grid select:hover{border-color:#9ca3af}.filters-grid select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.table-scroll-container{-webkit-overflow-scrolling:touch;border-radius:16px;width:100%;max-width:100%;position:relative;overflow:auto visible}.table-scroll-container::-webkit-scrollbar{height:10px}.table-scroll-container::-webkit-scrollbar-thumb{background-color:#cbd5e0;border:2px solid #f7fafc;border-radius:8px}.table-scroll-container::-webkit-scrollbar-track{background:#f7fafc;border-radius:8px}.table-scroll-container::-webkit-scrollbar-thumb:hover{background-color:#94a3b8}:root{--color-primary:#3b82f6;--color-primary-hover:#2563eb;--color-primary-dark:#1d4ed8;--color-success:#10b981;--color-success-dark:#059669;--color-error:#ef4444;--color-error-light:#fee2e2;--color-warning:#f59e0b;--color-warning-light:#fef3c7;--color-neutral-50:#f9fafb;--color-neutral-100:#f3f4f6;--color-neutral-200:#e5e7eb;--color-neutral-300:#d1d5db;--color-neutral-400:#9ca3af;--color-neutral-500:#6b7280;--color-neutral-600:#4b5563;--color-neutral-700:#374151;--color-neutral-800:#1f2937;--color-neutral-900:#111827;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px #0000000d,0 1px 2px #00000008;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000040;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.25rem;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.25s cubic-bezier(.4,0,.2,1);--transition-smooth:.35s cubic-bezier(.34,1.56,.64,1)}.helpCS-page{background:0 0;min-height:100vh}.helpCS-header-card{border:1px solid var(--color-neutral-200);background:linear-gradient(135deg,#fff 0%,var(--color-neutral-50)100%);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);transition:all var(--transition-base);margin-bottom:1.5rem;padding:0;overflow:hidden}.helpCS-header-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-neutral-300)}.helpCS-static-header{padding:1.75rem 2rem;position:relative}.helpCS-static-header:after{content:"";background:linear-gradient(90deg,transparent,var(--color-primary),transparent);opacity:.2;height:1px;position:absolute;bottom:0;left:0;right:0}.helpCS-header-icon-box{border-radius:var(--radius-xl);width:52px;height:52px;transition:all var(--transition-base);background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 12px #3b82f633}.helpCS-header-icon-box:hover{transform:scale(1.05)rotate(5deg)}.helpCS-header-icon{color:var(--color-primary);font-size:28px}.helpCS-header-text{flex-direction:column;gap:6px;display:flex}.helpCS-header-title{background:linear-gradient(135deg,#1e293b 0%,#475569 100%);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;margin:0;padding:0;font-size:28px;font-weight:700;line-height:1.2}.helpCS-header-subtitle{color:#64748b;margin:0;padding:0;font-size:15px;font-weight:400;line-height:1.5}.helpCS-form-card{border:1px solid var(--color-neutral-200);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);transition:all var(--transition-base);background:#fff;padding:0;overflow:hidden}.helpCS-form-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-neutral-300)}.helpCS-form-content{background:linear-gradient(#fff 0%,#fafbfc 100%);padding:2rem}.helpCS-grid{grid-template-columns:1fr 380px;align-items:start;gap:2rem;display:grid}@media (max-width:1200px){.helpCS-grid{grid-template-columns:1fr}}.helpCS-main{min-width:0}.helpCS-side{flex-direction:column;gap:1.5rem;display:flex;position:sticky;top:2rem}@media (max-width:1200px){.helpCS-side{position:static}}.helpCS-card{-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);transition:all var(--transition-base);background:#fffffffa;border:1px solid #f1f5f9cc;padding:2rem;position:relative;overflow:hidden}.helpCS-card:before{content:"";opacity:0;height:1px;transition:opacity var(--transition-base);background:linear-gradient(90deg,#0000,#3b82f64d,#0000);position:absolute;top:0;left:0;right:0}.helpCS-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-neutral-200);transform:translateY(-2px)}.helpCS-card:hover:before{opacity:1}.helpCS-form-section{flex-direction:column;gap:1.75rem;display:flex}.helpCS-twoCol{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}@media (max-width:768px){.helpCS-twoCol{grid-template-columns:1fr}}.helpCS-field{flex-direction:column;display:flex}.helpCS-label{color:var(--color-neutral-700);letter-spacing:-.01em;align-items:center;gap:.625rem;margin-bottom:.625rem;font-size:.9375rem;font-weight:700;display:flex}.helpCS-label svg{color:var(--color-primary);font-size:1rem}.helpCS-req{color:var(--color-error);font-weight:700}.helpCS-input{border:2px solid var(--color-neutral-200);border-radius:var(--radius-lg);width:100%;transition:all var(--transition-base);box-sizing:border-box;color:#1e293b;background:#fff;padding:.875rem 1.125rem;font-family:inherit;font-size:.9375rem;font-weight:500}.helpCS-input::placeholder{color:var(--color-neutral-400);font-weight:400}.helpCS-input:focus{border-color:var(--color-primary);outline:none;transform:translateY(-1px);box-shadow:0 0 0 4px #3b82f61f,0 1px 2px #0000000d}.helpCS-input:hover:not(:focus):not(:disabled){border-color:var(--color-neutral-300)}.helpCS-input--error{border-color:var(--color-error);background:var(--color-error-light)}.helpCS-input--error:focus{box-shadow:0 0 0 4px #ef44441f}.helpCS-input:disabled{background:var(--color-neutral-50);cursor:not-allowed;opacity:.6}.helpCS-select-wrapper{position:relative}.helpCS-select{appearance:none;cursor:pointer;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:16px;border-left-width:4px;padding-right:3rem;font-weight:600}.helpCS-select:hover{border-color:var(--color-primary)}.helpCS-select:focus{border-left-color:var(--color-primary)!important}.helpCS-textarea{resize:vertical;min-height:160px;font-family:inherit;line-height:1.7}.helpCS-file{cursor:pointer;padding:.875rem 1rem}.helpCS-file::-webkit-file-upload-button{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-primary-hover)100%);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);border:none;margin-right:1rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;box-shadow:0 2px 8px #3b82f640}.helpCS-file::-webkit-file-upload-button:hover{background:linear-gradient(135deg,var(--color-primary-hover)0%,var(--color-primary-dark)100%);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f659}.helpCS-hint{color:var(--color-neutral-500);align-items:center;gap:.625rem;margin-top:.5rem;font-size:.8125rem;font-weight:500;display:flex}.helpCS-hint svg{color:var(--color-primary);flex-shrink:0}.helpCS-error{color:var(--color-error);background:linear-gradient(135deg,#fef2f2 0%,var(--color-error-light)100%);border-radius:var(--radius-md);border-left:3px solid var(--color-error);align-items:center;gap:.625rem;margin-top:.625rem;padding:.75rem 1rem;font-size:.8125rem;font-weight:600;animation:.3s ease-out errorSlide;display:flex}@keyframes errorSlide{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.helpCS-fileList{flex-direction:column;gap:.75rem;margin-top:1rem;display:flex}.helpCS-fileRow{border:2px solid var(--color-neutral-200);border-radius:var(--radius-lg);transition:all var(--transition-base);background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);align-items:center;gap:1rem;padding:1rem 1.25rem;animation:.3s ease-out fileSlideIn;display:flex}@keyframes fileSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.helpCS-fileRow:hover{border-color:var(--color-primary);background:#fff;transform:translate(4px);box-shadow:0 4px 12px #3b82f626}.helpCS-fileIcon{color:var(--color-neutral-500);flex-shrink:0;font-size:1.125rem}.helpCS-fileName{color:var(--color-neutral-700);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.875rem;font-weight:600;overflow:hidden}.helpCS-removeBtn{color:var(--color-error);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-base);background:#ef44441a;border:none;justify-content:center;align-items:center;padding:.5rem;display:flex}.helpCS-removeBtn:hover{background:var(--color-error-light);transform:scale(1.1)}.helpCS-checkbox-field{margin:0}.helpCS-checkboxRow{cursor:pointer;border-radius:var(--radius-lg);border:2px solid var(--color-neutral-200);transition:all var(--transition-base);background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);align-items:flex-start;gap:1rem;padding:1.25rem;display:flex}.helpCS-checkboxRow:hover{border-color:var(--color-primary);background:#fff;box-shadow:0 4px 12px #3b82f61f}.helpCS-checkboxRow input[type=checkbox]{cursor:pointer;width:20px;height:20px;accent-color:var(--color-primary);flex-shrink:0;margin-top:2px}.helpCS-checkboxText{color:#475569;font-size:.9375rem;font-weight:500;line-height:1.6}.helpCS-diagBox{border-radius:var(--radius-xl);background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border:2px solid #93c5fd;margin-top:1rem;padding:1.5rem;animation:.4s ease-out diagExpand}@keyframes diagExpand{0%{opacity:0;max-height:0;padding:0 1.5rem}to{opacity:1;max-height:500px;padding:1.5rem}}.helpCS-diagTitle{color:#0c4a6e;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:.75rem;margin-bottom:1rem;font-size:.9375rem;font-weight:700;display:flex}.helpCS-diagTitle svg{color:#0284c7;font-size:1.125rem}.helpCS-diagLine{color:#475569;border-radius:var(--radius-md);border-left:3px solid var(--color-primary);transition:all var(--transition-base);background:#ffffffe6;margin-bottom:.625rem;padding:.875rem 1rem;font-family:Courier New,monospace;font-size:.875rem}.helpCS-diagLine:hover{box-shadow:var(--shadow-sm);background:#fff;transform:translate(4px)}.helpCS-diagLine:last-child{margin-bottom:0}.helpCS-diagKey{color:#0c4a6e;margin-right:.5rem;font-weight:700}.helpCS-ua{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.helpCS-btn{border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);letter-spacing:-.01em;border:none;justify-content:center;align-items:center;gap:.625rem;padding:.875rem 1.75rem;font-family:inherit;font-size:.9375rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.helpCS-btn:before{content:"";opacity:0;transition:opacity var(--transition-base);background:linear-gradient(135deg,#fff3 0%,#0000 100%);position:absolute;inset:0}.helpCS-btn:hover:before{opacity:1}.helpCS-btn svg{flex-shrink:0;font-size:1rem}.helpCS-btn--primary{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-primary-hover)100%);color:#fff;box-shadow:0 4px 14px #3b82f659}.helpCS-btn--primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-hover)0%,var(--color-primary-dark)100%);transform:translateY(-2px);box-shadow:0 8px 24px #3b82f673}.helpCS-btn--primary:active:not(:disabled){transform:translateY(0)}.helpCS-btn--primary:disabled{background:var(--color-neutral-300);cursor:not-allowed;box-shadow:none;opacity:.7;transform:none}.helpCS-btn--secondary{color:#475569;border:2px solid var(--color-neutral-200);box-shadow:var(--shadow-sm);background:#fff}.helpCS-btn--secondary:hover{background:var(--color-neutral-50);border-color:var(--color-neutral-300);box-shadow:var(--shadow-md);transform:translateY(-2px)}.helpCS-btn--secondary:active{transform:translateY(0)}.helpCS-footer{border-top:2px solid var(--color-neutral-100);margin-top:2rem;padding-top:2rem}.helpCS-footer-buttons{flex-wrap:wrap;gap:1rem;display:flex}@media (max-width:640px){.helpCS-footer-buttons{flex-direction:column}.helpCS-footer-buttons .helpCS-btn{width:100%}}.helpCS-success{text-align:center;padding:4rem 2rem}.helpCS-successIcon{background:linear-gradient(135deg,var(--color-success)0%,var(--color-success-dark)100%);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin:0 auto 2rem;font-size:3.5rem;animation:.6s cubic-bezier(.68,-.55,.265,1.55) successPop;display:flex;position:relative;box-shadow:0 12px 32px #10b98166}.helpCS-successIcon:before{content:"";background:radial-gradient(circle,#10b9814d,#0000);border-radius:50%;animation:2s ease-in-out infinite pulse;position:absolute;inset:-10px}@keyframes successPop{0%{opacity:0;transform:scale(0)rotate(-180deg)}50%{transform:scale(1.15)rotate(10deg)}to{opacity:1;transform:scale(1)rotate(0)}}.helpCS-successTitle{color:#1e293b;background:linear-gradient(135deg,#1e293b 0%,#475569 100%);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:2rem;font-weight:800}.helpCS-successText{color:#64748b;max-width:520px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.0625rem;font-weight:500;line-height:1.7}.helpCS-successActions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.helpCS-sideTitle{color:#1e293b;letter-spacing:-.01em;align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:1.125rem;font-weight:700;display:flex}.helpCS-sideTitle svg{color:var(--color-primary);font-size:1.25rem}.helpCS-tips-card{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border:2px solid #fbbf24;box-shadow:0 4px 16px #fbbf2433}.helpCS-tips-card:before{background:linear-gradient(90deg,#0000,#f59e0b4d,#0000)}.helpCS-tips-card .helpCS-sideTitle{color:#78350f}.helpCS-tips-card .helpCS-sideTitle svg{color:var(--color-warning)}.helpCS-ul{flex-direction:column;gap:.875rem;margin:0;padding:0;list-style:none;display:flex}.helpCS-ul li{color:#78350f;align-items:flex-start;gap:.875rem;font-size:.9375rem;font-weight:500;line-height:1.7;display:flex}.helpCS-listIcon{color:var(--color-warning);flex-shrink:0;margin-top:.25rem;font-size:1rem}.helpCS-contact-card{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);border:2px solid #60a5fa;box-shadow:0 4px 16px #60a5fa33}.helpCS-contact-card:before{background:linear-gradient(90deg,#0000,#3b82f64d,#0000)}.helpCS-contact-card .helpCS-sideTitle{color:#1e3a8a}.helpCS-contact-card .helpCS-sideTitle svg{color:var(--color-primary)}.helpCS-contact-item{-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-lg);transition:all var(--transition-base);background:#fffffff2;border:1px solid #e2e8f080;align-items:center;gap:1.125rem;margin-bottom:.875rem;padding:1.125rem 1.25rem;display:flex}.helpCS-contact-item:hover{border-color:var(--color-primary);background:#fff;transform:translate(4px);box-shadow:0 6px 16px #3b82f633}.helpCS-contact-item:last-child{margin-bottom:0}.helpCS-contactIcon{color:var(--color-primary);flex-shrink:0;font-size:1.625rem}.helpCS-contactLabel{color:var(--color-neutral-500);text-transform:uppercase;letter-spacing:.75px;font-size:.75rem;font-weight:700}.helpCS-contactValue{color:#1e293b;margin-top:.25rem;font-size:.9375rem;font-weight:700}.helpCS-info-card{background:linear-gradient(135deg,#f3e8ff 0%,#e9d5ff 100%);border:2px solid #c084fc;box-shadow:0 4px 16px #c084fc33}.helpCS-info-card:before{background:linear-gradient(90deg,#0000,#a855f74d,#0000)}.helpCS-info-card .helpCS-sideTitle{color:#581c87}.helpCS-info-card .helpCS-sideTitle svg{color:#a855f7}.helpCS-response-grid{flex-direction:column;gap:.875rem;display:flex}.helpCS-response-item{-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-lg);transition:all var(--transition-base);background:#fffffff2;border:1px solid #e2e8f080;justify-content:space-between;align-items:center;padding:1.125rem 1.25rem;display:flex}.helpCS-response-item:hover{background:#fff;border-color:#a855f7;transform:translate(4px);box-shadow:0 6px 16px #a855f733}.helpCS-priority-badge{border-radius:var(--radius-md);text-transform:uppercase;letter-spacing:.75px;padding:.5rem .875rem;font-size:.8125rem;font-weight:700}.helpCS-priority-high{background:var(--color-error-light);color:#991b1b}.helpCS-priority-medium{background:var(--color-warning-light);color:#92400e}.helpCS-priority-low{color:#065f46;background:#d1fae5}.helpCS-response-time{color:#1e293b;font-size:1rem;font-weight:800}@media (max-width:768px){.helpCS-form-content,.helpCS-card{padding:1.5rem}.helpCS-btn{padding:.75rem 1.5rem;font-size:.875rem}.helpCS-header-title{font-size:24px}.helpCS-header-subtitle{font-size:14px}}@media (max-width:480px){.helpCS-card{border-radius:var(--radius-xl);padding:1.25rem}.helpCS-form-content{padding:1rem}.helpCS-btn{width:100%}.helpCS-successActions{flex-direction:column}.helpCS-successActions .helpCS-btn{width:100%}.helpCS-static-header{padding:1.5rem}.helpCS-header-icon-box{width:44px;height:44px}.helpCS-header-icon{font-size:24px}}.helpCS-btn:focus-visible,.helpCS-input:focus-visible,.helpCS-select:focus-visible,.helpCS-textarea:focus-visible,.helpCS-file:focus-visible,.helpCS-checkboxRow input:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.helpCS-my-tickets-btn{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-primary-hover)100%);color:#fff;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);border:none;align-items:center;gap:.625rem;padding:.75rem 1.25rem;font-size:.9375rem;font-weight:600;display:flex;box-shadow:0 4px 12px #3b82f64d}.helpCS-my-tickets-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-hover)0%,var(--color-primary-dark)100%);transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.helpCS-my-tickets-btn:disabled{opacity:.6;cursor:not-allowed}.helpCS-my-tickets-btn svg{font-size:1.125rem}.spinning{animation:1s linear infinite spin}.helpCS-modal-overlay{z-index:9999;background:#0009;justify-content:center;align-items:center;padding:1rem;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.helpCS-modal{border-radius:var(--radius-2xl);width:100%;max-width:800px;max-height:80vh;box-shadow:var(--shadow-2xl);background:#fff;flex-direction:column;animation:.3s ease-out slideUp;display:flex}.helpCS-modal-header{border-bottom:2px solid var(--color-neutral-100);justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.helpCS-modal-header h2{color:#1e293b;align-items:center;gap:.75rem;margin:0;font-size:1.5rem;font-weight:700;display:flex}.helpCS-modal-header h2 svg{color:var(--color-primary)}.helpCS-modal-close{color:var(--color-neutral-500);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-base);background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;font-size:1.5rem;display:flex}.helpCS-modal-close:hover{background:var(--color-error-light);color:var(--color-error);transform:rotate(90deg)}.helpCS-modal-body{flex:1;padding:2rem;overflow-y:auto}.helpCS-no-tickets{text-align:center;color:var(--color-neutral-500);padding:4rem 2rem}.helpCS-no-tickets svg{color:var(--color-neutral-300);margin-bottom:1rem;font-size:4rem}.helpCS-no-tickets p{margin:0;font-size:1.125rem}.helpCS-tickets-list{flex-direction:column;gap:1rem;display:flex}.helpCS-ticket-item{border:2px solid var(--color-neutral-200);border-radius:var(--radius-xl);transition:all var(--transition-base);background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);padding:1.5rem}.helpCS-ticket-item:hover{border-color:var(--color-primary);transform:translate(4px);box-shadow:0 4px 16px #3b82f626}.helpCS-ticket-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.helpCS-ticket-id{color:var(--color-neutral-600);text-transform:uppercase;letter-spacing:.5px;font-size:.875rem;font-weight:700}.helpCS-ticket-status{border-radius:var(--radius-md);color:#fff;text-transform:uppercase;letter-spacing:.5px;padding:.375rem .875rem;font-size:.8125rem;font-weight:700}.helpCS-ticket-subject{color:#1e293b;margin-bottom:1rem;font-size:1.125rem;font-weight:600;line-height:1.5}.helpCS-ticket-meta{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.helpCS-ticket-category,.helpCS-ticket-priority,.helpCS-ticket-date{color:var(--color-neutral-600);align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;display:flex}.helpCS-ticket-category svg,.helpCS-ticket-priority svg,.helpCS-ticket-date svg{font-size:1rem}@media (max-width:768px){.helpCS-my-tickets-btn span{display:none}.helpCS-my-tickets-btn{padding:.75rem}.helpCS-modal{max-width:95vw;max-height:90vh}.helpCS-modal-header{padding:1rem 1.5rem}.helpCS-modal-header h2{font-size:1.25rem}.helpCS-modal-body{padding:1.5rem}}.swal-custom-popup{border-radius:16px!important;padding:30px!important}.swal-custom-title{color:#1f2937!important;font-size:22px!important;font-weight:700!important}.swal-custom-button{border-radius:8px!important;padding:10px 24px!important;font-size:14px!important;font-weight:600!important}.helpCS-contactValue{word-break:break-word;overflow-wrap:break-word;white-space:normal;line-height:1.4;display:block}.helpCS-contact-item{align-items:flex-start;gap:12px;padding:12px 9px;display:flex}.helpCS-contact-item>div{flex:1;min-width:0}.helpCS-ticket-attachments{border-top:1px solid #e5e7eb;margin-top:12px;padding-top:12px}.helpCS-attachments-title{color:#6b7280;align-items:center;gap:6px;margin-bottom:8px;font-size:13px;font-weight:600;display:flex}.helpCS-attachment-btn{color:#374151;cursor:pointer;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;align-items:center;gap:6px;margin:4px 4px 4px 0;padding:6px 12px;font-size:13px;transition:all .2s;display:inline-flex}.helpCS-attachment-btn:hover{color:#1f2937;background:#e5e7eb;border-color:#9ca3af}.helpCS-attachment-btn svg{color:#3b82f6;font-size:12px}*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#192234;--primary-light:#2a3444;--accent:#4a90e2;--success:#50c878;--warning:#f4b400;--danger:#ff6b6b;--glass-bg:#fffffff7}.labor-container{color:#1f2937;background-color:#f5f7fa;min-height:100vh;padding:24px 0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,sans-serif;position:relative;overflow-x:hidden}.labor-content-wrapper{width:100%;padding:0 20px}.spinner{justify-content:center;align-items:center;gap:6px;height:24px;display:flex}.spinner-bar{background:linear-gradient(#3b82f6 0%,#60a5fa 100%);border-radius:2px;width:3px;height:100%;animation:.9s ease-in-out infinite barPulse}.spinner-bar:first-child{animation-delay:-.2s}.spinner-bar:nth-child(2){animation-delay:0s}.spinner-bar:nth-child(3){animation-delay:.2s}@keyframes barPulse{0%,to{opacity:.4;height:8px}50%{opacity:1;height:24px}}.loading-text{animation:1.5s ease-in-out infinite pulse}.labor-header-horizontal{background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;align-items:center;gap:20px;width:100%;margin-bottom:20px;padding:16px 24px;display:flex;box-shadow:0 1px 3px #00000014}.header-left{flex:1;align-items:center;gap:14px;display:flex}.header-icon-circle{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.header-text{flex-direction:column;gap:4px;display:flex}.header-text h1{color:#1f2937;letter-spacing:-.3px;margin:0;font-size:24px;font-weight:700;line-height:1.2}.header-text p{color:#6b7280;margin:0;font-size:13px;font-weight:500;line-height:1.4}.header-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.record-badge{color:#1e40af;white-space:nowrap;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border:1px solid #bae6fd;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;display:flex}.record-badge svg{color:#3b82f6;flex-shrink:0;width:18px;height:18px}.labor-header-top{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;padding:20px 24px;display:flex;box-shadow:0 1px 3px #00000014}.header-title-section{align-items:center;gap:16px;display:flex}.header-icon{color:#0ea5e9;background:#e0f2fe;border:1px solid #bae6fd;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin-top:0;display:flex}.header-title-section h1{color:#1f2937;letter-spacing:-.3px;margin-bottom:2px;font-size:24px;font-weight:700}.header-title-section p{color:#6b7280;margin:0;font-size:13px;font-weight:500}.header-record-count{color:#0369a1;white-space:nowrap;background-color:#e0f2fe;border:1px solid #bae6fd;border-radius:8px;align-items:center;gap:8px;padding:8px 14px;font-size:12px;font-weight:600;display:flex}.header-record-count svg{color:#0ea5e9;width:16px;height:16px}.filter-dropdowns{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;display:grid}.filter-group{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;padding:0;transition:all .3s;display:flex}.filter-group:hover{box-shadow:0 4px 12px #00000014}.filter-group label{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;padding:8px 12px 4px;font-size:10px;font-weight:700;display:flex}.filter-group label svg{color:#9ca3af}.dropdown-wrapper{padding:0 12px 8px;position:relative}.dropdown-wrapper select{color:#374151;appearance:none;cursor:pointer;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;width:100%;padding:10px 12px;font-size:13px;font-weight:500;transition:all .2s}.dropdown-wrapper select:hover{background-color:#fff;border-color:#d1d5db}.dropdown-wrapper select:focus{background-color:#fff;border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.dropdown-wrapper svg{pointer-events:none;color:#9ca3af;width:14px;height:14px;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.tabs-section{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px 8px 0 0;justify-content:space-between;align-items:center;gap:16px;min-height:50px;margin-bottom:0;padding:0 16px;display:flex;box-shadow:0 1px 3px #00000014}.tabs{border-bottom:1px solid #0000;flex:1;gap:24px;display:flex}.tab{color:#6b7280;cursor:pointer;white-space:nowrap;border-bottom:3px solid #0000;align-items:center;gap:8px;padding:12px 0;font-size:13px;font-weight:600;transition:all .2s;display:flex}.tab svg{color:#9ca3af;width:16px;height:16px}.tab.active{color:#3b82f6;border-bottom-color:#3b82f6}.tab:hover:not(.active){color:#374151}.search-export{align-items:center;gap:12px;margin-left:auto;display:flex}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-input-wrapper svg{color:#9ca3af;width:16px;height:16px;position:absolute;left:10px}.search-input-wrapper input{color:#374151;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;min-width:200px;padding:8px 12px 8px 36px;font-size:13px;transition:all .2s}.search-input-wrapper input::placeholder{color:#9ca3af}.search-input-wrapper input:focus{background-color:#fff;border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.export-button{color:#fff;cursor:pointer;white-space:nowrap;background-color:#2563eb;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000001a}.export-button:hover{background-color:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb33}.export-button svg{width:16px;height:16px}.table-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;overflow-x:auto;box-shadow:0 1px 3px #00000014}.labor-table{border-collapse:collapse;width:100%;font-size:13px}.labor-table thead{color:var(--primary);z-index:10;background-color:#f5f7fa;border-bottom:2px solid #e5e7eb;position:sticky;top:0}.labor-table th{text-align:center;text-transform:none;letter-spacing:0;white-space:nowrap;color:var(--primary);background-color:#f5f7fa;border-bottom:none;padding:16px 14px;font-size:12px;font-weight:700;display:table-cell}.labor-table th svg{color:#9ca3af;width:12px;height:12px}.labor-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background-color .15s}.labor-table tbody tr:hover{background-color:#f9fafb}.labor-table td{color:#374151;vertical-align:middle;padding:16px 14px;font-size:13px;font-weight:500}.resource-cell{align-items:center;gap:10px;font-weight:500;display:flex}.avatar{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:11px;font-weight:800;display:flex}.badge{text-transform:uppercase;letter-spacing:.3px;border:none;border-radius:20px;padding:6px 12px;font-size:11px;font-weight:600;display:inline-block}.badge-personnel{color:#2563eb;background-color:#dbeafe}.title-badge{color:#0369a1;white-space:nowrap;cursor:default;text-transform:capitalize;letter-spacing:.2px;background:linear-gradient(135deg,#dbeafe 0%,#e0f2fe 100%);border:1px solid #bae6fd;border-radius:20px;justify-content:center;align-items:center;padding:6px 16px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 4px #0369a114}.title-badge:hover{border-color:#7dd3fc;transform:translateY(-1px);box-shadow:0 4px 8px #0369a11f}.site-badge{color:#374151;white-space:nowrap;align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.site-text{color:#374151;font-weight:500}.site-badge svg{flex-shrink:0;width:24px;height:24px;color:#0ea5e9!important;background:0 0!important}.table-footer{color:#6b7280;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:0 0 12px 12px;justify-content:space-between;align-items:center;padding:16px 24px;font-size:12px;font-weight:500;display:flex}.pagination-wrapper{justify-content:space-between;align-items:center;gap:24px;width:100%;display:flex}.pagination-left{flex:none}.record-count{color:#6b7280;white-space:nowrap;font-size:12px;font-weight:500}.pagination-center{flex:none;align-items:center;gap:12px;display:flex}.total-hours-display{color:#374151;white-space:nowrap;background-color:#fff;border:1px solid #d1d5db;border-radius:4px;padding:4px 12px;font-size:12px;font-weight:600}.page-indicator{color:#374151;white-space:nowrap;font-size:12px;font-weight:600}.pagination-right{flex:none;align-items:center;gap:10px;margin-left:auto;display:flex}.pagination-nav-btn{color:#6b7280;cursor:pointer;white-space:nowrap;background-color:#fff;border:1px solid #d1d5db;border-radius:4px;align-items:center;gap:4px;height:32px;padding:6px 10px;font-size:11px;font-weight:500;transition:all .2s;display:flex}.pagination-nav-btn:hover:not(:disabled){color:#374151;background-color:#f3f4f6;border-color:#9ca3af}.pagination-nav-btn:disabled{opacity:.5;cursor:not-allowed;background-color:#f9fafb}.pagination-nav-btn svg{width:14px;height:14px}.pagination-right label{color:#374151;white-space:nowrap;font-size:12px;font-weight:600}.go-to-input{color:#374151;text-align:center;background-color:#fff;border:1px solid #d1d5db;border-radius:4px;width:50px;height:32px;padding:6px 10px;font-size:12px;transition:all .2s}.go-to-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.go-button{color:#fff;cursor:pointer;white-space:nowrap;background-color:#3b82f6;border:none;border-radius:4px;height:32px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .2s}.go-button:hover{background-color:#2563eb}.go-button:active{transform:scale(.98)}.error-message{animation:.3s ease-out slideIn}.filters-container{flex-wrap:wrap;align-items:center;gap:12px;width:100%;display:flex}.filter-field{flex:1;min-width:200px;position:relative}.select-wrapper{width:100%;position:relative}@media (max-width:1200px){.pagination-wrapper{gap:14px}.filter-dropdowns{grid-template-columns:repeat(2,1fr)}.labor-header-horizontal{gap:16px;padding:14px 20px}.header-icon-circle{width:44px;height:44px}.header-text h1{font-size:22px}.header-text p{font-size:12px}.record-badge{padding:8px 16px;font-size:13px}}@media (max-width:1024px){.filter-dropdowns{grid-template-columns:repeat(2,1fr)}.pagination-wrapper{flex-wrap:wrap}.pagination-center{flex:none;order:2;justify-content:flex-start}.pagination-right{order:3}.filters-container{gap:10px}.filters-section{padding:14px 20px}}@media (max-width:768px){.labor-container{padding:16px 12px}.labor-header-horizontal{flex-direction:column;align-items:flex-start;gap:12px;padding:14px 16px}.header-left{width:100%}.header-right{justify-content:flex-end;width:100%}.record-badge{margin-left:auto}.header-text h1{font-size:20px}.header-text p{font-size:12px}.header-icon-circle{width:42px;height:42px}.filter-dropdowns{grid-template-columns:1fr}.filters-container{flex-direction:column;gap:10px}.filters-section{border-radius:10px;margin-bottom:14px;padding:12px 16px}.filter-field{width:100%;min-width:unset}.tabs-section{flex-direction:column;align-items:stretch}.tabs{border-bottom:1px solid #e5e7eb}.search-export{width:100%;margin-left:0}.search-input-wrapper input{width:100%;min-width:auto}.export-button{justify-content:center;width:100%}.labor-table{font-size:12px}.labor-table th,.labor-table td{padding:10px 12px}.avatar{width:28px;height:28px;font-size:9px}.pagination-wrapper{flex-direction:column;align-items:stretch;gap:12px}.pagination-left,.pagination-center,.pagination-right{justify-content:center;width:100%}.pagination-center{flex-wrap:wrap;order:0}.pagination-right{order:0}}@media (max-width:480px){.filter-dropdowns{grid-template-columns:1fr}.header-title-section{flex-direction:column}.labor-header-horizontal{gap:10px;padding:12px 14px}.header-left{gap:12px}.header-text h1{font-size:18px}.header-text p{font-size:11px}.header-icon-circle{width:40px;height:40px}.header-icon-circle svg{width:20px;height:20px}.record-badge{gap:6px;padding:6px 12px;font-size:12px}.record-badge svg{width:16px;height:16px}.labor-table{font-size:11px}.labor-table th,.labor-table td{padding:8px 10px}.pagination-nav-btn{padding:5px 8px;font-size:10px}.page-indicator{font-size:11px}.go-to-input{width:40px;padding:5px 8px;font-size:11px}.go-button{padding:5px 10px;font-size:10px}.pagination-right label{font-size:10px}.total-hours-display{padding:3px 8px;font-size:11px}.record-count{font-size:11px}.filter-field-button{height:44px;padding:8px 32px 8px 36px;font-size:13px}.dropdown-menu{max-height:250px;box-shadow:0 6px 16px #0000001f}.dropdown-option{padding:12px;font-size:13px}}.filters-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;margin-bottom:18px;padding:16px 24px;box-shadow:0 4px 6px #0000000d}.filters-container-pro{grid-template-columns:repeat(4,1fr);gap:16px;width:100%;display:grid}@media (max-width:1024px){.filters-container-pro{grid-template-columns:repeat(2,1fr);gap:14px}.filters-section{padding:14px 20px}}@media (max-width:640px){.filters-container-pro{grid-template-columns:1fr;gap:12px}.filters-section{border-radius:10px;margin-bottom:14px;padding:12px 16px}}.filter-field,.select-wrapper{width:100%;position:relative}.filter-field-button{cursor:pointer;color:#374151;text-align:left;white-space:nowrap;text-overflow:ellipsis;background:#fff;border:1px solid #d1d5db;border-radius:8px;align-items:center;width:100%;height:40px;padding:8px 36px 8px 38px;font-size:14px;font-weight:500;transition:all .2s;display:flex;overflow:hidden}.filter-field-button:hover{background-color:#f0f9ff;border-color:#9ca3af}.filter-field-button.open{color:#0369a1;background-color:#e0f2fe;border-color:#0ea5e9}.filter-field-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width:640px){.filter-field-button{height:44px;padding:8px 32px 8px 36px;font-size:13px}}.select-field-icon{pointer-events:none;z-index:2;flex-shrink:0;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.select-chevron{color:#9ca3af;pointer-events:none;z-index:2;flex-shrink:0;transition:transform .2s;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.select-chevron.open{transform:translateY(-50%)rotate(180deg)}.dropdown-menu{z-index:9999;background:#fff;border:1px solid #d1d5db;border-top:none;border-radius:0 0 8px 8px;max-height:300px;margin-top:0;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #00000026}@media (max-width:640px){.dropdown-menu{max-height:250px;box-shadow:0 6px 16px #0000001f}}.dropdown-option{cursor:pointer;color:#374151;word-break:break-word;align-items:center;padding:10px 12px;font-size:14px;transition:background-color .15s;display:flex}.dropdown-option:hover{color:#0369a1;background-color:#e0f2fe}.dropdown-option.selected{color:#0369a1;background-color:#e0f2fe;font-weight:500}@media (max-width:640px){.dropdown-option{padding:12px;font-size:13px}}.dropdown-menu::-webkit-scrollbar{width:7px}.dropdown-menu::-webkit-scrollbar-track{background:0 0}.dropdown-menu::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.dropdown-menu::-webkit-scrollbar-thumb:hover{background:#94a3b8}.time-report-header{background-color:#fff;border:1px solid #e5e7eb;border-radius:14px;flex-wrap:wrap;align-items:flex-end;gap:20px;margin-bottom:20px;padding:16px 20px;display:flex}.header-filter-item{flex-direction:column;gap:6px;display:flex}.filter-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.label-icon-blue{color:#3b82f6}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon-blue{color:#3b82f6;pointer-events:none;z-index:10;position:absolute;left:14px}.date-time-input,.search-time-input{color:#1e293b;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;height:44px;font-size:14px;font-weight:500;transition:all .2s}.date-time-input{width:180px;padding:0 12px}.search-time-input{width:260px;padding:0 12px 0 44px!important}.search-time-input::placeholder{color:#94a3b8}.date-time-input:focus,.search-time-input:focus{background-color:#fff;border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.date-time-input::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(48%)sepia(79%)saturate(2476%)hue-rotate(190deg)brightness(101%)contrast(92%)}.export-btn{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:10px;align-items:center;gap:8px;height:44px;margin-left:auto;padding:0 20px;font-size:14px;font-weight:600;transition:background .2s;display:flex}.export-btn:hover{background-color:#1d4ed8;box-shadow:0 4px 12px #2563eb33}@media (max-width:768px){.time-report-header{flex-direction:column;align-items:stretch}.date-time-input,.search-time-input,.export-btn{width:100%}}