*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;scroll-behavior:smooth}.navbar{background:green;color:#fff;padding:8px 20px;box-shadow:0 4px 20px #00000026;position:sticky;top:0;opacity:.7;z-index:1000;border-bottom:5px solid blue}.navbar-container{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.navbar-left{display:flex;align-items:center;gap:1.25rem;flex:1;min-width:250px;flex-basis:50%}.logo-container{width:100px;height:60px;border-radius:12px;overflow:hidden;background:#fff;padding:4px;box-shadow:0 4px 12px #0000001a;border:3px solid blue;transition:transform .3s ease}.logo-container:hover{transform:scale(1.05)}.logo{width:100%;height:100%;object-fit:contain;border-radius:8px}.organization-name{display:flex;flex-direction:column}.org-title{font-size:22px}.org-subtitle{font-size:.85rem;margin:.25rem 0 0;opacity:.85;font-weight:400;color:#cbd5e1}.navbar-right{flex-basis:50%;display:flex;justify-content:flex-end;flex:1;line-height:20px;min-width:250px}.datetime-container{display:flex;flex-direction:column;align-items:flex-end;gap:.4rem;padding:.75rem 1.25rem;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.datetime-container:hover{background:#ffffff14;box-shadow:0 6px 16px #00000026}.date-display,.time-display{display:flex;align-items:center;gap:.5rem}.date-text{font-size:1rem;font-weight:500;color:#e2e8f0;letter-spacing:.3px}.time-text{font-size:1.6rem;font-weight:700;color:#fff;font-family:Segoe UI,Roboto Mono,monospace;letter-spacing:1px;text-shadow:0 2px 8px rgba(0,0,0,.2)}@media(max-width:1024px){.navbar-container{gap:.75rem}.navbar-left,.navbar-right{min-width:auto;flex:none}.org-title{font-size:1.3rem}.time-text{font-size:1.4rem}.date-text{font-size:.9rem}.datetime-container{padding:.6rem 1rem}}@media(max-width:768px){.navbar{padding:.75rem 1rem}.navbar-left{gap:1rem}.logo-container{width:50px;height:50px}.org-title{font-size:1.2rem}.org-subtitle{font-size:.8rem}.datetime-container{padding:.6rem;align-items:center}.time-text{font-size:1.3rem}.date-text{font-size:.85rem}}@media(max-width:640px){.navbar-container{gap:.5rem}.navbar-left{gap:.75rem}.logo-container{width:45px;height:45px}.org-title{font-size:1.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.org-subtitle{font-size:.75rem}.datetime-container{padding:.5rem;min-width:200px}.time-text{font-size:1.2rem}.date-text{font-size:.8rem;text-align:right}}@media(max-width:480px){.navbar{padding:.5rem .75rem}.org-title{font-size:1rem;max-width:120px}.datetime-container{min-width:180px}.time-text{font-size:1.1rem}.date-text{font-size:.75rem}}@media(max-width:360px){.navbar-left{gap:.5rem}.logo-container{width:40px;height:40px}.org-title{font-size:.9rem;max-width:100px}.org-subtitle{font-size:.7rem}.datetime-container{min-width:160px}.time-text{font-size:1rem}}@media(prefers-reduced-motion:reduce){.logo-container,.datetime-container{transition:none}.logo-container:hover{transform:none}}.sems-footer{background:linear-gradient(135deg,#071a2a,#0b3c49);border-top:4px solid green;padding:clamp(14px,2vw,22px) clamp(16px,4vw,40px);font-family:Inter,Segoe UI,Arial,sans-serif}.sems-footer-container{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:clamp(12px,3vw,24px);flex-wrap:wrap}.sems-footer-brand{display:flex;align-items:center;gap:clamp(8px,2vw,14px)}.sems-footer-logo{height:clamp(26px,3.5vw,34px);width:auto;object-fit:contain}.sems-footer-text{font-size:clamp(12px,1.8vw,14px);color:#c9d8e5;line-height:1.4}.sems-footer-links{display:flex;gap:clamp(14px,3vw,28px);flex-wrap:wrap}.sems-footer-links a{font-size:clamp(12px,1.8vw,14px);color:#9fd8d2;text-decoration:none;transition:color .25s ease,transform .25s ease}.sems-footer-links a:hover{color:#fff;transform:translateY(-1px)}@media(max-width:1024px){.sems-footer-container{justify-content:center;text-align:center}}@media(max-width:640px){.sems-footer-container{flex-direction:column;gap:14px}.sems-footer-links{justify-content:center}}@media(max-width:360px){.sems-footer-text{text-align:center}}.server-status-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999}.server-status-box{background:#fff;border-radius:12px;padding:32px;max-width:400px;width:90%;text-align:center;box-shadow:0 8px 32px #0003}.server-status-icon{color:#f59e0b;margin-bottom:16px}.server-status-box h3{margin:0 0 12px;color:#1f2937;font-size:20px;font-weight:600}.server-status-box p{margin:0 0 16px;color:#6b7280;line-height:1.5}.retry-info{font-size:14px;color:#9ca3af;margin-bottom:24px!important}.server-retry-btn{background-color:#3b82f6;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s;min-width:120px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.server-retry-btn:hover{background-color:#2563eb}.server-retry-btn:disabled{background-color:#9ca3af;cursor:not-allowed}.spin-icon{animation:spin 1s linear infinite}.login-form{width:100%;max-width:400px;margin:0 auto;display:flex;flex-direction:column;gap:1rem;padding:1rem;box-sizing:border-box}.login-input{padding:12px 16px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .3s;width:100%;box-sizing:border-box}.login-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.login-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.login-btn{padding:12px;background-color:#007bff;color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .3s;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;box-sizing:border-box}.login-btn:hover:not(:disabled){background-color:#0056b3}.login-btn:disabled{background-color:#ccc;cursor:not-allowed}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}.error-message5{background-color:#f8d7da;color:#721c24;padding:12px 16px;border-radius:6px;border:1px solid #f5c6cb;display:flex;align-items:center;gap:10px;font-size:14px;animation:slideIn .3s ease-out;width:100%;box-sizing:border-box}.success-message5{background-color:#d4edda;color:#155724;padding:12px 16px;border-radius:6px;border:1px solid #c3e6cb;display:flex;align-items:center;gap:10px;font-size:14px;animation:slideIn .3s ease-out;width:100%;box-sizing:border-box}.error-icon5{background-color:#dc3545;color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;flex-shrink:0}.success-icon5{background-color:#28a745;color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.login-link{text-align:center;font-size:14px;color:#666;margin-top:10px;width:100%;box-sizing:border-box;word-wrap:break-word;overflow-wrap:break-word}.login-link a{color:#007bff;text-decoration:none;font-weight:600;display:inline-block}.login-link a:hover{text-decoration:underline}@media screen and (max-width:768px){.login-form{max-width:100%;padding:.75rem;gap:.875rem}.login-input{padding:10px 14px;font-size:13px}.login-btn{padding:11px;font-size:15px}.error-message,.success-message{padding:10px 14px;font-size:13px;flex-wrap:wrap}.login-link{font-size:13px}}@media screen and (max-width:480px){.login-form{padding:.5rem;gap:.75rem}.login-input{padding:9px 12px;font-size:12px}.login-btn{padding:10px;font-size:14px}.spinner{width:14px;height:14px;border-width:1.5px}.error-message,.success-message{padding:9px 12px;font-size:12px;gap:8px}.error-icon,.success-icon{width:18px;height:18px;font-size:10px}.login-link{font-size:12px}}@media screen and (max-width:320px){.login-input{padding:8px 10px;font-size:11px}.login-btn{padding:9px;font-size:13px}.error-message,.success-message{padding:8px 10px;font-size:11px}}@media screen and (min-width:1200px){.login-form{max-width:450px}}.password-input{padding-right:45px!important}.password-toggle-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:4px;color:#666;display:flex;align-items:center;justify-content:center;transition:color .3s;z-index:2}.password-toggle-btn:hover:not(:disabled){color:#007bff}.password-toggle-btn:disabled{cursor:not-allowed;opacity:.5}.password-icon{width:18px;height:18px}@media screen and (max-width:768px){.password-input{padding-right:40px!important}.password-toggle-btn{right:10px;padding:3px}.password-icon{width:16px;height:16px}}@media screen and (max-width:480px){.password-input{padding-right:38px!important}.password-toggle-btn{right:8px}.password-icon{width:15px;height:15px}}@media screen and (max-width:320px){.password-input{padding-right:36px!important}.password-toggle-btn{right:6px}.password-icon{width:14px;height:14px}}@media screen and (min-width:1200px){.password-input{padding-right:48px!important}.password-toggle-btn{right:14px}.password-icon{width:20px;height:20px}}.notice{background-color:#f8d7da;color:#721c24;padding:5px;border-radius:6px;border:1px solid #f5c6cb;display:flex;align-items:center;margin-top:10px;gap:1px;font-size:14px;animation:slideIn .3s ease-out;width:100%;box-sizing:border-box}.nicon{color:red}.register-form{width:100%;max-width:380px;margin:0 auto;display:flex;flex-direction:column;gap:.8rem}.input-group{display:flex;flex-direction:column;gap:.3rem}.input-group label{font-size:13px;font-weight:600;color:#333;margin-bottom:1px}.register-input{padding:10px 14px;border:1px solid #ddd;border-radius:5px;font-size:13px;transition:all .2s;height:40px;box-sizing:border-box;width:100%}.register-input:focus{outline:none;border-color:#dc3545;box-shadow:0 0 0 2px #dc35451a}.register-input:disabled{background-color:#f5f5f5;cursor:not-allowed;color:#999}.input-error{color:#dc3545;font-size:11px;margin-top:2px;line-height:1.2}.password-input-container{position:relative;width:100%}.password-input{padding-right:3rem!important}.password-toggle-btn{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:.25rem;color:#666;transition:color .2s;display:flex;align-items:center;justify-content:center;height:100%}.password-toggle-btn:hover:not(:disabled){color:#333}.password-toggle-btn:disabled{opacity:.5;cursor:not-allowed}.password-icon{display:block;width:20px;height:20px}.register-btn{padding:11px 14px;background-color:#dc3545;color:#fff;border:none;border-radius:5px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .3s;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px;height:42px;box-sizing:border-box}.register-btn:hover:not(:disabled){background-color:#c82333}.register-btn:disabled{background-color:#ccc;cursor:not-allowed}.spinner-icon{width:16px;height:16px;animation:spin 1s linear infinite}.register-error-message{background-color:#f8d7da;color:#721c24;padding:10px 14px;border-radius:5px;border:1px solid #f5c6cb;display:flex;align-items:center;gap:8px;font-size:13px;animation:slideIn .3s ease-out;margin-bottom:.5rem;line-height:1.3}.register-success-message{background-color:#d4edda;color:#155724;padding:10px 14px;border-radius:5px;border:1px solid #c3e6cb;display:flex;align-items:center;gap:8px;font-size:13px;animation:slideIn .3s ease-out;margin-bottom:.5rem;line-height:1.3}.error-icon2{background-color:#dc3545;color:#fff;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:11px;flex-shrink:0}.success-icon{background-color:#28a745;color:#fff;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;flex-shrink:0}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.form-note{background-color:#fff3cd;border:1px solid #ffeaa7;border-left:4px solid #f39c12;padding:10px 14px;border-radius:5px;margin:8px 0}.form-note p{margin:0;font-size:12px;line-height:1.3;color:#856404}.form-note strong{font-weight:600}.register-link{text-align:center;font-size:13px;color:#666;margin-top:12px}.register-link a{color:#dc3545;text-decoration:none;font-weight:600;transition:color .2s}.register-link a:hover{text-decoration:underline;color:#c82333}.hr-navbar{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#ddd,#f8fdfa);padding:5px 10px;box-shadow:0 2px 10px #00f;position:sticky;top:0;z-index:1000;border-bottom:3px solid #2c9a7a;min-height:90px;flex-wrap:wrap}.company-info-section-hr{display:flex;align-items:center;gap:20px;flex:1;min-width:auto}.company-logo-hr .logo-circle-hr{width:70px;height:70px;border-radius:6px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #2c9a7a40;flex-shrink:0;overflow:hidden;border:3px solid #e6f7f2}.logo-image-hr{width:100%;height:100%;object-fit:cover}.logo-text-hr{color:#fff;font-size:24px;font-weight:700;letter-spacing:1px}.company-details-hr{display:flex;flex-direction:column;gap:8px}.company-name-hr{font-size:24px;font-weight:700;color:#1a3c5a;margin:0;line-height:1.2;background:linear-gradient(135deg,#2c5aa0,#2c9a7a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.company-header-hr{display:flex;align-items:center;gap:15px;margin-bottom:5px;flex-wrap:wrap}.hr-role-badge-hr{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#2c5aa0,#2c9a7a);color:#fff;padding:4px 12px;border-radius:20px;font-size:13px;font-weight:600;box-shadow:0 2px 8px #2c5aa033;border:2px solid rgba(255,255,255,.3);white-space:nowrap}.hr-role-badge-hr svg{stroke-width:2.5}.company-meta-line-hr{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-top:5px}.industry-info-hr,.registration-info-hr,.status-info-hr{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;padding:6px 14px;border-radius:20px;white-space:nowrap;transition:all .3s ease}.industry-info-hr{color:#2c9a7a;background-color:#e6f7f2;border:2px solid #b8e6d8}.industry-info-hr:hover{background-color:#d0f0e8;transform:translateY(-2px)}.registration-info-hr{color:#4a6fa5;background-color:#e8f2fc;border:2px solid #c5d8f0}.registration-info-hr:hover{background-color:#d6e6f8;transform:translateY(-2px)}.status-info-hr{font-size:13px;font-weight:600}.status-info-hr.active{background-color:#e6f7f2;color:#27ae60;border:2px solid #a3e4cb}.status-info-hr.inactive{background-color:#fde8e8;color:#e74c3c;border:2px solid #f5c2c2}.navbar-right-section-hr{display:flex;align-items:center;gap:25px;flex-wrap:nowrap}.datetime-container-hr{display:flex;align-items:center;text-align:center;justify-content:center;gap:20px;background:linear-gradient(135deg,#e8f2fc,#e6f7f2);padding:10px 20px;border-radius:15px;border:2px solid #c5d8f0;white-space:nowrap;box-shadow:0 2px 8px #2c5aa01a}.date-display-hr,.time-display-hr{display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px;font-weight:600;color:#2c5aa0}.date-display-hr svg,.time-display-hr svg{color:#2c9a7a;stroke-width:2.5}.time-display-hr{color:#2c9a7a}.navbar-icons-hr{display:flex;align-items:center;gap:12px;flex-shrink:0}.nav-icon-hr{background:linear-gradient(135deg,#e8f2fc,#e6f7f2);border:2px solid #c5d8f0;position:relative;cursor:pointer;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;color:#4a6fa5;box-shadow:0 2px 8px #2c5aa01a}.nav-icon-hr:hover{background:linear-gradient(135deg,#2c5aa0,#2c9a7a);color:#fff;transform:translateY(-3px) scale(1.05);border-color:#2c9a7a;box-shadow:0 6px 15px #2c9a7a4d}.chat-icon-hr:hover{background:linear-gradient(135deg,#2c9a7a,#27ae60);border-color:#27ae60}.notification-icon-hr:hover{background:linear-gradient(135deg,#4a6fa5,#2c9a7a);border-color:#4a6fa5}.logout-icon-hr:hover{background:linear-gradient(135deg,#e74c3c,#c0392b);border-color:#e74c3c}.icon-badge-hr{position:absolute;top:-2px;right:-2px;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;font-size:11px;font-weight:700;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid white;box-shadow:0 2px 5px #e74c3c4d}.user-profile-hr{display:flex;align-items:center;gap:12px;margin-left:15px;padding-left:20px;border-left:2px solid #e6f7f2}.user-avatar-hr{width:45px;height:45px;border-radius:50%;background:linear-gradient(135deg,#2c5aa0,#2c9a7a);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #2c9a7a4d;border:2px solid white}.user-info-hr{display:flex;flex-direction:column;gap:3px}.user-role-hr{display:flex;align-items:center;gap:5px;font-size:13px;font-weight:700;color:#2c5aa0;margin-bottom:2px}.user-role-hr svg{color:#2c9a7a;stroke-width:2.5}.user-email-hr{font-size:13px;font-weight:600;color:#2c5aa0;white-space:nowrap}.user-phone-hr{font-size:12px;color:#2c9a7a;font-weight:500}.hr-user-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 2px 4px #0000001a}.user-avatar-hr.with-initials,.profile-initials-container-hr{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#2c5aa0,#0ea5e9);border:2px solid #fff;box-shadow:0 2px 4px #0000001a}.profile-initials-hr{color:#fff;font-weight:600;font-size:14px}.user-name-hr{font-weight:600;color:#1e293b;font-size:14px;white-space:nowrap}.user-contact-hr{display:flex;flex-direction:column;gap:2px;font-size:11px;color:#64748b}.user-email-hr,.user-phone-hr{display:flex;align-items:center;gap:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.user-email-hr svg,.user-phone-hr svg{flex-shrink:0}.user-profile-hr:hover{background:#ffffff26;border-color:#ffffff4d}.user-avatar-hr{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden}@media(max-width:1200px){.company-name-hr{font-size:22px}.navbar-right-section-hr{gap:20px}.datetime-container-hr{padding:8px 16px;gap:15px}}@media(max-width:992px){.company-name-hr{font-size:20px}.company-meta-line-hr,.user-profile-hr{display:none}.hr-role-badge-hr{font-size:12px;padding:3px 10px}}@media(max-width:768px){.company-name-hr{font-size:18px}.company-logo-hr .logo-circle-hr{width:60px;height:60px}.hr-role-badge-hr{font-size:11px;padding:2px 8px}.navbar-right-section-hr{gap:15px}.datetime-container-hr{padding:6px 12px;gap:12px;font-size:13px}.nav-icon-hr{width:44px;height:44px}.user-profile-hr{display:none}}@media(max-width:576px){.hr-navbar{padding:8px 12px;min-height:70px;flex-wrap:nowrap}.company-info-section-hr{gap:10px;flex:1;min-width:0}.company-logo-hr .logo-circle-hr{width:50px;height:50px;min-width:50px}.company-name-hr{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:100px}.hr-role-badge-hr{font-size:10px;padding:2px 8px;white-space:nowrap}.navbar-right-section-hr{flex:0 0 auto;gap:8px}.datetime-container-hr{display:none}.navbar-icons-hr{gap:6px}.nav-icon-hr{width:40px;height:40px}.user-profile-hr{display:none}.icon-badge-hr{width:18px;height:18px;font-size:10px}}@media(max-width:400px){.user-profile-hr{display:none}.company-logo-hr .logo-circle-hr{width:45px;height:45px;min-width:45px}.company-name-hr{font-size:15px;min-width:80px}.hr-role-badge-hr{font-size:9px;padding:2px 6px}.navbar-icons-hr{gap:4px}.nav-icon-hr{width:38px;height:38px}.nav-icon-hr svg{width:18px;height:18px}}@media(max-width:350px){.user-profile-hr{display:none}.company-name-hr{font-size:14px;min-width:70px}.hr-role-badge-hr{font-size:8px;padding:1px 5px}.company-logo-hr .logo-circle-hr{width:40px;height:40px;min-width:40px}.nav-icon-hr{width:36px;height:36px}.nav-icon-hr svg{width:16px;height:16px}}.nav-icon-hr.clicked{animation:buttonClick .3s ease}@keyframes buttonClick{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}.nav-icon-hr:disabled{opacity:.7;cursor:not-allowed}.nav-icon-hr.animating{position:relative}.nav-icon-hr.animating:after{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;border:2px solid #2c5aa0;border-radius:50%;animation:ripple .6s ease-out;transform:translate(-50%,-50%)}@keyframes ripple{0%{width:0;height:0;opacity:1}to{width:40px;height:40px;opacity:0}}.icon-badge-hr{transition:transform .2s ease,background-color .2s ease}.nav-icon-hr:hover .icon-badge-hr{transform:scale(1.1);background-color:#e74c3c}.icon-badge-hr{position:absolute;top:-8px;right:-8px;min-width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;padding:0 4px;border:2px solid #ffffff;box-shadow:0 2px 4px #0003;z-index:10}.notification-badge{background:#ef4444;color:#fff;animation:badgePulse 2s infinite}.message-badge{background:#3b82f6;color:#fff;animation:badgePulse 2s infinite}@keyframes badgePulse{0%{transform:scale(1);box-shadow:0 0 #ef4444b3}50%{transform:scale(1.1)}70%{box-shadow:0 0 0 4px #ef444400}to{transform:scale(1);box-shadow:0 0 #ef444400}}.notification-icon-hr.has-notifications{position:relative}.notification-icon-hr.has-notifications svg{animation:bellRing 1s ease-in-out}@keyframes bellRing{0%,to{transform:rotate(0)}10%,30%,50%,70%,90%{transform:rotate(10deg)}20%,40%,60%,80%{transform:rotate(-10deg)}}.nav-icon-hr.clicked{transform:scale(.95);transition:transform .1s}.nav-icon-hr.animating{opacity:.7;cursor:not-allowed}.icon-badge-hr.new{animation:newBadge .5s ease-out}@keyframes newBadge{0%{transform:scale(0);opacity:0}70%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.main-content-container{display:flex;min-height:calc(100vh - 90px);background:linear-gradient(135deg,#f8fdfa,#f0f9f6);position:relative}.icons{color:red}.sidebar-hr{width:280px;height:110vh;background:linear-gradient(180deg,#fff,#f8fdfa);border-right:2px solid #e6f7f2;padding:20px 0;display:flex;flex-direction:column;transition:all .3s ease;box-shadow:4px 0 15px #2c9a7a1a;z-index:100;height:calc(110vh - 110px);position:sticky;top:10px;overflow-y:auto}.sidebar-hr.collapsed{width:70px}@media(max-width:900px){.sidebar-hr{margin-top:85px}.sidebar-hr.mobile{position:fixed;top:0;left:0;height:90vh;z-index:1000;transform:translate(-100%);transition:transform .3s ease}.sidebar-hr.mobile:not(.collapsed){transform:translate(0);width:280px}.sidebar-hr.mobile.collapsed{transform:translate(-100%);width:70px}.sidebar-hr.mobile:not(.collapsed)+.content-area-hr:before{content:"";position:fixed;inset:0;background:#00000080;z-index:999}}.sidebar-header-hr{padding:0 20px 20px;border-bottom:2px solid #e6f7f2;display:flex;justify-content:space-between;align-items:center}.sidebar-title-hr{display:flex;align-items:center;gap:10px;color:#2c5aa0;font-size:18px;font-weight:700}.sidebar-title-hr svg{color:#2c9a7a;stroke-width:2.5}.sidebar-toggle-hr{background:linear-gradient(135deg,#e8f2fc,#e6f7f2);border:2px solid #c5d8f0;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#4a6fa5;transition:all .3s ease}.sidebar-toggle-hr:hover{background:linear-gradient(135deg,#2c5aa0,#2c9a7a);color:#fff;transform:scale(1.05);border-color:#2c9a7a}.mobile-toggle-btn{display:none}@media(max-width:900px){.mobile-toggle-btn{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e8f2fc,#e6f7f2);border:2px solid #c5d8f0;border-radius:8px;width:40px;height:40px;cursor:pointer;color:#4a6fa5;transition:all .3s ease;margin-right:15px}.mobile-toggle-btn:hover{background:linear-gradient(135deg,#2c5aa0,#2c9a7a);color:#fff;border-color:#2c9a7a}}.sidebar-nav-hr{flex:1;padding:20px 0;overflow-y:auto}.sidebar-section-hr{margin-bottom:25px;padding:0 20px}.section-title-hr{font-size:12px;text-transform:uppercase;color:#7f8c8d;font-weight:600;margin-bottom:10px;letter-spacing:1px}.sidebar-hr.collapsed .section-title-hr{display:none}.sidebar-links-hr{list-style:none;padding:0;margin:0}.sidebar-links-hr li{margin-bottom:5px}.sidebar-link-hr{width:100%;display:flex;align-items:center;gap:15px;padding:12px 15px;background:transparent;border:none;border-radius:10px;cursor:pointer;color:#4a6fa5;font-size:14px;font-weight:500;transition:all .3s ease;text-align:left}.sidebar-link-hr:hover{background:linear-gradient(90deg,#e8f2fc,#e6f7f2);color:#2c5aa0;transform:translate(5px)}.sidebar-link-hr.active{background:linear-gradient(90deg,#2c5aa0,#2c9a7a);color:#fff;box-shadow:0 4px 12px #2c9a7a4d}.sidebar-link-hr.active .link-icon-hr{color:#fff}.link-icon-hr{display:flex;align-items:center;justify-content:center;min-width:24px}.link-label-hr{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-hr.collapsed .link-label-hr{display:none}.content-area-hr{flex:1;padding:25px;overflow-y:auto;width:100%;transition:all .3s ease}@media(max-width:900px){.content-area-hr{padding:15px}}.content-header-hr{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:25px;flex-wrap:wrap;gap:20px}.content-title-section-hr{flex:1;display:flex;align-items:center;flex-wrap:wrap;gap:15px}.content-title-hr{font-size:28px;font-weight:700;color:#1a3c5a;margin:0 0 10px;background:linear-gradient(135deg,#2c5aa0,#2c9a7a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(max-width:768px){.content-title-hr{font-size:24px}}.content-subtitle-hr{display:flex;gap:10px;flex-wrap:wrap;align-items:center;width:100%}.badge-hr{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:5px}.blue-hr{background:linear-gradient(135deg,#e8f2fc,#d6e6f8);color:#2c5aa0;border:2px solid #c5d8f0}.green-hr{background:linear-gradient(135deg,#e6f7f2,#d0f0e8);color:#2c9a7a;border:2px solid #b8e6d8}.content-body-hr{background:#fff;border-radius:15px;padding:25px;border:2px solid #e6f7f2;box-shadow:0 4px 15px #2c9a7a1a;min-height:400px}@media(max-width:768px){.content-body-hr{padding:15px}}.default-content-hr{display:flex;justify-content:center;align-items:center;min-height:400px}.welcome-card-hr{text-align:center;max-width:600px;padding:40px}.welcome-card-hr h2{color:#2c5aa0;margin-bottom:15px;font-size:32px}.welcome-card-hr p{color:#7f8c8d;font-size:16px;margin-bottom:30px}.quick-stats-hr{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:30px}.quick-stat-item-hr{background:linear-gradient(135deg,#f8fdfa,#f0f9f6);border:2px solid #e6f7f2;border-radius:10px;padding:20px;display:flex;flex-direction:column;align-items:center;gap:10px;color:#2c5aa0;font-weight:600;transition:all .3s ease;cursor:pointer}.quick-stat-item-hr:hover{background:linear-gradient(135deg,#e8f2fc,#e6f7f2);transform:translateY(-5px);box-shadow:0 6px 15px #2c9a7a33}.quick-stat-item-hr svg{color:#2c9a7a}@media(max-width:768px){.welcome-card-hr{padding:25px}.welcome-card-hr h2{font-size:24px}.quick-stats-hr{grid-template-columns:1fr;gap:15px}.quick-stat-item-hr{padding:15px}}.sidebar-hr::-webkit-scrollbar,.content-area-hr::-webkit-scrollbar{width:6px}.sidebar-hr::-webkit-scrollbar-track,.content-area-hr::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.sidebar-hr::-webkit-scrollbar-thumb{background:#c5d8f0;border-radius:3px}.content-area-hr::-webkit-scrollbar-thumb{background:#b8e6d8;border-radius:3px}.sidebar-hr::-webkit-scrollbar-thumb:hover,.content-area-hr::-webkit-scrollbar-thumb:hover{background:#2c9a7a}@media(hover:none)and (pointer:coarse){.sidebar-link-hr{min-height:44px}.mobile-toggle-btn{min-height:44px;min-width:44px}.sidebar-link-hr:hover,.quick-stat-item-hr:hover{transform:none}.sidebar-link-hr:active,.quick-stat-item-hr:active{transform:scale(.98)}}@media(max-width:600px){.mobile-toggle-btn{width:40px;height:40px}.content-title-hr{font-size:20px}.content-body-hr{padding:15px}.welcome-card-hr{padding:20px}.welcome-card-hr h2{font-size:20px}.sidebar-link-hr{padding:10px 12px;font-size:13px}.sidebar-section-hr{padding:0 15px}}.content-body-hr.content-transition{animation:fadeInUp .3s ease forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.transition-indicator{display:inline-block;margin-left:10px;animation:spin 1s linear infinite;opacity:.7;font-size:.8em}.sidebar-link-hr:disabled,.mobile-toggle-btn:disabled,.sidebar-toggle-hr:disabled{opacity:.6;cursor:not-allowed}.sidebar-link-hr.transitioning{position:relative;overflow:hidden}.sidebar-link-hr.transitioning:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.content-area-hr{transition:opacity .3s ease}.content-area-hr.transitioning{opacity:.8}.component-content{animation:fadeIn .4s ease}.dashboard-ds{padding:2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f8fafc;min-height:100vh;box-sizing:border-box;max-width:100%;overflow-x:hidden}.dashboard-loading-ds{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}.spinner-ds{width:40px;height:40px;border:3px solid #e2e8f0;border-top:3px solid #00b09b;border-radius:50%;animation:spin-ds 1s linear infinite;margin-bottom:16px}@keyframes spin-ds{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.unauth-ds{text-align:center;padding:3rem;max-width:500px;margin:2rem auto;background-color:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;border:1px solid #e2e8f0;color:#ef4444;font-size:1.1rem}.dashboard-header-ds{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem;max-width:100%}.header-left-ds h1{font-size:1.8rem;font-weight:600;color:#0a2540;margin:0}.dashboard-subtitle-ds{font-size:.95rem;color:#64748b;margin-top:.5rem}.header-right-ds{display:flex;gap:1rem;flex-wrap:wrap}.refresh-btn-ds{display:flex;align-items:center;gap:8px;padding:.6rem 1.2rem;background:linear-gradient(135deg,#2193b0,#6dd5ed);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.refresh-btn-ds:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 4px 6px #0000001a}.refresh-btn-ds:disabled{opacity:.6;cursor:not-allowed}.refresh-icon-ds{transition:transform .2s}.refresh-icon-ds.spinning-ds{animation:spin-ds 1s linear infinite}.error-alert-ds{display:flex;align-items:center;gap:12px;padding:1rem;background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;margin-bottom:1.5rem;font-size:.9rem;max-width:100%}.dashboard-card-ds{background-color:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px #0000000d;border:1px solid #e2e8f0;margin-bottom:1.5rem;box-sizing:border-box;max-width:100%;overflow:hidden}.today-summary-banner-ds{background:linear-gradient(135deg,#00b09b,#96c93d);color:#fff;border:none;padding:1.5rem;max-width:100%}.summary-content-ds{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.summary-icon-ds{background:#fff3;border-radius:50%;padding:1rem;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0}.summary-details-ds h3{margin:0 0 .8rem;font-size:1.1rem;font-weight:600}.summary-stats-ds{display:flex;flex-wrap:wrap;gap:.8rem;max-width:100%}.summary-stat-ds{display:flex;align-items:center;gap:6px;font-size:.85rem;padding:.4rem .8rem;border-radius:20px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;flex-shrink:0}.status-badge-present-ds{background-color:#dcfce7e6;color:#166534}.status-badge-late-ds{background-color:#fef3c7e6;color:#92400e}.status-badge-absent-ds{background-color:#fee2e2e6;color:#991b1b}.status-badge-leave-ds{background-color:#dbeafee6;color:#1e40af}.status-badge-cancelled-ds{background-color:#f3f4f6e6;color:#374151}.status-badge-pending-ds{background-color:#fef3c7e6;color:#92400e}.statistics-cards-ds{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:2rem;max-width:100%}.stat-card-ds{background-color:#fff;border-radius:12px;padding:1.2rem;box-shadow:0 4px 6px #0000000d;border:1px solid #e2e8f0;transition:transform .2s ease,box-shadow .2s ease;display:flex;justify-content:center;align-items:center;gap:1rem;min-height:100px;border-top:4px solid transparent;box-sizing:border-box;max-width:100%}.stat-card-ds:hover{transform:translateY(-4px);box-shadow:0 8px 12px #0000001a}.stat-card-employees-ds{border-top-color:#00b09b}.stat-card-departments-ds{border-top-color:#2193b0}.stat-card-documents-ds{border-top-color:#96c93d}.stat-card-attendance-ds{border-top-color:#6dd5ed}.stat-icon-ds{width:50px;height:50px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.stat-card-employees-ds .stat-icon-ds{background:linear-gradient(135deg,#00b09b,#96c93d)}.stat-card-departments-ds .stat-icon-ds{background:linear-gradient(135deg,#2193b0,#6dd5ed)}.stat-card-documents-ds .stat-icon-ds{background:linear-gradient(135deg,#10b981,#34d399)}.stat-card-attendance-ds .stat-icon-ds{background:linear-gradient(135deg,#0d9488,#5eead4)}.stat-content-ds{flex:1;min-width:0;overflow:hidden}.stat-content-ds h3{font-size:.9rem;color:#64748b;margin:0 0 .5rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-value-ds{font-size:1.8rem;font-weight:700;color:#0a2540;margin:0;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-subtext-ds{font-size:.8rem;color:#94a3b8;margin-top:.3rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detailed-stats-grid-ds{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem;max-width:100%;box-sizing:border-box}.section-header-ds{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.2rem;flex-wrap:wrap;gap:.8rem;max-width:100%}.section-title-ds{display:flex;align-items:center;gap:.8rem;color:#0a2540;margin:0;min-width:0}.section-title-ds h3{margin:0;font-size:1.1rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.section-total-ds{font-size:.9rem;color:#64748b;font-weight:500;background-color:#f1f5f9;padding:.4rem .8rem;border-radius:20px;white-space:nowrap;flex-shrink:0}.stats-grid-ds{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.8rem;max-width:100%}.stat-item-ds{display:flex;align-items:center;gap:.8rem;padding:.8rem;border-radius:8px;background-color:#f8fafc;border:1px solid #e2e8f0;transition:background-color .2s;min-width:0;box-sizing:border-box}.stat-item-ds:hover{background-color:#f1f5f9}.stat-badge-ds{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-info-ds{flex:1;min-width:0;overflow:hidden}.stat-label-ds{display:block;font-size:.75rem;color:#64748b;margin-bottom:.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-number-ds{display:block;font-size:1.1rem;font-weight:700;color:#0a2540;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.system-status-ds{margin-bottom:0}.status-items-ds{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.8rem}.status-item-ds{display:flex;align-items:center;gap:.8rem;padding:.8rem;border-radius:8px;background-color:#f8fafc;font-size:.9rem;border:1px solid transparent;min-width:0}.status-ok-ds{color:#16a34a;background-color:#f0fdf4;border-color:#dcfce7}.date-filter-section-ds{margin-bottom:1.5rem;max-width:100%}.filter-header-ds{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;flex-wrap:wrap;gap:.8rem;max-width:100%}.filter-header-ds h3{margin:0;font-size:1.1rem;font-weight:600;color:#0a2540;white-space:nowrap}.filter-controls-ds{display:flex;flex-direction:column;gap:1rem;max-width:100%}.quick-filters-ds{display:flex;flex-wrap:wrap;gap:.5rem;max-width:100%}.quick-filter-btn-ds{padding:.5rem .8rem;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;font-size:.8rem;color:#64748b;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.quick-filter-btn-ds:hover{background-color:#f1f5f9;border-color:#cbd5e1}.quick-filter-btn-ds.active{background-color:#2193b0;color:#fff;border-color:#2193b0}.custom-date-range-ds{display:flex;align-items:flex-start;gap:.8rem;flex-wrap:wrap;padding:1rem;background-color:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;max-width:100%}.date-input-group-ds{display:flex;flex-direction:column;gap:.4rem;flex:1;min-width:140px}.date-input-group-ds label{font-size:.8rem;color:#64748b;font-weight:500;white-space:nowrap}.date-input-ds{padding:.5rem .8rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.85rem;color:#334155;width:100%;box-sizing:border-box}.apply-custom-filter-ds{padding:.5rem 1rem;background-color:#00b09b;color:#fff;border:none;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:opacity .2s;margin-top:.5rem;white-space:nowrap;flex-shrink:0;align-self:flex-start}.apply-custom-filter-ds:hover:not(:disabled){opacity:.9}.apply-custom-filter-ds:disabled{opacity:.5;cursor:not-allowed}.current-filter-info-ds{display:flex;align-items:center;gap:.8rem;padding:.8rem;background-color:#f0fdf4;border-radius:6px;border:1px solid #dcfce7;flex-wrap:wrap;max-width:100%}.filter-label-ds{font-size:.85rem;color:#166534;font-weight:500;white-space:nowrap}.filter-value-ds{font-size:.85rem;color:#0a2540;font-weight:600;background:#e9ecef;padding:.25rem .75rem;border-radius:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.record-count-ds{font-size:.8rem;color:#64748b;white-space:nowrap;flex-shrink:0}.filter-note-ds{margin-top:1rem;padding:.8rem;background-color:#fef3c7;border-radius:6px;border:1px solid #fbbf24;max-width:100%}.filter-note-ds small{color:#92400e;font-size:.8rem;line-height:1.4}.leave-integration-note-ds{margin-top:1rem;padding:.8rem;background-color:#dbeafe;border-radius:6px;border:1px solid #3b82f6;max-width:100%}.leave-integration-note-ds small{color:#1e40af;font-size:.8rem;line-height:1.4}.toggle-filters-btn-ds{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f8f9fa;border:1px solid #dee2e6;border-radius:.375rem;color:#495057;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.toggle-filters-btn-ds:hover{background:#e9ecef;border-color:#ced4da}.toggle-filters-btn-ds:active{background:#dee2e6}.filter-header-left-ds,.filter-header-right-ds{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.clear-filters-btn-ds{padding:.375rem .75rem;background:#f8d7da;border:1px solid #f5c6cb;border-radius:.25rem;color:#721c24;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.clear-filters-btn-ds:hover{background:#f5c6cb;border-color:#f1b0b7}.collapse-filters-btn-ds{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:transparent;border:1px solid #dee2e6;border-radius:.25rem;color:#6c757d;cursor:pointer;transition:all .2s ease;flex-shrink:0}.collapse-filters-btn-ds:hover{background:#f8f9fa;border-color:#adb5bd}.show-filters-container-ds{margin:1rem 0;display:flex;justify-content:center;max-width:100%}.show-filters-btn-ds{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#e7f1ff;border:1px solid #cfe2ff;border-radius:.5rem;color:#0d6efd;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.show-filters-btn-ds:hover{background:#d0e2ff;border-color:#a6c5ff}.show-filters-btn-ds:active{background:#b8d4fe}.current-filter-badge-ds{margin-left:.5rem;padding:.25rem .75rem;background:#0d6efd;border-radius:1rem;color:#fff;font-size:.75rem;font-weight:500;white-space:nowrap}.filter-info-left-ds{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.filter-info-right-ds{display:flex;justify-content:center;text-align:center;align-items:center;gap:1rem;flex-wrap:wrap}.filter-subtitle-ds{font-size:.75rem;color:#6c757d;font-style:italic;white-space:nowrap}@media(min-width:1600px){.dashboard-ds{padding:3rem;max-width:1600px;margin:0 auto}.detailed-stats-grid-ds{grid-template-columns:1fr 1fr;gap:2.5rem}.statistics-cards-ds{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.stats-grid-ds,.status-items-ds{grid-template-columns:repeat(4,1fr)}}@media(max-width:1599px)and (min-width:1400px){.dashboard-ds{padding:2.5rem}.detailed-stats-grid-ds{grid-template-columns:1fr 1fr;gap:2rem}.statistics-cards-ds{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.stats-grid-ds{grid-template-columns:repeat(3,1fr)}}@media(max-width:1399px)and (min-width:1200px){.statistics-cards-ds{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.detailed-stats-grid-ds{grid-template-columns:1fr 1fr;gap:1.5rem}.stats-grid-ds{grid-template-columns:repeat(3,1fr)}.summary-content-ds{gap:1.2rem}.stat-card-ds{min-height:100px;padding:1.2rem}}@media(max-width:1199px)and (min-width:992px){.dashboard-ds{padding:1.8rem}.dashboard-header-ds{padding:1.5rem;flex-direction:row;align-items:center}.statistics-cards-ds{grid-template-columns:repeat(2,minmax(200px,1fr));gap:1.2rem}.detailed-stats-grid-ds{grid-template-columns:1fr 1fr;gap:1.2rem}.stats-grid-ds{grid-template-columns:repeat(2,1fr)}.stat-card-ds{min-height:95px;padding:1.1rem}.stat-value-ds{font-size:1.7rem}.stat-icon-ds{width:48px;height:48px}.summary-content-ds{flex-direction:row;align-items:center}.summary-stats-ds{flex-wrap:wrap;gap:.8rem}}@media(max-width:991px)and (min-width:768px){.dashboard-ds{padding:1.5rem}.dashboard-header-ds{display:none}.header-left-ds{width:100%}.header-right-ds{width:100%;justify-content:space-between}.statistics-cards-ds{grid-template-columns:repeat(2,minmax(180px,1fr));gap:1rem}.detailed-stats-grid-ds{grid-template-columns:1fr;gap:1.5rem}.stats-grid-ds{grid-template-columns:repeat(2,1fr);gap:.8rem}.stat-card-ds{min-height:90px;padding:1rem}.stat-value-ds{font-size:1.6rem}.stat-icon-ds{width:44px;height:44px}.stat-content-ds h3{font-size:.85rem}.stat-subtext-ds{font-size:.75rem}.summary-content-ds{flex-direction:column;align-items:flex-start;gap:1rem}.summary-stats-ds{grid-template-columns:repeat(3,1fr);width:100%;gap:.8rem}.summary-stat-ds{justify-content:center;text-align:center;padding:.6rem;font-size:.85rem}.status-items-ds{grid-template-columns:repeat(2,1fr)}.filter-controls-ds{flex-direction:column}.quick-filters-ds{justify-content:center}.custom-date-range-ds{flex-direction:column;align-items:stretch}.date-input-group-ds{width:100%}.apply-custom-filter-ds{align-self:stretch;margin-top:.5rem}}@media(max-width:767px)and (min-width:576px){.dashboard-ds{padding:1.2rem}.dashboard-header-ds{display:none}.header-left-ds h1{font-size:1.5rem;flex-direction:column;align-items:flex-start;gap:.5rem}.dashboard-subtitle-ds{font-size:.85rem}.statistics-cards-ds{grid-template-columns:repeat(2,minmax(150px,1fr));gap:.8rem}.stat-card-ds{min-height:85px;padding:.9rem;gap:.8rem}.stat-value-ds{font-size:1.5rem}.stat-icon-ds{width:40px;height:40px}.stat-content-ds h3{font-size:.8rem}.stat-subtext-ds{font-size:.7rem}.detailed-stats-grid-ds{grid-template-columns:1fr;gap:1.2rem}.stats-grid-ds{grid-template-columns:repeat(2,1fr);gap:.7rem}.stat-item-ds{padding:.7rem}.stat-badge-ds{width:34px;height:34px}.stat-label-ds{font-size:.7rem}.stat-number-ds{font-size:1rem}.summary-stats-ds{grid-template-columns:repeat(2,1fr);gap:.6rem}.summary-stat-ds{padding:.5rem .8rem;font-size:.8rem}.header-right-ds{flex-direction:column;align-items:stretch;gap:.8rem}.refresh-btn-ds{width:100%;justify-content:center}.user-info-ds{justify-content:center;padding:.8rem}.status-items-ds{grid-template-columns:1fr}.status-item-ds{justify-content:space-between}.section-header-ds{flex-direction:column;align-items:flex-start;gap:.8rem}.section-total-ds{align-self:flex-start}.filter-header-ds{flex-direction:column;align-items:flex-start;gap:.8rem}.filter-info-left-ds,.filter-info-right-ds{width:100%;justify-content:space-between}.current-filter-info-ds{flex-direction:column;align-items:flex-start;gap:.8rem}}@media(max-width:575px)and (min-width:480px){.dashboard-ds{padding:1rem}.dashboard-header-ds{display:none}.header-left-ds h1{font-size:1.3rem}.dashboard-subtitle-ds{font-size:.8rem}.statistics-cards-ds{grid-template-columns:repeat(2,minmax(140px,1fr));gap:.7rem;margin-bottom:1.5rem}.stat-card-ds{min-height:80px;padding:.8rem;gap:.7rem}.stat-value-ds{font-size:1.4rem}.stat-icon-ds{width:36px;height:36px}.stat-content-ds h3{font-size:.75rem;margin-bottom:.3rem}.stat-subtext-ds{font-size:.65rem}.detailed-stats-grid-ds{grid-template-columns:1fr;gap:1rem}.stats-grid-ds{grid-template-columns:repeat(2,1fr);gap:.6rem}.stat-item-ds{padding:.6rem;gap:.6rem}.stat-badge-ds{width:32px;height:32px}.stat-label-ds{font-size:.65rem;margin-bottom:.1rem}.stat-number-ds{font-size:.95rem}.today-summary-banner-ds{padding:1rem}.summary-content-ds{gap:.8rem}.summary-icon-ds{padding:.8rem}.summary-details-ds h3{font-size:1rem;margin-bottom:.5rem}.summary-stats-ds{grid-template-columns:repeat(2,1fr);gap:.5rem}.summary-stat-ds{padding:.4rem .6rem;font-size:.75rem;justify-content:center}.user-info-ds{padding:.6rem;gap:.8rem}.user-avatar-ds{width:32px;height:32px;font-size:.8rem}.user-name-ds{font-size:.85rem}.user-role-ds{font-size:.7rem}.refresh-btn-ds{padding:.5rem 1rem;font-size:.85rem}.section-title-ds h3{font-size:1rem}.section-total-ds{font-size:.8rem;padding:.3rem .6rem}}@media(max-width:479px)and (min-width:400px){.dashboard-ds{padding:.8rem}.dashboard-header-ds{display:none}.header-left-ds h1{font-size:1.2rem}.statistics-cards-ds{grid-template-columns:repeat(2,minmax(130px,1fr));gap:.6rem}.stat-card-ds{min-height:75px;padding:.7rem;gap:.6rem}.stat-value-ds{font-size:1.3rem}.stat-icon-ds{width:34px;height:34px}.stat-content-ds h3{font-size:.7rem}.stat-subtext-ds{font-size:.6rem}.detailed-stats-grid-ds{grid-template-columns:1fr;gap:.8rem}.stats-grid-ds{grid-template-columns:repeat(2,1fr);gap:.6rem}.stat-item-ds{padding:.6rem .8rem}.summary-stats-ds{grid-template-columns:1fr;gap:.5rem}.summary-stat-ds{justify-content:flex-start;text-align:left}.quick-filters-ds{overflow-x:auto;padding-bottom:.5rem;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.quick-filter-btn-ds{flex-shrink:0}.error-alert-ds{padding:.8rem;font-size:.8rem}}@media(max-width:399px)and (min-width:360px){.dashboard-ds{padding:.7rem}.dashboard-header-ds{padding:.8rem;border-radius:6px}.header-left-ds h1{font-size:1.1rem}.dashboard-subtitle-ds{font-size:.75rem}.statistics-cards-ds{grid-template-columns:repeat(2,minmax(120px,1fr));gap:.5rem}.stat-card-ds{min-height:70px;padding:.6rem;gap:.5rem}.stat-value-ds{font-size:1.2rem}.stat-icon-ds{width:32px;height:32px;border-radius:8px}.stat-content-ds h3{font-size:.65rem}.stat-subtext-ds{font-size:.55rem}.detailed-stats-grid-ds{grid-template-columns:1fr;gap:.8rem}.stats-grid-ds{grid-template-columns:repeat(2,1fr);gap:.6rem}.section-title-ds h3{font-size:.95rem}.today-summary-banner-ds{padding:.8rem}.summary-icon-ds{padding:.6rem}.summary-details-ds h3{font-size:.95rem}.user-info-ds{padding:.5rem;gap:.6rem}.user-avatar-ds{width:30px;height:30px;font-size:.75rem}.user-name-ds{font-size:.8rem}.user-role-ds{font-size:.65rem}}@media(max-width:359px)and (min-width:320px){.dashboard-ds{padding:.6rem}.dashboard-header-ds{display:none}.header-left-ds h1{font-size:1rem;gap:.4rem}.dashboard-subtitle-ds{font-size:.7rem}.statistics-cards-ds{grid-template-columns:1fr;gap:.5rem}.stat-card-ds{min-height:65px;padding:.6rem .8rem}.stat-value-ds{font-size:1.1rem}.stat-icon-ds{width:30px;height:30px}.stat-content-ds h3{font-size:.7rem}.stat-subtext-ds{font-size:.6rem}.detailed-stats-grid-ds{grid-template-columns:1fr;gap:.8rem}.stats-grid-ds{grid-template-columns:repeat(2,1fr);gap:.6rem}.summary-stats-ds{grid-template-columns:1fr}.header-right-ds{flex-direction:column;gap:.6rem}.refresh-btn-ds,.user-info-ds{width:100%}.stat-item-ds{padding:.5rem .6rem}.stat-badge-ds{width:30px;height:30px}.stat-label-ds{font-size:.6rem}.stat-number-ds{font-size:.9rem}}@media(max-width:319px){.dashboard-ds{padding:.5rem}.dashboard-header-ds{display:none}.header-left-ds h1{font-size:.95rem}.dashboard-subtitle-ds{font-size:.65rem}.statistics-cards-ds{gap:.4rem}.stat-card-ds{padding:.5rem;min-height:60px}.stat-value-ds{font-size:1rem}.stat-icon-ds{width:28px;height:28px}.stat-content-ds h3{font-size:.6rem}.stat-subtext-ds{font-size:.5rem}.detailed-stats-grid-ds{grid-template-columns:1fr;gap:.8rem}.stats-grid-ds{grid-template-columns:1fr;gap:.6rem}.summary-details-ds h3{font-size:.85rem}.summary-stat-ds{padding:.3rem .5rem;font-size:.7rem}.user-info-ds{padding:.4rem;gap:.4rem}.user-avatar-ds{width:26px;height:26px;font-size:.7rem}.user-name-ds{font-size:.75rem}.user-role-ds{display:none}}@media(max-height:500px)and (orientation:landscape){.dashboard-ds{padding:.8rem}.statistics-cards-ds{grid-template-columns:repeat(3,minmax(140px,1fr));gap:.8rem}.detailed-stats-grid-ds{grid-template-columns:1fr 1fr;gap:1rem}.stats-grid-ds{grid-template-columns:repeat(3,1fr);gap:.8rem}.stat-card-ds{min-height:70px;padding:.8rem}.stat-value-ds{font-size:1.2rem}.stat-content-ds h3{font-size:.8rem}.summary-stats-ds{grid-template-columns:repeat(3,1fr);gap:.8rem}.today-summary-banner-ds,.dashboard-card-ds,.dashboard-header-ds{padding:.8rem}.records-table-container{max-height:200px;overflow-y:auto}}@media(min-height:800px)and (max-width:768px){.statistics-cards-ds{grid-template-columns:repeat(2,minmax(150px,1fr))}.stats-grid-ds{grid-template-columns:repeat(2,1fr)}.stat-card-ds{min-height:90px}.stat-value-ds{font-size:1.5rem}}@media print{.dashboard-ds{padding:.5rem;background:#fff}.refresh-btn-ds,.quick-filter-btn-ds,.apply-custom-filter-ds,.toggle-filters-btn-ds,.clear-filters-btn-ds,.show-filters-btn-ds,.collapse-filters-btn-ds,.user-info-ds{display:none!important}.statistics-cards-ds{grid-template-columns:repeat(3,1fr)!important;gap:.5rem;page-break-inside:avoid}.detailed-stats-grid-ds{grid-template-columns:1fr 1fr!important;page-break-inside:avoid}.stats-grid-ds{grid-template-columns:repeat(3,1fr)!important}.dashboard-card-ds{box-shadow:none;border:1px solid #ddd;margin-bottom:1rem}.today-summary-banner-ds{background:#f8fafc!important;color:#000;border:1px solid #ddd}.records-table-container{overflow:visible!important}.records-table{width:100%;border-collapse:collapse}.records-table th,.records-table td{padding:4px 6px;font-size:10px;border:1px solid #ddd}}@media(prefers-reduced-motion:reduce){.stat-card-ds,.refresh-btn-ds,.quick-filter-btn-ds,.stat-item-ds,.status-item-ds,.toggle-filters-btn-ds,.clear-filters-btn-ds,.show-filters-btn-ds,.collapse-filters-btn-ds{transition:none!important}.stat-card-ds:hover{transform:none!important}.refresh-icon-ds{animation:none!important}}@media(prefers-contrast:high){.dashboard-card-ds,.stat-card-ds{border:2px solid currentColor!important}.today-summary-banner-ds{border:2px solid currentColor}.stat-item-ds,.status-item-ds{border:1px solid currentColor}.summary-stat-ds{border:1px solid currentColor;background:transparent!important}}@media(prefers-color-scheme:dark){.dashboard-ds{background:#121212;color:#e0e0e0}.dashboard-card-ds,.stat-card-ds{background:#1e1e1e;border-color:#333;color:#e0e0e0}.stat-value-ds{color:#fff}.stat-content-ds h3,.stat-label-ds,.stat-subtext-ds{color:#b0b0b0}.today-summary-banner-ds{background:linear-gradient(135deg,#005a4d,#3a7a1d)}.summary-stat-ds{background:#ffffff1a}.filter-select,.search-input,.date-input-ds,.quick-filter-btn-ds{background:#2d2d2d;border-color:#404040;color:#e0e0e0}.quick-filter-btn-ds.active{background:#00b09b;color:#fff}}@media(max-width:768px){.refresh-btn-ds,.quick-filter-btn-ds,.apply-custom-filter-ds,.toggle-filters-btn-ds,.clear-filters-btn-ds,.show-filters-btn-ds{min-height:44px;padding:12px 16px}.statistics-cards-ds{justify-content:center;align-items:center;padding:3px;margin:3px}.stat-item-ds,.status-item-ds{min-height:44px}.statistics-cards-ds,.detailed-stats-grid-ds,.stats-grid-ds{gap:12px}}@media(max-width:768px){html{-webkit-text-size-adjust:100%;text-size-adjust:100%}.dashboard-ds{-webkit-overflow-scrolling:touch}}@media(max-width:600px)and (min-height:720px){.dashboard-ds{padding:1.5rem}.statistics-cards-ds{grid-template-columns:repeat(2,minmax(160px,1fr));gap:1rem}.stats-grid-ds{grid-template-columns:repeat(2,1fr)}.stat-card-ds{min-height:90px}.stat-value-ds{font-size:1.6rem}}.hide-on-mobile{display:none}@media(min-width:768px){.hide-on-mobile{display:block}.show-on-mobile{display:none}}.show-on-mobile{display:block}@media(min-width:768px){.show-on-mobile{display:none}}.text-truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scrollable-container{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.scrollable-container::-webkit-scrollbar{height:4px}.scrollable-container::-webkit-scrollbar-track{background:#f1f1f1}.scrollable-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px}.grid-auto-fit{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}@media(max-width:768px){.grid-auto-fit{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}.flex-column-mobile{display:flex;flex-direction:row}@media(max-width:768px){.flex-column-mobile{flex-direction:column}}.padding-responsive{padding:2rem}@media(max-width:768px){.padding-responsive{padding:1rem}}@media(max-width:480px){.padding-responsive{padding:.75rem}}.modal-overlayEM{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:clamp(10px,3vw,20px);overflow:auto}.modal-contentEM{background:#fff;border-radius:12px;width:100%;max-width:min(900px,95vw);max-height:min(90vh,100%);overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:modalSlideInEM .3s ease;position:relative}@keyframes modalSlideInEM{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-headerEM{display:flex;justify-content:space-between;align-items:center;padding:clamp(16px,4vw,24px) clamp(20px,3vw,32px);border-bottom:1px solid #e5e7eb;flex-wrap:wrap;gap:12px;position:sticky;top:0;background:linear-gradient(to right,#1e40af,#059669);z-index:10;border-radius:12px 12px 0 0}.modal-headerEM h2{margin:0;font-size:clamp(18px,4vw,24px);font-weight:600;color:#fff;display:flex;align-items:center;gap:clamp(6px,1.5vw,10px);flex-wrap:wrap;word-break:break-word}.close-btnEM{background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;color:red;font-weight:600;background:wheat;transition:all .2s;width:40px;height:40px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.close-btnEM:hover{background:#f3f4f6;color:#374151}.alertEM{margin:0 clamp(16px,3vw,32px) clamp(16px,3vw,24px);padding:12px 16px;border-radius:8px;font-size:clamp(13px,2vw,14px);word-break:break-word;overflow-wrap:break-word}.alert.errorEM{color:#dc2626;text-align:center;font-weight:600}.alert.successEM{color:green;text-align:center;font-weight:600}.employee-formEM{padding:0 clamp(16px,3vw,32px) clamp(20px,4vw,32px);overflow:hidden}.photo-upload-sectionEM{display:flex;align-items:center;gap:clamp(16px,3vw,24px);margin-bottom:clamp(20px,4vw,32px);padding:clamp(16px,3vw,24px);background:#f9fafb;border-radius:12px;flex-wrap:wrap}.photo-previewEM{width:clamp(80px,20vw,120px);height:clamp(80px,20vw,120px);border-radius:50%;overflow:hidden;border:3px solid #e5e7eb;flex-shrink:0}.profile-photoEM{width:100%;height:100%;object-fit:cover}.photo-placeholderEM{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#e5e7eb;color:#6b7280;font-size:clamp(14px,3vw,16px)}.photo-upload-controlsEM{display:flex;flex-direction:column;gap:clamp(8px,2vw,12px);flex:1;min-width:min(200px,100%)}.upload-btnEM{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:clamp(8px,2vw,10px) clamp(12px,3vw,20px);background:#3b82f6;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:clamp(13px,2vw,14px);font-weight:500;transition:background .2s;min-height:44px;white-space:nowrap}.upload-btnEM:hover{background:#2563eb}.remove-photo-btnEM{padding:clamp(6px,1.5vw,8px) clamp(12px,2vw,16px);background:#f3f4f6;color:#6b7280;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:clamp(12px,2vw,13px);transition:all .2s;min-height:36px}.remove-photo-btnEM:hover{background:#e5e7eb}.form-gridEM{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:clamp(20px,4vw,32px);margin-bottom:clamp(20px,4vw,32px)}.form-sectionEM{background:#f9fafb;padding:clamp(16px,3vw,24px);border-radius:12px;overflow:hidden}.section-titleEM{margin:0 0 clamp(12px,3vw,20px) 0;font-size:clamp(16px,3vw,18px);font-weight:600;color:#111827;display:flex;align-items:center;gap:clamp(6px,1.5vw,8px);word-break:break-word}.form-groupEM{margin-bottom:clamp(12px,3vw,20px);min-width:0}.form-groupEM label{display:flex;align-items:center;gap:6px;margin-bottom:6px;font-size:clamp(13px,2vw,14px);font-weight:500;color:#374151;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-groupEM input,.form-groupEM select,.form-groupEM textarea{width:100%;padding:clamp(8px,2vw,10px) clamp(10px,2vw,14px);border:1px solid #d1d5db;border-radius:8px;font-size:clamp(13px,2vw,14px);color:#111827;background:#fff;transition:all .2s;min-height:44px;box-sizing:border-box;max-width:100%}.form-groupEM input:focus,.form-groupEM select:focus,.form-groupEM textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-groupEM textarea{resize:vertical;min-height:80px;max-height:200px}.form-rowEM{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));gap:clamp(12px,2vw,16px)}.form-actionsEM{display:flex;justify-content:flex-end;gap:clamp(12px,2vw,16px);padding-top:clamp(16px,3vw,24px);border-top:1px solid #e5e7eb;flex-wrap:wrap}.cancel-btnEM{padding:clamp(10px,2vw,12px) clamp(16px,3vw,24px);background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;font-size:clamp(13px,2vw,14px);font-weight:500;transition:all .2s;min-height:44px;flex:1;min-width:min(120px,45%);white-space:nowrap}.cancel-btnEM:hover:not(:disabled){background:#e5e7eb}.submit-btnEM{padding:clamp(10px,2vw,12px) clamp(20px,3vw,32px);background:#10b981;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:clamp(13px,2vw,14px);font-weight:500;transition:background .2s;min-height:44px;flex:1;min-width:min(120px,45%);white-space:nowrap}.submit-btnEM:hover:not(:disabled){background:#059669}.submit-btnEM:disabled,.cancel-btnEM:disabled{opacity:.5;cursor:not-allowed}.form-groupEM input[required]+label:after,.form-groupEM select[required]+label:after{content:" *";color:#ef4444}.uploadingEM{opacity:.7;cursor:wait}.form-hintEM{display:block;margin-top:4px;font-size:clamp(11px,2vw,12px);color:#6b7280;word-break:break-word}.generated-code-infoEM{display:flex;align-items:center;gap:8px;margin:0 clamp(16px,3vw,32px) clamp(16px,3vw,24px);padding:12px 16px;background:#f0f9ff;color:#0369a1;border-radius:8px;font-size:clamp(13px,2vw,14px);word-break:break-word;flex-wrap:wrap}@media(max-width:768px){.modal-headerEM{flex-direction:column;align-items:stretch;text-align:center}.close-btnEM{align-self:flex-end;margin-top:-60px}.form-actionsEM{flex-direction:column}.cancel-btnEM,.submit-btnEM{width:100%;min-width:100%}.photo-upload-sectionEM{flex-direction:column;text-align:center}.photo-upload-controlsEM{width:100%}.form-rowEM{grid-template-columns:1fr}}@media(max-width:480px){.modal-contentEM{margin:10px;max-width:calc(100vw - 20px)}.photo-previewEM{width:100px;height:100px}.form-gridEM{grid-template-columns:1fr}.modal-headerEM h2{justify-content:center}}@media(max-width:360px){.modal-contentEM{margin:5px;max-width:calc(100vw - 10px)}.photo-previewEM{width:80px;height:80px}.upload-btnEM,.remove-photo-btnEM{width:100%}}@media(hover:none)and (pointer:coarse){.upload-btnEM,.remove-photo-btnEM,.cancel-btnEM,.submit-btnEM,.close-btnEM{min-height:48px;min-width:44px}.form-groupEM input,.form-groupEM select,.form-groupEM textarea{min-height:48px;font-size:16px}}@supports (-webkit-touch-callout: none){.modal-contentEM{max-height:-webkit-fill-available}.modal-overlayEM{padding:0;align-items:flex-start}}.modal-contentEM::-webkit-scrollbar{width:8px}.modal-contentEM::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.modal-contentEM::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.modal-contentEM::-webkit-scrollbar-thumb:hover{background:#94a3b8}.modal-contentEM{scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9}.upload-btnEM,.remove-photo-btnEM,.cancel-btnEM,.submit-btnEM,.close-btnEM{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}@media(prefers-reduced-motion:reduce){.modal-contentEM{animation:none}.upload-btnEM,.remove-photo-btnEM,.cancel-btnEM,.submit-btnEM,.close-btnEM,.form-groupEM input,.form-groupEM select,.form-groupEM textarea{transition:none}}@media(prefers-contrast:high){.modal-headerEM,.form-sectionEM,.photo-upload-sectionEM,.form-groupEM input,.form-groupEM select,.form-groupEM textarea{border:2px solid #000}}@media print{.modal-overlayEM{position:static;background:#fff;padding:0}.modal-contentEM{max-width:100%;max-height:none;box-shadow:none;border:1px solid #000}.close-btnEM,.upload-btnEM,.remove-photo-btnEM,.cancel-btnEM,.submit-btnEM{display:none}}.employee-dashboardHrEm{padding:20px;background-color:#f8fafc;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.dashboard-headerHrEm{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:20px;background:linear-gradient(to right,#1e40af,#059669);border-radius:12px;color:#fff;box-shadow:0 4px 12px #0000001a}.dashboard-headerHrEm h1{display:flex;align-items:center;gap:12px;margin:0;font-size:24px;font-weight:600}.add-btnHrEm{display:flex;align-items:center;gap:8px;padding:10px 20px;background-color:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:8px;font-weight:500;font-size:14px;cursor:pointer;transition:background-color .2s}.add-btnHrEm:hover{background-color:#ffffff4d}.errorHrEm{background-color:#fee2e2;color:#dc2626;padding:12px 16px;border-radius:8px;margin-bottom:20px;text-align:center;font-weight:500;border-left:4px solid #dc2626}.filter-sectionHrEm{display:flex;gap:12px;margin-bottom:20px;align-items:center}.search-containerHrEm{flex:1;position:relative;display:flex;align-items:center}.search-iconHrEm{position:absolute;left:12px;color:#64748b}.search-inputHrEm{width:100%;padding:12px 12px 12px 40px;border:1px solid #cbd5e1;border-radius:8px;font-size:14px;background-color:#fff;color:#1e293b}.search-inputHrEm:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.clear-search-btnHrEm{position:absolute;right:10px;background:none;border:none;cursor:pointer;color:#94a3b8;padding:4px}.clear-search-btnHrEm:hover{color:#64748b}.filter-toggle-btnHrEm{display:flex;align-items:center;gap:8px;padding:12px 16px;background-color:#3b82f6;color:#fff;border:none;border-radius:8px;font-weight:500;font-size:14px;cursor:pointer;white-space:nowrap}.filter-toggle-btnHrEm:hover{background-color:#2563eb}.active-filter-countHrEm{background-color:#fff;color:#3b82f6;width:20px;height:20px;border-radius:50%;font-size:12px;display:flex;align-items:center;justify-content:center;margin-left:4px}.filter-controlsHrEm{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px;padding:20px;background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;border:1px solid #e2e8f0}.filter-groupHrEm{display:flex;flex-direction:column;gap:8px}.filter-labelHrEm{display:flex;align-items:center;gap:8px;font-weight:500;color:#1e40af;font-size:14px}.filter-selectHrEm{padding:10px 12px;border:1px solid #cbd5e1;border-radius:6px;font-size:14px;color:#1e293b;background-color:#fff;cursor:pointer}.filter-selectHrEm:focus{outline:none;border-color:#3b82f6}.clear-filters-btnHrEm{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background-color:#f1f5f9;color:#64748b;border:1px solid #cbd5e1;border-radius:6px;font-weight:500;font-size:14px;cursor:pointer;align-self:end}.clear-filters-btnHrEm:hover{background-color:#e2e8f0}.results-summaryHrEm{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px 16px;background-color:#fff;border-radius:8px;border:1px solid #e2e8f0;font-size:14px}.results-countHrEm{font-weight:500;color:#1e40af}.active-filtersHrEm{display:flex;align-items:center;gap:6px;padding:6px 12px;background-color:#f0f9ff;border-radius:6px;color:#075985;font-weight:500;border:1px solid #bae6fd}.active-filtersHrEm svg{color:#10b981}.no-results-contentHrEm{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:#64748b}.no-results-contentHrEm svg{color:#cbd5e1;margin-bottom:16px}.no-results-contentHrEm h3{margin:0 0 8px;color:#475569;font-size:18px;font-weight:600}.no-results-contentHrEm p{margin:0 0 16px;color:#64748b;font-size:14px}.reset-filters-btnHrEm{padding:10px 20px;background-color:#3b82f6;color:#fff;border:none;border-radius:6px;font-weight:500;font-size:14px;cursor:pointer}.reset-filters-btnHrEm:hover{background-color:#2563eb}.employee-table-containerHrEm{width:100%;background-color:#fff;border-radius:8px;overflow:auto;box-shadow:0 2px 8px #0000000d;border:1px solid #e2e8f0;font-size:13px;display:block}.employee-tableHrEm{width:100%;background-color:#fff;border-collapse:collapse;font-size:13px;min-width:100%}.employee-tableHrEm thead{background-color:#f0f9ff}.employee-tableHrEm th{padding:8px;text-align:left;font-weight:600;color:#075985;font-size:11px;text-transform:uppercase;letter-spacing:.3px;border-bottom:1px solid #cbd5e1;white-space:nowrap}.employee-tableHrEm td{padding:6px 8px;border-bottom:1px solid #e2e8f0;color:#1e293b;font-size:12px;line-height:1.2;white-space:nowrap;vertical-align:middle}.employee-tableHrEm tbody tr:hover{background-color:#f8fafc}.employee-tableHrEm tbody tr:last-child td{border-bottom:none}.employee-avatarHrEm{width:50px;height:50px;border-radius:50%;align-items:center;justify-content:center;border:1px solid #cbd5e1;object-fit:cover;flex-shrink:0}.employee-avatar-placeholderHrEm{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#f1f5f9;color:#94a3b8}.employee-codeHrEm{font-family:Courier New,monospace;font-weight:600;color:#1e40af;font-size:11px}.nameHrEm{font-weight:600;color:#1e293b;font-size:12px;line-height:1.3}.role-badgeHrEm{display:inline-flex;align-items:center;gap:2px;padding:1px 4px;background-color:#dbeafe;color:#1e40af;border-radius:4px;font-size:8px;font-weight:500;width:fit-content;margin-top:2px}.role-badgeHrEm svg{width:6px;height:6px}.employee-emailHrEm{color:#3b82f6;text-decoration:none;font-size:11px;white-space:normal;word-break:break-all}.job-title-contentHrEm{display:flex;align-items:center;gap:4px;color:#475569;font-size:11px}.job-title-contentHrEm svg{color:#f59e0b;width:10px;height:10px;flex-shrink:0}.department-infoHrEm{display:flex;flex-direction:column;gap:1px;padding:2px 4px;background-color:#f0f9ff;border-radius:4px;border-left:2px solid #10b981}.dept-nameHrEm{font-weight:600;color:#075985;font-size:11px;line-height:1.2}.dept-codeHrEm{font-size:9px;color:#0ea5e9;font-family:Courier New,monospace;font-weight:600}.employment-badgeHrEm{padding:2px 6px;border-radius:8px;font-size:9px;font-weight:600;text-transform:capitalize;display:inline-block;white-space:nowrap}.employment-fulltimeHrEm{background-color:#d1fae5;color:#065f46}.employment-parttimeHrEm{background-color:#fef3c7;color:#92400e}.employment-contractHrEm{background-color:#e0e7ff;color:#3730a3}.employment-internHrEm{background-color:#fce7f3;color:#9d174d}.employment-permanentHrEm{background-color:#c7d2fe;color:#3730a3}.employment-otherHrEm{background-color:#f1f5f9;color:#475569}.hire-date-contentHrEm{display:flex;align-items:center;gap:4px;color:#475569;font-size:11px}.hire-date-contentHrEm svg{color:#8b5cf6;width:10px;height:10px;flex-shrink:0}.status-badgeHrEm{padding:2px 6px;border-radius:8px;font-size:9px;font-weight:600;text-transform:capitalize;display:inline-block;white-space:nowrap}.status-badge-activeHrEm{background-color:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.status-badge-inactiveHrEm{background-color:#fef3c7;color:#92400e;border:1px solid #fde68a}.status-badge-on-leaveHrEm{background-color:#dbeafe;color:#1e40af;border:1px solid #bfdbfe}.status-badge-terminatedHrEm{background-color:#fee2e2;color:#dc2626;border:1px solid #fecaca}.status-badge-defaultHrEm{background-color:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.actionsHrEm{display:flex;gap:4px}.actionsHrEm button{padding:4px;border:none;border-radius:3px;cursor:pointer;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.actionsHrEm .editHrEm{background-color:#dbeafe;color:#3b82f6}.actionsHrEm .editHrEm:hover{background-color:#bfdbfe}.actionsHrEm .deleteHrEm{background-color:#fee2e2;color:#ef4444}.actionsHrEm .deleteHrEm:hover{background-color:#fecaca}.actionsHrEm svg{width:12px;height:12px}.unauthHrEm{text-align:center;color:#dc2626;padding:40px;font-size:24px;font-weight:600}.employee-dashboardHrEm>h2{text-align:center;color:#1e40af;padding:40px;font-size:24px;font-weight:600}@media(max-width:1024px){.filter-sectionHrEm{flex-direction:column;align-items:stretch}.filter-controlsHrEm{grid-template-columns:1fr}.dashboard-headerHrEm{flex-direction:column;gap:16px;text-align:center}.employee-table-containerHrEm{width:100%;font-size:11px}}@media(max-width:768px){.employee-table-containerHrEm{width:100%;font-size:11px}.employee-tableHrEm th,.employee-tableHrEm td{padding:4px 6px;font-size:10px}.results-summaryHrEm{flex-direction:column;gap:8px;align-items:flex-start;font-size:12px}.employee-dashboardHrEm{padding:12px}.dashboard-headerHrEm{padding:16px;margin-bottom:16px}.dashboard-headerHrEm h1{font-size:17px}.employee-photoHrEm{width:32px;height:32px}.actionsHrEm button{width:20px;height:20px}.actionsHrEm svg{width:10px;height:10px}}.employee-table-containerHrEm::-webkit-scrollbar{height:4px}.employee-table-containerHrEm::-webkit-scrollbar-track{background:#f1f5f9}.employee-table-containerHrEm::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.employee-table-containerHrEm::-webkit-scrollbar-thumb:hover{background:#94a3b8}.modal-overlayHrEm{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.modal-contentHrEm{background-color:#fff;border-radius:12px;width:100%;max-width:900px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003}.modal-headerHrEm{display:flex;justify-content:space-between;align-items:center;padding:20px;background:linear-gradient(to right,#1e40af,#059669);color:#fff;border-radius:12px 12px 0 0}.modal-headerHrEm h2{margin:0;display:flex;align-items:center;gap:10px;font-size:20px}.modal-close-btnHrEm{background:none;border:none;color:#fff;cursor:pointer;padding:5px;border-radius:6px;display:flex;align-items:center;justify-content:center}.modal-close-btnHrEm:hover{background-color:#fff3}.modal-errorHrEm{background-color:#fee2e2;color:#dc2626;padding:12px 20px;margin:0 20px;border-radius:8px;font-weight:500}.employee-formHrEm{padding:20px}.form-sectionHrEm{margin-bottom:24px}.form-sectionHrEm h3{color:#1e40af;margin:0 0 16px;font-size:16px;font-weight:600;padding-bottom:8px;border-bottom:2px solid #e2e8f0}.form-gridHrEm{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.form-groupHrEm{display:flex;flex-direction:column;gap:6px}.form-groupHrEm label{display:flex;align-items:center;gap:6px;font-weight:500;color:#475569;font-size:14px}.form-groupHrEm input,.form-groupHrEm select{padding:10px 12px;border:1px solid #cbd5e1;border-radius:6px;font-size:14px;color:#1e293b;background-color:#fff}.form-groupHrEm input:focus,.form-groupHrEm select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.form-groupHrEm input[type=date]{padding:9px 12px}.form-actionsHrEm{display:flex;justify-content:flex-end;gap:12px;padding-top:20px;border-top:1px solid #e2e8f0;margin-top:20px}.cancel-btnHrEm{padding:10px 20px;background-color:#f1f5f9;color:#475569;border:1px solid #cbd5e1;border-radius:6px;font-weight:500;font-size:14px;cursor:pointer}.cancel-btnHrEm:hover{background-color:#e2e8f0}.submit-btnHrEm{padding:10px 20px;background-color:#3b82f6;color:#fff;border:none;border-radius:6px;font-weight:500;font-size:14px;cursor:pointer}.submit-btnHrEm:hover{background-color:#2563eb}.submit-btnHrEm:disabled{background-color:#94a3b8;cursor:not-allowed}@media(max-width:768px){.modal-contentHrEm{max-width:95%;margin:20px}.form-gridHrEm{grid-template-columns:1fr}.modal-headerHrEm,.employee-formHrEm{padding:16px}}.modal-overlay2HrEm{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.delete-confirm-contentHrEm{background:#fff;border-radius:12px;width:100%;max-width:500px;box-shadow:0 10px 40px #0003;animation:fadeInHrEm .3s ease}.delete-confirm-headerHrEm{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-top-left-radius:12px;border-top-right-radius:12px;padding:24px;text-align:center;border-bottom:1px solid #fecaca}.delete-warning-iconHrEm{color:#dc2626;margin-bottom:12px}.delete-confirm-headerHrEm h3{margin:0;color:#7f1d1d;font-size:20px;font-weight:600}.delete-confirm-messageHrEm{padding:32px;margin:0;color:#4b5563;line-height:1.6;font-size:15px;border-bottom:1px solid #f3f4f6}.delete-confirm-messageHrEm strong{color:#111827;font-weight:600}.delete-confirm-actionsHrEm{padding:24px;display:flex;gap:12px;justify-content:flex-end}.cancel-delete-btnHrEm{padding:12px 24px;background:#f3f4f6;border:1px solid #e5e7eb;color:#4b5563;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.cancel-delete-btnHrEm:hover{background:#e5e7eb;color:#374151}.cancel-delete-btnHrEm:disabled{opacity:.5;cursor:not-allowed}.confirm-delete-btnHrEm{padding:12px 24px;background:linear-gradient(135deg,#dc2626,#991b1b);border:none;color:#fff;border-radius:8px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.confirm-delete-btnHrEm:hover:not(:disabled){background:linear-gradient(135deg,#b91c1c,#7f1d1d);transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.confirm-delete-btnHrEm:disabled{opacity:.5;cursor:not-allowed}.confirm-delete-btnHrEm .spinnerHrEm{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spinHrEm 1s ease-in-out infinite}@keyframes fadeInHrEm{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spinHrEm{to{transform:rotate(360deg)}}@media(max-width:640px){.delete-confirm-contentHrEm{max-width:90%}.delete-confirm-actionsHrEm{flex-direction:column}.cancel-delete-btnHrEm,.confirm-delete-btnHrEm{width:100%;justify-content:center}}.attendance-dashboard{padding:20px;background:#f5f7fa;min-height:100vh}.dashboard-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px 30px;border-radius:12px;margin-bottom:25px;box-shadow:0 4px 6px #0000001a}.header-content{display:flex;justify-content:space-between;align-items:center}.header-title h1{margin:0 0 8px;font-size:28px;font-weight:600;display:flex;align-items:center;gap:12px}.header-subtitle{margin:0;font-size:14px;opacity:.9}.user-info{display:flex;align-items:center;gap:12px;background:#ffffff1a;padding:10px 16px;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.user-avatar{background:#fff3;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center}.user-details{display:flex;flex-direction:column}.user-name{font-weight:500;font-size:14px}.user-role{font-size:12px;opacity:.8;margin-top:2px}.dashboard-controls{background:#fff;padding:20px;border-radius:12px;margin-bottom:25px;box-shadow:0 2px 4px #0000000d}.filters-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:20px}.filter-group label{font-weight:500;color:#555;font-size:14px;display:flex;align-items:center;gap:8px}.filter-select,.search-input{padding:10px 12px;border:1px solid #ddd;border-radius:8px;font-size:14px;transition:border-color .2s}.filter-select:focus,.search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.search-input{width:100%}.custom-date-range{display:flex;align-items:center;gap:12px;grid-column:1 / -1}.custom-date-range span{color:#666;font-size:14px}.date-input{padding:10px 12px;border:1px solid #ddd;border-radius:8px;font-size:14px;flex:1}.action-buttons{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eee;padding-top:15px}.action-buttons button{display:flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.btn-refresh{background:#e3f2fd;color:#1976d2}.btn-refresh:hover{background:#bbdefb;transform:translateY(-1px)}.btn-export{background:#4caf50;color:#fff}.btn-export:hover{background:#45a049;transform:translateY(-1px)}.record-count{display:flex;align-items:center;gap:8px;color:#666;font-size:14px}.dashboard-error{background:#ffebee;border-left:4px solid #f44336;padding:15px 20px;margin-bottom:25px;border-radius:8px}.error-content{display:flex;align-items:center;justify-content:space-between;gap:12px}.error-content p{margin:0;flex:1}.error-icon{color:#f44336}.close-error{background:none;border:none;color:#666;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center}.close-error:hover{background:#0000001a}.statistics-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 4px #0000000d;display:flex;align-items:center;gap:20px;border-top:4px solid #667eea;transition:transform .2s,box-shadow .2s}.stat-card.total{border-top-color:#667eea}.stat-card.present{border-top-color:#4caf50}.stat-card.late{border-top-color:#ff9800}.stat-card.hours{border-top-color:#2196f3}.stat-card.qr{border-top-color:#36a2eb}.stat-card.avg-hours{border-top-color:#96f}.stat-card.total .stat-icon{background:#667eea}.stat-card.present .stat-icon{background:#4caf50}.stat-card.late .stat-icon{background:#ff9800}.stat-card.hours .stat-icon{background:#2196f3}.stat-card.qr .stat-icon{background:#36a2eb}.stat-card.avg-hours .stat-icon{background:#96f}.stat-content h3{margin:0 0 5px;font-size:14px;color:#666;font-weight:500}.stat-subtext{margin:4px 0 0;font-size:12px;color:#888}.charts-section{display:grid;width:100%;justify-content:center;align-items:center;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:25px;margin-bottom:30px}.chart-container{background:#fff;display:flex;flex-direction:column;width:100%;justify-content:center;align-items:center;padding:24px;border-radius:12px;box-shadow:0 2px 4px #0000000d;height:300px}.w{height:400px}.chart-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.chart-header h3{margin:0;font-size:16px;color:#333;font-weight:600}.chart-placeholder{height:calc(100% - 40px);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#999;font-style:italic;text-align:center;padding:20px}.records-section{background:#fff;padding:25px;border-radius:12px;box-shadow:0 2px 4px #0000000d;margin-bottom:30px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-title{display:flex;align-items:center;gap:12px}.section-title h2{margin:0;font-size:20px;color:#333}.hours-summary{display:flex;align-items:center;gap:8px;color:#666;font-size:14px;background:#f8f9fa;padding:8px 16px;border-radius:20px}.hours-summary strong{color:#333}.loading-records{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px;gap:15px}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}.spinner.small{width:30px;height:30px;border-width:3px}.records-table-container{overflow-x:auto;border-radius:8px;border:1px solid #e9ecef}.records-table{width:100%;border-collapse:collapse;min-width:1000px}.records-table th{background:#f8f9fa;padding:16px;text-align:left;font-weight:600;color:#555;border-bottom:2px solid #e9ecef;font-size:14px;white-space:nowrap}.records-table td{padding:16px;border-bottom:1px solid #e9ecef;font-size:14px;vertical-align:middle}.records-table tbody tr:hover{background:#f8f9fa}.employee-info{min-width:200px}.employee-name{font-weight:500;color:#333;margin-bottom:4px;display:flex;align-items:center;gap:8px}.employee-details{font-size:12px;color:#666;display:flex;align-items:center;gap:4px}.date-cell,.time-cell{display:flex;align-items:center;gap:8px;white-space:nowrap}.hours-cell{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:20px;font-weight:500;width:fit-content}.hours-good{background:#e8f5e9;color:#2e7d32}.hours-fair{background:#fff3e0;color:#ef6c00}.hours-low{background:#ffebee;color:#c62828}.status-badge{padding:8px 16px;border-radius:20px;font-size:12px;font-weight:500;display:inline-flex;align-items:center;gap:8px;min-width:100px;justify-content:center}.status-badge-present{background:#e8f5e9;color:#2e7d32}.status-badge-late{background:#fff3e0;color:#ef6c00}.status-badge-absent{background:#ffebee;color:#c62828}.status-badge-leave{background:#e3f2fd;color:#1565c0}.status-badge-pending{background:#f5f5f5;color:#757575}.method-badge{padding:8px 16px;border-radius:20px;font-size:12px;font-weight:500;display:inline-flex;align-items:center;gap:8px;min-width:120px;justify-content:center}.method-badge.qr{background:#e3f2fd;color:#1976d2}.method-badge.manual{background:#f3e5f5;color:#7b1fa2}.action-buttons-cell{display:flex;gap:8px}.btn-edit,.btn-delete{padding:8px;border:none;border-radius:6px;cursor:pointer;transition:all .2s;background:none;display:flex;align-items:center;justify-content:center}.btn-edit{color:#1976d2}.btn-edit:hover{background:#e3f2fd}.btn-delete{color:#c62828}.btn-delete:hover{background:#ffebee}.no-records{text-align:center;padding:50px;color:#666}.no-records p{margin-bottom:20px}.btn-clear-filters{display:flex;align-items:center;gap:8px;margin:0 auto;padding:10px 20px;background:#667eea;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:background .2s}.btn-clear-filters:hover{background:#5a6fd8}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-header h3{margin:0;font-size:18px;color:#333;display:flex;align-items:center;gap:12px}.record-info{background:#f8f9fa;padding:20px;border-radius:8px;margin-bottom:24px}.record-info p{margin:8px 0;color:#333;font-size:14px}.record-info strong{color:#555}.edit-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:500;color:#555;font-size:14px;display:flex;align-items:center;gap:8px}.form-group input,.form-group select{padding:12px;border:1px solid #ddd;border-radius:8px;font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.form-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:24px;padding-top:24px;border-top:1px solid #eee}.btn-cancel,.btn-save{display:flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.btn-cancel{background:#f5f5f5;color:#333}.btn-cancel:hover{background:#e0e0e0}.btn-save{background:#4caf50;color:#fff}.btn-save:hover{background:#45a049}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:20px}@media(max-width:768px){.filters-section{grid-template-columns:1fr}.custom-date-range{flex-direction:column;align-items:stretch;gap:10px}.custom-date-range span{display:none}.action-buttons{flex-direction:column;gap:15px;align-items:stretch}.statistics-cards{grid-template-columns:repeat(2,1fr)}.charts-section{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:flex-start;gap:15px}.modal-content{width:95%;margin:10px}.form-actions{flex-direction:column}.btn-cancel,.btn-save{width:100%;justify-content:center}}.today-summary-banner{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px;padding:20px;margin:20px 0;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 20px #667eea33}.summary-content{display:flex;align-items:center;gap:20px}.summary-icon{background:#fff3;padding:15px;border-radius:50%;display:flex;align-items:center;justify-content:center}.summary-details h3{margin:0 0 10px;font-size:1.2rem}.summary-stats{display:flex;gap:20px;flex-wrap:wrap}.summary-stat{display:flex;align-items:center;gap:6px;font-size:.9rem;padding:4px 12px;border-radius:20px;background:#ffffff1a}.summary-stat.present{color:#a5d6a7}.summary-stat.late{color:#ffcc80}.summary-stat.absent{color:#ef9a9a}.summary-stat.auto-absent{color:#90caf9}.summary-stat.pending{color:#fff59d}.summary-actions{display:flex;gap:10px}.btn-auto-mark,.btn-mark-range{padding:10px 20px;border:none;border-radius:6px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease}.btn-auto-mark{background:#4caf50;color:#fff}.btn-auto-mark:hover{background:#388e3c}.btn-mark-range{background:#2196f3;color:#fff}.btn-mark-range:hover{background:#1976d2}.auto-badge{display:flex;justify-content:center}.auto-yes{background:#4caf50;color:#fff;padding:4px 10px;border-radius:12px;font-size:.8rem;display:flex;align-items:center;gap:4px}.auto-no{color:#666;font-size:.9rem}.stat-card.auto-absent{background:linear-gradient(135deg,#a8edea,#fed6e3)}@media(max-width:1024px){.today-summary-banner{flex-direction:column;gap:20px;align-items:flex-start}.summary-actions{width:100%;justify-content:flex-end}}@media(max-width:768px){.summary-stats{flex-direction:column;gap:10px}.summary-actions{flex-direction:column}}@media(min-width:1200px){.charts-section{grid-template-columns:repeat(2,1fr)}.statistics-cards{grid-template-columns:repeat(3,1fr)}}@media(max-width:1199px)and (min-width:992px){.charts-section{grid-template-columns:repeat(1,1fr)}.chart-container:last-child{grid-column:span 2;max-width:80%;margin:0 auto}.statistics-cards{grid-template-columns:repeat(3,1fr)}}@media(max-width:991px)and (min-width:768px){.attendance-dashboard{padding:15px}.charts-section{grid-template-columns:1fr}.chart-container{height:350px}.statistics-cards{grid-template-columns:repeat(3,minmax(150px,1fr));gap:15px}.stat-card{padding:15px;gap:12px}.stat-icon{width:36px;height:36px;min-width:36px}.stat-value{font-size:24px}.today-summary-banner{flex-direction:column;align-items:stretch;gap:20px}.summary-content{flex-direction:column;align-items:flex-start;gap:15px}.summary-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%}.summary-stat{justify-content:flex-start;padding:6px 10px;font-size:.85rem;white-space:nowrap}.summary-actions{justify-content:center;flex-wrap:wrap;gap:10px}.records-table th,.records-table td{padding:12px 10px;font-size:13px}}@media(max-width:767px)and (min-width:576px){.attendance-dashboard{padding:10px}.dashboard-header{padding:15px 20px}.header-content{flex-direction:column;align-items:flex-start;gap:15px}.user-info{align-self:stretch}.statistics-cards{grid-template-columns:repeat(2,minmax(140px,1fr));gap:15px}.stat-card{padding:15px;gap:12px;min-height:100px}.stat-icon{width:36px;height:36px;min-width:36px}.stat-value{font-size:22px}.stat-content h3{font-size:13px}.stat-subtext{font-size:11px}.charts-section{grid-template-columns:1fr;gap:20px}.chart-container{padding:20px;height:300px}.today-summary-banner{flex-direction:column;padding:15px;gap:15px}.summary-content{flex-direction:column;align-items:flex-start;gap:15px}.summary-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%}.summary-stat{justify-content:center;text-align:center;padding:8px 6px;font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.summary-actions{flex-direction:row;width:100%;justify-content:space-between}.btn-auto-mark,.btn-mark-range{flex:1;min-width:140px;justify-content:center;padding:10px 12px;font-size:13px}.dashboard-controls{padding:15px}.filters-section{grid-template-columns:1fr;gap:15px}.action-buttons{flex-direction:column;gap:10px;align-items:stretch}.action-buttons button{width:100%;justify-content:center}.records-section{padding:20px 15px}.section-header{flex-direction:column;align-items:flex-start;gap:15px}.records-table th,.records-table td{padding:10px 8px;font-size:12px}.employee-info{min-width:150px}.status-badge,.method-badge{min-width:80px;padding:6px 12px;font-size:11px}}@media(max-width:575px){.attendance-dashboard{padding:8px}.dashboard-header{padding:12px 15px;margin-bottom:15px}.header-title h1{font-size:22px;flex-direction:column;align-items:flex-start;gap:8px}.user-info{width:100%;justify-content:center}.statistics-cards{grid-template-columns:repeat(2,minmax(120px,1fr));gap:12px}.stat-card{padding:12px;gap:10px;min-height:90px}.stat-icon{width:32px;height:32px;min-width:32px;border-radius:8px}.stat-value{font-size:20px}.stat-content h3{font-size:12px;margin-bottom:3px}.stat-subtext{font-size:10px}.charts-section{grid-template-columns:1fr;gap:15px}.chart-container{padding:15px;height:280px}.today-summary-banner{flex-direction:column;padding:12px;margin:15px 0}.summary-content{flex-direction:column;align-items:flex-start;gap:12px}.summary-details h3{font-size:1rem;margin-bottom:8px}.summary-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;width:100%}.summary-stat{justify-content:center;text-align:center;padding:6px 8px;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.summary-actions{flex-direction:column;width:100%;gap:8px}.btn-auto-mark,.btn-mark-range{width:100%;justify-content:center;padding:8px 16px;font-size:14px}.dashboard-controls{padding:12px}.filter-group label{font-size:13px}.filter-select,.search-input,.date-input{font-size:13px;padding:8px 10px}.action-buttons{flex-direction:column;gap:8px}.btn-refresh,.btn-export{padding:8px 16px;font-size:14px}.record-count{justify-content:center;margin-top:8px}.records-section{padding:15px 12px}.section-header{flex-direction:column;gap:12px}.section-title h2{font-size:18px}.hours-summary{align-self:stretch;justify-content:center}.records-table-container{border-radius:6px;overflow-x:auto}.records-table{min-width:800px}.records-table th,.records-table td{padding:8px 6px;font-size:11px}.employee-name,.date-cell,.time-cell,.hours-cell{font-size:12px}.status-badge,.method-badge{min-width:70px;padding:4px 8px;font-size:10px}.action-buttons-cell{gap:4px}.btn-edit,.btn-delete{padding:6px}.modal-content{width:95%;margin:10px}.modal-header,.modal-body,.record-info{padding:15px}.form-actions{flex-direction:column;gap:10px}.btn-cancel,.btn-save{width:100%;padding:10px}}@media(max-width:360px){.header-title h1{font-size:20px}.statistics-cards{grid-template-columns:repeat(2,minmax(110px,1fr));gap:10px}.stat-card{flex-direction:column;text-align:center;gap:8px;padding:10px;min-height:85px}.stat-icon{margin:0 auto}.stat-content h3{font-size:11px}.stat-value{font-size:18px}.summary-stat{font-size:12px;padding:5px 6px}.chart-header h3{font-size:14px}.summary-stats{grid-template-columns:repeat(2,1fr);gap:6px}}@media(max-width:320px){.statistics-cards{grid-template-columns:repeat(2,minmax(100px,1fr));gap:8px}.stat-card{padding:8px;min-height:80px}.stat-icon{width:28px;height:28px}.stat-value{font-size:16px}.stat-content h3{font-size:10px}.summary-stat{font-size:11px;padding:4px 5px}}@media(max-height:500px)and (orientation:landscape){.attendance-dashboard{padding:10px}.charts-section{grid-template-columns:repeat(2,1fr)}.chart-container{height:250px}.statistics-cards{grid-template-columns:repeat(3,minmax(120px,1fr))}.summary-stats{grid-template-columns:repeat(3,1fr)}.records-table-container{max-height:200px;overflow-y:auto}}@media print{.dashboard-controls,.today-summary-banner,.action-buttons-cell,.modal-overlay{display:none!important}.statistics-cards{grid-template-columns:repeat(3,1fr)!important}.charts-section{page-break-inside:avoid}.records-table{width:100%}.records-table th,.records-table td{padding:6px 4px;font-size:10px}}@media(prefers-reduced-motion:reduce){.stat-card,.btn-refresh,.btn-export,.btn-edit,.btn-delete,.btn-auto-mark,.btn-mark-range,.btn-clear-filters,.btn-cancel,.btn-save{transition:none}.stat-card:hover{transform:none}}@media(prefers-contrast:high){.stat-card{border:2px solid currentColor}.records-table th{border-bottom:2px solid currentColor}.records-table td{border-bottom:1px solid currentColor}}@media(prefers-color-scheme:dark){.attendance-dashboard{background:#121212}.stat-card,.dashboard-controls,.records-section,.chart-container{background:#1e1e1e;color:#e0e0e0}.filter-select,.search-input,.date-input{background:#2d2d2d;border-color:#404040;color:#e0e0e0}.stat-value{color:#fff}.stat-content h3{color:#b0b0b0}.records-table th{background:#252525;color:#b0b0b0}.records-table tbody tr:hover{background:#252525}}.modal-headerAMB{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.modal-headerAMB h3{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;color:#111827;margin:0}.modal-closeAMB{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.modal-closeAMB:hover{background-color:#f3f4f6;color:#374151}.modal-bodyAMB{padding:24px}.modal-warningAMB{background-color:#fef3c7;border:1px solid #f59e0b;border-radius:8px;padding:16px;margin-bottom:20px;display:flex;flex-direction:column;gap:8px}.modal-warningAMB svg{color:#d97706;margin-bottom:8px}.modal-warningAMB p{margin:0;color:#92400e;font-size:14px;line-height:1.5}.modal-warningAMB p strong{color:#78350f;font-weight:600}.modal-resultAMB{padding:16px;border-radius:8px;margin-bottom:20px;display:flex;align-items:flex-start;gap:12px}.modal-resultAMB.successAMB{background-color:#d1fae5;border:1px solid #10b981}.modal-resultAMB.errorAMB{background-color:#fee2e2;border:1px solid #ef4444}.modal-resultAMB svg{flex-shrink:0}.modal-resultAMB.successAMB svg{color:#059669}.modal-resultAMB.errorAMB svg{color:#dc2626}.modal-resultAMB p{margin:0;color:#065f46;font-size:14px;line-height:1.5}.modal-resultAMB.errorAMB p{color:#7f1d1d}.edit-formAMB{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.form-groupAMB{display:flex;flex-direction:column;gap:8px}.form-groupAMB label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#374151}.form-groupAMB input[type=date]{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#374151;background-color:#fff;transition:all .2s ease}.form-groupAMB input[type=date]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.checkbox-groupAMB{display:flex;align-items:center;gap:8px}.checkbox-groupAMB label{display:flex;align-items:center;gap:8px;font-size:14px;color:#374151;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-groupAMB input[type=checkbox]{width:16px;height:16px;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;transition:all .2s ease}.checkbox-groupAMB input[type=checkbox]:checked{background-color:#3b82f6;border-color:#3b82f6}.form-actionsAMB{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:1px solid #e5e7eb}.btn-cancelAMB{padding:10px 16px;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.btn-cancelAMB:hover{background-color:#f9fafb;border-color:#9ca3af}.btn-confirmAMB{padding:10px 16px;background-color:#3b82f6;border:1px solid #3b82f6;border-radius:6px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.btn-confirmAMB:hover:not(:disabled){background-color:#2563eb;border-color:#2563eb}.btn-confirmAMB:disabled{opacity:.5;cursor:not-allowed}.btn-confirmAMB .spinner.small{width:16px;height:16px;border-width:2px}.modal-content{background-color:#fff;border-radius:12px;box-shadow:0 10px 25px #0000001a;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.modal-content{max-width:100%;margin:10px}.form-actionsAMB{flex-direction:column}.btn-cancelAMB,.btn-confirmAMB{width:100%}}.containerDD{padding:clamp(16px,3vw,24px);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#f8fafc;min-height:100vh;max-height:120vh;overflow:scroll}.headerDD{display:flex;justify-content:space-between;align-items:center;margin-bottom:clamp(24px,3vw,32px);flex-wrap:wrap;gap:clamp(12px,2vw,16px)}.titleDD{font-size:clamp(20px,4vw,28px);font-weight:700;color:#1e293b;margin:0}.subtitleDD{font-size:clamp(12px,2vw,14px);color:#64748b;margin-top:4px}.headerActionsDD{display:flex;gap:12px;flex-wrap:wrap}.buttonDD{padding:clamp(8px,2vw,10px) clamp(16px,2vw,20px);border-radius:8px;border:none;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:clamp(12px,2vw,14px);font-weight:600;transition:all .2s}.primaryButtonDD{background-color:#3b82f6;color:#fff}.primaryButtonDD:hover{background-color:#2563eb}.secondaryButtonDD{background-color:#fff;color:#475569;border:1px solid #e2e8f0}.secondaryButtonDD:hover{background-color:#f1f5f9}.dangerButtonDD{background-color:#ef4444;color:#fff}.dangerButtonDD:hover{background-color:#dc2626}.successButtonDD{background-color:#10b981;color:#fff}.successButtonDD:hover{background-color:#059669}.successAlertDD{background-color:#dcfce7;color:#166534;padding:clamp(12px,2vw,16px);border-radius:8px;margin-bottom:clamp(16px,3vw,24px);display:flex;align-items:center;gap:8px}.errorAlertDD{background-color:#fee2e2;color:#991b1b;padding:clamp(12px,2vw,16px);border-radius:8px;margin-bottom:clamp(16px,3vw,24px);display:flex;align-items:center;gap:8px}.statsGridDD{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr));gap:clamp(12px,3vw,20px);margin-bottom:clamp(24px,3vw,32px)}.statCardDD{background-color:#fff;border-radius:12px;padding:clamp(16px,3vw,20px);box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;transition:all .3s ease;cursor:pointer}.statContentDD{display:flex;justify-content:space-between;align-items:center}.statValueDD{font-size:clamp(24px,4vw,32px);font-weight:700;color:#3b82f6}.statIconDD{background-color:#dbeafe;border-radius:12px;padding:clamp(10px,2vw,12px);display:flex;align-items:center;justify-content:center}.filterCardDD{background-color:#fff;border-radius:12px;padding:clamp(16px,3vw,24px);box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;margin-bottom:clamp(16px,3vw,24px)}.filterHeaderDD{display:flex;align-items:center;gap:8px;margin-bottom:16px}.filterTitleDD{margin:0;font-size:clamp(14px,3vw,16px);color:#1e293b}.filterSectionDD{display:flex;gap:clamp(8px,2vw,16px);align-items:center;flex-wrap:wrap;margin-bottom:clamp(16px,3vw,24px)}.searchContainerDD{position:relative;flex:1 1 300px;min-width:0}.searchIconDD{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8}.searchInputDD{width:100%;padding:clamp(8px,2vw,10px) clamp(12px,2vw,16px);padding-left:40px;border-radius:8px;border:1px solid #e2e8f0;background-color:#fff;font-size:clamp(12px,2vw,14px);color:#1e293b}.typeSelectDD{padding:clamp(8px,2vw,10px) clamp(12px,2vw,16px);border-radius:8px;width:100%;border:1px solid #e2e8f0;background-color:#fff;font-size:clamp(12px,2vw,14px);min-width:clamp(120px,20vw,150px)}.loadingDD{display:flex;justify-content:center;align-items:center;height:400px;color:#64748b}.emptyStateDD{text-align:center;padding:clamp(32px,6vw,48px) clamp(16px,3vw,24px);color:#64748b}.emptyTextDD{margin-top:16px;font-size:clamp(14px,3vw,16px);color:#64748b}.emptyButtonDD{margin-top:16px}.tableContainerDD{background-color:#fff;border-radius:12px;overflow:auto;max-height:600px;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.tableContentDD{padding:clamp(16px,3vw,24px);display:grid;gap:16px}.documentCardDD{background-color:#fff;border-radius:12px;padding:clamp(16px,3vw,20px);box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;margin-bottom:clamp(12px,2vw,16px)}.documentHeaderDD{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;flex-wrap:wrap;gap:12px}.documentInfoDD{flex:1 1 300px;min-width:0}.documentTitleDD{display:flex;align-items:center;gap:12px;margin-bottom:8px;flex-wrap:wrap}.titleTextDD{margin:0;font-size:clamp(14px,3vw,16px);font-weight:600;color:#1e293b}.typeBadgeDD{padding:clamp(4px,1vw,6px) clamp(8px,2vw,12px);border-radius:20px;font-size:clamp(10px,2vw,12px);font-weight:600;display:inline-flex;align-items:center;gap:4px}.documentDescriptionDD{margin:0;font-size:clamp(12px,2vw,14px);color:#64748b;line-height:1.5}.documentMetaDD{display:flex;align-items:center;gap:16px;margin-top:12px;font-size:12px;color:#94a3b8;flex-wrap:wrap}.metaItemDD{display:flex;align-items:center;gap:4px}.documentActionsDD{display:flex;gap:8px;flex-wrap:wrap}.iconButtonDD{padding:clamp(6px,1vw,8px);border-radius:6px;border:none;background-color:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.iconButtonDD:hover{background-color:#f1f5f9}.modalOverlayDD{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:clamp(12px,3vw,20px)}.modalDD{background-color:#fff;border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow:auto}.modalHeaderDD{padding:clamp(16px,3vw,24px);border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;background:linear-gradient(to right,#1e40af,#059669);color:#fff;align-items:center}.modalTitleDD{font-size:clamp(16px,4vw,20px);font-weight:600;margin:0;display:flex;align-items:center;gap:8px}.closeButtonDD{padding:8px;border-radius:6px;border:none;background-color:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;transition:background-color .2s}.closeButtonDD:hover{background-color:#f1f5f9}.modalContentDD{padding:clamp(16px,3vw,24px)}.modalActionsDD{padding:clamp(16px,3vw,24px);border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:clamp(8px,2vw,12px);flex-wrap:wrap}.dialogErrorDD{background-color:#fee2e2;color:#991b1b;padding:12px 16px;border-radius:8px;margin-bottom:20px;display:flex;align-items:center;gap:8px}.warningAlertDD{background-color:#fee2e2;color:#991b1b;padding:16px;border-radius:8px;margin-bottom:24px;display:flex;align-items:center;gap:8px}.warningTextDD{font-weight:600}.deleteMessageDD{font-size:14px;color:#475569;margin-bottom:24px}.viewHeaderDD{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.documentIconDD{padding:12px;border-radius:8px;display:flex;align-items:center;justify-content:center}.viewTitleDD{margin:0;font-size:18px;color:#1e293b}.viewBadgeDD{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:4px;margin-top:4px}.descriptionSectionDD{margin-bottom:24px}.sectionLabelDD{font-size:12px;color:#64748b;margin-bottom:4px}.descriptionContentDD{background-color:#f8fafc;padding:16px;border-radius:8px;font-size:14px;color:#475569;line-height:1.5}.infoGridDD{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:24px}.infoItemDD{display:flex;flex-direction:column}.infoLabelDD{font-size:12px;color:#64748b;margin-bottom:4px}.infoValueDD{font-size:14px;color:#1e293b;font-weight:500}.formGroupDD{display:flex;flex-direction:column;gap:20px}.formFieldDD{display:flex;flex-direction:column}.formLabelDD{display:block;font-size:12px;color:#64748b;margin-bottom:8px;font-weight:500}.requiredDD{color:#ef4444}.formInputDD{width:100%;padding:12px;border-radius:8px;border:1px solid #e2e8f0;font-size:14px;color:#1e293b}.formTextareaDD{width:100%;padding:12px;border-radius:8px;border:1px solid #e2e8f0;font-size:14px;color:#1e293b;resize:vertical}.formFileInputDD{width:100%;padding:12px;border-radius:8px;border:1px solid #e2e8f0;font-size:14px;color:#1e293b;background-color:#fff}.formHintDD{font-size:12px;color:#64748b;margin-top:4px}.flexCenterDD{display:flex;align-items:center;gap:8px;flex-wrap:wrap}@keyframes spinDD{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinAnimationDD{animation:spinDD 1s linear infinite}.statsGridDD{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(12px,3vw,20px);margin-bottom:clamp(24px,3vw,32px)}@media(min-width:768px){.statsGridDD{grid-template-columns:repeat(4,1fr)}}@media(min-width:1024px){.statsGridDD{grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr))}}.statCardDD{background-color:#fff;border-radius:12px;padding:clamp(16px,3vw,20px);box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;transition:all .3s ease;cursor:pointer;min-height:120px;display:flex;align-items:center}.statCardDD:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.statContentDD{display:flex;justify-content:space-between;align-items:center;width:100%}.statLabelDD{font-size:clamp(10px,2vw,12px);color:#64748b;text-transform:uppercase;font-weight:600;margin-bottom:8px}.statValueDD{font-size:clamp(20px,4vw,32px);font-weight:700;color:#3b82f6;line-height:1}.statIconDD{background-color:#dbeafe;border-radius:12px;padding:clamp(8px,2vw,12px);display:flex;align-items:center;justify-content:center;min-width:50px;min-height:50px}@media(max-width:480px){.statsGridDD{grid-template-columns:repeat(2,1fr);gap:12px}.statCardDD{padding:14px;min-height:110px}.statValueDD{font-size:18px}.statIconDD{min-width:40px;min-height:40px}}@media(max-width:360px){.statsGridDD{grid-template-columns:repeat(2,1fr);gap:10px}.statCardDD{padding:12px;min-height:100px}.statValueDD{font-size:16px}.statIconDD{min-width:36px;min-height:36px}}.modalAlertDD{margin-bottom:20px;padding:12px 16px;border-radius:8px;font-size:14px;display:flex;align-items:center;gap:8px;animation:fadeIn .3s ease}.announcements-containerANN{max-width:1400px;margin:0 auto;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,#f0f9ff,#f0fdf4,#ecfdf5);min-height:100vh}.loading-spinnerANN{display:flex;justify-content:center;align-items:center;min-height:400px;font-size:1.2rem;color:#0891b2;background:#ffffffe6;border-radius:12px;padding:40px;box-shadow:0 4px 20px #00000014}.unauthorized-messageANN{text-align:center;background:#fff;padding:60px 40px;border-radius:16px;box-shadow:0 4px 20px #00000014;max-width:600px;margin:100px auto;border:1px solid #e2e8f0}.unauthorized-messageANN h2{color:#dc2626;margin:20px 0 10px;font-size:1.8rem}.unauthorized-messageANN p{color:#64748b;font-size:1rem;line-height:1.6}.dashboard-headerANN{display:flex;justify-content:center;align-items:center;margin-bottom:32px;padding:28px;background:linear-gradient(135deg,#0ea5e9,#0891b2);border-radius:16px;color:#fff;box-shadow:0 8px 30px #0ea5e94d}.header-actionsANN{display:flex;gap:16px}.btn-primaryANN{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:14px 28px;border-radius:10px;cursor:pointer;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:10px;transition:all .3s ease;box-shadow:0 4px 15px #10b9814d;white-space:nowrap}.btn-primaryANN:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 25px #10b98166;background:linear-gradient(135deg,#059669,#047857)}.btn-secondaryANN{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;padding:14px 28px;border-radius:10px;cursor:pointer;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:10px;transition:all .3s ease;box-shadow:0 4px 15px #3b82f64d;white-space:nowrap}.btn-secondaryANN:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 25px #3b82f666;background:linear-gradient(135deg,#1d4ed8,#1e40af)}.errorANN{background:linear-gradient(135deg,#fecaca,#fca5a5);color:#dc2626;padding:16px 24px;border-radius:10px;margin-bottom:24px;border:1px solid #f87171;display:flex;align-items:center;gap:12px;font-weight:500}.successANN{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669;padding:16px 24px;border-radius:10px;margin-bottom:24px;border:1px solid #34d399;display:flex;align-items:center;gap:12px;font-weight:500}.stats-sectionANN{background:#fff;border-radius:10px;padding:20px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a}.stats-headerANN{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #f0f0f0}.stats-headerANN h3{display:flex;align-items:center;gap:10px;color:#333;font-size:18px;font-weight:600}.btn-refresh-statsANN{background:#4caf50;color:#fff;border:none;padding:8px 16px;border-radius:5px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px;transition:background .3s}.btn-refresh-statsANN:hover:not(:disabled){background:#45a049}.btn-refresh-statsANN:disabled{opacity:.6;cursor:not-allowed}.stats-gridANN{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:20px}.stat-cardANN{background:#f8f9fa;border-radius:8px;padding:15px;display:flex;align-items:center;gap:15px;transition:transform .3s,box-shadow .3s}.stat-cardANN:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.stat-iconANN{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.total-statANN .stat-iconANN{background:#2196f3;color:#fff}.system-statANN .stat-iconANN{background:#4caf50;color:#fff}.department-statANN .stat-iconANN{background:#ff9800;color:#fff}.recent-statANN .stat-iconANN{background:#9c27b0;color:#fff}.high-priority-statANN .stat-iconANN{background:#f44336;color:#fff}.medium-priority-statANN .stat-iconANN{background:#ffc107;color:#fff}.stat-contentANN h4{color:#666;font-size:14px;margin:0 0 5px;font-weight:500}.stat-valueANN{color:#333;font-size:24px;font-weight:700;margin:0}.priority-distributionANN{background:#f8f9fa;border-radius:8px;padding:15px;margin-top:15px}.priority-distributionANN h4{display:flex;align-items:center;gap:10px;color:#333;font-size:16px;margin:0 0 15px;font-weight:600}.priority-barsANN{display:flex;flex-direction:column;gap:12px}.priority-barANN{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:10px 15px;border-radius:6px;box-shadow:0 1px 3px #0000001a}.priority-labelANN{display:flex;align-items:center;gap:10px;font-size:14px;color:#333}.priority-dotANN{width:12px;height:12px;border-radius:50%}.priority-dot-highANN{background:#f44336}.priority-dot-mediumANN{background:#ffc107}.priority-dot-lowANN{background:#4caf50}.priority-countANN{font-weight:600;color:#333;font-size:14px}.filters-sectionANN{background:#fff;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 4px 20px #0000000d;border:1px solid #e2e8f0}.filters-gridANN{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:20px}.filter-groupANN{display:flex;flex-direction:column;gap:8px}.filter-groupANN label{display:flex;align-items:center;gap:8px;color:#475569;font-size:.95rem;font-weight:600}.filter-selectANN,.search-inputANN{padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:all .3s ease;background:#f8fafc}.filter-selectANN:focus,.search-inputANN:focus{outline:none;border-color:#0ea5e9;background:#fff;box-shadow:0 0 0 3px #0ea5e91a}.search-groupANN{position:relative}.search-groupANN .search-inputANN{padding-left:44px}.clear-search-btnANN{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:#e2e8f0;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;transition:all .3s ease}.clear-search-btnANN:hover{background:#cbd5e1;color:#475569}.filter-actionsANN{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:1px solid #e2e8f0}.btn-clearANN{background:#f1f5f9;color:#475569;border:2px solid #cbd5e1;padding:10px 20px;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-clearANN:hover{background:#e2e8f0;border-color:#94a3b8}.btn-refreshANN{background:linear-gradient(135deg,#0ea5e9,#0891b2);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease}.btn-refreshANN:hover:not(:disabled){background:linear-gradient(135deg,#0891b2,#0c4a6e);transform:translateY(-2px)}.results-summaryANN{background:#fff;border-radius:12px;padding:16px 24px;margin-bottom:24px;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000d;display:flex;justify-content:space-between;align-items:center}.results-countANN{color:#475569;font-size:1rem;font-weight:500}.results-count-numberANN{font-size:1.5rem;font-weight:600;color:#007bff;margin-right:.5rem}.results-count-textANN{color:#6c757d;font-weight:500}.filter-textANN{color:#6c757d;font-size:.9rem;margin-left:.75rem;padding-left:.75rem;border-left:1px solid #dee2e6}.announcements-gridANN{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;margin-top:1.5rem}.announcement-cardANN{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #00000014;border:1px solid #e9ecef;transition:all .2s ease;display:flex;flex-direction:column;height:100%}.announcement-cardANN:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001f;border-color:#007bff}.card-headerANN{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.card-header-leftANN{display:flex;gap:.5rem;flex-wrap:wrap}.card-header-rightANN{display:flex;align-items:flex-start}.card-actionsANN{display:flex;gap:.5rem}.action-btnANN{padding:.4rem;border-radius:6px;border:1px solid #e9ecef;background:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.action-btnANN:hover{transform:scale(1.1)}.view-btnANN:hover{background:#e3f2fd;border-color:#2196f3;color:#2196f3}.edit-btnANN:hover{background:#fff3e0;border-color:#ff9800;color:#ff9800}.delete-btnANN:hover{background:#ffebee;border-color:#f44336;color:#f44336}.priority-badgeANN{padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:inline-flex;align-items:center;gap:6px;box-shadow:0 2px 4px #0000001a}.priority-badge-highANN{background:linear-gradient(135deg,#fecaca,#fca5a5);color:#dc2626}.priority-badge-mediumANN{background:linear-gradient(135deg,#fed7aa,#fdba74);color:#ea580c}.priority-badge-lowANN{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.type-badgeANN{padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:600;display:inline-flex;align-items:center;gap:6px}.type-badge-systemANN{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8}.type-badge-departmentANN{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);color:#0c4a6e}.card-titleANN{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.card-titleANN h3{font-size:1.1rem;font-weight:600;color:#2d3748;margin:0;flex:1;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;line-clamp:2;-webkit-box-orient:vertical}.card-contentANN{flex:1;margin-bottom:1.5rem}.card-contentANN p{color:#4a5568;line-height:1.6;margin:0 0 1rem;font-size:.95rem}.read-moreANN{background:none;border:none;color:#007bff;cursor:pointer;font-size:.9rem;padding:0;font-weight:500;transition:color .2s ease}.read-moreANN:hover{color:#0056b3;text-decoration:underline}.card-footerANN{border-top:1px solid #e9ecef;padding-top:1rem;margin-top:auto}.footer-infoANN{display:flex;flex-direction:column;gap:.75rem}.footer-itemANN{display:flex;align-items:center;gap:.5rem;color:#6c757d;font-size:.9rem}.footer-itemANN svg{flex-shrink:0;color:#adb5bd}.no-results-cardANN{grid-column:1 / -1;text-align:center;padding:4rem 2rem;background:#fff;border-radius:12px;border:2px dashed #e9ecef}.no-results-contentANN h3{margin:1rem 0 .5rem;color:#2d3748}.no-results-contentANN p{color:#6c757d;margin-bottom:1.5rem}.no-results-actionsANN{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.create-new-btnANN{background:#007bff;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:background .2s ease}.create-new-btnANN:hover{background:#0056b3}.reset-filters-btnANN{background:linear-gradient(135deg,#0ea5e9,#0891b2);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .3s ease}.reset-filters-btnANN:hover{background:linear-gradient(135deg,#0891b2,#0c4a6e);transform:translateY(-2px)}.modal-overlayANN{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeInANN .3s ease}@keyframes fadeInANN{0%{opacity:0}to{opacity:1}}.modal-contentANN{background:#fff;border-radius:20px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 80px #0000004d;animation:slideUpANN .4s ease}@keyframes slideUpANN{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-headerANN{display:flex;justify-content:space-between;align-items:center;padding:28px;border-bottom:2px solid #e2e8f0;background:linear-gradient(135deg,#f8fafc,#f0f9ff)}.modal-titleANN{display:flex;align-items:center;gap:12px;color:#0ea5e9;margin:0;font-size:1.8rem;font-weight:700}.modal-close-btnANN{background:#f1f5f9;border:none;color:#64748b;cursor:pointer;padding:10px;border-radius:8px;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.modal-close-btnANN:hover{background:#e2e8f0;color:#ef4444;transform:rotate(90deg)}.modal-messages-containerANN{padding:0 28px;margin-top:20px}.modal-errorANN{background:linear-gradient(135deg,#fecaca,#fca5a5);color:#dc2626;padding:12px 20px;border-radius:8px;border:1px solid #f87171;display:flex;align-items:center;gap:10px;font-weight:500}.modal-successANN{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669;padding:12px 20px;border-radius:8px;border:1px solid #34d399;display:flex;align-items:center;gap:10px;font-weight:500}.announcement-formANN{padding:28px}.type-selectionANN{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:28px}.type-optionANN{display:flex;align-items:center;gap:16px;padding:20px;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .3s ease;background:#f8fafc}.type-optionANN:hover{border-color:#0ea5e9;background:#fff}.type-optionANN input[type=radio]{width:20px;height:20px}.type-optionANN div h4{margin:0 0 4px;color:#1e293b;font-size:1.1rem}.type-optionANN div p{margin:0;color:#64748b;font-size:.9rem}.form-groupANN{margin-bottom:24px}.form-groupANN label{display:flex;align-items:center;gap:8px;color:#475569;font-size:1rem;font-weight:600;margin-bottom:8px}.form-groupANN input[type=text],.form-groupANN select,.form-groupANN textarea{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:all .3s ease;background:#f8fafc}.form-groupANN input[type=text]:focus,.form-groupANN select:focus,.form-groupANN textarea:focus{outline:none;border-color:#0ea5e9;background:#fff;box-shadow:0 0 0 3px #0ea5e91a}.form-groupANN textarea{resize:vertical;min-height:120px;line-height:1.6}.view-fieldANN{background:#f8fafc;padding:12px 16px;border-radius:8px;border:1px solid #e2e8f0;min-height:44px;display:flex;align-items:center}.title-viewANN{font-size:1.2rem;font-weight:600;color:#1e293b}.priority-viewANN{display:inline-flex;padding:6px 12px}.content-viewANN{min-height:200px;display:block;padding:16px;white-space:pre-wrap;line-height:1.8;color:#475569}.read-only-inputANN,.read-only-selectANN,.read-only-textareaANN{background:#f1f5f9!important;border-color:#cbd5e1!important;color:#64748b!important;cursor:not-allowed!important}.form-actionsANN{display:flex;justify-content:flex-end;gap:16px;padding-top:28px;border-top:1px solid #e2e8f0;margin-top:28px}.cancel-btnANN{background:#f1f5f9;color:#475569;border:2px solid #cbd5e1;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.cancel-btnANN:hover:not(:disabled){background:#e2e8f0;border-color:#94a3b8}.submit-btnANN{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:12px 32px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.submit-btnANN:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px)}.submit-edit-btnANN{background:linear-gradient(135deg,#0ea5e9,#0891b2)}.submit-edit-btnANN:hover:not(:disabled){background:linear-gradient(135deg,#0891b2,#0c4a6e)}.edit-from-view-btnANN{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease}.edit-from-view-btnANN:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-2px)}.delete-confirm-contentANN{background:#fff;border-radius:20px;padding:40px;width:90%;max-width:500px;box-shadow:0 25px 80px #0000004d;text-align:center}.delete-confirm-headerANN{margin-bottom:24px}.delete-warning-iconANN{color:#f59e0b;margin-bottom:16px}.delete-confirm-headerANN h3{color:#dc2626;margin:0;font-size:1.8rem;font-weight:700}.delete-confirm-messageANN{color:#475569;font-size:1.1rem;line-height:1.6;margin-bottom:32px}.delete-confirm-messageANN strong{color:#1e293b;font-weight:700}.delete-confirm-actionsANN{display:flex;justify-content:center;gap:16px}.cancel-delete-btnANN{background:#f1f5f9;color:#475569;border:2px solid #cbd5e1;padding:12px 32px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.cancel-delete-btnANN:hover{background:#e2e8f0;border-color:#94a3b8}.confirm-delete-btnANN{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:12px 32px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease}.confirm-delete-btnANN:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px)}.spinnerANN{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spinANN 1s ease-in-out infinite;margin-right:8px}@keyframes spinANN{to{transform:rotate(360deg)}}.ml-1ANN{margin-left:4px}@media(max-width:1024px){.dashboard-headerANN{flex-direction:column;gap:24px;align-items:stretch}.header-actionsANN{justify-content:flex-start}.filters-gridANN{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.announcements-containerANN{padding:16px}.dashboard-headerANN{padding:20px}.header-actionsANN{flex-direction:column}.btn-primaryANN,.btn-secondaryANN{width:100%;justify-content:center}.filters-gridANN,.announcements-gridANN{grid-template-columns:1fr}.results-summaryANN{flex-direction:column;align-items:flex-start;gap:1rem}.no-results-actionsANN{flex-direction:column}.type-selectionANN{grid-template-columns:1fr}.form-actionsANN{flex-direction:column}.form-actionsANN button{width:100%}.delete-confirm-actionsANN{flex-direction:column}.delete-confirm-actionsANN button{width:100%}.stats-gridANN{grid-template-columns:repeat(2,1fr)}.stats-headerANN{flex-direction:column;gap:10px;align-items:flex-start}}@media(max-width:480px){.dashboard-headerANN h1{font-size:1.6rem}.filters-sectionANN,.results-summaryANN{padding:16px}.modal-contentANN{padding:0}.modal-headerANN,.announcement-formANN{padding:20px}.delete-confirm-contentANN{padding:24px}.stats-gridANN{grid-template-columns:1fr}}.notifications-container{padding:20px;background:#f5f7fa;min-height:100vh}.notifications-header{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:20px 30px;border-radius:12px;margin-bottom:25px;box-shadow:0 4px 6px #0000001a}.header-left{display:flex;align-items:center;gap:20px}.header-icon{background:#fff3;padding:12px;border-radius:12px;display:flex;align-items:center;justify-content:center;position:relative}.header-unread-badge{position:absolute;top:-5px;right:-5px;background:#ef4444;color:#fff;font-size:11px;font-weight:600;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid #3b82f6}.notifications-header h1{margin:0 0 8px;font-size:28px;font-weight:600}.header-stats{display:flex;gap:10px;flex-wrap:wrap}.stat-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500;background:#ffffff1a}.stat-pill.total{color:#fff}.stat-pill.unread{background:#ef444433;color:#fee2e2}.stat-pill.read{background:#22c55e33;color:#dcfce7}.header-actions{display:flex;gap:12px;margin-top:20px}.refresh-btn,.mark-all-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.refresh-btn{background:#ffffff1a;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.refresh-btn:hover:not(:disabled){background:#fff3;transform:translateY(-1px)}.mark-all-btn{background:#10b981;color:#fff}.mark-all-btn:hover:not(:disabled){background:#0da271;transform:translateY(-1px)}.refresh-btn:disabled,.mark-all-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.error-message,.success-message{padding:15px 20px;border-radius:8px;margin-bottom:20px;display:flex;align-items:center;gap:12px;font-weight:500;animation:slideIn .3s ease}.error-message{background:#fee2e2;border:1px solid #fecaca;color:#dc2626}.success-message{background:#dcfce7;border:1px solid #bbf7d0;color:#16a34a}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 4px #0000000d;border-top:4px solid #3b82f6;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.stat-card.total{border-top-color:#3b82f6}.stat-card.unread{border-top-color:#ef4444}.stat-card.today{border-top-color:#10b981}.stat-card.high-priority{border-top-color:#f59e0b}.stat-card.action-required{border-top-color:#8b5cf6}.stat-content{display:flex;align-items:center;gap:20px}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.stat-card.total .stat-icon{background:#3b82f6}.stat-card.unread .stat-icon{background:#ef4444}.stat-card.today .stat-icon{background:#10b981}.stat-card.high-priority .stat-icon{background:#f59e0b}.stat-card.action-required .stat-icon{background:#8b5cf6}.stat-info h3{margin:0 0 5px;font-size:14px;color:#666;font-weight:500}.stat-value{margin:0;font-size:32px;font-weight:700;color:#333}.filters-section{background:#fff;padding:25px;border-radius:12px;margin-bottom:25px;box-shadow:0 2px 4px #0000000d}.filter-tabs{display:flex;gap:8px;margin-bottom:20px;border-bottom:1px solid #e9ecef;padding-bottom:15px}.filter-tab{padding:8px 20px;border:none;background:none;border-radius:6px;font-weight:500;cursor:pointer;color:#666;transition:all .2s}.filter-tab:hover{background:#f8f9fa;color:#333}.filter-tab.active{background:#3b82f6;color:#fff}.filter-actions{display:flex;gap:20px;flex-wrap:wrap}.filter-dropdown{display:flex;align-items:center;gap:8px;min-width:200px}.filter-dropdown svg{color:#666}.filter-select{flex:1;padding:10px 12px;border:1px solid #ddd;border-radius:8px;font-size:14px;transition:border-color .2s}.filter-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.notifications-list-container{background:#fff;padding:25px;border-radius:12px;box-shadow:0 2px 4px #0000000d}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;gap:15px}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.empty-state{text-align:center;padding:60px;color:#666}.empty-state svg{margin-bottom:16px;color:#9ca3af}.empty-state h3{margin:0 0 8px;font-size:18px;color:#333}.empty-state p{margin:0;font-size:14px}.notifications-list{display:flex;flex-direction:column;gap:10px}.notification-item{background:#f8f9fa;border-radius:8px;padding:20px;cursor:pointer;transition:all .2s;border-left:4px solid transparent}.notification-item:hover{background:#e9ecef;transform:translateY(-1px)}.notification-item.unread{background:#fff;border-left-color:#3b82f6;box-shadow:0 2px 4px #3b82f61a}.notification-item.priority-high{border-left-color:#ef4444}.notification-item.priority-medium{border-left-color:#f59e0b}.notification-item.priority-low{border-left-color:#10b981}.notification-content{display:flex;gap:16px;align-items:flex-start}.notification-icon{position:relative;display:flex;align-items:center;justify-content:center;min-width:40px}.unread-dot{position:absolute;top:-3px;right:-3px;width:10px;height:10px;background:#3b82f6;border-radius:50%;border:2px solid white}.notification-details{flex:1}.notification-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px;flex-wrap:wrap;gap:8px}.title-wrapper{display:flex;align-items:center;gap:8px}.notification-title{margin:0;font-size:16px;font-weight:600;color:#333}.title-unread-indicator{width:8px;height:8px;background:#3b82f6;border-radius:50%}.notification-header-right{display:flex;align-items:center;gap:12px}.read-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:500}.read-badge.unread{background:#dbeafe;color:#1d4ed8}.read-badge.read{background:#dcfce7;color:#166534}.unread-indicator{width:6px;height:6px;background:#1d4ed8;border-radius:50%}.notification-time{font-size:12px;color:#666;white-space:nowrap}.notification-message{margin:0 0 12px;font-size:14px;color:#555;line-height:1.5}.notification-meta{display:flex;gap:10px;flex-wrap:wrap}.notification-type,.notification-priority,.action-required-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:500}.notification-type.type-attendance{background:#dbeafe;color:#1d4ed8}.notification-type.type-leave{background:#dcfce7;color:#166534}.notification-type.type-employee{background:#ede9fe;color:#5b21b6}.notification-type.type-document{background:#fef3c7;color:#92400e}.notification-type.type-department{background:#fee2e2;color:#991b1b}.notification-type.type-organisation{background:#fce7f3;color:#9d174d}.notification-type.type-user{background:#e0e7ff;color:#3730a3}.notification-type.type-system{background:#f3f4f6;color:#4b5563}.notification-type.type-chat{background:#e0f2fe;color:#0c4a6e}.notification-priority.priority-high{background:#fee2e2;color:#991b1b}.notification-priority.priority-medium{background:#fef3c7;color:#92400e}.notification-priority.priority-low{background:#dcfce7;color:#166534}.action-required-badge{background:#fce7f3;color:#9d174d}.notification-actions{display:flex;gap:8px;margin-top:16px;justify-content:flex-end}.notification-actions button{padding:6px;border:none;border-radius:6px;cursor:pointer;transition:all .2s;background:none;display:flex;align-items:center;justify-content:center}.mark-read-btn{color:#10b981}.mark-read-btn:hover{background:#d1fae5}.mark-unread-btn{color:#3b82f6}.mark-unread-btn:hover{background:#dbeafe}.delete-btn{color:#ef4444}.delete-btn:hover{background:#fee2e2}.action-btn{color:#8b5cf6}.action-btn:hover{background:#ede9fe}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e9ecef}.modal-header h3{margin:0;font-size:18px;color:#333}.modal-close{background:none;border:none;color:#666;cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:background .2s}.modal-close:hover{background:#f5f5f5}.modal-body{padding:24px}.notification-detail-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.detail-icon{position:relative;display:flex;align-items:center;justify-content:center}.detail-unread-dot{position:absolute;top:-2px;right:-2px;width:10px;height:10px;background:#3b82f6;border-radius:50%;border:2px solid white}.detail-title h4{margin:0 0 4px;font-size:20px;color:#333}.detail-time{font-size:12px;color:#666}.detail-content{margin-bottom:24px}.detail-message{margin:0;font-size:15px;line-height:1.6;color:#555;background:#f8f9fa;padding:16px;border-radius:8px}.detail-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.meta-item{display:flex;flex-direction:column;gap:4px}.meta-item strong{font-size:12px;color:#666;font-weight:500}.type-badge,.priority-badge,.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:500;width:fit-content}.action-link{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#e0e7ff;color:#3730a3;border-radius:6px;text-decoration:none;font-size:13px;font-weight:500;transition:background .2s}.action-link:hover{background:#d1d5fa}.modal-footer{display:flex;justify-content:flex-end;gap:15px;padding:24px;border-top:1px solid #eee}.btn-secondary,.btn-primary,.btn-warning,.btn-danger{display:flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary{background:#f5f5f5;color:#333}.btn-secondary:hover{background:#e0e0e0}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover{background:#2563eb}.btn-warning{background:#f59e0b;color:#fff}.btn-warning:hover{background:#d97706}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}.confirmation-dialog{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog-content{background:#fff;border-radius:12px;padding:30px;max-width:400px;width:90%;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.dialog-header{text-align:center;margin-bottom:20px}.dialog-header svg{margin-bottom:12px;color:#3b82f6}.dialog-header h3{margin:0;font-size:20px;color:#333}.dialog-content p{margin:0 0 24px;text-align:center;color:#666;line-height:1.5}.dialog-actions{display:flex;gap:12px}.dialog-actions button{flex:1}@media(min-width:1024px){.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media(max-width:1024px)and (min-width:768px){.stats-grid{grid-template-columns:repeat(4,1fr)}.filter-actions{flex-direction:column}.filter-dropdown{min-width:100%}}@media(max-width:768px){.notifications-container{padding:15px}.notifications-header{padding:15px 20px}.header-left{flex-direction:column;align-items:flex-start;gap:15px}.header-stats{justify-content:flex-start}.header-actions{flex-direction:column;width:100%}.refresh-btn,.mark-all-btn{width:100%;justify-content:center}.stats-grid{grid-template-columns:repeat(2,1fr);gap:15px}.stat-card{padding:15px;min-height:120px}.stat-content{gap:12px}.stat-icon{width:36px;height:36px}.stat-value{font-size:24px}.filters-section{padding:20px}.filter-tabs{overflow-x:auto;padding-bottom:10px}.filter-tab{white-space:nowrap}.filter-actions{flex-direction:column;gap:15px}.filter-dropdown{min-width:100%}.notifications-list-container{padding:20px}.notification-header{flex-direction:column;align-items:flex-start;gap:8px}.notification-header-right{width:100%;justify-content:space-between}.modal-content{width:95%;margin:10px}.modal-header,.modal-body,.modal-footer{padding:15px}.detail-meta{grid-template-columns:1fr}}@media(max-width:480px){.notifications-container{padding:10px}.notifications-header h1{font-size:22px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stat-card{padding:12px;min-height:100px}.stat-content{gap:8px}.stat-icon{width:32px;height:32px;border-radius:8px}.stat-value{font-size:20px}.stat-info h3{font-size:12px}.notification-item{padding:15px}.notification-content{flex-direction:column;gap:12px}.notification-icon{align-self:flex-start}.notification-actions{justify-content:flex-start}.modal-content{width:95%;margin:10px}.dialog-content{padding:20px}.dialog-actions{flex-direction:column}.dialog-actions button{width:100%}}@media(max-width:320px){.stats-grid{grid-template-columns:1fr}.stat-card{min-height:90px}.header-stats{flex-direction:column;align-items:flex-start}.filter-tabs{flex-direction:column}}@media(max-width:768px)and (min-width:576px)and (orientation:landscape){.stats-grid{grid-template-columns:repeat(3,1fr)}.stat-card{min-height:100px}}@media(max-width:360px){.stat-value{font-size:18px}.stat-content{gap:6px}.stat-icon{width:28px;height:28px}}@media print{.notifications-header,.header-actions,.filters-section,.notification-actions,.modal-overlay,.confirmation-dialog{display:none!important}.stats-grid{grid-template-columns:repeat(3,1fr)!important;page-break-inside:avoid}.notification-item{break-inside:avoid;border:1px solid #ddd!important}}@media(prefers-color-scheme:dark){.notifications-container{background:#121212}.notifications-header{background:linear-gradient(135deg,#1e40af,#1e3a8a)}.stat-card,.filters-section,.notifications-list-container{background:#1e1e1e;color:#e0e0e0}.stat-value,.notification-title,.notification-details h4{color:#fff}.stat-info h3,.filter-tab,.notification-message,.notification-time{color:#b0b0b0}.notification-item{background:#252525}.notification-item:hover{background:#2d2d2d}.notification-item.unread{background:#1e1e1e}.filter-select{background:#2d2d2d;border-color:#404040;color:#e0e0e0}.detail-message{background:#252525;color:#d1d5db}}@media(prefers-reduced-motion:reduce){.stat-card,.refresh-btn,.mark-all-btn,.notification-item,.notification-actions button,.btn-secondary,.btn-primary,.btn-warning,.btn-danger{transition:none}.stat-card:hover,.notification-item:hover{transform:none}.spinner{animation-duration:2s}@keyframes slideIn{0%,to{opacity:1;transform:none}}}.departments-containerD{padding:20px;background-color:#f8fafc;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.dashboard-headerD{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:20px;background:linear-gradient(to right,#1e40af,#059669);border-radius:12px;color:#fff;box-shadow:0 4px 12px #0000001a}.dashboard-headerD h1{display:flex;align-items:center;gap:12px;margin:0;font-size:24px;font-weight:600}.add-btnD{display:flex;align-items:center;gap:8px;padding:10px 20px;background-color:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:8px;font-weight:500;font-size:14px;cursor:pointer;transition:background-color .2s}.add-btnD:hover{background-color:#ffffff4d}.errorD{background-color:#fee2e2;color:#dc2626;justify-content:center;align-items:center;padding:12px 16px;border-radius:8px;margin-bottom:20px;text-align:center;font-weight:500;border-left:4px solid #dc2626}.successD{background-color:#d1fae5;color:#065f46;padding:12px 16px;justify-content:center;align-items:center;border-radius:8px;margin-bottom:20px;text-align:center;font-weight:500;border-left:4px solid #10b981}.filter-sectionD{display:flex;gap:12px;margin-bottom:20px;align-items:center}.search-containerD{flex:1;position:relative;display:flex;align-items:center}.search-iconD{position:absolute;left:12px;color:#64748b}.search-inputD{width:100%;padding:12px 12px 12px 40px;border:1px solid #cbd5e1;border-radius:8px;font-size:14px;background-color:#fff;color:#1e293b}.search-inputD:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.clear-search-btnD{position:absolute;right:10px;background:none;border:none;cursor:pointer;color:#94a3b8;padding:4px}.clear-search-btnD:hover{color:#64748b}.filter-toggle-btnD{display:flex;align-items:center;gap:8px;padding:12px 16px;background-color:#3b82f6;color:#fff;border:none;border-radius:8px;font-weight:500;font-size:14px;cursor:pointer;white-space:nowrap}.filter-toggle-btnD:hover{background-color:#2563eb}.results-summaryD{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px 16px;background-color:#fff;border-radius:8px;border:1px solid #e2e8f0;font-size:14px}.results-countD{font-weight:500;color:#1e40af}.active-filtersD{display:flex;align-items:center;gap:6px;padding:6px 12px;background-color:#f0f9ff;border-radius:6px;color:#075985;font-weight:500;border:1px solid #bae6fd}.active-filtersD svg{color:#10b981;width:14px;height:14px}.departments-table-containerD{width:100%;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;border-collapse:collapse;border:1px solid #e2e8f0;font-size:13px;overflow-x:auto}.departments-tableD{width:100%;background-color:#fff;border-collapse:collapse;border:1px solid #e2e8f0;font-size:13px;table-layout:fixed}.departments-tableD thead{background-color:#f0f9ff}.departments-tableD th{padding:10px 8px;text-align:left;font-weight:600;color:#075985;font-size:11px;text-transform:uppercase;letter-spacing:.3px;border-bottom:1px solid #cbd5e1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.departments-tableD td{padding:8px;border-bottom:1px solid #e2e8f0;color:#1e293b;font-size:12px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.departments-tableD tbody tr:hover{background-color:#f8fafc}.departments-tableD tbody tr:last-child td{border-bottom:none}.dept-infoD{display:flex;align-items:center;gap:8px}.dept-avatarD{width:28px;height:28px;border-radius:4px;background-color:#f1f5f9;display:flex;align-items:center;justify-content:center;color:#64748b;border:1px solid #cbd5e1;font-size:12px}.dept-detailsD{display:flex;flex-direction:column;gap:3px}.dept-nameD{font-weight:600;color:#1e293b;font-size:12px;line-height:1.2}.dept-metaD{display:flex;gap:4px;flex-wrap:wrap}.status-badgeD{padding:3px 6px;border-radius:10px;font-size:9px;font-weight:600;text-transform:capitalize;display:inline-block;white-space:nowrap}.status-badge-activeD{background-color:#d1fae5;color:#065f46}.status-badge-inactiveD{background-color:#fee2e2;color:#dc2626}.ml-1D{margin-left:.25rem}.dept-codeD{font-family:Courier New,monospace;font-weight:600;color:#1e40af;font-size:11px;padding:4px 6px;background-color:#eff6ff;border-radius:4px;display:inline-block}.department-idD{font-family:Courier New,monospace;font-weight:600;color:#1e293b;font-size:11px}.department-infoD{display:flex;flex-direction:column;gap:1px;padding:4px;background-color:#f0f9ff;border-radius:4px;border-left:2px solid #10b981}.job-title-contentD{display:flex;align-items:center;gap:4px;color:#475569;font-size:11px;max-width:200px}.job-title-contentD svg{color:#f59e0b;width:10px;height:10px;flex-shrink:0}.hire-date-contentD{display:flex;align-items:center;gap:4px;color:#475569;font-size:11px}.hire-date-contentD svg{color:#8b5cf6;width:10px;height:10px;flex-shrink:0}.actionsD{display:flex;gap:4px;padding:6px 8px}.actionsD button{padding:4px;border:none;border-radius:3px;cursor:pointer;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.actionsD .editD{background-color:#dbeafe;color:#3b82f6}.actionsD .editD:hover{background-color:#bfdbfe}.actionsD .deleteD{background-color:#fee2e2;color:#ef4444}.actionsD .deleteD:hover{background-color:#fecaca}.actionsD svg{width:12px;height:12px}.no-results-contentD{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:#64748b}.no-results-contentD svg{color:#cbd5e1;margin-bottom:16px}.no-results-contentD h3{margin:0 0 8px;color:#475569;font-size:18px;font-weight:600}.no-results-contentD p{margin:0 0 16px;color:#64748b;font-size:14px}.reset-filters-btnD{padding:10px 20px;background-color:#3b82f6;color:#fff;border:none;border-radius:6px;font-weight:500;font-size:14px;cursor:pointer}.reset-filters-btnD:hover{background-color:#2563eb}.loading-spinnerD{display:flex;justify-content:center;align-items:center;height:200px;color:#0ea5e9;font-size:16px;font-weight:600}.modal-overlayD{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.modal-contentD{background-color:#fff;border-radius:12px;width:100%;max-width:900px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003}.modal-headerD{display:flex;justify-content:space-between;align-items:center;padding:20px;background:linear-gradient(to right,#1e40af,#059669);color:#fff;border-radius:12px 12px 0 0}.modal-headerD h2{margin:0;display:flex;align-items:center;gap:10px;font-size:20px}.modal-close-btnD{background:none;border:none;color:#fff;cursor:pointer;padding:5px;border-radius:6px;display:flex;align-items:center;justify-content:center}.modal-close-btnD:hover{background-color:#fff3}.department-formD{padding:20px}.form-sectionD{margin-bottom:24px}.form-sectionD h3{color:#1e40af;margin:0 0 16px;font-size:16px;font-weight:600;padding-bottom:8px;border-bottom:2px solid #e2e8f0}.section-titleD{display:flex;align-items:center;gap:8px}.form-gridD{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.form-groupD label{display:flex;align-items:center;gap:6px;font-weight:500;color:#475569;font-size:14px}.form-groupD input,.form-groupD select,.form-groupD textarea{padding:10px 12px;border:1px solid #cbd5e1;border-radius:6px;font-size:14px;color:#1e293b;background-color:#fff}.form-groupD input:focus,.form-groupD select:focus,.form-groupD textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.form-groupD input[type=date]{padding:9px 12px}.form-hintD{color:#64748b;font-size:12px;margin-top:4px}.form-actionsD{display:flex;justify-content:flex-end;gap:12px;padding-top:20px;border-top:1px solid #e2e8f0;margin-top:20px}.cancel-btnD{padding:10px 20px;background-color:#f1f5f9;color:#475569;border:1px solid #cbd5e1;border-radius:6px;font-weight:500;font-size:14px;cursor:pointer}.cancel-btnD:hover{background-color:#e2e8f0}.submit-btnD{padding:10px 20px;background-color:#3b82f6;color:#fff;border:none;border-radius:6px;font-weight:500;font-size:14px;cursor:pointer}.submit-btnD:hover{background-color:#2563eb}.submit-btnD:disabled{background-color:#94a3b8;cursor:not-allowed}.departments-table-containerD::-webkit-scrollbar{height:4px}.departments-table-containerD::-webkit-scrollbar-track{background:#f1f5f9}.departments-table-containerD::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.departments-table-containerD::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media(max-width:1024px){.filter-sectionD{flex-direction:column;align-items:stretch}.dashboard-headerD{flex-direction:column;gap:16px;text-align:center}}@media(max-width:768px){.departments-tableD{display:inline-block;font-size:11px}.departments-tableD th,.departments-tableD td{padding:6px;font-size:10px}.results-summaryD{flex-direction:column;gap:8px;align-items:flex-start;font-size:12px}.departments-containerD{padding:12px}.dashboard-headerD{padding:16px;margin-bottom:16px}.dashboard-headerD h1{font-size:20px}.modal-contentD{max-width:95%;margin:20px}.form-gridD{grid-template-columns:1fr}.modal-headerD,.department-formD{padding:16px}}.filter-sectionD{background:#fff;padding:20px;border-radius:12px;margin-bottom:20px;box-shadow:0 2px 4px #0000000d}.search-containerD{position:relative;margin-bottom:16px}.search-iconD{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#6b7280}.search-inputD{width:100%;padding:12px 48px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:all .3s}.search-inputD:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.clear-search-btnD{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.clear-search-btnD:hover{color:#374151}.filter-controlsD{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;align-items:end}.filter-groupD{display:flex;flex-direction:column;gap:6px}.filter-selectD{padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background:#fff;cursor:pointer;transition:all .3s}.filter-selectD:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.clear-filters-btnD{padding:10px 16px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#374151;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .3s}.clear-filters-btnD:hover{background:#e5e7eb;border-color:#9ca3af}.results-summaryD{display:flex;justify-content:space-between;align-items:center;padding:12px 0;margin-bottom:16px}.results-countD{font-size:14px;color:#374151;font-weight:500}.active-filtersD{display:flex;align-items:center;gap:8px;font-size:14px;color:#6b7280;padding:6px 12px;background:#f3f4f6;border-radius:6px}.table-headerD{display:flex;align-items:center;gap:8px}.sort-btnD{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.sort-btnD:hover{color:#374151}.organisation-infoD{display:flex;align-items:center;gap:6px;color:#374151}.description-contentD{display:flex;align-items:center;gap:6px;color:#6b7280}.status-badgeD{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:9999px;font-size:12px;font-weight:500}.status-badge-activeD{background:#d1fae5;color:#065f46}.status-badge-inactiveD{background:#fee2e2;color:#991b1b}.form-gridD{display:grid;gap:24px}.form-sectionD{padding:20px;background:#f9fafb;border-radius:8px}.section-titleD{display:flex;align-items:center;gap:8px;margin-bottom:20px;color:#374151}.form-rowD{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-groupD{display:flex;flex-direction:column;gap:6px}.form-groupD label{font-size:14px;font-weight:500;color:#374151;display:flex;align-items:center;gap:6px}.form-groupD input,.form-groupD select,.form-groupD textarea{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:all .3s}.form-groupD input:focus,.form-groupD select:focus,.form-groupD textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-groupD textarea{resize:vertical;min-height:80px}.form-hintD{font-size:12px;color:#6b7280;margin-top:2px}.form-actionsD{display:flex;justify-content:flex-end;gap:12px;padding:20px;border-top:1px solid #e5e7eb}.cancel-btnD{padding:10px 20px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#374151;cursor:pointer;transition:all .3s}.cancel-btnD:hover{background:#e5e7eb}.submit-btnD{padding:10px 20px;background:#3b82f6;border:none;border-radius:6px;font-size:14px;color:#fff;cursor:pointer;transition:all .3s}.submit-btnD:hover{background:#2563eb}.submit-btnD:disabled{background:#93c5fd;cursor:not-allowed}.delete-confirm-modalD{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.delete-confirm-contentD{background:#fff;padding:24px;border-radius:12px;max-width:400px;width:90%}.delete-confirm-actionsD{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.cancel-delete-btnD{padding:10px 20px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer}.cancel-delete-btnD:hover{background:#e5e7eb}.confirm-delete-btnD{padding:10px 20px;background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer}.confirm-delete-btnD:hover{background:#dc2626}@media(max-width:768px){.filter-controlsD,.form-rowD{grid-template-columns:1fr}.results-summaryD{flex-direction:column;align-items:flex-start;gap:8px}.table-headerD span{display:none}}.filter-sectionD{background:linear-gradient(135deg,#0ea5e9,#10b981);padding:24px;border-radius:12px;margin-bottom:24px;box-shadow:0 8px 25px #0ea5e933;position:relative;overflow:hidden}.filter-sectionD:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 1px,transparent 1px);background-size:20px 20px;opacity:.3;animation:float 20s linear infinite}@keyframes float{0%{transform:translate(0) rotate(0)}to{transform:translate(-10px,-10px) rotate(360deg)}}.modal-title-addD,.modal-title-editD,.modal-title-viewD{color:#e2e2e2}.read-only-inputD,.read-only-selectD,.read-only-textareaD{background-color:#f5f5f5;border-color:#e0e0e0;color:#666;cursor:not-allowed}.modal-messages-containerD{padding:0 24px;margin-bottom:16px}.modal-errorD{background-color:#ffebee;color:#c62828;padding:12px;border-radius:6px;margin-bottom:12px;border-left:4px solid #c62828}.modal-successD{background-color:#e8f5e9;color:#2e7d32;padding:12px;border-radius:6px;margin-bottom:12px;border-left:4px solid #4CAF50}.view-organisation-displayD,.view-status-displayD{margin-top:8px;padding:8px 12px;background:#f8f9fa;border-radius:4px;display:flex;align-items:center;gap:8px}.no-descriptionD{color:#999;font-style:italic;padding:8px;background:#f9f9f9;border-radius:4px;margin-top:4px}.submit-add-btnD{background-color:#4caf50}.submit-edit-btnD{background-color:#2196f3}.edit-from-view-btnD{background-color:#13532e;color:#fff;border:none;padding:12px 24px;border-radius:6px;cursor:pointer;font-weight:500;display:flex;align-items:center;gap:8px}.delete-confirm-headerD{display:flex;align-items:center;gap:12px;margin-bottom:16px}.delete-warning-iconD{color:#f44336}.delete-confirm-messageD{color:#666;line-height:1.5;margin-bottom:24px}.spinnerD{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}.users-dashboard-UU{min-height:100vh;background:linear-gradient(135deg,#f0f9ff,#f0fdf4);padding:1.5rem}.dashboard-header-UU{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #e5e7eb}.header-left-UU{display:flex;align-items:center;gap:1rem}.header-right-UU{display:flex;gap:.75rem;align-items:center}.refresh-btn-UU{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:linear-gradient(135deg,#38bdf8,#34d399);color:#fff;border:none;border-radius:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0ea5e933}.refresh-btn-UU:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0ea5e94d}.refresh-btn-UU:disabled{opacity:.7;cursor:not-allowed;transform:none}.refresh-icon-UU{width:18px;height:18px}.spinning-UU{animation:spin-UU 1s linear infinite}@keyframes spin-UU{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.export-btn-UU{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:linear-gradient(135deg,#0ea5e9,#10b981);color:#fff;border:none;border-radius:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.export-btn-UU:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0ea5e933}.export-icon-UU{width:18px;height:18px}.stats-grid-UU{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;margin-bottom:2rem}.stat-card-UU{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 2px 8px #0000000d;border:1px solid #e5e7eb;transition:all .3s ease}.stat-card-UU:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0ea5e91a;border-color:#0ea5e9}.stat-content-UU{display:flex;justify-content:space-between;align-items:flex-start}.stat-label-UU{color:#6b7280;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.stat-value-UU{font-size:2rem;font-weight:700;color:#111827;margin:0}.stat-icon-UU{width:48px;height:48px;border-radius:.75rem;display:flex;align-items:center;justify-content:center}.stat-icon-total-UU{background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff}.stat-icon-hr-UU{background:linear-gradient(135deg,#0ea5e9,#38bdf8);color:#fff}.stat-icon-hod-UU{background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff}.stat-icon-attendancemanager-UU{background:linear-gradient(135deg,#f97316,#fb923c);color:#fff}.stat-icon-employee-UU{background:linear-gradient(135deg,#10b981,#34d399);color:#fff}.stat-icon-active-UU{background:linear-gradient(135deg,#22c55e,#4ade80);color:#fff}.stat-icon-inactive-UU{background:linear-gradient(135deg,#6b7280,#9ca3af);color:#fff}.icon-medium-UU{width:24px;height:24px}.search-filter-section-UU{background:#fff;border-radius:1rem;padding:1.5rem;margin-bottom:2rem;box-shadow:0 2px 8px #0000000d;border:1px solid #e5e7eb}.filter-section-UU{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.search-container-UU{flex:1}.search-input-group-UU{position:relative;display:flex;align-items:center}.search-icon-UU{position:absolute;left:1rem;width:18px;height:18px;color:#6b7280;z-index:1}.search-input-UU{width:100%;padding:.75rem 1rem .75rem 2.75rem;border:2px solid #e5e7eb;border-radius:.75rem;font-size:.875rem;transition:all .2s ease;background:#f9fafb}.search-input-UU:focus{outline:none;border-color:#0ea5e9;background:#fff;box-shadow:0 0 0 3px #0ea5e91a}.search-input-UU:disabled{background:#f3f4f6;cursor:not-allowed}.clear-search-btn-UU{position:absolute;right:.75rem;background:none;border:none;color:#9ca3af;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center}.clear-search-btn-UU:hover{color:#ef4444}.clear-icon-UU{width:16px;height:16px}.filter-toggle-btn-UU{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#f0f9ff;border:2px solid #0ea5e9;border-radius:.75rem;color:#0ea5e9;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.filter-toggle-btn-UU:hover:not(:disabled){background:#e0f2fe;transform:translateY(-1px)}.filter-toggle-btn-UU:disabled{opacity:.5;cursor:not-allowed}.filter-toggle-icon-UU{width:18px;height:18px}.active-filter-count-UU{background:#0ea5e9;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.filter-controls-UU{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:1.5rem;padding:1.5rem;background:#f9fafb;border-radius:.75rem;border:1px solid #e5e7eb;animation:fadeIn-UU .3s ease}.filter-group-UU{display:flex;flex-direction:column;gap:.5rem}.filter-label-UU{display:flex;align-items:center;gap:.5rem;color:#374151;font-weight:500;font-size:.875rem}.filter-label-icon-UU{width:16px;height:16px;color:#0ea5e9}.filter-select-UU{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:.75rem;font-size:.875rem;background:#fff;color:#374151;cursor:pointer;transition:all .2s ease}.filter-select-UU:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a}.filter-select-UU:disabled{background:#f3f4f6;cursor:not-allowed}.sort-controls-UU{display:flex;gap:.5rem}.sort-select-UU{flex:1;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:.75rem;font-size:.875rem;background:#f9fafb;color:#374151;cursor:pointer;transition:all .2s ease}.sort-select-UU:focus{outline:none;border-color:#0ea5e9;background:#fff;box-shadow:0 0 0 3px #0ea5e91a}.sort-select-UU:disabled{background:#f3f4f6;cursor:not-allowed}.sort-order-btn-UU{padding:.75rem;background:#f0fdf4;border:2px solid #10b981;border-radius:.75rem;color:#059669;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.sort-order-btn-UU:hover{background:#d1fae5}.sort-order-btn-UU:disabled{opacity:.5;cursor:not-allowed}.filter-actions-UU{display:flex;gap:.75rem;align-items:flex-end}.clear-filters-btn-UU{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#f3f4f6;border:2px solid #d1d5db;border-radius:.75rem;color:#374151;font-weight:500;cursor:pointer;transition:all .2s ease}.clear-filters-btn-UU:hover:not(:disabled){background:#e5e7eb}.clear-filters-btn-UU:disabled{opacity:.5;cursor:not-allowed}.clear-filters-icon-UU{width:16px;height:16px}.results-summary-UU{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-top:1px solid #e5e7eb}.results-count-UU{color:#6b7280;font-size:.875rem}.active-filters-UU{display:flex;align-items:center;gap:.5rem;color:#0ea5e9;font-size:.875rem;font-weight:500}.active-filters-icon-UU{width:14px;height:14px}.users-table-container-UU{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 2px 8px #0000000d;border:1px solid #e5e7eb}.table-header-UU{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.table-title-UU{font-size:1.25rem;font-weight:600;color:#111827;margin:0}.table-count-UU{color:#6b7280;font-size:.875rem}.loading-container-UU{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.loading-spinner-UU{width:48px;height:48px;color:#0ea5e9;animation:spin-UU 1s linear infinite;margin-bottom:1rem}.loading-text-UU{color:#374151;font-weight:500;margin-bottom:.5rem}.loading-subtext-UU{color:#9ca3af;font-size:.875rem}.table-wrapper-UU{overflow-x:auto;border-radius:.75rem;border:1px solid #e5e7eb}.users-table-UU{width:100%;border-collapse:collapse;min-width:1000px}.table-header-row-UU{background:#f0f9ff}.table-header-cell-UU{padding:1rem;text-align:left;font-weight:600;color:#374151;font-size:.875rem;border-bottom:2px solid #e5e7eb;white-space:nowrap}.table-row-UU{border-bottom:1px solid #f3f4f6;transition:all .2s ease}.table-row-UU:hover{background:#f9fafb}.table-cell-UU{padding:1rem;font-size:.875rem}.user-info-UU{display:flex;align-items:center;gap:.75rem}.user-avatar-UU{width:40px;height:40px;background:linear-gradient(135deg,#38bdf8,#34d399);border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:#fff}.avatar-icon-UU{width:20px;height:20px}.user-details-UU{display:flex;flex-direction:column}.user-name-UU{font-weight:500;color:#111827}.user-department-UU{font-size:.75rem;color:#6b7280;margin-top:.125rem}.role-badge-UU{display:inline-block;padding:.25rem .75rem;border-radius:.5rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.role-hr-UU{background:#f0f9ff;color:#0ea5e9;border:1px solid #38bdf8}.role-hod-UU{background:#faf5ff;color:#8b5cf6;border:1px solid #c4b5fd}.role-attendancemanager-UU{background:#ffedd5;color:#ea580c;border:1px solid #fdba74}.role-employee-UU{background:#f0fdf4;color:#059669;border:1px solid #34d399}.role-default-UU{background:#f3f4f6;color:#6b7280;border:1px solid #d1d5db}.email-cell-UU{display:flex;align-items:center;gap:.5rem}.email-icon-UU{width:16px;height:16px;color:#6b7280}.email-text-UU{color:#374151}.status-badge-UU{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:.5rem;font-size:.75rem;font-weight:500}.status-bg-active-UU{background:#f0fdf4}.status-border-active-UU{border:1px solid #34d399}.status-active-UU{color:#059669}.status-bg-inactive-UU{background:#fef2f2}.status-border-inactive-UU{border:1px solid #fca5a5}.status-inactive-UU{color:#dc2626}.status-icon-UU{width:14px;height:14px}.employee-code-badge-UU{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:#f0f9ff;border:1px solid #38bdf8;border-radius:.5rem;color:#0ea5e9;font-size:.75rem;font-weight:500}.code-icon-UU{width:12px;height:12px}.no-code-UU{color:#9ca3af;font-style:italic}.created-date-UU{color:#6b7280;font-size:.75rem}.action-buttons-UU{display:flex;gap:.5rem}.action-btn-UU{width:32px;height:32px;border:none;border-radius:.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.action-btn-UU:disabled{opacity:.5;cursor:not-allowed}.view-btn-UU{background:#f0f9ff;color:#0ea5e9}.view-btn-UU:hover:not(:disabled){background:#e0f2fe;transform:translateY(-1px)}.edit-btn-UU{background:#f0fdf4;color:#10b981}.edit-btn-UU:hover:not(:disabled){background:#dcfce7;transform:translateY(-1px)}.delete-btn-UU{background:#fef2f2;color:#ef4444}.delete-btn-UU:hover:not(:disabled){background:#fee2e2;transform:translateY(-1px)}.action-icon-UU{width:16px;height:16px}.no-results-UU{display:flex;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.no-results-content-UU{max-width:320px}.no-results-icon-UU{width:64px;height:64px;color:#9ca3af;margin:0 auto 1rem}.no-results-title-UU{color:#374151;font-weight:600;margin-bottom:.5rem}.no-results-text-UU{color:#6b7280;font-size:.875rem;margin-bottom:1.5rem}.reset-filters-btn-UU{padding:.625rem 1.5rem;background:linear-gradient(135deg,#0ea5e9,#10b981);color:#fff;border:none;border-radius:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.reset-filters-btn-UU:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0ea5e933}.modal-overlay-UU{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-container-UU{background:#fff;border-radius:1rem;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a;animation:modalSlideIn-UU .3s ease}@keyframes modalSlideIn-UU{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header-UU{padding:1.5rem;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.modal-title-UU{font-size:1.25rem;font-weight:600;color:#111827;margin:0}.modal-close-btn-UU{background:none;border:none;color:#9ca3af;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.modal-close-btn-UU:hover{color:#374151}.modal-close-btn-UU:disabled{opacity:.5;cursor:not-allowed}.close-icon-UU{width:20px;height:20px}.modal-body-UU{padding:1.5rem}.view-modal-UU{max-width:600px}.user-profile-header-UU{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.user-profile-avatar-UU{width:64px;height:64px;background:linear-gradient(135deg,#0ea5e9,#10b981);border-radius:1rem;display:flex;align-items:center;justify-content:center;color:#fff}.profile-avatar-icon-UU{width:32px;height:32px}.user-profile-info-UU{flex:1}.profile-name-UU{font-size:1.5rem;font-weight:600;color:#111827;margin:0 0 .5rem}.profile-badges-UU{display:flex;gap:.5rem}.user-details-grid-UU{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.detail-item-UU{margin-bottom:1rem}.detail-label-UU{display:block;color:#6b7280;font-size:.875rem;font-weight:500;margin-bottom:.375rem}.detail-value-UU{display:flex;align-items:center;gap:.5rem;color:#374151;font-size:.875rem}.detail-icon-UU{width:16px;height:16px;color:#0ea5e9}.form-group-UU{margin-bottom:1.25rem}.form-label-UU{display:block;color:#374151;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.form-input-UU{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:.75rem;font-size:.875rem;transition:all .2s ease;background:#f9fafb}.form-input-UU:focus{outline:none;border-color:#0ea5e9;background:#fff;box-shadow:0 0 0 3px #0ea5e91a}.form-input-UU:disabled{background:#f3f4f6;cursor:not-allowed}.form-select-UU{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:.75rem;font-size:.875rem;background:#f9fafb;color:#374151;cursor:pointer;transition:all .2s ease}.form-select-UU:focus{outline:none;border-color:#0ea5e9;background:#fff;box-shadow:0 0 0 3px #0ea5e91a}.form-select-UU:disabled{background:#f3f4f6;cursor:not-allowed}.radio-group-UU{display:flex;gap:1.5rem}.radio-label-UU{display:flex;align-items:center;gap:.5rem;cursor:pointer}.radio-input-UU{width:18px;height:18px;accent-color:#0ea5e9}.radio-text-UU{color:#374151;font-size:.875rem}.password-section-UU{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.section-title-UU{font-size:1rem;font-weight:600;color:#374151;margin-bottom:1rem}.password-fields-UU{display:flex;flex-direction:column;gap:1rem}.input-hint-UU{color:#9ca3af;font-size:.75rem;margin-top:.25rem}.modal-footer-UU{padding:1.5rem;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:.75rem}.cancel-btn-UU{padding:.625rem 1.5rem;background:#f3f4f6;border:2px solid #d1d5db;border-radius:.75rem;color:#374151;font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-btn-UU:hover:not(:disabled){background:#e5e7eb}.cancel-btn-UU:disabled{opacity:.5;cursor:not-allowed}.update-btn-UU{padding:.625rem 1.5rem;background:linear-gradient(135deg,#0ea5e9,#10b981);color:#fff;border:none;border-radius:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.update-btn-UU:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #0ea5e933}.update-btn-UU:disabled{opacity:.5;cursor:not-allowed}.btn-loading-UU{display:flex;align-items:center;gap:.5rem}.btn-spinner-UU{width:16px;height:16px;animation:spin-UU 1s linear infinite}.delete-modal-UU{max-width:400px}.delete-icon-container-UU{display:flex;justify-content:center;margin-bottom:1.5rem}.delete-icon-wrapper-UU{width:64px;height:64px;background:linear-gradient(135deg,#fee2e2,#fecaca);border-radius:50%;display:flex;align-items:center;justify-content:center}.delete-icon-UU{width:32px;height:32px;color:#dc2626}.delete-message-UU{text-align:center;color:#374151;font-weight:500;margin-bottom:1rem}.delete-user-info-UU{text-align:center;margin-bottom:1.5rem}.delete-user-name-UU{font-size:1.125rem;font-weight:600;color:#111827;margin-bottom:.25rem}.delete-user-email-UU{color:#6b7280;font-size:.875rem}.delete-warning-UU{text-align:center;color:#9ca3af;font-size:.875rem;margin-bottom:1.5rem}.delete-confirm-btn-UU{padding:.625rem 1.5rem;background:linear-gradient(135deg,#ef4444,#f87171);color:#fff;border:none;border-radius:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.delete-confirm-btn-UU:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #ef444433}.delete-confirm-btn-UU:disabled{opacity:.5;cursor:not-allowed}.error-modal-UU{max-width:400px}.modal-header-UU.error{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#fca5a5}.modal-header-UU.warning{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#fbbf24}.modal-header-UU.info{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#60a5fa}.error-header-content-UU{display:flex;align-items:center;justify-content:space-between;width:100%}.error-icon-wrapper-UU{display:flex;align-items:center;gap:.5rem}.error-icon-UU{width:20px;height:20px}.modal-header-UU.error .error-icon-UU{color:#dc2626}.modal-header-UU.warning .error-icon-UU{color:#d97706}.modal-header-UU.info .error-icon-UU{color:#1d4ed8}.error-message-UU{color:#374151;line-height:1.5;margin-bottom:1.5rem}.ok-btn-UU{padding:.625rem 1.5rem;background:#f3f4f6;border:2px solid #d1d5db;border-radius:.75rem;color:#374151;font-weight:500;cursor:pointer;transition:all .2s ease}.ok-btn-UU.error{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.ok-btn-UU.warning{background:#fef3c7;border-color:#fbbf24;color:#d97706}.ok-btn-UU.info{background:#dbeafe;border-color:#60a5fa;color:#1d4ed8}.ok-btn-UU:hover{transform:translateY(-1px)}@keyframes fadeIn-UU{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.users-dashboard-UU{padding:1rem}.dashboard-header-UU{flex-direction:column;align-items:flex-start;gap:1rem}.header-right-UU{width:100%;justify-content:flex-end}.stats-grid-UU{grid-template-columns:repeat(2,1fr)}.search-filter-grid-UU{grid-template-columns:1fr}.filter-buttons-row-UU{flex-direction:column;align-items:stretch}.filter-button-group-UU{flex-direction:column;align-items:flex-start;gap:.5rem}.filter-footer-UU{flex-direction:column;gap:1rem;align-items:stretch}.filter-actions-UU{flex-direction:column}.user-details-grid-UU{grid-template-columns:1fr}.filter-section-UU{flex-direction:column;align-items:stretch}.filter-controls-UU{grid-template-columns:1fr}.filter-actions-UU{flex-direction:column;align-items:stretch}.results-summary-UU{flex-direction:column;align-items:flex-start;gap:.5rem}}@media(max-width:640px){.stats-grid-UU{grid-template-columns:1fr}.radio-group-UU{flex-direction:column;gap:.75rem}.modal-footer-UU{flex-direction:column}}@media(max-width:1199px)and (min-width:992px){.stats-grid-UU{grid-template-columns:repeat(3,1fr)}}@media(max-width:991px)and (min-width:768px){.stats-grid-UU{grid-template-columns:repeat(3,minmax(150px,1fr));gap:15px}.stat-card-UU{padding:15px;gap:12px}.stat-icon-UU{width:36px;height:36px;min-width:36px}.stat-value-UU{font-size:24px}}@media(max-width:767px)and (min-width:576px){.users-dashboard-UU{padding:10px}.stats-grid-UU{grid-template-columns:repeat(2,minmax(140px,1fr));gap:15px}.stat-card-UU{padding:15px;gap:12px;min-height:100px}.stat-icon-UU{width:36px;height:36px;min-width:36px}.stat-value-UU{font-size:22px}.stat-label-UU{font-size:13px}.stat-content-UU{flex-direction:column;gap:10px}}@media(max-width:575px){.users-dashboard-UU{padding:8px}.stats-grid-UU{grid-template-columns:repeat(2,minmax(120px,1fr));gap:12px}.stat-card-UU{padding:12px;gap:10px;min-height:90px}.stat-icon-UU{width:32px;height:32px;min-width:32px;border-radius:8px}.stat-value-UU{font-size:20px}.stat-label-UU{font-size:12px;margin-bottom:3px}}@media(max-width:360px){.stats-grid-UU{grid-template-columns:repeat(2,minmax(110px,1fr));gap:10px}.stat-card-UU{flex-direction:column;text-align:center;gap:8px;padding:10px;min-height:85px}.stat-icon-UU{margin:0 auto}.stat-label-UU{font-size:11px}.stat-value-UU{font-size:18px}}@media(max-width:320px){.stats-grid-UU{grid-template-columns:repeat(2,minmax(100px,1fr));gap:8px}.stat-card-UU{padding:8px;min-height:80px}.stat-icon-UU{width:28px;height:28px}.stat-value-UU{font-size:16px}.stat-label-UU{font-size:10px}}@media(prefers-reduced-motion:reduce){.stat-card-UU,.refresh-btn-UU,.export-btn-UU,.action-btn-UU{transition:none}.stat-card-UU:hover{transform:none}}@media(prefers-contrast:high){.stat-card-UU{border:2px solid currentColor}.users-table th{border-bottom:2px solid currentColor}.users-table td{border-bottom:1px solid currentColor}}@media(prefers-color-scheme:dark){.users-dashboard-UU{background:#121212}.stat-card-UU,.search-filter-section-UU,.users-table-container-UU,.modal-container-UU{background:#1e1e1e;color:#e0e0e0}.search-input-UU,.filter-select-UU,.form-input-UU,.form-select-UU{background:#2d2d2d;border-color:#404040;color:#e0e0e0}.stat-value-UU{color:#fff}.stat-label-UU{color:#b0b0b0}.users-table th{background:#252525;color:#b0b0b0}.users-table tbody tr:hover{background:#252525}}.employee-id-cards-container{padding:16px}@media screen and (max-width:1200px){.employee-id-cards-container{padding:12px}}@media screen and (max-width:768px){.employee-id-cards-container{padding:8px}}@media screen and (max-width:992px){.ant-table{font-size:14px}.ant-table-thead>tr>th{padding:8px!important}.ant-table-tbody>tr>td{padding:8px!important}}@media screen and (max-width:768px){.ant-table-wrapper{overflow-x:auto}.ant-table{min-width:800px}.ant-table-thead>tr>th{font-size:13px}.ant-table-tbody>tr>td{font-size:13px}}@media screen and (max-width:768px){.ant-statistic-title{font-size:14px}.ant-statistic-content{font-size:20px}}@media screen and (max-width:992px){.ant-card-body{padding:16px}}@media screen and (max-width:768px){.ant-card-body{padding:12px}.ant-col-xs-24{margin-bottom:12px}}@media screen and (max-width:768px){.ant-modal{max-width:calc(100vw - 32px);margin:16px auto}.ant-modal-content{padding:16px}.ant-modal-header{padding:16px 16px 0}.ant-modal-body,.ant-modal-footer{padding:16px}.card-container{transform:scale(.9);margin:-10px auto!important}}@media screen and (max-width:576px){.card-container{transform:scale(.8);margin:-20px auto!important}}@media screen and (max-width:576px){.qr-display{padding:12px!important}.qr-display img{max-width:150px;max-height:150px}}@media screen and (max-width:768px){.ant-alert{padding:8px 12px}.ant-alert-message{font-size:14px}.ant-alert-description{font-size:13px}}@media screen and (max-width:768px){.ant-typography{word-break:break-word}.ant-title{font-size:18px!important}h2.ant-typography{font-size:20px!important}h3.ant-typography{font-size:18px!important}}@media screen and (max-width:768px){.ant-btn{padding:4px 8px;font-size:13px;height:auto}.ant-btn-lg{padding:6px 12px;font-size:14px}.ant-btn-sm{padding:2px 6px;font-size:12px}}@media screen and (max-width:768px){.ant-space{gap:8px!important}.ant-space-item{margin-bottom:4px}}@media screen and (max-width:768px){.ant-tag{padding:2px 6px;font-size:12px;line-height:1.4}}@media screen and (max-width:768px){.ant-avatar{width:24px;height:24px;line-height:24px}.ant-avatar-string{font-size:12px}}@media screen and (max-width:768px){.ant-divider{margin:12px 0}}@media screen and (max-width:768px){.ant-badge-count{font-size:10px;height:18px;min-width:18px;padding:0 4px}}@media screen and (max-width:768px){.ant-input{padding:6px 8px;font-size:14px}.ant-select-selector{padding:6px 8px!important}.ant-select-selection-item{font-size:14px}}@media screen and (max-width:768px){.ant-row{margin-left:-8px!important;margin-right:-8px!important}.ant-col{padding-left:8px!important;padding-right:8px!important}}@media screen and (max-width:992px){.ant-table td:nth-last-child(2),.ant-table th:nth-last-child(2){max-width:200px}}@media print{.no-print{display:none!important}.card-container{transform:scale(1)!important;margin:0 auto!important}}@media screen and (max-width:480px){.employee-id-cards-container{padding:4px}.ant-table-column-title{font-size:12px}.ant-modal-footer .ant-btn{margin-bottom:8px;width:100%}.ant-card{margin-bottom:12px}.ant-statistic{text-align:center}}@media screen and (min-width:769px)and (max-width:1024px){.card-container{transform:scale(.9);margin:0 auto}.ant-modal{width:90%!important}}@media screen and (min-resolution:120dpi)and (max-width:768px){.ant-table{font-size:15px}.ant-btn{font-size:14px}}@media screen and (max-width:768px)and (orientation:landscape){.ant-table{min-width:600px}.card-container{transform:scale(.7);margin:-30px auto}}.responsive-text{font-size:clamp(12px,2vw,14px)}.responsive-title{font-size:clamp(16px,3vw,24px)!important}.responsive-button{padding:clamp(4px,1vw,8px) clamp(8px,2vw,16px)!important}.responsive-card{margin-bottom:clamp(8px,2vw,20px)!important}.responsive-overflow{overflow-x:auto;-webkit-overflow-scrolling:touch}@media(hover:none)and (pointer:coarse){.ant-btn{min-height:44px}.ant-select-selector{min-height:44px;display:flex;align-items:center}.ant-input{min-height:44px}.ant-table-row{min-height:50px}}.audit-logs-container-AL{padding:20px;background:#f5f7fa;min-height:100vh}.audit-logs-header-AL{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px 30px;border-radius:12px;margin-bottom:25px;box-shadow:0 4px 6px #0000001a}.header-left-AL{display:flex;align-items:center;gap:20px}.header-icon-AL{background:#fff3;padding:12px;border-radius:12px;display:flex;align-items:center;justify-content:center}.audit-logs-header-AL h1{margin:0 0 8px;font-size:28px;font-weight:600}.header-subtitle-AL{margin:0;font-size:14px;opacity:.9}.header-actions-AL{display:flex;gap:12px;margin-top:20px}.refresh-btn-AL,.export-btn-AL{display:flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.refresh-btn-AL{background:#ffffff1a;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.refresh-btn-AL:hover:not(:disabled){background:#fff3;transform:translateY(-1px)}.export-btn-AL{background:#4caf50;color:#fff}.export-btn-AL:hover:not(:disabled){background:#45a049;transform:translateY(-1px)}.refresh-btn-AL:disabled,.export-btn-AL:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.stats-grid-AL{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card-AL{background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 4px #0000000d;border-top:4px solid #667eea;transition:transform .2s,box-shadow .2s}.stat-card-AL:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.stat-card-AL.total-AL{border-top-color:#667eea}.stat-card-AL.today-AL{border-top-color:#4caf50}.stat-card-AL.creates-AL{border-top-color:#10b981}.stat-card-AL.uploads-AL{border-top-color:#0ea5e9}.stat-card-AL.approvals-AL{border-top-color:#10b981}.stat-card-AL.rejects-AL{border-top-color:#ef4444}.stat-card-AL.views-AL{border-top-color:#3b82f6}.stat-content-AL{display:flex;align-items:center;gap:20px}.stat-icon-AL{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.stat-card-AL.total-AL .stat-icon-AL{background:#667eea}.stat-card-AL.today-AL .stat-icon-AL{background:#4caf50}.stat-card-AL.creates-AL .stat-icon-AL{background:#10b981}.stat-card-AL.uploads-AL .stat-icon-AL{background:#0ea5e9}.stat-card-AL.approvals-AL .stat-icon-AL{background:#10b981}.stat-card-AL.rejects-AL .stat-icon-AL{background:#ef4444}.stat-card-AL.views-AL .stat-icon-AL{background:#3b82f6}.stat-info-AL h3{margin:0 0 5px;font-size:14px;color:#666;font-weight:500}.stat-value-AL{margin:0;font-size:32px;font-weight:700;color:#333}.stat-subtext-AL{margin:4px 0 0;font-size:12px;color:#888}.filters-section-AL{background:#fff;padding:25px;border-radius:12px;margin-bottom:25px;box-shadow:0 2px 4px #0000000d}.search-container-AL{margin-bottom:20px}.search-input-group-AL{position:relative;display:flex;align-items:center}.search-icon-AL{position:absolute;left:12px;color:#999}.search-input-AL{width:100%;padding:12px 12px 12px 40px;border:1px solid #ddd;border-radius:8px;font-size:14px;transition:border-color .2s}.search-input-AL:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.clear-search-btn-AL{position:absolute;right:12px;background:none;border:none;color:#999;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center}.clear-search-btn-AL:hover{background:#0000001a}.filter-controls-AL{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:20px}.filter-group-AL{display:flex;flex-direction:column;gap:8px}.filter-label-AL{font-weight:500;color:#555;font-size:14px;display:flex;align-items:center;gap:8px}.filter-select-AL{padding:10px 12px;border:1px solid #ddd;border-radius:8px;font-size:14px;transition:border-color .2s}.filter-select-AL:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.filter-actions-AL{display:flex;align-items:flex-end}.clear-filters-btn-AL{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#f5f5f5;color:#333;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:background .2s;width:100%;justify-content:center}.clear-filters-btn-AL:hover:not(:disabled){background:#e0e0e0}.clear-filters-btn-AL:disabled{opacity:.6;cursor:not-allowed}.date-range-section-AL{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;align-items:end}.custom-date-range-AL{grid-column:1 / -1}.date-input-group-AL{display:flex;align-items:center;gap:12px}.date-input-AL{padding:10px 12px;border:1px solid #ddd;border-radius:8px;font-size:14px;flex:1}.date-separator-AL{color:#666;font-size:14px}.results-summary-AL{background:#fff;padding:15px 20px;border-radius:8px;margin-bottom:15px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.results-count-AL{font-weight:500;color:#333}.active-filters-AL{font-size:12px;color:#666;display:flex;align-items:center;gap:4px;flex-wrap:wrap}.audit-logs-table-container-AL{background:#fff;padding:25px;border-radius:12px;box-shadow:0 2px 4px #0000000d}.table-header-AL{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.table-title-AL{margin:0;font-size:20px;color:#333;display:flex;align-items:center;gap:12px}.table-count-AL{color:#666;font-size:14px;background:#f8f9fa;padding:6px 12px;border-radius:20px}.loading-container-AL{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;gap:15px}.loading-spinner-AL{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}.loading-text-AL{margin:0;font-weight:500;color:#333}.loading-subtext-AL{margin:0;font-size:14px;color:#666}.table-wrapper-AL{overflow-x:auto;border-radius:8px;border:1px solid #e9ecef}.audit-logs-table-AL{width:100%;border-collapse:collapse;min-width:1000px}.table-header-row-AL{background:#f8f9fa}.table-header-cell-AL{padding:16px;text-align:left;font-weight:600;color:#555;border-bottom:2px solid #e9ecef;font-size:14px;white-space:nowrap}.sort-header-btn-AL{background:none;border:none;font:inherit;color:inherit;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:4px;padding:0}.sort-header-btn-AL:hover{color:#667eea}.table-row-AL:hover{background:#f8f9fa}.table-cell-AL{padding:16px;border-bottom:1px solid #e9ecef;font-size:14px;vertical-align:middle}.timestamp-cell-AL{display:flex;align-items:center;gap:12px;min-width:180px}.timestamp-relative-AL{font-weight:500;color:#333;margin-bottom:2px}.timestamp-full-AL{font-size:12px;color:#666}.action-badge-AL{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500;border:1px solid;white-space:nowrap}.component-cell-AL{display:flex;align-items:center;gap:8px}.entity-cell-AL{min-width:200px}.entity-name-AL{font-weight:500;color:#333;margin-bottom:4px}.details-cell-AL{min-width:250px;max-width:300px}.details-content-AL{background:#f8f9fa;padding:8px 12px;border-radius:6px;font-size:13px}.detail-item-AL{margin-bottom:4px;display:flex;gap:4px}.detail-item-AL:last-child{margin-bottom:0}.detail-key-AL{font-weight:500;color:#555}.detail-value-AL{color:#666;flex:1}.no-details-AL{color:#999;font-style:italic}.log-actions-AL{display:flex;gap:8px}.view-log-btn-AL{padding:8px;border:none;border-radius:6px;cursor:pointer;transition:all .2s;background:none;color:#1976d2;display:flex;align-items:center;justify-content:center}.view-log-btn-AL:hover{background:#e3f2fd}.no-results-AL{text-align:center;padding:60px;color:#666}.no-results-content-AL{display:flex;flex-direction:column;align-items:center;gap:16px}.no-results-title-AL{margin:0;font-size:18px;color:#333}.no-results-text-AL{margin:0 0 20px;font-size:14px}.reset-filters-btn-AL{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#667eea;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:background .2s}.reset-filters-btn-AL:hover{background:#5a6fd8}.modal-overlay-AL{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content-AL{background:#fff;border-radius:12px;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-header-AL{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e9ecef}.modal-header-AL h3{margin:0;font-size:18px;color:#333;display:flex;align-items:center;gap:12px}.modal-close-AL{background:none;border:none;color:#666;cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:background .2s}.modal-close-AL:hover{background:#f5f5f5}.modal-body-AL{padding:24px}.log-detail-grid-AL{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.detail-section-AL{background:#f8f9fa;padding:20px;border-radius:8px}.detail-section-AL.full-width-AL{grid-column:1 / -1}.detail-section-title-AL{margin:0 0 16px;font-size:16px;color:#333;display:flex;align-items:center;gap:12px}.detail-section-AL .detail-item-AL{margin-bottom:12px;display:flex;justify-content:space-between;align-items:flex-start}.detail-section-AL .detail-item-AL label{font-weight:500;color:#555;font-size:14px;min-width:100px}.detail-section-AL .detail-item-AL span{color:#333;font-size:14px;text-align:right;flex:1}.role-label-AL{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.role-hr-AL{background:#e3f2fd;color:#1976d2}.role-hod-AL{background:#e8f5e9;color:#2e7d32}.role-attendancemanager-AL{background:#fff3e0;color:#ef6c00}.role-employee-AL{background:#f3e5f5;color:#7b1fa2}.action-label-AL,.component-label-AL{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.details-content-json-AL{background:#1e1e1e;color:#d4d4d4;padding:16px;border-radius:6px;overflow-x:auto;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px}.modal-footer-AL{display:flex;justify-content:flex-end;gap:15px;padding:24px;border-top:1px solid #eee}.btn-secondary-AL,.btn-primary-AL{display:flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary-AL{background:#f5f5f5;color:#333}.btn-secondary-AL:hover{background:#e0e0e0}.btn-primary-AL{background:#4caf50;color:#fff}.btn-primary-AL:hover{background:#45a049}@media(min-width:1024px){.stats-grid-AL{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media(max-width:1024px)and (min-width:768px){.stats-grid-AL{grid-template-columns:repeat(4,1fr)}.filter-controls-AL,.date-range-section-AL{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.audit-logs-container-AL{padding:15px}.audit-logs-header-AL{padding:15px 20px}.header-left-AL{flex-direction:column;align-items:flex-start;gap:15px}.header-actions-AL{flex-direction:column;width:100%}.refresh-btn-AL,.export-btn-AL{width:100%;justify-content:center}.stats-grid-AL{grid-template-columns:repeat(2,1fr);gap:15px}.stat-card-AL{padding:15px;min-height:120px}.stat-content-AL{gap:12px}.stat-icon-AL{width:36px;height:36px}.stat-value-AL{font-size:24px}.filters-section-AL{padding:20px}.filter-controls-AL{grid-template-columns:1fr}.results-summary-AL{flex-direction:column;align-items:flex-start;gap:10px}.audit-logs-table-container-AL{padding:20px}.table-header-AL{flex-direction:column;align-items:flex-start;gap:15px}.log-detail-grid-AL{grid-template-columns:1fr}.modal-footer-AL{flex-direction:column}.btn-secondary-AL,.btn-primary-AL{width:100%;justify-content:center}}@media(max-width:480px){.audit-logs-container-AL{padding:10px}.audit-logs-header-AL h1{font-size:22px}.stats-grid-AL{grid-template-columns:repeat(2,1fr);gap:10px}.stat-card-AL{padding:12px;min-height:100px}.stat-content-AL{gap:8px}.stat-icon-AL{width:32px;height:32px;border-radius:8px}.stat-value-AL{font-size:20px}.stat-info-AL h3{font-size:12px}.stat-subtext-AL{font-size:10px}.date-input-group-AL{flex-direction:column;align-items:stretch;gap:10px}.date-separator-AL{display:none}.modal-content-AL{width:95%;margin:10px}.modal-header-AL,.modal-body-AL,.modal-footer-AL,.detail-section-AL{padding:15px}}@media(max-width:320px){.stats-grid-AL{grid-template-columns:1fr}.stat-card-AL{min-height:90px}}@media(max-width:768px)and (min-width:576px)and (orientation:landscape){.stats-grid-AL{grid-template-columns:repeat(3,1fr)}.stat-card-AL{min-height:100px}.audit-logs-table-AL{min-width:800px}}@media(max-width:360px){.stat-value-AL{font-size:18px}.stat-content-AL{gap:6px}.stat-icon-AL{width:28px;height:28px}.audit-logs-table-AL{min-width:700px}}@media print{.audit-logs-header-AL,.header-actions-AL,.filters-section-AL,.results-summary-AL,.log-actions-AL,.modal-overlay-AL{display:none!important}.stats-grid-AL{grid-template-columns:repeat(3,1fr)!important;page-break-inside:avoid}.audit-logs-table-AL{width:100%;min-width:auto}.audit-logs-table-AL th,.audit-logs-table-AL td{padding:6px 4px;font-size:10px}}@media(prefers-color-scheme:dark){.audit-logs-container-AL{background:#121212}.audit-logs-header-AL{background:linear-gradient(135deg,#4f46e5,#7c3aed)}.stat-card-AL,.filters-section-AL,.audit-logs-table-container-AL,.results-summary-AL,.modal-content-AL{background:#1e1e1e;color:#e0e0e0}.stat-value-AL,.table-title-AL,.entity-name-AL{color:#fff}.stat-info-AL h3,.header-subtitle-AL,.filter-label-AL,.results-count-AL,.table-count-AL{color:#b0b0b0}.search-input-AL,.filter-select-AL,.date-input-AL{background:#2d2d2d;border-color:#404040;color:#e0e0e0}.table-wrapper-AL{border-color:#404040}.table-header-row-AL{background:#252525}.table-header-cell-AL{border-bottom-color:#404040;color:#b0b0b0}.table-row-AL:hover{background:#252525}.table-cell-AL{border-bottom-color:#404040}.details-content-AL{background:#252525}.detail-key-AL{color:#b0b0b0}.detail-value-AL{color:#e0e0e0}}@media(prefers-reduced-motion:reduce){.stat-card-AL,.refresh-btn-AL,.export-btn-AL,.view-log-btn-AL,.clear-filters-btn-AL,.reset-filters-btn-AL,.btn-secondary-AL,.btn-primary-AL{transition:none}.stat-card-AL:hover{transform:none}.loading-spinner-AL{animation-duration:2s}}.organisations-containerO{padding:20px;background-color:#f8fafc;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.dashboard-headerO{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:20px;background:linear-gradient(to right,#1e40af,#059669);border-radius:12px;color:#fff;box-shadow:0 4px 12px #0000001a}.dashboard-headerO h1{display:flex;align-items:center;gap:12px;margin:0;font-size:24px;font-weight:600}.add-btnO{display:flex;align-items:center;gap:8px;padding:10px 20px;background-color:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:8px;font-weight:500;font-size:14px;cursor:pointer;transition:background-color .2s}.add-btnO:hover{background-color:#ffffff4d}.errorO{background-color:#fee2e2;color:#dc2626;padding:12px 16px;border-radius:8px;margin-bottom:20px;text-align:center;font-weight:500;border-left:4px solid #dc2626}.successO{background-color:#d1fae5;color:#065f46;padding:12px 16px;border-radius:8px;margin-bottom:20px;text-align:center;font-weight:500;border-left:4px solid #10b981}.filter-sectionO{display:flex;gap:12px;margin-bottom:20px;align-items:center}.search-containerO{flex:1;position:relative;display:flex;align-items:center}.search-iconO{position:absolute;left:12px;color:#64748b}.search-inputO{width:100%;padding:12px 12px 12px 40px;border:1px solid #cbd5e1;border-radius:8px;font-size:14px;background-color:#fff;color:#1e293b}.search-inputO:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.clear-search-btnO{position:absolute;right:10px;background:none;border:none;cursor:pointer;color:#94a3b8;padding:4px}.clear-search-btnO:hover{color:#64748b}.filter-controlsO{display:flex;gap:12px;align-items:center}.filter-groupO{display:flex;flex-direction:column;gap:6px}.filter-selectO{padding:10px 12px;width:100%;justify-content:center;align-items:center;border:1px solid #cbd5e1;border-radius:6px;font-size:14px;color:#1e293b;background-color:#fff;cursor:pointer;min-width:150px}.filter-selectO:focus{outline:none;border-color:#3b82f6}.clear-filters-btnO{display:flex;align-items:center;gap:6px;padding:10px 16px;background-color:#f1f5f9;color:#475569;border:1px solid #cbd5e1;border-radius:6px;font-weight:500;font-size:14px;cursor:pointer}.clear-filters-btnO:hover{background-color:#e2e8f0}.results-summaryO{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px 16px;background-color:#fff;border-radius:8px;border:1px solid #e2e8f0;font-size:14px}.results-countO{font-weight:500;color:#1e40af}.active-filtersO{display:flex;align-items:center;gap:8px;padding:6px 12px;background-color:#f0f9ff;border-radius:6px;color:#075985;font-weight:500;border:1px solid #bae6fd;font-size:13px}.active-filtersO svg{color:#10b981;width:14px;height:14px}.organisations-table-containerO{width:100%;background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000000d;border:1px solid #e2e8f0;font-size:13px;overflow-x:auto;display:block}.organisations-tableO{width:100%;background-color:#fff;border-collapse:collapse;border:1px solid #e2e8f0;font-size:13px;table-layout:fixed}.organisations-tableO thead{background-color:#f0f9ff}.organisations-tableO th{padding:10px 8px;text-align:left;font-weight:600;color:#075985;font-size:11px;text-transform:uppercase;letter-spacing:.3px;border-bottom:1px solid #cbd5e1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.organisations-tableO td{padding:8px;border-bottom:1px solid #e2e8f0;color:#1e293b;font-size:12px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.organisations-tableO tbody tr:hover{background-color:#f8fafc}.organisations-tableO tbody tr:last-child td{border-bottom:none}.org-infoO{display:flex;align-items:center;gap:8px}.org-avatarO{width:40px;height:40px;border-radius:4px;background-color:#f1f5f9;display:flex;align-items:center;justify-content:center;color:#64748b;border:1px solid #cbd5e1;font-size:12px;overflow:hidden;flex-shrink:0}.org-logoO{width:100%;height:100%;object-fit:cover}.org-detailsO{display:flex;flex-direction:column;gap:3px;min-width:0}.org-nameO{font-weight:600;color:#1e293b;font-size:12px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.org-emailO{display:flex;align-items:center;gap:4px;color:#3b82f6;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.org-emailO svg{width:10px;height:10px;flex-shrink:0}.industry-badgeO{padding:4px 8px;border-radius:12px;font-size:10px;font-weight:600;display:inline-block;white-space:nowrap}.industry-techO{background-color:#dbeafe;color:#1e40af}.industry-healthO{background-color:#fce7f3;color:#9d174d}.industry-financeO{background-color:#d1fae5;color:#065f46}.industry-educationO{background-color:#fef3c7;color:#92400e}.industry-manufacturingO{background-color:#e0e7ff;color:#3730a3}.industry-retailO{background-color:#f3e8ff;color:#6b21a8}.industry-constructionO{background-color:#fef9c3;color:#854d0e}.industry-hospitalityO{background-color:#dcfce7;color:#166534}.industry-transportationO{background-color:#cffafe;color:#155e75}.industry-otherO{background-color:#f1f5f9;color:#475569}.reg-numberO{font-family:Courier New,monospace;font-weight:600;color:#1e40af;font-size:11px;padding:4px 8px;background-color:#f8fafc;border-radius:4px;border:1px solid #e2e8f0}.contact-infoO{display:flex;flex-direction:column;gap:2px}.contact-phoneO{display:flex;align-items:center;gap:4px;color:#475569;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-phoneO svg{width:10px;height:10px;color:#10b981;flex-shrink:0}.address-infoO{display:flex;align-items:center;gap:4px;color:#64748b;font-size:11px;max-width:150px}.address-infoO svg{width:10px;height:10px;color:#8b5cf6;flex-shrink:0}.status-badgeO{padding:3px 6px;border-radius:10px;font-size:9px;font-weight:600;display:inline-flex;align-items:center;gap:4px;white-space:nowrap;text-transform:capitalize}.status-badge-activeO{background-color:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.status-badge-inactiveO{background-color:#fee2e2;color:#dc2626;border:1px solid #fecaca}.status-badge-pendingO{background-color:#fef3c7;color:#92400e;border:1px solid #fde68a}.ml-1O{margin-left:4px}.created-dateO{display:flex;align-items:center;gap:4px;color:#475569;font-size:11px}.created-dateO svg{color:#8b5cf6;width:10px;height:10px}.actionsO{display:flex;gap:4px}.actionsO button{padding:4px;border:none;border-radius:3px;cursor:pointer;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.actionsO .editO{background-color:#dbeafe;color:#3b82f6}.actionsO .editO:hover{background-color:#bfdbfe}.actionsO .viewO{background-color:#d1fae5;color:#10b981}.actionsO .viewO:hover{background-color:#a7f3d0}.actionsO svg{width:12px;height:12px}.deleteO{background-color:#fee2e2;color:#dc2626;border:1px solid #fecaca;padding:6px;border-radius:6px;cursor:pointer;transition:all .2s}.deleteO:hover{background-color:#fecaca;color:#b91c1c}.loading-spinnerO{display:flex;justify-content:center;align-items:center;padding:60px 0;color:#64748b;font-size:14px;gap:8px}.spinnerO{width:16px;height:16px;border:2px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:spinO 1s linear infinite}@keyframes spinO{to{transform:rotate(360deg)}}.no-results-contentO{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:#64748b}.no-results-contentO svg{color:#cbd5e1;margin-bottom:16px}.no-results-contentO h3{margin:0 0 8px;color:#475569;font-size:18px;font-weight:600}.no-results-contentO p{margin:0 0 16px;color:#64748b;font-size:14px}.reset-filters-btnO{padding:10px 20px;background-color:#3b82f6;color:#fff;border:none;border-radius:6px;font-weight:500;font-size:14px;cursor:pointer}.reset-filters-btnO:hover{background-color:#2563eb}.modal-overlayO{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.modal-contentO{background-color:#fff;border-radius:12px;width:100%;max-width:900px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003}.modal-headerO{display:flex;justify-content:space-between;align-items:center;padding:20px;background:linear-gradient(to right,#1e40af,#059669);color:#fff;border-radius:12px 12px 0 0}.modal-headerO h2{margin:0;display:flex;align-items:center;gap:10px;font-size:20px}.modal-close-btnO{background:none;border:none;color:#fff;cursor:pointer;padding:5px;border-radius:6px;display:flex;align-items:center;justify-content:center}.modal-close-btnO:hover{background-color:#fff3}.modal-errorO{background-color:#fee2e2;color:#dc2626;padding:12px 20px;margin:0 20px;border-radius:8px;font-weight:500}.organisation-formO{padding:20px}.form-sectionO{margin-bottom:24px}.section-titleO{color:#1e40af;margin:0 0 16px;font-size:16px;font-weight:600;padding-bottom:8px;border-bottom:2px solid #e2e8f0;display:flex;align-items:center;gap:8px}.form-gridO{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.form-groupO{display:flex;flex-direction:column;gap:6px}.form-groupO label{display:flex;align-items:center;gap:6px;font-weight:500;color:#475569;font-size:14px}.form-groupO input,.form-groupO select{padding:10px 12px;border:1px solid #cbd5e1;border-radius:6px;font-size:14px;color:#1e293b;background-color:#fff}.form-groupO input:focus,.form-groupO select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.form-actionsO{display:flex;justify-content:flex-end;gap:12px;padding-top:20px;border-top:1px solid #e2e8f0;margin-top:20px}.cancel-btnO{padding:10px 20px;background-color:#f1f5f9;color:#475569;border:1px solid #cbd5e1;border-radius:6px;font-weight:500;font-size:14px;cursor:pointer}.cancel-btnO:hover{background-color:#e2e8f0}.submit-btnO{padding:10px 20px;background-color:#3b82f6;color:#fff;border:none;border-radius:6px;font-weight:500;font-size:14px;cursor:pointer}.submit-btnO:hover{background-color:#2563eb}.submit-btnO:disabled{background-color:#94a3b8;cursor:not-allowed}.logo-upload-sectionO{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:24px;padding:20px;border:none;background-color:transparent}.logo-previewO{width:120px;height:120px;border-radius:12px;overflow:hidden;border:2px solid #e5e7eb;background-color:#fff}.org-logo-previewO{width:100%;height:100%;object-fit:cover}.logo-placeholderO{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#f3f4f6;color:#9ca3af;font-size:14px}.logo-upload-controlsO{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.upload-btnO{display:flex;align-items:center;gap:8px;padding:10px 20px;background-color:#3b82f6;color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s}.upload-btnO:hover{background-color:#2563eb}.upload-btnO.uploadingO{background-color:#94a3b8;cursor:not-allowed}.remove-logo-btnO{padding:10px 20px;background-color:#fee2e2;color:#dc2626;border:1px solid #fecaca;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s}.remove-logo-btnO:hover{background-color:#fecaca}.remove-logo-btnO:disabled{opacity:.5;cursor:not-allowed}.form-rowO{display:grid;grid-template-columns:1fr 1fr;gap:16px}.delete-confirm-modalO{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.delete-confirm-contentO{background-color:#fff;padding:24px;border-radius:8px;max-width:400px;width:90%;box-shadow:0 10px 25px #0003}.delete-confirm-contentO h3{margin-top:0;color:#dc2626;font-size:20px}.delete-confirm-contentO p{margin:16px 0;color:#4b5563}.delete-confirm-actionsO{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.cancel-delete-btnO{padding:8px 16px;background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;transition:all .2s}.cancel-delete-btnO:hover{background-color:#e5e7eb}.confirm-delete-btnO{padding:8px 16px;background-color:#dc2626;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .2s}.confirm-delete-btnO:hover{background-color:#b91c1c}@media(max-width:1024px){.organisations-containerO,.dashboard-headerO{padding:16px}.dashboard-headerO h1{font-size:20px}.add-btnO{padding:8px 16px;font-size:13px}}@media(max-width:768px){.organisations-containerO{padding:12px}.dashboard-headerO{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}.dashboard-headerO h1{font-size:18px}.filter-sectionO,.filter-controlsO{flex-direction:column;align-items:stretch}.filter-groupO{width:100%}.filter-selectO{width:100%;min-width:unset}.clear-filters-btnO{justify-content:center;width:100%}.results-summaryO{flex-direction:column;align-items:flex-start;gap:12px}.form-rowO{grid-template-columns:1fr}.modal-contentO{max-width:95%;margin:20px}.form-gridO{grid-template-columns:1fr}.modal-headerO,.organisation-formO{padding:16px}}@media(max-width:480px){.organisations-containerO{padding:8px}.dashboard-headerO{display:flex;justify-content:center;align-items:center;padding:9px}.org{display:none}.organisations-tableO{font-size:12px;display:block;overflow-x:auto}.organisations-tableO th,.organisations-tableO td{padding:6px 4px;font-size:11px}}.organisations-table-containerO::-webkit-scrollbar{height:4px}.organisations-table-containerO::-webkit-scrollbar-track{background:#f1f5f9}.organisations-table-containerO::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.organisations-table-containerO::-webkit-scrollbar-thumb:hover{background:#94a3b8}.org-logoO{width:40px;height:40px;border-radius:8px;object-fit:cover}.org-logo-previewO{width:100px;height:100px;border-radius:12px;object-fit:cover;border:2px solid #e5e7eb}.modal-successO{background-color:#efe;color:#2a7;padding:12px 16px;border-radius:8px;margin:0 24px 20px;display:flex;align-items:center;gap:8px;font-size:14px;border:1px solid #cfc}.delete-modal-errorO{margin:15px 0}.square-logoO{width:40px;height:40px;object-fit:cover;border-radius:8px}.square-logo-previewO{width:120px;height:120px;object-fit:cover;border-radius:12px}.org-logoO.square-logoO,.org-logo-placeholderO.square-logoO,.org-logo-previewO.square-logo-previewO,.logo-placeholderO.square-logo-previewO{aspect-ratio:1/1}.spinnerO{animation:spin 1s linear infinite;margin-right:8px;width:16px;height:16px}.submit-btnO{display:flex;align-items:center;justify-content:center;gap:8px}.confirm-delete-btnO{display:flex;align-items:center;justify-content:center;gap:8px;min-width:100px}.form-hintO{color:#6b7280;font-size:12px;margin-top:8px}.org-logo-placeholderO{width:40px;height:40px;border-radius:8px;background-color:#f1f5f9;display:flex;align-items:center;justify-content:center;color:#64748b;border:1px solid #cbd5e1;font-size:12px;overflow:hidden;flex-shrink:0}.submit-btnO:disabled,.confirm-delete-btnO:disabled{opacity:.6;cursor:not-allowed}.confirm-delete-btnO:disabled:hover{background-color:#dc2626}.form-groupO input:disabled,.form-groupO select:disabled{background-color:#f8fafc;color:#94a3b8;cursor:not-allowed}.modal-errorO,.delete-modal-errorO,.modal-successO{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:8px;margin:0 20px 20px;font-size:14px}.sidebar-hrP{width:280px;background:linear-gradient(180deg,#fff,#f8fdfa);border-right:2px solid #e6f7f2;padding:20px 0;height:100vh;display:flex;flex-direction:column;transition:all .3s ease;box-shadow:4px 0 15px #2c9a7a1a;z-index:100;height:calc(100vh - 90px);position:sticky;top:0}.attendanceContainerE{padding:20px;background:#f5f7fa;min-height:100vh;display:flex;flex-direction:column;gap:25px}.attendanceHeaderE{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px 30px;border-radius:12px;box-shadow:0 4px 6px #0000001a;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px}.headerLeftE{flex:1;min-width:300px}.headerTitleE{margin:0 0 8px;font-size:28px;font-weight:600;display:flex;align-items:center;gap:12px}.headerSubtitleE{margin:0;font-size:14px;opacity:.9}.userNameHighlightE{font-weight:600;color:gold}.headerRightE{flex:0 0 auto}.userProfileE{display:flex;align-items:center;gap:12px;background:#ffffff1a;padding:10px 16px;border-radius:8px;min-width:250px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.profileAvatarE{background:#fff3;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.userInfoE{display:flex;flex-direction:column;gap:2px}.userNameE{font-weight:500;font-size:14px;display:flex;align-items:center;gap:4px}.employeeCodeE{font-size:12px;opacity:.8}.userRoleE{font-size:12px;opacity:.8;display:flex;align-items:center;gap:4px}.errorBannerE{background:#ffebee;border-left:4px solid #f44336;padding:15px 20px;border-radius:8px;display:flex;align-items:center;gap:12px}.errorMessageE{margin:0;flex:1;color:#c62828}.controlsSectionE{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 4px #0000000d;display:flex;flex-direction:column;gap:15px}.searchContainerE{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.searchBoxE{flex:1;min-width:250px;display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #ddd;border-radius:8px;transition:border-color .2s}.searchBoxE:focus-within{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.searchInputE{flex:1;border:none;outline:none;font-size:14px;background:transparent}.filterToggleE{display:flex;align-items:center;gap:8px;padding:10px 20px;border:1px solid #ddd;background:#fff;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;flex:0 0 auto}.filterToggleE:hover{background:#f5f5f5}.timeRangeFiltersE{display:flex;flex-direction:column;gap:15px}.timeRangeButtonsE{display:flex;gap:10px;flex-wrap:wrap}.timeRangeButtonE{flex:1;min-width:120px;padding:10px 16px;border:1px solid #ddd;background:#fff;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;text-align:center;font-size:14px}.timeRangeButtonE:hover{background:#f5f5f5}.timeRangeButtonE.activeE{background:#667eea;color:#fff;border-color:#667eea}.customDateRangeE{display:flex;gap:20px;flex-wrap:wrap;padding:20px;background:#f8f9fa;border-radius:8px}.customDateGroupE{flex:1;min-width:200px;display:flex;flex-direction:column;gap:8px}.dateLabelE{font-weight:500;color:#555;font-size:14px}.dateInputE{padding:10px 12px;border:1px solid #ddd;border-radius:8px;font-size:14px;transition:border-color .2s}.dateInputE:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.filterActionsE{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.clearFiltersButtonE{padding:10px 20px;background:#f5f5f5;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:background .2s}.clearFiltersButtonE:hover{background:#e0e0e0}.currentFilterE{background:#e3f2fd;color:#1976d2;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px}.actionButtonsE{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px;padding-top:15px;border-top:1px solid #eee}.actionButtonsGroupE{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.periodSelectE{display:flex;align-items:center;gap:8px;padding:10px 20px;border:1px solid #ddd;background:#fff;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.periodSelectE:hover{background:#f5f5f5}.refreshButtonE{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#e3f2fd;color:#1976d2;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.refreshButtonE:hover{background:#bbdefb;transform:translateY(-1px)}.downloadButtonE{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#4caf50;color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.downloadButtonE:hover{background:#45a049;transform:translateY(-1px)}.recordCountE{color:#666;font-size:14px;display:flex;align-items:center;gap:8px;margin-left:auto}.statsGridE{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:30px}.statCardE{flex:1;min-width:200px;max-width:300px;background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 4px #0000000d;display:flex;align-items:center;gap:15px;border-top:4px solid #667eea;transition:transform .2s,box-shadow .2s}.statCardE:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.statPresentE{border-top-color:#10b981}.statAbsentE{border-top-color:#ef4444}.statLateE{border-top-color:#f59e0b}.statHoursE{border-top-color:#3b82f6}.statOvertimeE{border-top-color:#8b5cf6}.statConsecutiveE{border-top-color:#ec4899}.statIconE{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.statPresentE .statIconE{background:#10b981}.statAbsentE .statIconE{background:#ef4444}.statLateE .statIconE{background:#f59e0b}.statHoursE .statIconE{background:#3b82f6}.statOvertimeE .statIconE{background:#8b5cf6}.statConsecutiveE .statIconE{background:#ec4899}.statContentE{flex:1;display:flex;flex-direction:column;gap:5px}.statContentE h3{margin:0;font-size:14px;color:#666;font-weight:500}.statValueE{margin:0;font-size:28px;font-weight:700;color:#333}.statSubtextE{margin:0;font-size:12px;color:#888}.chartSelectorE{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;align-items:center;padding:15px;background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000000d}.chartTypeButtonE{flex:1;min-width:150px;max-width:200px;display:flex;align-items:center;gap:8px;padding:10px 20px;border:1px solid #ddd;background:#fff;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;justify-content:center}.chartTypeButtonE:hover{background:#f5f5f5}.chartTypeButtonE.activeE{background:#667eea;color:#fff;border-color:#667eea}.chartsSectionE{display:flex;flex-wrap:wrap;gap:25px;margin-bottom:30px}.chartCardE{flex:1;min-width:350px;background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 4px #0000000d;height:400px;display:flex;flex-direction:column}.chartHeaderE{display:flex;align-items:center;gap:12px;margin-bottom:20px}.chartTitleE{margin:0;font-size:16px;color:#333;font-weight:600;display:flex;align-items:center;gap:8px}.chartContainerE{flex:1;height:calc(100% - 40px)}.noDataChartE{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#999;font-style:italic;text-align:center;padding:20px}.attendanceTableSectionE{background:#fff;padding:25px;border-radius:12px;box-shadow:0 2px 4px #0000000d;margin-bottom:30px}.sectionHeaderE{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.sectionTitleE{margin:0;font-size:20px;color:#333;display:flex;align-items:center;gap:12px;flex:1;min-width:200px}.totalRecordsE{color:#666;font-size:14px;background:#f8f9fa;padding:8px 16px;border-radius:20px}.tableContainerE{overflow-x:auto;border-radius:8px;border:1px solid #e9ecef}.attendanceTableE{width:100%;border-collapse:collapse;min-width:800px}.attendanceTableE th{background:#f8f9fa;padding:16px;text-align:left;font-weight:600;color:#555;border-bottom:2px solid #e9ecef;font-size:14px;white-space:nowrap}.attendanceTableE td{padding:16px;border-bottom:1px solid #e9ecef;font-size:14px;vertical-align:middle}.attendanceTableE tbody tr:hover{background:#f8f9fa;cursor:pointer}.sortableHeaderE{cursor:pointer;-webkit-user-select:none;user-select:none}.sortableHeaderE:hover{background:#e9ecef}.statusBadgeE{padding:8px 16px;border-radius:20px;font-size:12px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;min-width:80px}.statusPresentE{background:#e8f5e9;color:#2e7d32}.statusLateE{background:#fff3e0;color:#ef6c00}.statusAbsentE{background:#ffebee;color:#c62828}.statusRowE.statusPresentE:hover{background:#e8f5e9!important}.statusRowE.statusLateE:hover{background:#fff3e0!important}.statusRowE.statusAbsentE:hover{background:#ffebee!important}.methodBadgeE{padding:8px 16px;border-radius:20px;font-size:12px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;background:#e3f2fd;color:#1976d2}.noDataMessageE{text-align:center;padding:50px;color:#666}.noDataSectionE{display:flex;align-items:center;justify-content:center;padding:50px 0}.noDataCardE{text-align:center;padding:40px;background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000000d}.noDataIconE{color:#999;margin-bottom:20px}.noDataTitleE{margin:0 0 10px;color:#555}.noDataMessageE p{margin:0;color:#666}.loadingContainerE{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:20px}.loadingSpinnerE{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spinE 1s linear infinite}.loadingTextE{color:#666;font-size:16px}@keyframes spinE{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loginRequiredContainerE{display:flex;align-items:center;justify-content:center;height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.loginRequiredCardE{background:#fff;padding:40px;border-radius:12px;text-align:center;box-shadow:0 20px 25px -5px #0000001a}.loginIconE{color:#667eea;margin-bottom:20px}.loginTitleE{margin:0 0 10px;color:#333}.loginMessageE{margin:0 0 20px;color:#666}.loginButtonE{display:flex;align-items:center;gap:8px;margin:0 auto;padding:12px 24px;background:#667eea;color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:background .2s}.loginButtonE:hover{background:#5a6fd8}@media(max-width:768px){.attendanceContainerE{padding:10px;gap:15px}.attendanceHeaderE{flex-direction:column;text-align:center;padding:20px;gap:15px}.userProfileE{width:100%;justify-content:center;min-width:auto}.searchContainerE{flex-direction:column;align-items:stretch}.searchBoxE{min-width:auto}.dateFiltersE,.customDateRangeE{flex-direction:column}.actionButtonsE{flex-direction:column;align-items:stretch}.recordCountE{margin-left:0;justify-content:center}.actionButtonsGroupE,.statsGridE{justify-content:center}.statCardE{min-width:250px}.chartsSectionE{flex-direction:column}.chartCardE{min-width:auto;height:300px}.chartSelectorE{flex-direction:column}.chartTypeButtonE{min-width:auto;width:100%}.sectionHeaderE{flex-direction:column;align-items:flex-start}.timeRangeButtonsE{flex-direction:column}.timeRangeButtonE{width:100%;min-width:auto}}@media(max-width:480px){.statCardE{min-width:100%}.headerTitleE{font-size:22px}.chartCardE{padding:15px;height:250px}.attendanceTableE th,.attendanceTableE td{padding:12px 8px;font-size:12px}.statusBadgeE,.methodBadgeE{padding:4px 8px;font-size:10px}.userProfileE{flex-direction:column;text-align:center;gap:8px}}.leaveContainerL{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#f0f9ff);padding:.75rem}@media(min-width:480px){.leaveContainerL{padding:1rem}}@media(min-width:768px){.leaveContainerL{padding:1.5rem}}.leaveWrapperL{max-width:1200px;margin:0 auto;width:100%}.leaveHeaderL{background:linear-gradient(135deg,#2563eb,#0d9488);color:#fff;padding:1.25rem 1rem;border-radius:10px;margin-bottom:1.25rem;box-shadow:0 3px 5px -1px #0000001a;display:flex;flex-direction:column;gap:1rem}@media(min-width:480px){.leaveHeaderL{padding:1.5rem;border-radius:12px}}@media(min-width:768px){.leaveHeaderL{flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:1.5rem}}.headerContentL{flex:1}.leaveTitleL{font-size:1.5rem;font-weight:700;margin-bottom:.375rem}@media(min-width:480px){.leaveTitleL{font-size:1.75rem}}@media(min-width:768px){.leaveTitleL{font-size:1.875rem;margin-bottom:.5rem}}.leaveSubtitleL{color:#e2e8f0;font-size:.875rem}@media(min-width:480px){.leaveSubtitleL{font-size:1rem}}.applyLeaveBtnL{display:flex;align-items:center;justify-content:center;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;padding:.625rem 1.25rem;border-radius:6px;font-weight:500;transition:all .3s ease;border:1px solid rgba(255,255,255,.3);cursor:pointer;font-size:.875rem;width:100%}@media(min-width:480px){.applyLeaveBtnL{width:auto;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem}}.applyLeaveBtnL:hover{background:#ffffff4d;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.applyLeaveIconL{width:1rem;height:1rem;margin-right:.5rem}@media(min-width:480px){.applyLeaveIconL{width:1.25rem;height:1.25rem}}.statsGridL{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.5rem}@media(min-width:375px){.statsGridL{gap:.875rem}}@media(min-width:480px){.statsGridL{grid-template-columns:repeat(3,1fr);gap:1rem}}@media(min-width:640px){.statsGridL{grid-template-columns:repeat(4,1fr)}}@media(min-width:1024px){.statsGridL{grid-template-columns:repeat(5,1fr);gap:1rem;margin-bottom:2rem}}.statCardL{background-color:#fff;padding:1rem .875rem;border-radius:10px;border:1px solid #e2e8f0;transition:all .3s ease;box-shadow:0 2px 3px #0000000d;display:flex;flex-direction:column;min-height:85px}@media(min-width:375px){.statCardL{padding:1.125rem 1rem}}@media(min-width:480px){.statCardL{padding:1.25rem 1.125rem;border-radius:12px;min-height:95px}}@media(min-width:768px){.statCardL{padding:1.5rem;min-height:110px}}.statCardL:hover{transform:translateY(-4px);box-shadow:0 6px 12px #0000001a}.statCardTotalL{border-top:3px solid #2563eb}.statCardPendingL{border-top:3px solid #f59e0b}.statCardApprovedL{border-top:3px solid #10b981}.statCardRejectedL{border-top:3px solid #ef4444}.statCardCancelledL{border-top:3px solid red}@media(min-width:480px){.statCardTotalL,.statCardPendingL,.statCardApprovedL,.statCardRejectedL,.statCardCancelledL{border-top-width:4px}}.statNumberL{font-size:1.5rem;font-weight:700;margin-bottom:.25rem;line-height:1.2}@media(min-width:375px){.statNumberL{font-size:1.625rem}}@media(min-width:480px){.statNumberL{font-size:1.75rem;margin-bottom:.375rem}}@media(min-width:768px){.statNumberL{font-size:2rem;margin-bottom:.5rem}}.statNumberTotalL{color:#2563eb}.statNumberPendingL{color:#f59e0b}.statNumberApprovedL{color:#10b981}.statNumberRejectedL{color:#ef4444}.statNumberCancelledL{color:red}.statLabelL{color:#64748b;font-size:.75rem;font-weight:500;line-height:1.2}@media(min-width:375px){.statLabelL{font-size:.8125rem}}@media(min-width:480px){.statLabelL{font-size:.875rem}}.leaveSectionL{margin-bottom:1.5rem}@media(min-width:768px){.leaveSectionL{margin-bottom:2rem}}.sectionTitleL{font-size:1.125rem;font-weight:600;color:#1e293b;margin-bottom:.875rem}@media(min-width:480px){.sectionTitleL{font-size:1.25rem;margin-bottom:1rem}}.leaveCardsGridL{display:grid;grid-template-columns:1fr;gap:.875rem}@media(min-width:480px){.leaveCardsGridL{gap:1rem}}@media(min-width:768px){.leaveCardsGridL{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media(min-width:1024px){.leaveCardsGridL{gap:1.5rem}}.leaveCardL{background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:1.25rem 1rem;transition:all .3s ease;box-shadow:0 2px 3px #0000000d;display:flex;flex-direction:column}@media(min-width:480px){.leaveCardL{padding:1.5rem 1.25rem;border-radius:12px}}.leaveCardL:hover{box-shadow:0 6px 12px #0000001a;border-color:#cbd5e1;transform:translateY(-2px)}.leaveCardHeaderL{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}@media(min-width:480px){.leaveCardHeaderL{flex-direction:row;justify-content:space-between;align-items:flex-start}}.leaveTypeL{font-size:1rem;font-weight:600;color:#1e293b;margin-bottom:.375rem;line-height:1.3}@media(min-width:480px){.leaveTypeL{font-size:1.125rem;margin-bottom:.5rem}}.leaveDateL{display:flex;align-items:center;color:#64748b;font-size:.75rem;flex-wrap:wrap;gap:.25rem;line-height:1.4}@media(min-width:375px){.leaveDateL{font-size:.8125rem}}@media(min-width:480px){.leaveDateL{font-size:.875rem}}.leaveDateIconL{width:.875rem;height:.875rem;color:#0d9488;flex-shrink:0}@media(min-width:480px){.leaveDateIconL{width:1rem;height:1rem}}.dateSeparatorL{color:#cbd5e1;margin:0 .125rem}.statusBadgeL{padding:.25rem .625rem;border-radius:9999px;font-size:.6875rem;font-weight:500;display:inline-flex;align-items:center;gap:.25rem;white-space:nowrap;align-self:flex-start}@media(min-width:375px){.statusBadgeL{font-size:.75rem;padding:.375rem .75rem}}.statusBadgePendingL{background-color:#fef3c7;color:#92400e}.statusBadgeApprovedL{background-color:#d1fae5;color:#065f46}.statusBadgeRejectedL{background-color:#fee2e2;color:#991b1b}.statusBadgeCancelledL,.statusBadgeDefaultL{background-color:#f1f5f9;color:#475569}.statusIconL{width:.875rem;height:.875rem}@media(min-width:480px){.statusIconL{width:1rem;height:1rem}}.statusTextL{text-transform:capitalize}.statusBadgeSmallL{padding:.1875rem .375rem;border-radius:9999px;font-size:.6875rem;font-weight:500;display:inline-block}@media(min-width:480px){.statusBadgeSmallL{padding:.25rem .5rem;font-size:.75rem}}.leaveReasonL{color:#475569;font-size:.8125rem;line-height:1.5;margin-bottom:1.25rem;flex:1}@media(min-width:480px){.leaveReasonL{font-size:.875rem;margin-bottom:1.5rem}}.leaveCardFooterL{display:flex;flex-direction:column;gap:.875rem;align-items:flex-start}@media(min-width:480px){.leaveCardFooterL{flex-direction:row;justify-content:space-between;align-items:center;gap:1rem}}.leaveAppliedDateL{color:#94a3b8;font-size:.6875rem;line-height:1.2}@media(min-width:375px){.leaveAppliedDateL{font-size:.75rem}}.leaveActionsL{display:flex;gap:.375rem;align-self:flex-end}@media(min-width:480px){.leaveActionsL{gap:.5rem;align-self:auto}}.actionBtnL{padding:.375rem;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;background:none;border:1px solid #e2e8f0;cursor:pointer;min-width:32px;min-height:32px}@media(min-width:480px){.actionBtnL{padding:.5rem;border-radius:8px;min-width:36px;min-height:36px}}.actionBtnL:hover{transform:scale(1.05)}.editBtnL{color:#2563eb;border-color:#dbeafe}.editBtnL:hover{background-color:#dbeafe}.cancelBtnL{color:#f59e0b;border-color:#fef3c7}.cancelBtnL:hover{background-color:#fef3c7}.deleteBtnL{color:#ef4444;border-color:#fee2e2}.deleteBtnL:hover{background-color:#fee2e2}.actionIconL{width:.875rem;height:.875rem}@media(min-width:480px){.actionIconL{width:1rem;height:1rem}}.emptyStateL{text-align:center;background-color:#fff;padding:2rem 1rem;border-radius:10px;border:2px dashed #e2e8f0}@media(min-width:480px){.emptyStateL{padding:3rem 1rem;border-radius:12px}}.emptyIconL{width:2.5rem;height:2.5rem;color:#cbd5e1;margin:0 auto .875rem}@media(min-width:480px){.emptyIconL{width:3rem;height:3rem;margin-bottom:1rem}}.emptyTitleL{font-size:1rem;font-weight:600;color:#1e293b;margin-bottom:.375rem}@media(min-width:480px){.emptyTitleL{font-size:1.125rem;margin-bottom:.5rem}}.emptyDescriptionL{color:#64748b;font-size:.875rem;margin-bottom:1.25rem;line-height:1.4}@media(min-width:480px){.emptyDescriptionL{font-size:1rem;margin-bottom:1.5rem}}.emptyBtnL{margin:0 auto;padding:.625rem 1.25rem;font-size:.875rem}@media(min-width:480px){.emptyBtnL{padding:.75rem 1.5rem;font-size:1rem}}.summaryTableL{background-color:#fff;border-radius:10px;border:1px solid #e2e8f0;overflow:hidden;margin-top:1.5rem;box-shadow:0 2px 3px #0000000d}@media(min-width:768px){.summaryTableL{border-radius:12px;margin-top:2rem}}.tableHeaderL{padding:1rem;border-bottom:1px solid #e2e8f0;background-color:#f8fafc}@media(min-width:480px){.tableHeaderL{padding:1.25rem 1.5rem}}.tableHeaderContentL{display:flex;flex-direction:column;gap:.875rem}@media(min-width:480px){.tableHeaderContentL{flex-direction:row;justify-content:space-between;align-items:center;gap:1rem}}.tableTitleL{font-weight:600;color:#1e293b;font-size:1rem}@media(min-width:480px){.tableTitleL{font-size:1.125rem}}.downloadBtnL{display:flex;align-items:center;justify-content:center;color:#2563eb;font-size:.8125rem;font-weight:500;transition:color .2s ease;background:none;border:none;cursor:pointer;padding:.375rem .75rem;border-radius:6px;width:100%}@media(min-width:480px){.downloadBtnL{width:auto;padding:.5rem;font-size:.875rem}}.downloadBtnL:hover{color:#1d4ed8;background-color:#f1f5f9}.downloadIconL{width:.875rem;height:.875rem;margin-right:.375rem}@media(min-width:480px){.downloadIconL{width:1rem;height:1rem;margin-right:.5rem}}.tableWrapperL{overflow-x:auto;-webkit-overflow-scrolling:touch}.leaveTableL{width:100%;border-collapse:collapse;min-width:600px}.tableHeadL{background-color:#f1f5f9}.tableHeaderCellL{padding:.875rem 1rem;text-align:left;font-size:.6875rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}@media(min-width:480px){.tableHeaderCellL{padding:1rem 1.5rem;font-size:.75rem}}.tableRowL{border-bottom:1px solid #f1f5f9;transition:background-color .2s ease}.tableRowL:hover{background-color:#f8fafc}.tableCellL{padding:.75rem 1rem;font-size:.8125rem;color:#475569;white-space:nowrap}@media(min-width:480px){.tableCellL{padding:1rem 1.5rem;font-size:.875rem}}.modalOverlayL{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:.5rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media(min-width:480px){.modalOverlayL{padding:1rem}}.modalL{background-color:#fff;border-radius:12px;box-shadow:0 20px 40px -12px #00000040;width:100%;max-width:32rem;max-height:90vh;overflow-y:auto;margin:.5rem}@media(min-width:480px){.modalL{border-radius:16px;margin:0}}.modalHeaderL{padding:1.25rem 1.25rem 1rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}@media(min-width:480px){.modalHeaderL{padding:1.5rem 1.5rem 1rem}}.modalTitleL{font-size:1.125rem;font-weight:600;color:#1e293b}@media(min-width:480px){.modalTitleL{font-size:1.25rem}}.modalCloseBtnL{color:#94a3b8;background:none;border:none;cursor:pointer;transition:all .2s ease;padding:.375rem;border-radius:6px;display:flex;align-items:center;justify-content:center}@media(min-width:480px){.modalCloseBtnL{padding:.5rem;border-radius:8px}}.modalCloseBtnL:hover{color:#64748b;background-color:#f1f5f9}.modalCloseIconL{width:1.125rem;height:1.125rem}@media(min-width:480px){.modalCloseIconL{width:1.25rem;height:1.25rem}}.modalFormL{padding:1.25rem}@media(min-width:480px){.modalFormL{padding:1.5rem}}.formGroupL{margin-bottom:1rem}@media(min-width:480px){.formGroupL{margin-bottom:1.25rem}}.formLabelL{display:block;font-size:.8125rem;font-weight:500;color:#374151;margin-bottom:.375rem}@media(min-width:480px){.formLabelL{font-size:.875rem;margin-bottom:.5rem}}.formSelectL,.formInputL,.formTextareaL{width:100%;padding:.625rem .875rem;border:1px solid #d1d5db;border-radius:6px;font-size:.8125rem;transition:all .2s ease;background-color:#fff}@media(min-width:480px){.formSelectL,.formInputL,.formTextareaL{padding:.75rem 1rem;border-radius:8px;font-size:.875rem}}.formSelectL:focus,.formInputL:focus,.formTextareaL:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.formTextareaL{min-height:5rem;resize:vertical}@media(min-width:480px){.formTextareaL{min-height:6rem}}.formGridL{display:grid;grid-template-columns:1fr;gap:.875rem}@media(min-width:480px){.formGridL{gap:1rem}}@media(min-width:768px){.formGridL{grid-template-columns:repeat(2,1fr)}}.daysCounterL{font-size:.8125rem;font-weight:600;color:#2563eb;padding:.375rem 0;text-align:center;background-color:#eff6ff;border-radius:6px;margin:.375rem 0}@media(min-width:480px){.daysCounterL{font-size:.875rem;padding:.5rem 0;margin:.5rem 0}}.formActionsL{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid #e2e8f0}@media(min-width:480px){.formActionsL{flex-direction:row;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem}}.cancelFormBtnL{padding:.625rem 1.25rem;border:1px solid #d1d5db;border-radius:6px;background-color:#fff;color:#374151;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease;order:2}@media(min-width:480px){.cancelFormBtnL{padding:.75rem 1.5rem;border-radius:8px;font-size:.875rem;order:1}}.cancelFormBtnL:hover{background-color:#f9fafb;border-color:#9ca3af}.submitFormBtnL{padding:.625rem 1.25rem;background:linear-gradient(135deg,#2563eb,#0d9488);color:#fff;border:none;border-radius:6px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease;order:1}@media(min-width:480px){.submitFormBtnL{padding:.75rem 1.5rem;border-radius:8px;font-size:.875rem;order:2}}.submitFormBtnL:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d}.messageAlertL{position:fixed;top:1rem;right:1rem;left:1rem;padding:.875rem 1rem;border-radius:10px;box-shadow:0 8px 12px -3px #0000001a;display:flex;align-items:center;z-index:1001;animation:slideInL .3s ease;max-width:100%}@media(min-width:480px){.messageAlertL{top:1.5rem;right:1.5rem;left:auto;max-width:400px;padding:1rem 1.25rem;border-radius:12px}}@keyframes slideInL{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.messageAlertSuccessL{background-color:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.messageAlertErrorL{background-color:#fee2e2;color:#991b1b;border:1px solid #fecaca}.messageIconL{width:1.125rem;height:1.125rem;margin-right:.625rem;flex-shrink:0}@media(min-width:480px){.messageIconL{width:1.25rem;height:1.25rem;margin-right:.75rem}}.loadingStateL{min-height:100vh;background-color:#f8fafc;display:flex;align-items:center;justify-content:center}.loadingContentL{text-align:center}.loadingSpinnerL{width:2.5rem;height:2.5rem;border:3px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;animation:spinL 1s linear infinite;margin:0 auto}@media(min-width:480px){.loadingSpinnerL{width:3rem;height:3rem}}@keyframes spinL{to{transform:rotate(360deg)}}.loadingTextL{color:#64748b;margin-top:.875rem;font-size:.875rem;font-weight:500}@media(min-width:480px){.loadingTextL{margin-top:1rem;font-size:1rem}}.errorStateL{min-height:100vh;background-color:#f8fafc;display:flex;align-items:center;justify-content:center;padding:1.5rem}@media(min-width:480px){.errorStateL{padding:2rem}}.errorContentL{text-align:center;max-width:100%}@media(min-width:480px){.errorContentL{max-width:400px}}.errorIconL{width:3rem;height:3rem;color:#ef4444;margin:0 auto 1.25rem}@media(min-width:480px){.errorIconL{width:4rem;height:4rem;margin-bottom:1.5rem}}.errorTitleL{font-size:1.25rem;font-weight:600;color:#1e293b;margin-bottom:.625rem}@media(min-width:480px){.errorTitleL{font-size:1.5rem;margin-bottom:.75rem}}.errorMessageL{color:#64748b;margin-bottom:1.5rem;line-height:1.5;font-size:.875rem}@media(min-width:480px){.errorMessageL{font-size:1rem;margin-bottom:2rem}}.retryBtnL{padding:.625rem 1.75rem;background:linear-gradient(135deg,#2563eb,#0d9488);color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:.875rem}@media(min-width:480px){.retryBtnL{padding:.75rem 2rem;font-size:1rem}}.retryBtnL:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d}.errorBoxL{background-color:#fee2e2;border:1px solid #fecaca;color:#991b1b;border-radius:8px;padding:.875rem;margin-bottom:1.25rem;box-shadow:0 2px 3px #0000001a;animation:fadeInL .3s ease}@media(min-width:480px){.errorBoxL{padding:1rem;margin-bottom:1.5rem}}.errorBoxContentL{display:flex;align-items:center;gap:.625rem}@media(min-width:480px){.errorBoxContentL{gap:.75rem}}.errorBoxIconL{width:1.125rem;height:1.125rem;flex-shrink:0;color:#dc2626}@media(min-width:480px){.errorBoxIconL{width:1.25rem;height:1.25rem}}.errorBoxTextL{flex:1;font-size:.8125rem;line-height:1.5}@media(min-width:480px){.errorBoxTextL{font-size:.875rem}}.errorBoxCloseBtnL{background:none;border:none;color:#991b1b;cursor:pointer;padding:.25rem;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.errorBoxCloseBtnL:hover{background-color:#dc26261a}.errorBoxCloseIconL{width:.875rem;height:.875rem}@media(min-width:480px){.errorBoxCloseIconL{width:1rem;height:1rem}}.successBoxL{background-color:#d1fae5;border:1px solid #a7f3d0;color:#065f46;border-radius:8px;padding:.875rem;margin-bottom:1.25rem;box-shadow:0 2px 3px #0000001a;animation:fadeInL .3s ease}@media(min-width:480px){.successBoxL{padding:1rem;margin-bottom:1.5rem}}.successBoxContentL{display:flex;align-items:center;gap:.625rem}@media(min-width:480px){.successBoxContentL{gap:.75rem}}.successBoxIconL{width:1.125rem;height:1.125rem;flex-shrink:0;color:#10b981}@media(min-width:480px){.successBoxIconL{width:1.25rem;height:1.25rem}}.successBoxTextL{flex:1;font-size:.8125rem;line-height:1.5}@media(min-width:480px){.successBoxTextL{font-size:.875rem}}.successBoxCloseBtnL{background:none;border:none;color:#065f46;cursor:pointer;padding:.25rem;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.successBoxCloseBtnL:hover{background-color:#10b9811a}.successBoxCloseIconL{width:.875rem;height:.875rem}@media(min-width:480px){.successBoxCloseIconL{width:1rem;height:1rem}}.modalErrorBoxL{background-color:#fee2e2;border:1px solid #fecaca;color:#991b1b;border-radius:8px;padding:.625rem .875rem;margin:0 1.25rem 1rem;display:flex;align-items:center;gap:.5rem;font-size:.8125rem}@media(min-width:480px){.modalErrorBoxL{padding:.75rem 1rem;margin:0 1.5rem 1rem;font-size:.875rem}}.modalErrorIconL{width:.875rem;height:.875rem;flex-shrink:0}@media(min-width:480px){.modalErrorIconL{width:1rem;height:1rem}}.modalErrorTextL{flex:1}@keyframes fadeInL{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:320px){.leaveContainerL{padding:.5rem}.leaveHeaderL{padding:1rem .75rem;border-radius:8px}.leaveTitleL{font-size:1.375rem}.leaveSubtitleL{font-size:.8125rem}.applyLeaveBtnL{padding:.5rem 1rem;font-size:.8125rem}.statsGridL{grid-template-columns:1fr;gap:.625rem}.statCardL{padding:.875rem .75rem;min-height:80px}.statNumberL{font-size:1.375rem}.statLabelL{font-size:.6875rem}.leaveCardsGridL{gap:.75rem}.leaveCardL{padding:1rem .875rem}.leaveTypeL{font-size:.9375rem}.leaveDateL{font-size:.6875rem}.leaveReasonL{font-size:.75rem}.modalL{margin:.25rem}}@media(max-width:480px){.formActionsL{flex-direction:column}.formActionsL button{width:100%}.leaveCardFooterL{flex-direction:column;align-items:flex-start;gap:1rem}.leaveActionsL{align-self:flex-end}.messageAlertL{right:.75rem;left:.75rem}}@media(max-width:280px){.leaveContainerL{padding:.375rem}.leaveHeaderL{padding:.875rem .625rem;border-radius:6px}.leaveTitleL{font-size:1.25rem}.leaveSubtitleL{font-size:.75rem}.applyLeaveBtnL{padding:.5rem .875rem;font-size:.75rem}.applyLeaveIconL{width:.875rem;height:.875rem;margin-right:.375rem}.statsGridL{grid-template-columns:1fr;gap:.5rem}.statCardL{padding:.75rem .625rem;min-height:75px;border-radius:8px}.statNumberL{font-size:1.25rem}.statLabelL{font-size:.625rem}.sectionTitleL{font-size:1rem;margin-bottom:.75rem}.leaveCardsGridL{gap:.625rem}.leaveCardL{padding:.875rem .75rem;border-radius:8px}.leaveTypeL{font-size:.875rem}.leaveDateL{font-size:.625rem}.leaveDateIconL{width:.75rem;height:.75rem}.statusBadgeL{padding:.1875rem .5rem;font-size:.625rem}.statusIconL{width:.75rem;height:.75rem}.leaveReasonL{font-size:.6875rem;margin-bottom:1rem}.leaveAppliedDateL{font-size:.625rem}.actionBtnL{padding:.25rem;min-width:28px;min-height:28px}.actionIconL{width:.75rem;height:.75rem}}@media(max-width:640px){.tableHeaderCellL,.tableCellL{padding:.75rem .875rem;font-size:.75rem}.statusBadgeSmallL{padding:.1875rem .375rem;font-size:.625rem}}@media(max-width:768px){.summaryTableL{margin-top:1.25rem}.tableTitleL{font-size:1.125rem}.downloadBtnL{font-size:.875rem}}.rejectionReasonContainerL{background-color:#fff5f5;border:1px solid #fed7d7;border-radius:8px;padding:12px;margin:10px 0;animation:fadeIn .3s ease-in-out}.rejectionReasonHeaderL{display:flex;align-items:center;gap:8px;margin-bottom:8px}.rejectionIconL{width:18px;height:18px;color:#e53e3e;flex-shrink:0}.rejectionTitleL{font-weight:600;font-size:14px;color:#e53e3e}.rejectionReasonTextL{font-size:14px;line-height:1.5;color:#4a5568;margin:0 0 10px;padding-left:26px}.rejectedByL{background-color:#f7fafc;border-radius:6px;padding:8px;margin-top:8px;border-left:3px solid #e53e3e}.rejectedByLabel{font-size:12px;font-weight:600;color:#718096;margin-bottom:4px}.rejectedByDetails{display:flex;flex-direction:column;gap:2px}.rejectedByName{font-size:13px;font-weight:500;color:#2d3748}.rejectedByEmail{font-size:12px;color:#4a5568}.rejectedByRole{font-size:11px;color:#718096;font-style:italic}.rejectionTooltipL{position:relative;display:inline-block;cursor:help}.rejectionReasonPreviewL{color:#e53e3e;font-size:13px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rejectionTooltipL .rejectionTooltipTextL{visibility:hidden;width:300px;background-color:#2d3748;color:#fff;text-align:left;padding:12px;border-radius:6px;position:absolute;z-index:100;bottom:125%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .3s;box-shadow:0 4px 6px #0000001a;font-size:13px;line-height:1.5}.rejectionTooltipL .rejectionTooltipTextL:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#2d3748 transparent transparent transparent}.rejectionTooltipL:hover .rejectionTooltipTextL{visibility:visible;opacity:1}.rejectedByTableL{display:flex;flex-direction:column;gap:2px}.rejectedByNameTable{font-size:13px;color:#2d3748}.rejectedByRoleTable{font-size:11px;color:#718096}.noRejectionL{color:#a0aec0;font-style:italic}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.statusBadgeRejectedL{background-color:#fed7d7!important;border:1px solid #fc8181!important;color:#c53030!important}.statusBadgeSmallL.statusBadgeRejectedL{background-color:#fed7d7!important;color:#c53030!important}.actionByContainerL{margin-top:12px;padding:10px;background:#f8f9fa;border-radius:6px;border-left:3px solid #28a745}.statusBadgeRejectedL+.actionByContainerL{border-left-color:#dc3545}.actionByHeaderL{display:flex;align-items:center;gap:8px;margin-bottom:6px}.actionByIconL{width:16px;height:16px;stroke-width:2}.actionByTitleL{font-size:13px;font-weight:600;color:#495057}.actionByDetailsL{display:flex;flex-direction:column;gap:2px;padding-left:24px}.actionByNameL{font-size:14px;font-weight:500;color:#212529}.actionByRoleL,.actionByEmailL{font-size:12px;color:#6c757d}.actionByTableL{display:flex;flex-direction:column;gap:2px}.actionByNameTable{font-size:14px;font-weight:500;color:#212529}.actionByRoleTable{font-size:12px;color:#6c757d}.notificationOverlayL{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.notificationModalL{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:16px;width:100%;max-width:500px;overflow:hidden;box-shadow:0 20px 60px #0000004d;border:3px solid #f59e0b;animation:notificationPulse 2s infinite}@keyframes notificationPulse{0%{box-shadow:0 0 #f59e0bb3;border-color:#f59e0b}70%{box-shadow:0 0 0 15px #f59e0b00;border-color:#fbbf24}to{box-shadow:0 0 #f59e0b00;border-color:#f59e0b}}.notificationHeaderL{padding:24px 24px 16px;display:flex;align-items:center;gap:16px;background:#fef3c780;border-bottom:2px solid rgba(245,158,11,.3)}.notificationIconL{width:40px;height:40px;color:#d97706;flex-shrink:0;animation:clockSpin 4s linear infinite}@keyframes clockSpin{0%,to{transform:rotate(0)}25%{transform:rotate(-15deg)}50%{transform:rotate(0)}75%{transform:rotate(15deg)}}.notificationTitleL{margin:0;font-size:24px;font-weight:700;color:#92400e;flex:1}.notificationBodyL{padding:24px;background:#fff}.notificationMessageL{margin:0 0 16px;font-size:18px;font-weight:600;color:#1f2937;line-height:1.5;padding:16px;background:#fef3c7;border-radius:12px;border-left:4px solid #f59e0b}.notificationHintL{margin:0;font-size:14px;color:#6b7280;font-style:italic;text-align:center}.notificationActionsL{padding:20px 24px 24px;display:flex;justify-content:center;background:#fef3c780;border-top:2px solid rgba(245,158,11,.3)}.notificationOkBtnL{display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;padding:14px 32px;border-radius:50px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #f59e0b66;min-width:200px}.notificationOkBtnL:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b99}.notificationOkBtnL:active{transform:translateY(0)}.okBtnIconL{width:20px;height:20px}.daysCounterL{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:10px 16px;border-radius:8px;font-weight:600;text-align:center;margin:16px 0;box-shadow:0 4px 12px #3b82f64d}.endingLeaveCard{position:relative;border:3px solid #f59e0b;animation:cardGlow 2s infinite alternate;background:linear-gradient(135deg,#fff,#fef3c7)}@keyframes cardGlow{0%{box-shadow:0 0 10px #f59e0b80}to{box-shadow:0 0 20px #f59e0bcc}}.endingBadgeL{position:absolute;top:-10px;right:20px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700;z-index:1;box-shadow:0 4px 8px #0003}.notificationSettingsL{position:fixed;bottom:20px;right:20px;z-index:100}.settingsBtnL{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;width:50px;height:50px;border-radius:50%;cursor:pointer;box-shadow:0 4px 12px #3b82f666;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.settingsBtnL:hover{transform:rotate(30deg);box-shadow:0 6px 20px #3b82f699}.settingsIconL{width:24px;height:24px}.endingTooltipL{position:relative;display:inline-block}.endingTooltipL .tooltipTextL{visibility:hidden;width:200px;background-color:#f59e0b;color:#fff;text-align:center;border-radius:6px;padding:8px;position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-100px;opacity:0;transition:opacity .3s;font-size:12px;font-weight:600}.endingTooltipL .tooltipTextL:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#f59e0b transparent transparent transparent}.endingTooltipL:hover .tooltipTextL{visibility:visible;opacity:1}@media(max-width:768px){.notificationModalL{max-width:90%}.notificationHeaderL{padding:20px 20px 12px}.notificationTitleL{font-size:20px}.notificationMessageL{font-size:16px}.notificationOkBtnL{padding:12px 24px;font-size:14px;min-width:180px}}.soundToggleL{position:absolute;top:20px;right:20px}.toggleBtnL{background:none;border:2px solid #f59e0b;color:#92400e;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .3s ease}.toggleBtnL:hover{background:#f59e0b;color:#fff}.toggleIconL{width:16px;height:16px}.countdownTimerL{display:flex;justify-content:center;gap:10px;margin:10px 0}.timerUnitL{background:#fff;border-radius:8px;padding:8px;min-width:50px;text-align:center;box-shadow:0 2px 8px #0000001a}.timerValueL{font-size:20px;font-weight:700;color:#d97706;display:block}.timerLabelL{font-size:10px;color:#6b7280;text-transform:uppercase;letter-spacing:1px;display:block;margin-top:4px}.urgentNotification{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#dc2626;animation:urgentPulse 1s infinite}@keyframes urgentPulse{0%{box-shadow:0 0 #dc2626b3}70%{box-shadow:0 0 0 20px #dc262600}to{box-shadow:0 0 #dc262600}}.urgentHeader{background:#fee2e280;border-bottom-color:#dc26264d}.urgentTitle{color:#991b1b}.urgentIcon{color:#dc2626;animation:urgentSpin .5s ease-in-out infinite alternate}@keyframes urgentSpin{0%{transform:rotate(-10deg)}to{transform:rotate(10deg)}}.snoozeOptionsL{display:flex;gap:10px;margin-top:16px}.snoozeBtnL{flex:1;background:#f59e0b1a;border:2px solid rgba(245,158,11,.3);color:#92400e;padding:8px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.snoozeBtnL:hover{background:#f59e0b33;border-color:#f59e0b}.progressBarL{width:100%;height:8px;background:#e5e7eb;border-radius:4px;margin:16px 0;overflow:hidden}.progressFillL{height:100%;background:linear-gradient(90deg,#10b981,#3b82f6,#f59e0b);border-radius:4px;transition:width .3s ease}.progressTextL{font-size:12px;color:#6b7280;text-align:center;margin-top:4px}.cancelConfirmModalL{max-width:500px;width:90%}.cancelModalContentL{padding:20px;text-align:center}.cancelModalIconL{width:60px;height:60px;margin:0 auto 20px;border-radius:50%;background-color:#fef3f2;display:flex;align-items:center;justify-content:center}.cancelModalIconL svg{width:30px;height:30px;color:#f04438}.cancelModalTitleL{font-size:1.5rem;font-weight:600;color:#101828;margin-bottom:10px}.cancelModalTextL{font-size:1rem;color:#667085;line-height:1.5;margin-bottom:30px}.cancelModalActionsL{display:flex;gap:12px;justify-content:center}.cancelModalNoBtnL{background-color:#f2f4f7;color:#344054;border:1px solid #d0d5dd}.cancelModalNoBtnL:hover{background-color:#e4e7ec}.cancelModalYesBtnL{background-color:#d92d20}.cancelModalYesBtnL:hover{background-color:#b42318}.announcements-containerEMM{max-width:1400px;margin:0 auto;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,#f0f9ff,#f0fdf4,#ecfdf5);min-height:100vh}.loading-spinnerEMM{display:flex;justify-content:center;align-items:center;min-height:400px;font-size:1.2rem;color:#0891b2;background:#ffffffe6;border-radius:12px;padding:40px;box-shadow:0 4px 20px #00000014}.unauthorized-messageEMM{text-align:center;background:#fff;padding:60px 40px;border-radius:16px;box-shadow:0 4px 20px #00000014;max-width:600px;margin:100px auto;border:1px solid #e2e8f0}.unauthorized-messageEMM h2{color:#dc2626;margin:20px 0 10px;font-size:1.8rem}.unauthorized-messageEMM p{color:#64748b;font-size:1rem;line-height:1.6}.dashboard-headerEMM{display:flex;justify-content:center;align-items:center;margin-bottom:32px;padding:28px;background:linear-gradient(135deg,#0ea5e9,#0891b2);border-radius:16px;color:#fff;box-shadow:0 8px 30px #0ea5e94d}.employee-welcomeEMM{text-align:center}.employee-welcomeEMM h2{display:flex;align-items:center;justify-content:center;gap:12px;font-size:2rem;margin:0}.welcome-subtitleEMM{margin-top:8px;font-size:1rem;opacity:.9}.errorEMM{background:linear-gradient(135deg,#fecaca,#fca5a5);color:#dc2626;padding:16px 24px;border-radius:10px;margin-bottom:24px;border:1px solid #f87171;display:flex;align-items:center;gap:12px;font-weight:500}.filters-sectionEMM{background:#fff;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 4px 20px #0000000d;border:1px solid #e2e8f0}.filters-gridEMM{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:20px}.filter-groupEMM{display:flex;flex-direction:column;gap:8px}.filter-groupEMM label{display:flex;align-items:center;gap:8px;color:#475569;font-size:.95rem;font-weight:600}.filter-selectEMM,.search-inputEMM{padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:all .3s ease;background:#f8fafc}.filter-selectEMM:focus,.search-inputEMM:focus{outline:none;border-color:#0ea5e9;background:#fff;box-shadow:0 0 0 3px #0ea5e91a}.search-groupEMM{position:relative}.search-groupEMM .search-inputEMM{padding-left:44px}.clear-search-btnEMM{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:#e2e8f0;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;transition:all .3s ease}.clear-search-btnEMM:hover{background:#cbd5e1;color:#475569}.filter-actionsEMM{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:1px solid #e2e8f0}.btn-clearEMM{background:#f1f5f9;color:#475569;border:2px solid #cbd5e1;padding:10px 20px;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-clearEMM:hover{background:#e2e8f0;border-color:#94a3b8}.btn-refreshEMM{background:linear-gradient(135deg,#0ea5e9,#0891b2);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease}.btn-refreshEMM:hover:not(:disabled){background:linear-gradient(135deg,#0891b2,#0c4a6e);transform:translateY(-2px)}.results-summaryEMM{background:#fff;border-radius:12px;padding:16px 24px;margin-bottom:24px;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000d;display:flex;justify-content:space-between;align-items:center}.results-countEMM{color:#475569;font-size:1rem;font-weight:500}.results-count-numberEMM{font-size:1.5rem;font-weight:600;color:#007bff;margin-right:.5rem}.results-count-textEMM{color:#6c757d;font-weight:500}.filter-textEMM{color:#6c757d;font-size:.9rem;margin-left:.75rem;padding-left:.75rem;border-left:1px solid #dee2e6}.announcements-gridEMM{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;margin-top:1.5rem}.announcement-cardEMM{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #00000014;border:1px solid #e9ecef;transition:all .2s ease;display:flex;flex-direction:column;height:100%}.announcement-cardEMM:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001f;border-color:#007bff}.card-headerEMM{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.card-header-leftEMM{display:flex;gap:.5rem;flex-wrap:wrap}.card-header-rightEMM{display:flex;align-items:flex-start}.card-actionsEMM{display:flex;gap:.5rem}.action-btnEMM{padding:.4rem;border-radius:6px;border:1px solid #e9ecef;background:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.action-btnEMM:hover{transform:scale(1.1)}.view-btnEMM:hover{background:#e3f2fd;border-color:#2196f3;color:#2196f3}.priority-badgeEMM{padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:inline-flex;align-items:center;gap:6px;box-shadow:0 2px 4px #0000001a}.priority-badge-highEMM{background:linear-gradient(135deg,#fecaca,#fca5a5);color:#dc2626}.priority-badge-mediumEMM{background:linear-gradient(135deg,#fed7aa,#fdba74);color:#ea580c}.priority-badge-lowEMM{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.type-badgeEMM{padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:600;display:inline-flex;align-items:center;gap:6px}.type-badge-systemEMM{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8}.type-badge-departmentEMM{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);color:#0c4a6e}.card-titleEMM{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.card-titleEMM h3{font-size:1.1rem;font-weight:600;color:#2d3748;margin:0;flex:1;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;line-clamp:2;-webkit-box-orient:vertical}.card-contentEMM{flex:1;margin-bottom:1.5rem}.card-contentEMM p{color:#4a5568;line-height:1.6;margin:0 0 1rem;font-size:.95rem}.read-moreEMM{background:none;border:none;color:#007bff;cursor:pointer;font-size:.9rem;padding:0;font-weight:500;transition:color .2s ease}.read-moreEMM:hover{color:#0056b3;text-decoration:underline}.card-footerEMM{border-top:1px solid #e9ecef;padding-top:1rem;margin-top:auto}.footer-infoEMM{display:flex;flex-direction:column;gap:.75rem}.footer-itemEMM{display:flex;align-items:center;gap:.5rem;color:#6c757d;font-size:.9rem}.footer-itemEMM svg{flex-shrink:0;color:#adb5bd}.no-results-cardEMM{grid-column:1 / -1;text-align:center;padding:4rem 2rem;background:#fff;border-radius:12px;border:2px dashed #e9ecef}.no-results-contentEMM h3{margin:1rem 0 .5rem;color:#2d3748}.no-results-contentEMM p{color:#6c757d;margin-bottom:1.5rem}.no-results-actionsEMM{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.reset-filters-btnEMM{background:linear-gradient(135deg,#0ea5e9,#0891b2);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .3s ease}.reset-filters-btnEMM:hover{background:linear-gradient(135deg,#0891b2,#0c4a6e);transform:translateY(-2px)}.modal-overlayEMM{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeInEMM .3s ease}@keyframes fadeInEMM{0%{opacity:0}to{opacity:1}}.modal-contentEMM{background:#fff;border-radius:12px;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #00000026;animation:slideUpEMM .3s ease}@keyframes slideUpEMM{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-header-cleanEMM{display:flex;justify-content:space-between;align-items:flex-start;padding:32px 32px 16px;border-bottom:1px solid #e9ecef}.modal-title-cleanEMM{color:#007bff;margin:0;font-size:1.8rem;font-weight:700;line-height:1.4;flex:1}.modal-close-btn-cleanEMM{background:#f8f9fa;border:none;color:#6c757d;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;margin-left:16px;flex-shrink:0}.modal-close-btn-cleanEMM:hover{background:#e9ecef;color:#495057}.modal-body-cleanEMM{padding:24px 32px}.modal-badges-cleanEMM{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #e9ecef}.modal-badge-groupEMM{display:flex;align-items:center;gap:8px}.modal-badge-labelEMM{color:#6c757d;font-size:.9rem;font-weight:500}.department-badge-cleanEMM{display:flex;align-items:center;gap:6px;color:#495057;font-size:.9rem;font-weight:500}.modal-content-text-cleanEMM{background:#f8f9fa;border-radius:8px;padding:24px;margin-bottom:24px;min-height:200px}.content-text-cleanEMM{color:#212529;font-size:1rem;line-height:1.7;white-space:pre-wrap;word-wrap:break-word}.modal-footer-cleanEMM{padding:20px 0;border-top:1px solid #e9ecef}.modal-footer-infoEMM{display:flex;flex-wrap:wrap;gap:20px}.modal-footer-itemEMM{display:flex;align-items:center;gap:8px;color:#6c757d;font-size:.9rem}.modal-footer-itemEMM svg{color:#adb5bd}.modal-actions-cleanEMM{padding:20px 32px 32px;border-top:1px solid #e9ecef;display:flex;justify-content:flex-end}.close-btn-cleanEMM{background:#007bff;color:#fff;border:none;padding:12px 32px;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.close-btn-cleanEMM:hover{background:#0056b3;transform:translateY(-2px)}.ml-1EMM{margin-left:4px}@media(max-width:1024px){.dashboard-headerEMM{flex-direction:column;gap:24px;align-items:stretch}.filters-gridEMM{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.announcements-containerEMM{padding:16px}.dashboard-headerEMM{padding:20px}.filters-gridEMM,.announcements-gridEMM{grid-template-columns:1fr}.results-summaryEMM{flex-direction:column;align-items:flex-start;gap:1rem}.no-results-actionsEMM{flex-direction:column}.modal-contentEMM{max-width:95%;margin:20px}.modal-header-cleanEMM{padding:24px 24px 16px;flex-direction:column;gap:16px}.modal-title-cleanEMM{font-size:1.5rem;width:100%}.modal-close-btn-cleanEMM{position:absolute;top:20px;right:20px;margin:0}.modal-body-cleanEMM{padding:20px 24px}.modal-badges-cleanEMM{flex-direction:column;gap:12px}.modal-content-text-cleanEMM{padding:20px}.modal-footer-infoEMM{flex-direction:column;gap:12px}.modal-actions-cleanEMM{padding:20px 24px 24px}.close-btn-cleanEMM{width:100%}}@media(max-width:480px){.dashboard-headerEMM h1{font-size:1.6rem}.filters-sectionEMM,.results-summaryEMM{padding:16px}.modal-contentEMM{max-width:100%;margin:10px;border-radius:8px}.modal-header-cleanEMM{padding:20px 20px 12px}.modal-body-cleanEMM{padding:16px 20px}.modal-content-text-cleanEMM{padding:16px}}.profile-content-single{flex:1;padding:2rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem;max-width:100%}.profile-picture-section-single{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem;background:#fff;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 2px 8px #00000008;margin-bottom:.5rem}.profile-picture-wrapper-single{margin-bottom:1.5rem}.profile-picture-single{width:160px;height:160px;border-radius:50%;object-fit:cover;border:6px solid white;box-shadow:0 8px 24px #2c5aa026}.profile-basic-info-single{width:100%}.profile-name-single{font-size:1.75rem;font-weight:700;color:#1e293b;margin:0 0 .5rem;line-height:1.2}.profile-email-single{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#475569;font-size:1rem;margin:0 0 1.5rem;font-weight:500}.profile-badges-single{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1rem}.badge-single{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:12px;font-size:.85rem;font-weight:600}.badge-blue{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border:1px solid #93c5fd}.badge-green{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border:1px solid #6ee7b7}.badge-teal{background:linear-gradient(135deg,#ccfbf1,#99f6e4);color:#0d9488;border:1px solid #5eead4}.profile-card-single{background:#fff;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden;box-shadow:0 2px 8px #00000008}.card-header-single{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:1.5rem 2rem;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;gap:1rem}.card-icon-single{border-radius:10px;padding:.75rem;display:flex;align-items:center;justify-content:center}.card-icon-blue{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2c5aa0}.card-icon-green{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#2c9a7a}.card-icon-teal{background:linear-gradient(135deg,#ccfbf1,#99f6e4);color:#0d9488}.card-icon-purple{background:linear-gradient(135deg,#e9d5ff,#d8b4fe);color:#7c3aed}.card-title-single{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0}.card-content-single{padding:2rem}.info-section-single{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #f1f5f9}.info-section-single:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.info-section-title-single{font-size:1.1rem;font-weight:600;color:#2c5aa0;margin:0 0 1.25rem;padding-bottom:.75rem;border-bottom:2px solid rgba(44,90,160,.1)}.info-row-single{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px dashed #f1f5f9}.info-row-single:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.info-label-single{display:flex;align-items:center;gap:.75rem;color:#475569;font-size:.95rem;font-weight:500}.info-label-single svg{color:#2c5aa0;flex-shrink:0;width:18px;height:18px}.info-value-single{color:#1e293b;font-size:1rem;font-weight:500;padding-left:2rem;line-height:1.5}.address-value-single{line-height:1.6;white-space:pre-line}.status-badge-single{display:inline-block;padding:.375rem 1rem;border-radius:12px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.profile-footer-single{margin-top:1rem;padding:1.5rem 2rem;border-top:1px solid #e2e8f0;display:flex;flex-direction:column;gap:1rem;background:#2c5aa008;border-radius:12px}.system-info-single{display:flex;flex-direction:column;gap:.75rem}.system-id-item{display:flex;align-items:center;gap:.75rem;color:#475569;font-size:.9rem}.system-id-item svg{color:#2c5aa0;flex-shrink:0}.system-id-item strong{color:#2c5aa0;font-weight:600;margin-right:.5rem}.last-update-single{display:flex;align-items:center;justify-content:center;gap:.75rem;color:#64748b;font-size:.85rem;font-weight:500;padding-top:1rem;border-top:1px dashed #e2e8f0}.last-update-single svg{color:#2c9a7a}@media(max-width:768px){.profile-content-single,.profile-picture-section-single{padding:1.5rem}.profile-picture-single{width:140px;height:140px}.profile-name-single{font-size:1.5rem}.card-header-single{padding:1.25rem}.card-content-single{padding:1.5rem}.info-section-single{margin-bottom:1.5rem;padding-bottom:1.5rem}}@media(max-width:480px){.profile-content-single{padding:1rem}.profile-picture-single{width:120px;height:120px}.profile-name-single{font-size:1.35rem}.card-header-single{padding:1rem}.card-content-single{padding:1.25rem}.info-label-single{font-size:.9rem}.info-value-single{font-size:.95rem}}.modal-overlay-cp{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content-cp{background:#fff;border-radius:12px;width:100%;max-width:450px;box-shadow:0 10px 25px #0003;animation:modalSlideIn-cp .3s ease-out}@keyframes modalSlideIn-cp{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header-cp{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px 12px 0 0;color:#fff}.modal-title-cp{margin:0;font-size:18px;font-weight:600;display:flex;align-items:center;gap:8px}.modal-close-cp{background:#fff3;border:none;border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:background-color .2s}.modal-close-cp:hover{background:#ffffff4d}.modal-body-cp{padding:24px}.password-form-cp{display:flex;flex-direction:column;gap:20px}.alert-cp{padding:12px 16px;border-radius:8px;font-size:14px;margin-bottom:8px;display:flex;align-items:center;gap:8px}.alert-cp.error-cp{background-color:#fee2e2;border:1px solid #fecaca;color:#dc2626}.alert-cp.success-cp{background-color:#d1fae5;border:1px solid #a7f3d0;color:#059669}.form-group-cp{display:flex;flex-direction:column;gap:6px}.form-label-cp{font-size:14px;font-weight:500;color:#374151;display:flex;align-items:center;gap:6px}.password-input-wrapper-cp{position:relative}.form-input-cp{padding:10px 40px 10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:all .2s;background:#f9fafb;width:100%;box-sizing:border-box}.form-input-cp:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.form-input-cp:disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.7}.password-toggle-cp{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#6b7280;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s;border-radius:4px}.password-toggle-cp:hover:not(:disabled){color:#374151;background:#0000000d}.password-toggle-cp:disabled{opacity:.5;cursor:not-allowed}.form-actions-cp{display:flex;gap:12px;justify-content:flex-end;padding-top:16px;border-top:1px solid #e5e7eb;margin-top:8px}.cancel-btn-cp{padding:10px 20px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.cancel-btn-cp:hover:not(:disabled){background:#e5e7eb}.cancel-btn-cp:disabled{opacity:.5;cursor:not-allowed}.submit-btn-cp{padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.submit-btn-cp:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.submit-btn-cp:disabled{opacity:.5;cursor:not-allowed}.profile-action-button{margin-top:16px;display:flex;justify-content:center}.cp-btn{padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.cp-btn:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.badge-single.badge-purple{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}@media(max-width:640px){.modal-content-cp{max-width:95%;margin:0 10px}.modal-header-cp{padding:16px 20px}.modal-body-cp{padding:20px}.form-actions-cp{flex-direction:column}.cancel-btn-cp,.submit-btn-cp{width:100%;text-align:center}}.address-detailsORPF{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem}.address-lineORPF{display:flex;align-items:center;gap:12px;padding:8px;min-width:200px;flex:1}.address-lineORPF svg{color:#10b981;flex-shrink:0}.address-labelORPF{font-weight:600;color:#475569;font-size:.85rem;white-space:nowrap}.address-textORPF{color:#1e293b;font-weight:500;font-size:.9rem}.no-addressORPF{color:#64748b;font-style:italic;text-align:center;padding:1rem;background:#f1f5f9;border-radius:6px;border:1px dashed #cbd5e1;width:100%}@media(max-width:768px){.organisation-containerORPF{padding:0 1rem}.organisation-bannerORPF{padding:1.5rem}.organisation-logo-sectionORPF{flex-direction:column;text-align:center}.quick-statsORPF{grid-template-columns:1fr 1fr}.organisation-nameORPF{font-size:1.6rem}.address-detailsORPF{flex-direction:row;flex-wrap:wrap}.address-lineORPF{min-width:calc(50% - .5rem)}}@media(max-width:480px){.quick-statsORPF{grid-template-columns:1fr}.header-titleORPF h1{font-size:1.4rem}.organisation-contentORPF{padding:1.25rem}.info-gridORPF{grid-template-columns:1fr;gap:1rem}.action-buttonsORPF{justify-content:center}.selector-optionsORPF{grid-template-columns:1fr}.address-detailsORPF{flex-direction:row;flex-wrap:wrap}.address-lineORPF{min-width:100%}.error-actionsORPF{flex-direction:column}}.password-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease-out;padding:16px;box-sizing:border-box}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.password-modal{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0003;width:100%;max-width:420px;position:relative;animation:slideUp .3s ease-out;display:flex;flex-direction:column;max-height:90vh;overflow:hidden}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.password-modal-close{position:absolute;top:16px;right:16px;background:transparent;border:none;color:#666;cursor:pointer;padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:10}.password-modal-close:hover{background:#f5f5f5;color:#333}.password-modal-close:disabled{opacity:.5;cursor:not-allowed}.header{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:8px;text-align:center;flex-wrap:wrap}.password-modal-header{padding:24px 20px;text-align:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;position:relative;flex-shrink:0}.Lock{color:#fff;background:#fff3;width:40px;height:40px;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.password-modal-title{margin:0 0 4px;font-size:clamp(18px,4vw,24px);font-weight:600;color:#fff;word-break:break-word}.password-modal-subtitle{margin:0;font-size:clamp(12px,3vw,14px);opacity:.9;line-height:1.5;color:#ffffffe6;word-break:break-word}.password-modal-body{padding:24px 20px;overflow-y:auto;flex-grow:1}.form-group{margin-bottom:20px}.input-label{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:clamp(13px,3vw,14px);font-weight:500;color:#333}.input-label svg{color:#667eea;flex-shrink:0}.input-with-icon{position:relative;display:flex;align-items:center}.form-input{width:100%;padding:12px 44px 12px 16px;border:1px solid #e0e0e0;border-radius:8px;font-size:clamp(14px,3vw,16px);transition:all .3s;background:#fff;box-sizing:border-box;min-height:48px}.form-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-input.error{border-color:#ef4444}.form-input:disabled{background:#f5f5f5;cursor:not-allowed}.password-toggle{position:absolute;right:12px;background:transparent;border:none;color:#666;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s;min-width:32px;min-height:32px}.password-toggle:hover{color:#333}.password-toggle:disabled{opacity:.5;cursor:not-allowed}.error-message{color:#ef4444;font-size:clamp(11px,2.5vw,12px);margin-top:4px;display:block;word-break:break-word}.password-hints{margin-top:6px;display:flex;flex-direction:column;gap:2px}.hint{font-size:clamp(10px,2.5vw,11px);color:#666;word-break:break-word}.submit-error{background:#fee2e2;color:#b91c1c;padding:12px;border-radius:8px;font-size:clamp(13px,3vw,14px);margin-bottom:20px;text-align:center;word-break:break-word}.password-modal-actions{display:flex;flex-direction:column;gap:12px;margin-top:24px}.submit-btn{width:100%;padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:clamp(14px,3vw,16px);font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px}.submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.cancel-btn{width:100%;padding:12px;background:transparent;color:#667eea;border:1px solid #667eea;border-radius:8px;font-size:clamp(13px,3vw,14px);font-weight:500;cursor:pointer;transition:all .3s;min-height:44px}.cancel-btn:hover:not(:disabled){background:#667eea;color:#fff}.cancel-btn:disabled{opacity:.5;cursor:not-allowed}.success-modal{max-width:380px;text-align:center}.password-success{padding:clamp(20px,5vw,40px) clamp(16px,4vw,32px)}.success-icon2{color:#10b981;margin-bottom:clamp(16px,4vw,24px);width:clamp(36px,8vw,48px);height:clamp(36px,8vw,48px)}.password-success h3{margin:0 0 clamp(8px,2vw,12px);font-size:clamp(18px,4vw,22px);color:#333;font-weight:600}.password-success p{margin:0 0 clamp(24px,5vw,32px);color:#666;font-size:clamp(13px,3vw,14px);line-height:1.5}.success-close-btn{padding:clamp(10px,2.5vw,12px) clamp(20px,4vw,24px);background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-size:clamp(13px,3vw,14px);font-weight:500;cursor:pointer;transition:all .3s;margin-top:8px;min-height:44px}.success-close-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-open{overflow:hidden}@media(max-width:480px){.password-modal-overlay{padding:12px}.password-modal{max-height:85vh}.password-modal-header,.password-modal-body{padding:20px 16px}.form-input{padding:10px 40px 10px 14px;min-height:44px}.submit-btn,.cancel-btn,.success-close-btn{min-height:44px}}@media(max-width:320px){.password-modal-overlay{padding:8px}.password-modal-header,.password-modal-body{padding:16px 12px}.Lock{width:36px;height:36px;padding:6px}.form-input{padding:8px 36px 8px 12px;min-height:40px}.form-group{margin-bottom:16px}.password-modal-actions{margin-top:20px;gap:8px}.submit-btn,.cancel-btn,.success-close-btn{min-height:40px;padding:10px}}@media(hover:none)and (pointer:coarse){.password-toggle,.submit-btn,.cancel-btn,.form-input{min-height:48px}.password-toggle{min-width:44px;min-height:44px}}@media screen and (max-width:768px){input.form-input,button.submit-btn,button.cancel-btn{font-size:16px}}.datetime-section{display:flex;align-items:center;gap:1.5rem;background:#fff6;padding:.5rem 1.2rem;border-radius:50px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5);box-shadow:inset 0 1px 1px #fffc}.loading-containerA{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:linear-gradient(135deg,#1a5f7a,#2e8b57)}.loading-spinnerA{width:60px;height:60px;border:6px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spinA 1s linear infinite;margin-bottom:20px}@keyframes spinA{to{transform:rotate(360deg)}}.loading-textA{color:#fff;font-size:18px;font-weight:500}.attendance-containerA{min-height:100vh;background:linear-gradient(135deg,#f5f9fa,#e6f3f7);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.attendance-header-barA{background:linear-gradient(to right,#1a5f7a,#2c8c99);padding:15px 30px;box-shadow:0 4px 12px #1a5f7a26;position:sticky;top:0;z-index:100}.header-contentA{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto}.user-infoA{display:flex;align-items:center;gap:15px}.user-photoA{width:45px;height:45px;object-fit:cover;border:3px solid rgba(255,255,255,.3);box-shadow:0 2px 8px #00000026;border-radius:8px}.user-avatarA{width:45px;height:45px;background:linear-gradient(135deg,#4caf50,#2e8b57);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:20px;border:3px solid rgba(255,255,255,.3);box-shadow:0 2px 8px #00000026;border-radius:8px}.user-detailsA{display:flex;flex-direction:column}.user-nameA{color:#fff;font-size:16px;font-weight:600;margin-bottom:2px}.user-roleA{color:#ffffffd9;font-size:13px;background:#ffffff1a;padding:2px 8px;border-radius:12px;display:inline-block;width:fit-content}.logout-buttonA{background:#ffffff26;color:#fff;border:2px solid rgba(255,255,255,.3);padding:8px 20px;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:14px}.logout-buttonA:hover{background:#ffffff40;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.attendance-wrapperA{max-width:1400px;margin:0 auto;padding:30px}.attendance-headerA{text-align:center;margin-bottom:40px;padding:30px;background:#fff;border-radius:20px;box-shadow:0 6px 20px #1a5f7a1a;border:1px solid rgba(26,95,122,.1)}.attendance-titleA{color:#1a5f7a;font-size:32px;font-weight:700;margin-bottom:10px;background:linear-gradient(to right,#1a5f7a,#2e8b57);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.attendance-subtitleA{color:#2c8c99;font-size:18px;font-weight:500}.role-badgeA{background:linear-gradient(to right,#4caf50,#2e8b57);color:#fff;padding:6px 15px;border-radius:20px;font-size:14px;font-weight:600;margin-left:15px;display:inline-block}.attendance-gridA{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:30px}@media(max-width:1024px){.attendance-gridA{grid-template-columns:1fr}}.attendance-cardA,.verification-cardA,.result-cardA,.instructions-cardA{background:#fff;border-radius:20px;padding:30px;box-shadow:0 6px 20px #1a5f7a1a;border:1px solid rgba(26,95,122,.1);transition:transform .3s ease,box-shadow .3s ease}.attendance-cardA:hover,.verification-cardA:hover,.result-cardA:hover,.instructions-cardA:hover{transform:translateY(-5px);box-shadow:0 12px 25px #1a5f7a26}.card-titleA{color:#1a5f7a;font-size:24px;font-weight:700;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid rgba(26,95,122,.1);position:relative}.card-titleA:after{content:"";position:absolute;bottom:-2px;left:0;width:60px;height:2px;background:linear-gradient(to right,#1a5f7a,#4caf50);border-radius:2px}.code-sectionA{background:#f5f9fa;padding:25px;border-radius:15px;margin-bottom:25px;border:1px solid rgba(26,95,122,.08)}.input-sectionA{margin-bottom:20px}.section-labelA{display:block;color:#1a5f7a;font-weight:600;margin-bottom:10px;font-size:16px}.employee-inputA{width:100%;padding:15px 20px;border:2px solid rgba(26,95,122,.2);border-radius:12px;font-size:16px;transition:all .3s ease;background:#fff;color:#1a5f7a;font-weight:500}.employee-inputA:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 3px #4caf5033}.employee-inputA::placeholder{color:#1a5f7a80}.employee-inputA:disabled{background:#f8f8f8;color:#1a5f7a80;cursor:not-allowed}.verify-buttonA{background:linear-gradient(to right,#1a5f7a,#2c8c99);color:#fff;border:none;padding:15px 30px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%;letter-spacing:.5px}.verify-buttonA:hover:not(:disabled){background:linear-gradient(to right,#15455a,#247885);transform:translateY(-2px);box-shadow:0 6px 15px #1a5f7a4d}.verify-buttonA:disabled{opacity:.6;cursor:not-allowed;transform:none}.error-messageA{background:linear-gradient(to right,#ffebee,#ffcdd2);border:1px solid #f44336;border-radius:12px;padding:20px;margin-top:20px;animation:slideInA .3s ease}.error-contentA{display:flex;align-items:flex-start;gap:12px}.error-iconA{color:#d32f2f;font-weight:700;font-size:14px;background:#fff;padding:4px 10px;border-radius:6px;flex-shrink:0}.error-textA{color:#d32f2f;margin:0;font-weight:500;line-height:1.5}.success-messageA{background:linear-gradient(to right,#e8f5e9,#c8e6c9);border:1px solid #4caf50;border-radius:12px;padding:20px;margin-top:20px;animation:slideInA .3s ease}.success-contentA{display:flex;align-items:flex-start;gap:12px}.success-iconA{color:#2e8b57;font-weight:700;font-size:14px;background:#fff;padding:4px 10px;border-radius:6px;flex-shrink:0}.success-textA{color:#2e8b57;margin:0;font-weight:500;line-height:1.5}@keyframes slideInA{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.employee-info-cardA{background:linear-gradient(135deg,#f5f9fa,#e6f3f7);border-radius:15px;padding:25px;margin-bottom:25px;border:1px solid rgba(26,95,122,.1)}.employee-headerA{display:flex;align-items:center;gap:20px;margin-bottom:20px}.employee-photoA{width:80px;height:80px;object-fit:cover;border:4px solid white;box-shadow:0 4px 15px #1a5f7a33;border-radius:12px}.employee-avatarA{width:80px;height:80px;background:linear-gradient(135deg,#1a5f7a,#2e8b57);display:flex;align-items:center;justify-content:center;color:#fff;font-size:32px;font-weight:700;border:4px solid white;box-shadow:0 4px 15px #1a5f7a33;border-radius:12px}.employee-detailsA{flex:1}.employee-nameA{color:#1a5f7a;font-size:24px;font-weight:700;margin-bottom:5px}.employee-codeA{color:#2c8c99;font-size:16px;font-weight:500;background:#ffffffb3;padding:5px 15px;border-radius:20px;display:inline-block}.employee-metaA{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;background:#fff;padding:20px;border-radius:12px}.meta-itemA{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(26,95,122,.1)}.meta-itemA:last-child{border-bottom:none}.meta-labelA{color:#1a5f7a;font-weight:600;font-size:14px}.meta-valueA{color:#2c8c99;font-weight:500}.status-valueA{padding:6px 15px;border-radius:20px;font-size:13px;font-weight:600;text-transform:uppercase}.status-valueA.active{background:#e8f5e9;color:#2e8b57}.status-valueA.inactive{background:#ffebee;color:#d32f2f}.suggestion-boxA{background:linear-gradient(to right,#e3f2fd,#bbdefb);border-radius:12px;padding:20px;margin-bottom:25px;border:1px solid rgba(26,95,122,.15)}.suggestion-labelA{color:#1a5f7a;font-weight:700;font-size:16px;margin-bottom:8px;display:block}.suggestion-textA{color:#1565c0;font-weight:500;margin:0;line-height:1.5}.action-buttonsA{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:20px}@media(max-width:768px){.action-buttonsA{grid-template-columns:1fr}}.action-buttonA{padding:16px 25px;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;letter-spacing:.5px;text-transform:uppercase}.clock-in-buttonA{background:linear-gradient(to right,#4caf50,#2e8b57);color:#fff}.clock-in-buttonA:hover:not(:disabled){background:linear-gradient(to right,#3d8b40,#1b5e20);transform:translateY(-3px);box-shadow:0 8px 20px #2e8b574d}.clock-out-buttonA{background:linear-gradient(to right,#1a5f7a,#2c8c99);color:#fff}.clock-out-buttonA:hover:not(:disabled){background:linear-gradient(to right,#15455a,#247885);transform:translateY(-3px);box-shadow:0 8px 20px #1a5f7a4d}.disabled-buttonA{opacity:.5;cursor:not-allowed;transform:none!important}.result-cardA{border-top:5px solid #4caf50}.result-contentA{background:linear-gradient(135deg,#f5f9fa,#e6f3f7);border-radius:15px;padding:25px;margin-bottom:25px}.result-headerA{display:flex;align-items:center;gap:20px;margin-bottom:25px}.result-photoA{width:70px;height:70px;border-radius:12px}.result-iconA{width:70px;height:70px;background:linear-gradient(135deg,#4caf50,#2e8b57);display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;font-weight:700;border:4px solid white;box-shadow:0 4px 15px #2e8b5733;border-radius:12px}.result-messageA{flex:1}.result-titleA{color:#2e8b57;font-size:22px;font-weight:700;margin-bottom:5px}.result-subtitleA{color:#4caf50;font-size:16px;font-weight:500}.result-detailsA{background:#fff;padding:25px;border-radius:12px;border:1px solid rgba(26,95,122,.1)}.detail-rowA{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(26,95,122,.1)}.detail-rowA:last-child{border-bottom:none}.detail-labelA{color:#1a5f7a;font-weight:600;font-size:14px}.detail-valueA{color:#2c8c99;font-weight:500;text-align:right}.status-badgeA{padding:6px 15px;border-radius:20px;font-size:13px;font-weight:600;text-transform:uppercase}.status-badgeA.present,.status-badgeA.clocked-in,.status-badgeA.completed{background:#e8f5e9;color:#2e8b57}.status-badgeA.absent,.status-badgeA.pending{background:#fff3e0;color:#f57c00}.status-badgeA.late{background:#fff3e0;color:#ff9800}.reset-buttonA,.reset-linkA{background:linear-gradient(to right,#607d8b,#78909c);color:#fff;border:none;padding:15px 30px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%;margin-top:15px}.reset-buttonA:hover:not(:disabled),.reset-linkA:hover:not(:disabled){background:linear-gradient(to right,#546e7a,#607d8b);transform:translateY(-2px);box-shadow:0 6px 15px #607d8b4d}.reset-sectionA{text-align:center;margin-top:30px;padding-top:30px;border-top:2px solid rgba(26,95,122,.1)}.reset-linkA{width:auto;padding:12px 30px;font-size:15px}.instructions-cardA{background:linear-gradient(135deg,#f5f9fa,#e6f3f7)}.instructions-listA{display:flex;flex-direction:column;gap:20px}.instruction-itemA{display:flex;gap:20px;padding:20px;background:#fff;border-radius:12px;transition:transform .3s ease;border:1px solid rgba(26,95,122,.1)}.instruction-itemA:hover{transform:translate(5px)}.step-numberA{width:40px;height:40px;background:linear-gradient(135deg,#1a5f7a,#2e8b57);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;flex-shrink:0}.step-contentA{flex:1}.step-titleA{color:#1a5f7a;font-size:18px;font-weight:700;margin-bottom:8px}.step-descriptionA{color:#2c8c99;font-size:15px;line-height:1.5;margin:0}@media(max-width:768px){.attendance-wrapperA{padding:15px}.attendance-headerA{padding:20px}.attendance-titleA{font-size:26px}.attendance-gridA{gap:20px}.attendance-cardA,.verification-cardA,.result-cardA,.instructions-cardA{padding:20px}.header-contentA{flex-direction:column;gap:15px;text-align:center}.user-infoA{flex-direction:column;text-align:center}.user-detailsA{align-items:center}.employee-headerA{flex-direction:column;text-align:center;gap:15px}.employee-metaA{grid-template-columns:1fr}.detail-rowA{flex-direction:column;align-items:flex-start;gap:5px}.detail-valueA{text-align:left}}@media(max-width:480px){.attendance-titleA{font-size:22px}.card-titleA,.employee-nameA{font-size:20px}.action-buttonsA{grid-template-columns:1fr}.employee-inputA,.verify-buttonA,.action-buttonA,.reset-buttonA{padding:12px 20px}}.datetime-section{display:flex;align-items:center;justify-content:center;gap:1.5rem;background:#fff6;padding:.5rem 1.2rem;border-radius:50px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5);box-shadow:inset 0 1px 1px #fffc}.employee-navbar{background:linear-gradient(135deg,#f0fdfa,#eff6ff);padding:.75rem 1.5rem;box-shadow:0 4px 15px -1px #0000000d,0 2px 4px -1px #00000008;border-bottom:2px solid #10b981;position:sticky;top:0;left:0;z-index:1000}.navbar-content{display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:0 auto}.company-info{display:flex;align-items:center;gap:1rem}.logo-container{width:45px;height:45px;border-radius:10px;overflow:hidden;border:2px solid #10b981;background:#fff;flex-shrink:0;box-shadow:0 2px 8px #10b98133}.company-logo{width:100%;height:100%;object-fit:cover}.logo-fallback{width:100%;height:100%;background:linear-gradient(135deg,#10b981,#0ea5e9);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;color:#fff}.company-text{display:flex;flex-direction:column}.company-name{font-size:1.25rem;font-weight:800;margin:0;color:#10b981;letter-spacing:-.025em}.employee-badge{display:flex;align-items:center;gap:.25rem;font-size:.7rem;font-weight:600;background:#0ea5e926;padding:.125rem .6rem;border-radius:12px;color:#0369a1;margin-top:.125rem;border:1px solid rgba(14,165,233,.1)}.datetime-section{display:flex;align-items:center;gap:1.5rem;justify-content:center;background:#fff6;padding:.5rem 1.2rem;border-radius:50px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5);box-shadow:inset 0 1px 1px #fffc}.date-info,.time-info{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;color:#475569;white-space:nowrap}.date-info svg,.time-info svg{color:#0ea5e9}.right-section{display:flex;align-items:center;gap:1rem}.icon-btn{position:relative;background:#fff;border:1px solid #e2e8f0;color:#64748b;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.icon-btn:hover{transform:translateY(-3px);box-shadow:0 4px 12px #0000001a;border-color:#cbd5e1}.message-btn:hover{border-color:#10b981;background:#f0fdf4}.notification-btn:hover{border-color:#f59e0b;background:#fffbeb}.logout-btn:hover{border-color:#ef4444;background:#fef2f2;color:#ef4444}.badge{position:absolute;top:-2px;right:-2px;background:#ef4444;color:red;font-size:.65rem;font-weight:700;width:10px;height:10px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid white;box-shadow:0 2px 4px #ef44444d}.profile-section{display:flex;align-items:center;gap:.75rem;background:#fff;padding:.4rem .8rem;border-radius:50px;margin-left:.5rem;border:1px solid #e2e8f0;transition:all .2s ease;cursor:pointer}.profile-section:hover{border-color:#0ea5e9;background:#f8fafc}.profile-icon{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#10b981,#0ea5e9);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;box-shadow:0 2px 5px #0000001a}.employee-avatar{width:100%;height:100%;object-fit:cover}.profile-info{display:flex;flex-direction:column;min-width:100px}.role{font-size:.7rem;color:#0ea5e9;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.name{font-size:.9rem;font-weight:600;color:#1e293b}@media(max-width:992px){.employee-navbar{padding:.75rem 1rem}.company-name{font-size:1.1rem}.datetime-section{gap:1rem;padding:.4rem 1rem}.name{max-width:120px}}@media(max-width:768px){.navbar-content{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:.75rem}.company-info{grid-column:1;grid-row:1}.company-text{display:none}.right-section{grid-column:2;grid-row:1;justify-content:flex-end}.datetime-section{grid-column:1 / span 2;grid-row:2;margin-top:.25rem;background:#fff9}}@media(max-width:576px){.profile-section{padding:.3rem .4rem}.profile-info{min-width:auto}.name{max-width:70px}.icon-btn{width:34px;height:34px}}.datetime-section{flex-wrap:nowrap;overflow:hidden}.date-info,.time-info{flex-shrink:0}.main-content-containerP{display:flex;min-height:calc(100vh - 90px);background:linear-gradient(135deg,#f8fdfa,#f0f9f6);position:relative}.iconsP{color:red}.sidebar-hrP{width:280px;height:110vh;background:linear-gradient(180deg,#fff,#f8fdfa);border-right:2px solid #e6f7f2;padding:20px 0;display:flex;flex-direction:column;transition:all .3s ease;box-shadow:4px 0 15px #2c9a7a1a;z-index:100;height:calc(110vh - 110px);position:sticky;top:10px;overflow:auto}.sidebar-hrP.collapsedP{width:70px}@media(max-width:1023px){.sidebar-hrP.mobileP{position:fixed;top:0;left:0;height:100vh;margin-top:100px;z-index:1000;transform:translate(-100%);transition:transform .3s ease}.sidebar-hrP.mobileP:not(.collapsedP){transform:translate(0);width:280px}.sidebar-hrP.mobileP.collapsedP{transform:translate(-100%);width:70px}.sidebar-hrP.mobileP:not(.collapsedP)+.content-area-hrP:before{content:"";position:fixed;inset:0;background:#00000080;z-index:999}}.sidebar-header-hrP{padding:0 20px 20px;border-bottom:2px solid #e6f7f2;display:flex;justify-content:space-between;align-items:center}.sidebar-title-hrP{display:flex;align-items:center;gap:10px;color:#2c5aa0;font-size:18px;font-weight:700}.sidebar-title-hrP svg{color:#2c9a7a;stroke-width:2.5}.sidebar-toggle-hrP{background:linear-gradient(135deg,#e8f2fc,#e6f7f2);border:2px solid #c5d8f0;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#4a6fa5;transition:all .3s ease}.sidebar-toggle-hrP:hover{background:linear-gradient(135deg,#2c5aa0,#2c9a7a);color:#fff;transform:scale(1.05);border-color:#2c9a7a}.mobile-toggle-btnP{display:none}@media(max-width:1023px){.mobile-toggle-btnP{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e8f2fc,#e6f7f2);border:2px solid #c5d8f0;border-radius:8px;width:40px;height:40px;cursor:pointer;color:#4a6fa5;transition:all .3s ease;margin-right:15px}.mobile-toggle-btnP:hover{background:linear-gradient(135deg,#2c5aa0,#2c9a7a);color:#fff;border-color:#2c9a7a}}.sidebar-nav-hrP{flex:1;padding:20px 0;overflow-y:auto}.sidebar-section-hrP{margin-bottom:25px;padding:0 20px}.section-title-hrP{font-size:12px;text-transform:uppercase;color:#7f8c8d;font-weight:600;margin-bottom:10px;letter-spacing:1px}.sidebar-links-hrP{list-style:none;padding:0;margin:0}.sidebar-links-hrP li{margin-bottom:5px}.sidebar-link-hrP{width:100%;display:flex;align-items:center;gap:15px;padding:12px 15px;background:transparent;border:none;border-radius:10px;cursor:pointer;color:#4a6fa5;font-size:14px;font-weight:500;transition:all .3s ease;text-align:left}.sidebar-link-hrP:hover{background:linear-gradient(90deg,#e8f2fc,#e6f7f2);color:#2c5aa0;transform:translate(5px)}.sidebar-link-hrP.activeP{background:linear-gradient(90deg,#2c5aa0,#2c9a7a);color:#fff;box-shadow:0 4px 12px #2c9a7a4d}.sidebar-link-hrP.activeP .link-icon-hrP{color:#fff}.link-icon-hrP{display:flex;align-items:center;justify-content:center;min-width:24px}.link-label-hrP{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.employee-quick-statsP{background:linear-gradient(135deg,#e8f2fc,#e6f7f2);border:2px solid #c5d8f0;border-radius:10px;padding:15px;margin:20px}.stat-itemP{display:flex;align-items:center;gap:10px;padding:8px 0}.stat-itemP:first-child{padding-top:0}.stat-itemP:last-child{padding-bottom:0;border-bottom:none}.stat-detailsP{flex:1;min-width:0}.stat-labelP{display:block;font-size:.75rem;color:#7f8c8d;margin-bottom:2px}.stat-valueP{display:block;font-size:.95rem;font-weight:600;color:#2c5aa0}.sidebar-bottom-hrP{padding:20px;border-top:2px solid #e6f7f2;display:flex;flex-direction:column;gap:8px}.sidebar-action-hrP{display:flex;align-items:center;gap:10px;padding:12px 15px;background:transparent;border:2px solid #e6f7f2;border-radius:10px;color:#4a6fa5;font-weight:500;cursor:pointer;transition:all .3s ease;font-size:14px}.sidebar-action-hrP:hover{background:linear-gradient(135deg,#e8f2fc,#e6f7f2);color:#2c5aa0;transform:translate(5px)}.logout-btnP{color:#e74c3c;border-color:#ffeaea;margin-top:5px}.logout-btnP:hover{background:linear-gradient(135deg,#ffeaea,#ffdfdf);color:#c0392b}.content-area-hrP{flex:1;padding:25px;overflow-y:auto;width:100%;transition:all .3s ease}@media(max-width:1023px){.content-area-hrP{padding:15px}}.content-header-hrP{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:25px;flex-wrap:wrap;gap:20px}.content-title-section-hrP{flex:1;display:flex;align-items:center;flex-wrap:wrap;gap:15px}.content-title-hrP{font-size:28px;font-weight:700;color:#1a3c5a;margin:0 0 10px;background:linear-gradient(135deg,#2c5aa0,#2c9a7a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(max-width:768px){.content-title-hrP{font-size:24px}}.content-subtitle-hrP{display:flex;gap:10px;flex-wrap:wrap;align-items:center;width:100%}.badge-hrP{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:5px}.blue-hrP{background:linear-gradient(135deg,#e8f2fc,#d6e6f8);color:#2c5aa0;border:2px solid #c5d8f0}.green-hrP{background:linear-gradient(135deg,#e6f7f2,#d0f0e8);color:#2c9a7a;border:2px solid #b8e6d8}.date-displayP{font-size:.9rem;color:#4a6fa5;font-weight:500;padding:6px 12px;background:#f8fdfa;border-radius:20px;border:1px solid #e6f7f2}.content-actions-hrP{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.header-action-btnP{position:relative;background:#f8fafc;border:2px solid #e2e8f0;color:#2c5aa0;cursor:pointer;padding:10px;border-radius:10px;transition:all .2s;display:flex;align-items:center;justify-content:center}.header-action-btnP:hover{background:#e8f2fc;transform:translateY(-2px);box-shadow:0 4px 12px #2c9a7a1a}.notification-badgeP,.message-badgeP{position:absolute;top:-4px;right:-4px;background:#e74c3c;color:#fff;font-size:.7rem;min-width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0 4px}.message-badgeP{background:#2c9a7a}.content-body-hrP{background:#fff;border-radius:15px;padding:25px;border:2px solid #e6f7f2;box-shadow:0 4px 15px #2c9a7a1a}@media(max-width:768px){.content-body-hrP{padding:15px}}.welcome-banner-hrP{background:linear-gradient(135deg,#2c5aa0,#2c9a7a);color:#fff;padding:2rem;border-radius:16px;margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem;box-shadow:0 10px 25px #2c9a7a33}@media(max-width:768px){.welcome-banner-hrP{padding:1.5rem;flex-direction:column;text-align:center}}.welcome-textP h2{font-size:1.75rem;font-weight:700;margin:0 0 .5rem}@media(max-width:768px){.welcome-textP h2{font-size:1.5rem}}.welcome-textP p{margin:0;opacity:.9;font-size:1.1rem}.employee-quick-infoP{display:flex;flex-direction:column;gap:.75rem;min-width:250px}@media(max-width:768px){.employee-quick-infoP{width:100%}}.info-itemP{display:flex;align-items:center;gap:.75rem;background:#ffffff1a;padding:.75rem 1rem;border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.info-itemP svg{flex-shrink:0}.info-itemP span{font-size:.95rem}.info-itemP strong{font-weight:600}.component-wrapper-hrP{background:#fff;border-radius:16px;border:2px solid #e6f7f2;overflow:hidden;box-shadow:0 4px 20px #2c9a7a0d}.dashboard-welcomeP{padding:2rem}@media(max-width:768px){.dashboard-welcomeP{padding:1.5rem}}.dashboard-welcomeP h2{font-size:2rem;color:#1a3c5a;margin-bottom:.5rem;font-weight:700}@media(max-width:768px){.dashboard-welcomeP h2{font-size:1.5rem}}.dashboard-welcomeP p{color:#7f8c8d;font-size:1.125rem;margin-bottom:2rem}.dashboard-quick-linksP{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:2rem}@media(max-width:768px){.dashboard-quick-linksP{grid-template-columns:1fr}}.quick-link-cardP{padding:1.5rem;border-radius:12px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;cursor:pointer;transition:all .3s;background:linear-gradient(135deg,#f8fdfa,#f0f9f6);border:2px solid #e6f7f2}.quick-link-cardP:hover{background:linear-gradient(135deg,#e8f2fc,#e6f7f2);transform:translateY(-4px);box-shadow:0 10px 25px #2c9a7a33}.quick-link-cardP span{font-weight:600;color:#2c5aa0}.default-content-hrP{padding:3rem;text-align:center}@media(max-width:768px){.default-content-hrP{padding:1.5rem}}.welcome-card-hrP{max-width:500px;margin:0 auto;padding:3rem;background:linear-gradient(135deg,#fff,#f8fdfa);border-radius:16px;border:2px solid #e6f7f2;box-shadow:0 10px 30px #2c9a7a1a}@media(max-width:768px){.welcome-card-hrP{padding:2rem}}.welcome-iconP{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;background:linear-gradient(135deg,#e8f2fc,#e6f7f2);color:#2c5aa0}.welcome-card-hrP h2{font-size:1.75rem;font-weight:700;color:#1a3c5a;margin-bottom:1rem}.welcome-card-hrP p{color:#4a6fa5;font-size:1.125rem;line-height:1.6;margin-bottom:0}.documents-placeholderP{padding:2rem}.documents-placeholderP h3{font-size:1.5rem;color:#1a3c5a;margin-bottom:1rem}.documents-placeholderP p{color:#7f8c8d;font-size:1.125rem}.sidebar-hrP::-webkit-scrollbar,.content-area-hrP::-webkit-scrollbar{width:6px}.sidebar-hrP::-webkit-scrollbar-track,.content-area-hrP::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.sidebar-hrP::-webkit-scrollbar-thumb{background:#c5d8f0;border-radius:3px}.content-area-hrP::-webkit-scrollbar-thumb{background:#b8e6d8;border-radius:3px}.sidebar-hrP::-webkit-scrollbar-thumb:hover,.content-area-hrP::-webkit-scrollbar-thumb:hover{background:#2c9a7a}.modalErrorHD{background-color:#fee2e2;border:1px solid #ef4444;border-radius:6px;padding:10px 14px;margin-bottom:16px;display:flex;align-items:center;gap:8px;color:#991b1b;font-size:14px;animation:slideIn .3s ease}.modalSuccessHD{background-color:#d1fae5;border:1px solid #10b981;border-radius:6px;padding:10px 14px;margin-bottom:16px;display:flex;align-items:center;gap:8px;color:#065f46;font-size:14px;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.attendance-dashboardHH{padding:20px;background:#f5f7fa;min-height:100vh;display:flex;flex-direction:column;gap:20px}.hod-headerHH{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px 30px;border-radius:12px;box-shadow:0 4px 6px #0000001a}.hod-header-contentHH{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px}.hod-infoHH{flex:1;min-width:300px}.hod-titleHH{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 15px;font-size:28px;font-weight:600}.hod-badgeHH{background:#fff3;padding:4px 12px;border-radius:20px;font-size:14px;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hod-detailsHH{display:flex;flex-wrap:wrap;gap:20px;margin-top:10px}.hod-detailHH{display:flex;align-items:center;gap:8px;font-size:14px;opacity:.9}.department-statsHH{display:flex;flex-wrap:wrap;gap:15px;justify-content:flex-end}.department-statHH{background:#ffffff1a;padding:12px 15px;border-radius:8px;display:flex;align-items:center;gap:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:120px}.stat-valueHH{font-size:24px;font-weight:600;color:#fff;line-height:1}.stat-labelHH{font-size:12px;opacity:.8;text-transform:uppercase;letter-spacing:.5px}.today-summary-bannerHH{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 20px #667eea33}.hod-summaryHH{background:linear-gradient(135deg,#4f46e5,#7c3aed)}.summary-contentHH{display:flex;flex-wrap:wrap;align-items:center;gap:20px}.summary-iconHH{background:#fff3;padding:15px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.summary-detailsHH{flex:1;min-width:250px}.summary-detailsHH h3{margin:0 0 10px;font-size:1.2rem;font-weight:600}.summary-statsHH{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.summary-statHH{display:flex;align-items:center;gap:6px;font-size:.9rem;padding:6px 14px;border-radius:20px;background:#ffffff26;font-weight:500;white-space:nowrap}.summary-statHH.presentHH{color:#a5d6a7}.summary-statHH.lateHH{color:#ffcc80}.summary-statHH.absentHH{color:#ef9a9a}.summary-statHH.leaveHH{color:#90caf9}.summary-statHH.pendingHH{color:#fff59d}.summary-footerHH{display:flex;flex-wrap:wrap;gap:20px;margin-top:15px;font-size:.85rem;opacity:.9}.attendance-rateHH,.leave-rateHH{display:flex;align-items:center;gap:4px}.dashboard-controlsHH{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 4px #0000000d;display:flex;flex-direction:column;gap:20px}.filters-sectionHH{display:flex;flex-wrap:wrap;gap:20px}.filter-groupHH{display:flex;flex-direction:column;gap:8px;flex:1;min-width:200px}.filter-groupHH label{font-weight:500;color:#555;font-size:14px;display:flex;align-items:center;gap:8px}.filter-selectHH,.search-inputHH{padding:10px 12px;border:1px solid #ddd;border-radius:8px;font-size:14px;transition:border-color .2s;background:#fff}.filter-selectHH:focus,.search-inputHH:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.search-inputHH{width:100%}.custom-date-rangeHH{display:flex;flex-wrap:wrap;align-items:center;gap:12px;flex:2;min-width:300px}.custom-date-rangeHH span{color:#666;font-size:14px;white-space:nowrap}.date-inputHH{padding:10px 12px;border:1px solid #ddd;border-radius:8px;font-size:14px;flex:1;min-width:150px;background:#fff}.action-buttonsHH{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #eee;padding-top:15px}.action-buttonsHH button{display:flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-refreshHH{background:#e3f2fd;color:#1976d2}.btn-refreshHH:hover{background:#bbdefb;transform:translateY(-1px)}.btn-refreshHH:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-exportHH{background:#4caf50;color:#fff}.btn-exportHH:hover:not(:disabled){background:#45a049;transform:translateY(-1px)}.btn-exportHH:disabled{opacity:.6;cursor:not-allowed;background:#ccc}.record-countHH{display:flex;align-items:center;gap:8px;color:#666;font-size:14px;white-space:nowrap}.statistics-cardsHH{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}.hod-statHH{flex:1 1 calc(50% - 10px);min-width:200px;max-width:calc(50% - 10px);background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 4px #0000000d;display:flex;align-items:center;gap:20px;border-top:4px solid;transition:transform .2s,box-shadow .2s}.hod-statHH:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.hod-statHH.totalHH{border-top-color:#667eea}.hod-statHH.presentHH{border-top-color:#4caf50}.hod-statHH.lateHH{border-top-color:#ff9800}.hod-statHH.hoursHH{border-top-color:#2196f3}.hod-statHH.absentHH{border-top-color:#f44336}.stat-iconHH{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.hod-statHH.totalHH .stat-iconHH{background:#667eea}.hod-statHH.presentHH .stat-iconHH{background:#4caf50}.hod-statHH.lateHH .stat-iconHH{background:#ff9800}.hod-statHH.hoursHH .stat-iconHH{background:#2196f3}.hod-statHH.absentHH .stat-iconHH{background:#f44336}.stat-contentHH{flex:1}.stat-contentHH h3{margin:0 0 5px;font-size:14px;color:#666;font-weight:500}.stat-valueHH{margin:0;font-size:32px;font-weight:700;color:#333}.stat-percentageHH{margin:4px 0 0;font-size:14px;font-weight:600}.hod-statHH.presentHH .stat-percentageHH{color:#4caf50}.hod-statHH.lateHH .stat-percentageHH{color:#ff9800}.hod-statHH.absentHH .stat-percentageHH{color:#f44336}.stat-subtextHH{margin:4px 0 0;font-size:12px;color:#888}.charts-sectionHH{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:25px;margin-bottom:30px}.chart-containerHH{flex:1 1 calc(50% - 12.5px);min-width:300px;background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 4px #0000000d;height:350px;display:flex;flex-direction:column;justify-content:center;align-items:center}.chart-headerHH{display:flex;align-items:center;gap:12px;margin-bottom:20px}.chart-headerHH h3{margin:0;font-size:16px;color:#333;font-weight:600}.chart-placeholderHH{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#999;font-style:italic;text-align:center;padding:20px}.records-sectionHH{background:#fff;padding:25px;border-radius:12px;box-shadow:0 2px 4px #0000000d;margin-bottom:30px}.section-headerHH{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.section-titleHH{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.section-titleHH h2{margin:0;font-size:20px;color:#333}.badge-departmentHH{background:#e3f2fd;color:#1976d2;padding:4px 12px;border-radius:20px;font-size:14px;font-weight:500;border:1px solid #bbdefb}.hours-summaryHH{display:flex;flex-wrap:wrap;align-items:center;gap:12px;color:#666;font-size:14px;background:#f8f9fa;padding:8px 16px;border-radius:20px}.hours-summaryHH strong{color:#333}.dividerHH{color:#ddd}.loading-recordsHH{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px;gap:15px}.spinnerHH{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spinHH 1s linear infinite}.spinnerHH.smallHH{width:30px;height:30px;border-width:3px}@keyframes spinHH{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.records-table-containerHH{overflow-x:auto;border-radius:8px;border:1px solid #e9ecef}.records-tableHH{width:100%;border-collapse:collapse;min-width:1000px}.records-tableHH th{background:#f8f9fa;padding:16px;text-align:left;font-weight:600;color:#555;border-bottom:2px solid #e9ecef;font-size:14px;white-space:nowrap}.records-tableHH td{padding:16px;border-bottom:1px solid #e9ecef;font-size:14px;vertical-align:middle}.records-tableHH tbody tr:hover{background:#f8f9fa}.records-tableHH tbody tr.row-pendingHH{background:#fff3e0}.employee-infoHH{min-width:200px}.employee-nameHH{font-weight:500;color:#333;margin-bottom:4px;display:flex;align-items:center;gap:8px}.employee-detailsHH{font-size:12px;color:#666;display:flex;align-items:center;gap:4px}.date-cellHH,.time-cellHH{display:flex;align-items:center;gap:8px;white-space:nowrap}.hours-cellHH{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:20px;font-weight:500;width:fit-content}.hours-goodHH{background:#e8f5e9;color:#2e7d32}.hours-fairHH{background:#fff3e0;color:#ef6c00}.hours-lowHH{background:#ffebee;color:#c62828}.status-badgeHH{padding:8px 16px;border-radius:20px;font-size:12px;font-weight:500;display:inline-flex;align-items:center;gap:8px;min-width:100px;justify-content:center}.status-badge-presentHH{background:#e8f5e9;color:#2e7d32}.status-badge-lateHH{background:#fff3e0;color:#ef6c00}.status-badge-absentHH{background:#ffebee;color:#c62828}.status-badge-leaveHH{background:#e3f2fd;color:#1565c0}.status-badge-systemHH{background:#f3e5f5;color:#7b1fa2}.status-badge-pendingHH{background:#f5f5f5;color:#757575}.auto-badgeHH{display:flex;justify-content:center}.auto-yesHH{background:#4caf50;color:#fff;padding:4px 10px;border-radius:12px;font-size:.8rem;display:flex;align-items:center;gap:4px}.auto-noHH{color:#666;font-size:.9rem}.no-recordsHH{text-align:center;padding:50px;color:#666}.no-recordsHH h3{margin:15px 0 10px;font-size:18px;color:#333}.no-recordsHH p{margin-bottom:20px;max-width:400px;margin-left:auto;margin-right:auto}.btn-clear-filtersHH{display:flex;align-items:center;gap:8px;margin:0 auto;padding:10px 20px;background:#667eea;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:background .2s}.btn-clear-filtersHH:hover{background:#5a6fd8}.dashboard-footerHH{background:#fff;padding:15px 25px;border-radius:12px;box-shadow:0 2px 4px #0000000d;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px}.hod-footerHH{background:linear-gradient(135deg,#f5f7fa,#e4edf5);border:1px solid #e0e0e0}.footer-infoHH{display:flex;flex-wrap:wrap;align-items:center;gap:15px;color:#666;font-size:14px}.footer-infoHH span{display:flex;align-items:center;gap:6px}.footer-actionsHH{display:flex;gap:10px}.btn-footer-refreshHH{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#667eea;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:background .2s}.btn-footer-refreshHH:hover{background:#5a6fd8}.dashboard-loadingHH{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:20px}@media(max-width:1024px){.hod-header-contentHH{flex-direction:column;align-items:stretch}.department-statsHH{justify-content:flex-start}.summary-contentHH{flex-direction:column;align-items:flex-start}}@media(max-width:768px){.attendance-dashboardHH{padding:15px;gap:15px}.hod-headerHH{padding:15px 20px}.hod-infoHH{min-width:100%}.hod-statHH{flex:1 1 100%;max-width:100%}.chart-containerHH{flex:1 1 100%}.custom-date-rangeHH{min-width:100%}.action-buttonsHH{flex-direction:column;align-items:stretch}.action-buttonsHH button{width:100%;justify-content:center}.record-countHH{justify-content:center;width:100%}}@media(max-width:576px){.attendance-dashboardHH{padding:10px}.hod-titleHH{font-size:24px;flex-direction:column;align-items:flex-start}.department-statsHH{flex-direction:column}.department-statHH{min-width:100%}.summary-statHH{flex:1 1 calc(50% - 5px);justify-content:center}.filter-groupHH{min-width:100%}.hod-statHH{padding:15px}.stat-iconHH{width:36px;height:36px}.stat-valueHH{font-size:24px}.chart-containerHH{height:250px;padding:15px}.records-tableHH th,.records-tableHH td{padding:12px 8px}.dashboard-footerHH{flex-direction:column;align-items:stretch;text-align:center}.footer-infoHH,.footer-actionsHH{justify-content:center}}@media(max-width:375px){.hod-titleHH h1{font-size:20px}.hod-badgeHH{font-size:12px;padding:3px 8px}.summary-detailsHH h3{font-size:1rem}.summary-statHH{flex:1 1 100%}.chart-containerHH{height:200px;min-width:100%}.stat-cardHH{flex-direction:column;text-align:center;gap:15px}.stat-iconHH{width:40px;height:40px}}@media(min-width:769px)and (max-width:1024px){.hod-statHH{flex:1 1 calc(50% - 10px);max-width:calc(50% - 10px)}.chart-containerHH{flex:1 1 100%}}@media(min-width:1400px){.attendance-dashboardHH{max-width:1400px;margin:0 auto}.hod-statHH{flex:1 1 calc(33.333% - 14px);max-width:calc(33.333% - 14px)}.chart-containerHH{flex:1 1 calc(50% - 12.5px)}}@media(prefers-reduced-motion:reduce){.hod-statHH,.btn-refreshHH,.btn-exportHH,.btn-clear-filtersHH,.btn-footer-refreshHH{transition:none}.hod-statHH:hover{transform:none}.spinnerHH{animation:none}}.leaveHodContainerHD{padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#f8fafc;min-height:100vh}.headerCardHD{background-color:#fff;border-radius:12px;padding:20px;margin-bottom:16px;box-shadow:0 1px 3px #0000001a}.titleHD{margin:0 0 8px;color:#1e293b;display:flex;align-items:center;gap:12px;font-size:28px;font-weight:700}.titleIconHD{color:#3b82f6}.userInfoHD{display:flex;align-items:center;gap:24px;color:#64748b;font-size:14px}.infoItemHD{display:flex;align-items:center;gap:8px}.actionBarHD{display:flex;gap:12px;margin-bottom:24px;padding:0 4px}.applyButtonHD,.exportButtonHD{padding:10px 20px;border-radius:8px;border:none;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;transition:all .2s;position:relative}.applyButtonHD{background-color:#8b5cf6;color:#fff}.applyButtonHD:hover:not(:disabled){background-color:#7c3aed}.applyButtonHD:disabled{opacity:.5;cursor:not-allowed}.exportButtonHD{background-color:#10b981;color:#fff}.exportButtonHD:hover:not(:disabled){background-color:#059669}.exportButtonHD:disabled{opacity:.5;cursor:not-allowed}.tooltipHD{position:absolute;bottom:-30px;left:50%;transform:translate(-50%);background-color:#374151;color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;white-space:nowrap;opacity:0;transition:opacity .2s;pointer-events:none}.applyButtonHD:hover .tooltipHD{opacity:1}.statsGridHD{display:grid;justify-content:center;align-items:center;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}.statCardHD{background-color:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a;display:flex;align-items:center;gap:16px}.statIconHD{background-color:#dbeafe;padding:12px;border-radius:12px;display:flex;align-items:center;justify-content:center;width:48px;height:48px}.statCardTotalHD .statIconHD{background-color:#dbeafe;color:#3b82f6}.statCardPendingHD .statIconHD{background-color:#ffedd5;color:#f97316}.statCardApprovedHD .statIconHD{background-color:#dcfce7;color:#10b981}.statCardRejectedHD .statIconHD{background-color:#fee2e2;color:#ef4444}.statContentHD{flex:1}.statNumberHD{font-size:32px;font-weight:700;color:#1e293b;margin-bottom:4px}.statCardTotalHD .statNumberHD{color:#3b82f6}.statCardPendingHD .statNumberHD{color:#f97316}.statCardApprovedHD .statNumberHD{color:#10b981}.statCardRejectedHD .statNumberHD{color:#ef4444}.statLabelHD{font-size:12px;color:#64748b;text-transform:uppercase;font-weight:600}.filtersCardHD{background-color:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px}.filtersHeaderHD{display:flex;align-items:center;gap:8px;margin-bottom:16px}.filtersHeaderHD h3{margin:0;font-size:16px;color:#1e293b}.filtersHeaderHD svg{color:#64748b}.filtersRowHD{display:flex;gap:16px;align-items:center;margin-bottom:16px}.searchContainerHD{flex:1;position:relative}.searchContainerHD svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8}.searchInputHD{width:100%;padding:10px 16px 10px 40px;border-radius:8px;border:1px solid #e2e8f0;background-color:#fff;font-size:14px}.filterControlsHD{display:flex;width:100%;gap:12px}.filterSelectHD{padding:10px 16px;border-radius:8px;width:100%;border:1px solid #e2e8f0;background-color:#fff;font-size:14px;min-width:150px}.filterInfoHD{display:flex;justify-content:space-between;align-items:center}.countInfoHD{font-size:14px;color:#64748b}.pendingBadgeHD{display:flex;align-items:center;gap:8px;background-color:#ffedd5;color:#9a3412;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600}.tableContainerHD{background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.tableHeaderHD{padding:24px;border-bottom:1px solid #e2e8f0}.tableTitleHD{margin:0;color:#1e293b;display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600}.tableWrapperHD{overflow-x:auto}.leaveTableHD{width:100%;border-collapse:collapse}.tableHeadHD{background-color:#f8fafc}.tableHeaderCellHD{padding:16px;text-align:left;color:#64748b;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-bottom:1px solid #e2e8f0}.headerCellContentHD{display:flex;align-items:center;gap:8px}.tableRowHD{transition:background-color .2s;border-bottom:1px solid #f1f5f9}.tableRowHD:hover{background-color:#f8fafc}.pendingRowHD{background-color:#fff8e1}.pendingRowHD:hover{background-color:#fffbeb}.ownLeaveRowHD,.ownLeaveRowHD:hover{background-color:#fef3c7}.tableCellHD{padding:16px;color:#1e293b;font-size:14px;border-bottom:1px solid #f1f5f9}.employeeInfoHD{min-width:200px}.employeeNameHD{font-weight:600;color:#1e293b;display:flex;align-items:center;gap:8px}.ownLeaveBadgeHD{background-color:#f59e0b;color:#fff;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:700}.employeeDetailsHD{font-size:12px;color:#64748b;display:flex;align-items:center;gap:4px;margin-top:4px}.leaveTypeBadgeHD{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;background-color:#f1f5f9;color:#475569;font-size:12px;font-weight:500}.daysBadgeHD{background-color:#e0f2fe;color:#0369a1;padding:4px 8px;border-radius:4px;font-weight:600;font-size:12px;display:inline-block}.statusBadgeHD{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:4px}.reasonCellHD{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:250px}.actionButtonsHD{display:flex;gap:8px;align-items:center}.iconButtonHD{padding:6px;border-radius:6px;border:none;background-color:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.iconButtonHD:hover{background-color:#f1f5f9}.approveButtonHD{color:#10b981}.rejectButtonHD{color:#ef4444}.hodOwnActionHD{padding:6px 12px;border-radius:6px;background-color:#fef3c7;color:#92400e;font-size:11px;font-weight:600}.actionStatusHD{color:#64748b;font-size:12px}.emptyStateHD{text-align:center;padding:48px 24px;color:#64748b}.emptyStateHD svg{opacity:.5;margin-bottom:16px}.emptyTitleHD{font-size:18px;margin-bottom:8px;color:#1e293b}.emptyDescriptionHD{font-size:14px;margin-bottom:20px}.emptyButtonHD{margin:20px auto 0}.loadingStateHD{display:flex;justify-content:center;align-items:center;height:400px;color:#64748b}.loadingSpinnerHD{width:24px;height:24px;border:2px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;margin-right:12px;animation:spinHD 1s linear infinite}@keyframes spinHD{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modalOverlayHD{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modalHD{background-color:#fff;border-radius:12px;max-width:500px;width:100%;max-height:90vh;overflow:auto}.detailsModalHD{max-width:600px}.modalHeaderHD{padding:24px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.modalTitleHD{font-size:20px;font-weight:600;color:#1e293b;margin:0;display:flex;align-items:center;gap:8px}.modalCloseHD{background:none;border:none;font-size:20px;cursor:pointer;color:#64748b;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px}.modalCloseHD:hover{background-color:#f1f5f9}.modalContentHD{padding:24px}.modalActionsHD{padding:24px;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:12px}.formGroupHD{margin-bottom:20px}.formLabelHD{font-size:14px;color:#64748b;margin-bottom:8px;display:block}.leaveType{width:100%}.formSelectHD,.formInputHD,.formTextareaHD{width:100%;padding:10px;border-radius:6px;border:1px solid #e2e8f0;font-size:14px}.formTextareaHD{resize:vertical;min-height:80px}.formGridHD{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.noteBoxHD{background-color:#f0f9ff;padding:12px;border-radius:6px;margin-bottom:20px;font-size:13px;color:#0369a1}.cancelButtonHD{padding:10px 20px;border-radius:6px;border:1px solid #e2e8f0;background-color:#fff;color:#64748b;cursor:pointer;font-size:14px}.submitButtonHD{padding:10px 20px;border-radius:6px;border:none;background-color:#8b5cf6;color:#fff;cursor:pointer;font-size:14px}.submitButtonHD:disabled{opacity:.5;cursor:not-allowed}.employeeSectionHD{background-color:#f8fafc;border-radius:8px;padding:20px;margin-bottom:24px}.sectionTitleHD{margin:0 0 12px;color:#1e293b;font-size:16px;display:flex;align-items:center;gap:8px}.employeeGridHD{display:grid;grid-template-columns:1fr 1fr;gap:16px}.detailsGridHD{display:grid;grid-template-columns:1fr 1fr;gap:20px}.fullWidthHD{grid-column:span 2}.infoLabelHD{font-size:12px;color:#64748b;margin-bottom:4px}.infoValueHD{font-size:14px;color:#1e293b}.durationValueHD{font-size:24px;color:#3b82f6;font-weight:700}.reasonBoxHD{background-color:#f8fafc;padding:16px;border-radius:8px;margin-top:8px;font-size:14px;color:#1e293b;line-height:1.6}.detailsBadgeHD{display:inline-flex}.reviewNoticeHD{background-color:#dbeafe;color:#1e40af;padding:16px;border-radius:8px;margin-bottom:24px;display:flex;align-items:center;gap:8px;font-size:14px}.reviewDetailsHD{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.noteInputHD{margin-bottom:0}.requiredHD{color:#ef4444}.noteTextareaHD{width:100%;min-height:80px;padding:12px;border-radius:8px;border:1px solid #e2e8f0;font-size:14px;resize:vertical}.dangerButtonHD{padding:10px 20px;border-radius:6px;border:1px solid #ef4444;background-color:#fff;color:#ef4444;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:8px}.successButtonHD{padding:10px 20px;border-radius:6px;border:none;background-color:#10b981;color:#fff;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:8px}@media(max-width:768px){.leaveHodContainerHD{padding:16px}.titleHD{font-size:22px}.userInfoHD{flex-direction:column;align-items:flex-start;gap:12px}.actionBarHD{flex-wrap:wrap}.statsGridHD{grid-template-columns:repeat(2,1fr);gap:12px}.statCardHD{padding:16px}.statIconHD{width:40px;height:40px;padding:8px}.statNumberHD{font-size:26px}.filtersCardHD{padding:16px}.filtersRowHD{flex-direction:column;gap:12px}.filterSelectHD{min-width:100%}.filterInfoHD{flex-direction:column;align-items:flex-start;gap:12px}.tableHeaderHD{padding:16px}.tableCellHD{padding:12px 8px}.employeeGridHD,.detailsGridHD,.reviewDetailsHD{grid-template-columns:1fr}.fullWidthHD{grid-column:span 1}.modalActionsHD{flex-wrap:wrap}.formGridHD{grid-template-columns:1fr}}.errorMessageHD{background-color:#fee2e2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;margin-bottom:20px;display:flex;align-items:center;gap:8px;font-size:14px}.errorMessageHD svg{flex-shrink:0}.durationDisplayHD{background-color:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;padding:10px 16px;margin-bottom:20px;display:flex;align-items:center;gap:8px}.durationLabelHD{color:#0369a1;font-weight:500}.durationValueHD{color:#0c4a6e;font-weight:600;font-size:15px}.requiredHD{color:#dc2626;font-size:12px;font-weight:400;margin-left:4px}.noteInputHD{margin-top:20px}.noteTextareaHD{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;resize:vertical;min-height:80px;margin-top:8px;font-family:inherit}.noteTextareaHD:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.iconButtonHD.cancelButtonHD{color:#dc2626}.iconButtonHD.cancelButtonHD:hover{background-color:#fecaca}.noteHintHD{font-size:12px;color:#6b7280;margin-top:4px;font-style:italic}.actionStatusHD{font-size:12px;padding:4px 8px;border-radius:4px;background-color:#f3f4f6;color:#6b7280}.hodOwnActionHD{font-size:11px;color:#6b7280;padding:2px 6px;border-radius:4px;white-space:nowrap}.durationValueHD{font-size:18px;font-weight:600;color:#0c4a6e}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.header-left{display:flex;align-items:center;gap:1rem}.hod-department-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.role-info-banner{background-color:#e8f4fd;border-left:4px solid #2196f3;padding:.75rem 1rem;margin-bottom:1.5rem;border-radius:4px;display:flex;align-items:center;gap:.75rem;color:#1976d2}.role-info-banner strong{color:#0d47a1}.add-btn:disabled{opacity:.6;cursor:not-allowed;background-color:#ccc}.add-btn:disabled:hover{background-color:#ccc;transform:none}.actions{display:flex;gap:.5rem}.actions button{padding:.25rem;border-radius:4px;border:none;cursor:pointer;transition:background-color .2s}.actions button.edit{background-color:#e3f2fd;color:#1976d2}.actions button.edit:hover:not(:disabled){background-color:#bbdefb}.actions button.delete{background-color:#ffebee;color:#d32f2f}.actions button.delete:hover:not(:disabled){background-color:#ffcdd2}.actions button:disabled{opacity:.5;cursor:not-allowed}.department-info{display:flex;flex-direction:column;gap:.25rem}.dept-name{font-weight:500}.dept-code{font-size:.75rem;color:#666;background-color:#f5f5f5;padding:.125rem .375rem;border-radius:3px;display:inline-block}.results-summary{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.75rem;background-color:#f8f9fa;border-radius:4px}.results-count{font-weight:500;color:#333}.active-filters{font-size:.875rem;color:#666;display:flex;align-items:center;gap:.5rem;background-color:#fff;padding:.25rem .75rem;border-radius:20px;border:1px solid #e0e0e0}.notificationOverlayHD{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.notificationModalHD{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:16px;width:100%;max-width:500px;overflow:hidden;box-shadow:0 20px 60px #0000004d;border:3px solid #f59e0b;animation:notificationPulseHD 2s infinite}@keyframes notificationPulseHD{0%{box-shadow:0 0 #f59e0bb3;border-color:#f59e0b}70%{box-shadow:0 0 0 15px #f59e0b00;border-color:#fbbf24}to{box-shadow:0 0 #f59e0b00;border-color:#f59e0b}}.notificationHeaderHD{padding:24px 24px 16px;display:flex;align-items:center;gap:16px;background:#fef3c780;border-bottom:2px solid rgba(245,158,11,.3)}.notificationIconHD{width:40px;height:40px;color:#d97706;flex-shrink:0;animation:clockSpinHD 4s linear infinite}@keyframes clockSpinHD{0%,to{transform:rotate(0)}25%{transform:rotate(-15deg)}50%{transform:rotate(0)}75%{transform:rotate(15deg)}}.notificationTitleHD{margin:0;font-size:24px;font-weight:700;color:#92400e;flex:1}.notificationBodyHD{padding:24px;background:#fff}.notificationMessageHD{margin:0 0 16px;font-size:18px;font-weight:600;color:#1f2937;line-height:1.5;padding:16px;background:#fef3c7;border-radius:12px;border-left:4px solid #f59e0b}.notificationHintHD{margin:0;font-size:14px;color:#6b7280;font-style:italic;text-align:center}.notificationActionsHD{padding:20px 24px 24px;display:flex;justify-content:center;background:#fef3c780;border-top:2px solid rgba(245,158,11,.3)}.notificationOkBtnHD{display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;padding:14px 32px;border-radius:50px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #f59e0b66;min-width:200px}.notificationOkBtnHD:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b99}.notificationOkBtnHD:active{transform:translateY(0)}.okBtnIconHD{width:20px;height:20px}.durationDisplayHD{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:10px 16px;border-radius:8px;font-weight:600;text-align:center;margin:16px 0;box-shadow:0 4px 12px #3b82f64d}.durationLabelHD{margin-right:8px;font-weight:500}.durationValueHD{font-weight:700;font-size:18px}.endingLeaveCardHD{position:relative;border:3px solid #f59e0b;animation:cardGlowHD 2s infinite alternate;background:linear-gradient(135deg,#fff,#fef3c7)}@keyframes cardGlowHD{0%{box-shadow:0 0 10px #f59e0b80}to{box-shadow:0 0 20px #f59e0bcc}}.endingBadgeHD{position:absolute;top:-10px;right:20px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700;z-index:1;box-shadow:0 4px 8px #0003}.notificationSettingsHD{position:fixed;bottom:20px;right:20px;z-index:100}.settingsBtnHD{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;width:50px;height:50px;border-radius:50%;cursor:pointer;box-shadow:0 4px 12px #3b82f666;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.settingsBtnHD:hover{transform:rotate(30deg);box-shadow:0 6px 20px #3b82f699}.settingsIconHD{width:24px;height:24px}.endingTooltipHD{position:relative;display:inline-block}.endingTooltipHD .tooltipTextHD{visibility:hidden;width:200px;background-color:#f59e0b;color:#fff;text-align:center;border-radius:6px;padding:8px;position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-100px;opacity:0;transition:opacity .3s;font-size:12px;font-weight:600}.endingTooltipHD .tooltipTextHD:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#f59e0b transparent transparent transparent}.endingTooltipHD:hover .tooltipTextHD{visibility:visible;opacity:1}@media(max-width:768px){.notificationModalHD{max-width:90%}.notificationHeaderHD{padding:20px 20px 12px}.notificationTitleHD{font-size:20px}.notificationMessageHD{font-size:16px}.notificationOkBtnHD{padding:12px 24px;font-size:14px;min-width:180px}}.soundToggleHD{position:absolute;top:20px;right:20px}.toggleBtnHD{background:none;border:2px solid #f59e0b;color:#92400e;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .3s ease}.toggleBtnHD:hover{background:#f59e0b;color:#fff}.toggleIconHD{width:16px;height:16px}.countdownTimerHD{display:flex;justify-content:center;gap:10px;margin:10px 0}.timerUnitHD{background:#fff;border-radius:8px;padding:8px;min-width:50px;text-align:center;box-shadow:0 2px 8px #0000001a}.timerValueHD{font-size:20px;font-weight:700;color:#d97706;display:block}.timerLabelHD{font-size:10px;color:#6b7280;text-transform:uppercase;letter-spacing:1px;display:block;margin-top:4px}.urgentNotificationHD{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#dc2626;animation:urgentPulseHD 1s infinite}@keyframes urgentPulseHD{0%{box-shadow:0 0 #dc2626b3}70%{box-shadow:0 0 0 20px #dc262600}to{box-shadow:0 0 #dc262600}}.urgentHeaderHD{background:#fee2e280;border-bottom-color:#dc26264d}.urgentTitleHD{color:#991b1b}.urgentIconHD{color:#dc2626;animation:urgentSpinHD .5s ease-in-out infinite alternate}@keyframes urgentSpinHD{0%{transform:rotate(-10deg)}to{transform:rotate(10deg)}}.snoozeOptionsHD{display:flex;gap:10px;margin-top:16px}.snoozeBtnHD{flex:1;background:#f59e0b1a;border:2px solid rgba(245,158,11,.3);color:#92400e;padding:8px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.snoozeBtnHD:hover{background:#f59e0b33;border-color:#f59e0b}.progressBarHD{width:100%;height:8px;background:#e5e7eb;border-radius:4px;margin:16px 0;overflow:hidden}.progressFillHD{height:100%;background:linear-gradient(90deg,#10b981,#3b82f6,#f59e0b);border-radius:4px;transition:width .3s ease}.progressTextHD{font-size:12px;color:#6b7280;text-align:center;margin-top:4px}.cancelButtonHD{padding:6px;border-radius:6px;border:none;background-color:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.announcements-containerHOD{max-width:1400px;margin:0 auto;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,#f0f9ff,#f0fdf4,#ecfdf5);min-height:100vh}.loading-spinnerHOD{display:flex;justify-content:center;align-items:center;min-height:400px;font-size:1.2rem;color:#0891b2;background:#ffffffe6;border-radius:12px;padding:40px;box-shadow:0 4px 20px #00000014}.unauthorized-messageHOD{text-align:center;background:#fff;padding:60px 40px;border-radius:16px;box-shadow:0 4px 20px #00000014;max-width:600px;margin:100px auto;border:1px solid #e2e8f0}.unauthorized-messageHOD h2{color:#dc2626;margin:20px 0 10px;font-size:1.8rem}.unauthorized-messageHOD p{color:#64748b;font-size:1rem;line-height:1.6}.dashboard-headerHOD{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding:28px;background:linear-gradient(135deg,#0ea5e9,#0891b2);border-radius:16px;color:#fff;box-shadow:0 8px 30px #0ea5e94d}.hod-welcomeHOD{flex:1}.hod-welcomeHOD h2{display:flex;align-items:center;gap:12px;font-size:2rem;margin:0;color:#fff}.welcome-subtitleHOD{margin-top:8px;font-size:1rem;opacity:.9;color:#ffffffe6}.header-actionsHOD{display:flex;gap:16px}.btn-primaryHOD{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:14px 28px;border-radius:10px;cursor:pointer;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:10px;transition:all .3s ease;box-shadow:0 4px 15px #10b9814d;white-space:nowrap}.btn-primaryHOD:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 25px #10b98166;background:linear-gradient(135deg,#059669,#047857)}.errorHOD{background:linear-gradient(135deg,#fecaca,#fca5a5);color:#dc2626;padding:16px 24px;border-radius:10px;margin-bottom:24px;border:1px solid #f87171;display:flex;align-items:center;gap:12px;font-weight:500}.successHOD{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669;padding:16px 24px;border-radius:10px;margin-bottom:24px;border:1px solid #34d399;display:flex;align-items:center;gap:12px;font-weight:500}.filters-sectionHOD{background:#fff;width:100%;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 4px 20px #0000000d;border:1px solid #e2e8f0}.filters-gridHOD{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:20px}.filter-groupHOD{display:flex;flex-direction:column;gap:8px}.filter-groupHOD label{display:flex;align-items:center;gap:8px;color:#475569;font-size:.95rem;font-weight:600}.filter-selectHOD,.search-inputHOD{padding:12px 16px;border:2px solid #e2e8f0;width:100%;border-radius:8px;font-size:1rem;transition:all .3s ease;background:#f8fafc}.filter-selectHOD:focus,.search-inputHOD:focus{outline:none;border-color:#0ea5e9;background:#fff;box-shadow:0 0 0 3px #0ea5e91a}.search-groupHOD{position:relative}.search-groupHOD .search-inputHOD{padding-left:44px}.clear-search-btnHOD{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:#e2e8f0;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;transition:all .3s ease}.clear-search-btnHOD:hover{background:#cbd5e1;color:#475569}.filter-actionsHOD{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:1px solid #e2e8f0}.btn-clearHOD{background:#f1f5f9;color:#475569;border:2px solid #cbd5e1;padding:10px 20px;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-clearHOD:hover{background:#e2e8f0;border-color:#94a3b8}.btn-refreshHOD{background:linear-gradient(135deg,#0ea5e9,#0891b2);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease}.btn-refreshHOD:hover:not(:disabled){background:linear-gradient(135deg,#0891b2,#0c4a6e);transform:translateY(-2px)}.results-summaryHOD{background:#fff;border-radius:12px;padding:16px 24px;margin-bottom:24px;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000d;display:flex;justify-content:space-between;align-items:center}.results-countHOD{color:#475569;font-size:1rem;font-weight:500}.results-count-numberHOD{font-size:1.5rem;font-weight:600;color:#007bff;margin-right:.5rem}.results-count-textHOD{color:#6c757d;font-weight:500}.filter-textHOD{color:#6c757d;font-size:.9rem;margin-left:.75rem;padding-left:.75rem;border-left:1px solid #dee2e6}.announcements-gridHOD{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;margin-top:1.5rem}.announcement-cardHOD{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #00000014;border:1px solid #e9ecef;transition:all .2s ease;display:flex;flex-direction:column;height:100%}.announcement-cardHOD:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001f;border-color:#007bff}.card-headerHOD{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.card-header-leftHOD{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.card-header-rightHOD{display:flex;align-items:flex-start}.card-actionsHOD{display:flex;gap:.5rem}.action-btnHOD{padding:.4rem;border-radius:6px;border:1px solid #e9ecef;background:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.action-btnHOD:hover{transform:scale(1.1)}.view-btnHOD:hover{background:#e3f2fd;border-color:#2196f3;color:#2196f3}.edit-btnHOD:hover{background:#fff3e0;border-color:#ff9800;color:#ff9800}.delete-btnHOD:hover{background:#ffebee;border-color:#f44336;color:#f44336}.priority-badgeHOD{padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:inline-flex;align-items:center;gap:6px;box-shadow:0 2px 4px #0000001a}.priority-badge-highHOD{background:linear-gradient(135deg,#fecaca,#fca5a5);color:#dc2626}.priority-badge-mediumHOD{background:linear-gradient(135deg,#fed7aa,#fdba74);color:#ea580c}.priority-badge-lowHOD{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.type-badgeHOD{padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:600;display:inline-flex;align-items:center;gap:6px}.type-badge-systemHOD{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8}.type-badge-departmentHOD{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);color:#0c4a6e}.author-badgeHOD{padding:4px 8px;border-radius:12px;font-size:.7rem;font-weight:600;display:inline-flex;align-items:center;gap:4px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);color:#0c4a6e;border:1px solid #bae6fd}.card-titleHOD{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.card-titleHOD h3{font-size:1.1rem;font-weight:600;color:#2d3748;margin:0;flex:1;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;line-clamp:2;-webkit-box-orient:vertical}.card-contentHOD{flex:1;margin-bottom:1.5rem}.card-contentHOD p{color:#4a5568;line-height:1.6;margin:0 0 1rem;font-size:.95rem}.read-moreHOD{background:none;border:none;color:#007bff;cursor:pointer;font-size:.9rem;padding:0;font-weight:500;transition:color .2s ease}.read-moreHOD:hover{color:#0056b3;text-decoration:underline}.card-footerHOD{border-top:1px solid #e9ecef;padding-top:1rem;margin-top:auto}.footer-infoHOD{display:flex;flex-direction:column;gap:.75rem}.footer-itemHOD{display:flex;align-items:center;gap:.5rem;color:#6c757d;font-size:.9rem}.footer-itemHOD svg{flex-shrink:0;color:#adb5bd}.no-results-cardHOD{grid-column:1 / -1;text-align:center;padding:4rem 2rem;background:#fff;border-radius:12px;border:2px dashed #e9ecef}.no-results-contentHOD h3{margin:1rem 0 .5rem;color:#2d3748}.no-results-contentHOD p{color:#6c757d;margin-bottom:1.5rem}.no-results-actionsHOD{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.create-new-btnHOD{background:#007bff;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:background .2s ease}.create-new-btnHOD:hover{background:#0056b3}.reset-filters-btnHOD{background:linear-gradient(135deg,#0ea5e9,#0891b2);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .3s ease}.reset-filters-btnHOD:hover{background:linear-gradient(135deg,#0891b2,#0c4a6e);transform:translateY(-2px)}.modal-overlayHOD{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeInHOD .3s ease}@keyframes fadeInHOD{0%{opacity:0}to{opacity:1}}.modal-contentHOD{background:#fff;border-radius:20px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 80px #0000004d;animation:slideUpHOD .4s ease}@keyframes slideUpHOD{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-headerHOD{display:flex;justify-content:space-between;align-items:center;padding:28px;border-bottom:2px solid #e2e8f0;background:linear-gradient(135deg,#f8fafc,#f0f9ff)}.modal-titleHOD{display:flex;align-items:center;gap:12px;color:#0ea5e9;margin:0;font-size:1.8rem;font-weight:700}.modal-close-btnHOD{background:#f1f5f9;border:none;color:#64748b;cursor:pointer;padding:10px;border-radius:8px;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.modal-close-btnHOD:hover{background:#e2e8f0;color:#ef4444;transform:rotate(90deg)}.modal-messages-containerHOD{padding:0 28px;margin-top:20px}.modal-errorHOD{background:linear-gradient(135deg,#fecaca,#fca5a5);color:#dc2626;padding:12px 20px;border-radius:8px;border:1px solid #f87171;display:flex;align-items:center;gap:10px;font-weight:500}.modal-successHOD{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669;padding:12px 20px;border-radius:8px;border:1px solid #34d399;display:flex;align-items:center;gap:10px;font-weight:500}.announcement-formHOD{padding:28px}.form-groupHOD{margin-bottom:24px}.form-groupHOD label{display:flex;align-items:center;gap:8px;color:#475569;font-size:1rem;font-weight:600;margin-bottom:8px}.form-groupHOD input[type=text],.form-groupHOD select,.form-groupHOD textarea{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:all .3s ease;background:#f8fafc}.form-groupHOD input[type=text]:focus,.form-groupHOD select:focus,.form-groupHOD textarea:focus{outline:none;border-color:#0ea5e9;background:#fff;box-shadow:0 0 0 3px #0ea5e91a}.form-groupHOD textarea{resize:vertical;min-height:120px;line-height:1.6}.view-fieldHOD{background:#f8fafc;padding:12px 16px;border-radius:8px;border:1px solid #e2e8f0;min-height:44px;display:flex;align-items:center}.title-viewHOD{font-size:1.2rem;font-weight:600;color:#1e293b}.priority-viewHOD{display:inline-flex;padding:6px 12px}.content-viewHOD{min-height:200px;display:block;padding:16px;white-space:pre-wrap;line-height:1.8;color:#475569}.content-textHOD{color:#475569;line-height:1.6;white-space:pre-wrap}.read-only-inputHOD,.read-only-selectHOD,.read-only-textareaHOD{background:#f1f5f9!important;border-color:#cbd5e1!important;color:#64748b!important;cursor:not-allowed!important}.form-actionsHOD{display:flex;justify-content:flex-end;gap:16px;padding-top:28px;border-top:1px solid #e2e8f0;margin-top:28px}.cancel-btnHOD{background:#f1f5f9;color:#475569;border:2px solid #cbd5e1;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.cancel-btnHOD:hover:not(:disabled){background:#e2e8f0;border-color:#94a3b8}.submit-btnHOD{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:12px 32px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.submit-btnHOD:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px)}.submit-edit-btnHOD{background:linear-gradient(135deg,#0ea5e9,#0891b2)}.submit-edit-btnHOD:hover:not(:disabled){background:linear-gradient(135deg,#0891b2,#0c4a6e)}.edit-from-view-btnHOD{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease}.edit-from-view-btnHOD:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-2px)}.delete-confirm-contentHOD{background:#fff;border-radius:20px;padding:40px;width:90%;max-width:500px;box-shadow:0 25px 80px #0000004d;text-align:center}.delete-confirm-headerHOD{margin-bottom:24px}.delete-warning-iconHOD{color:#f59e0b;margin-bottom:16px}.delete-confirm-headerHOD h3{color:#dc2626;margin:0;font-size:1.8rem;font-weight:700}.delete-confirm-messageHOD{color:#475569;font-size:1.1rem;line-height:1.6;margin-bottom:32px}.delete-confirm-messageHOD strong{color:#1e293b;font-weight:700}.delete-confirm-actionsHOD{display:flex;justify-content:center;gap:16px}.cancel-delete-btnHOD{background:#f1f5f9;color:#475569;border:2px solid #cbd5e1;padding:12px 32px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.cancel-delete-btnHOD:hover{background:#e2e8f0;border-color:#94a3b8}.confirm-delete-btnHOD{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:12px 32px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease}.confirm-delete-btnHOD:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px)}.spinnerHOD{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spinHOD 1s ease-in-out infinite;margin-right:8px}@keyframes spinHOD{to{transform:rotate(360deg)}}.ml-1HOD{margin-left:4px}.capitalize{text-transform:capitalize}@media(max-width:1024px){.dashboard-headerHOD{flex-direction:column;gap:24px;align-items:stretch}.header-actionsHOD{justify-content:flex-start;width:100%}.btn-primaryHOD{width:100%;justify-content:center}.filters-gridHOD{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.announcements-containerHOD{padding:16px}.dashboard-headerHOD{padding:20px}.hod-welcomeHOD h2{font-size:1.6rem}.filters-gridHOD,.announcements-gridHOD{grid-template-columns:1fr}.results-summaryHOD{flex-direction:column;align-items:flex-start;gap:1rem}.no-results-actionsHOD,.form-actionsHOD{flex-direction:column}.form-actionsHOD button{width:100%}.delete-confirm-actionsHOD{flex-direction:column}.delete-confirm-actionsHOD button{width:100%}}@media(max-width:480px){.filters-sectionHOD,.results-summaryHOD{padding:16px}.modal-contentHOD{padding:0}.modal-headerHOD,.announcement-formHOD{padding:20px}.delete-confirm-contentHOD{padding:24px}}.profile-content-singlePF{flex:1;padding:2rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem;max-width:100%}.profile-picture-section-singlePF{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem;background:#fff;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 2px 8px #00000008;margin-bottom:.5rem}.profile-picture-wrapper-singlePF{margin-bottom:1.5rem}.profile-picture-singlePF{width:160px;height:160px;border-radius:50%;object-fit:cover;border:6px solid white;box-shadow:0 8px 24px #2c5aa026}.profile-name-singlePF{font-size:1.75rem;font-weight:700;color:#1e293b;margin:0 0 .5rem;line-height:1.2}.profile-email-singlePF{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#475569;font-size:1rem;margin:0 0 1.5rem;font-weight:500}.profile-badges-singlePF{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1rem}.badge-singlePF{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:12px;font-size:.85rem;font-weight:600}.badge-bluePF{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border:1px solid #93c5fd}.badge-greenPF{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border:1px solid #6ee7b7}.badge-tealPF{background:linear-gradient(135deg,#ccfbf1,#99f6e4);color:#0d9488;border:1px solid #5eead4}.profile-card-singlePF{background:#fff;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden;box-shadow:0 2px 8px #00000008}.card-header-singlePF{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:1.5rem 2rem;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;gap:1rem}.card-icon-singlePF{border-radius:10px;padding:.75rem;display:flex;align-items:center;justify-content:center}.card-icon-bluePF{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2c5aa0}.card-icon-greenPF{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#2c9a7a}.card-icon-tealPF{background:linear-gradient(135deg,#ccfbf1,#99f6e4);color:#0d9488}.card-icon-purplePF{background:linear-gradient(135deg,#e9d5ff,#d8b4fe);color:#7c3aed}.card-title-singlePF{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0}.card-content-singlePF{padding:2rem}.info-section-singlePF{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #f1f5f9}.info-section-singlePF:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.info-section-title-singlePF{font-size:1.1rem;font-weight:600;color:#2c5aa0;margin:0 0 1.25rem;padding-bottom:.75rem;border-bottom:2px solid rgba(44,90,160,.1)}.info-row-singlePF{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px dashed #f1f5f9}.info-row-singlePF:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.info-label-singlePF{display:flex;align-items:center;gap:.75rem;color:#475569;font-size:.95rem;font-weight:500}.info-label-singlePF svg{color:#2c5aa0;flex-shrink:0;width:18px;height:18px}.info-value-singlePF{color:#1e293b;font-size:1rem;font-weight:500;padding-left:2rem;line-height:1.5}.address-value-singlePF{line-height:1.6;white-space:pre-line}.status-badge-singlePF{display:inline-block;padding:.375rem 1rem;border-radius:12px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.status-active{background:linear-gradient(135deg,#d1fae5,#6ee7b7);color:#065f46;border:1px solid #10b981}.profile-footer-singlePF{margin-top:1rem;padding:1.5rem 2rem;border-top:1px solid #e2e8f0;display:flex;flex-direction:column;gap:1rem;background:#2c5aa008;border-radius:12px}.system-info-singlePF{display:flex;flex-direction:column;gap:.75rem}.system-id-itemPF{display:flex;align-items:center;gap:.75rem;color:#475569;font-size:.9rem}.system-id-itemPF svg{color:#2c5aa0;flex-shrink:0}.system-id-itemPF strong{color:#2c5aa0;font-weight:600;margin-right:.5rem}.last-update-singlePF{display:flex;align-items:center;justify-content:center;gap:.75rem;color:#64748b;font-size:.85rem;font-weight:500;padding-top:1rem;border-top:1px dashed #e2e8f0}.last-update-singlePF svg{color:#2c9a7a}@media(max-width:768px){.profile-content-singlePF,.profile-picture-section-singlePF{padding:1.5rem}.profile-picture-singlePF{width:140px;height:140px}.profile-name-singlePF{font-size:1.5rem}.card-header-singlePF{padding:1.25rem}.card-content-singlePF{padding:1.5rem}.info-section-singlePF{margin-bottom:1.5rem;padding-bottom:1.5rem}}@media(max-width:480px){.profile-content-singlePF{padding:1rem}.profile-picture-singlePF{width:120px;height:120px}.profile-name-singlePF{font-size:1.35rem}.card-header-singlePF{padding:1rem}.card-content-singlePF{padding:1.25rem}.info-label-singlePF{font-size:.9rem}.info-value-singlePF{font-size:.95rem}}.profile-loadingPF{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:400px;gap:1.5rem}.loading-spinnerPF{width:50px;height:50px;border:4px solid rgba(44,90,160,.1);border-top:4px solid #2c5aa0;border-radius:50%;animation:spin 1s linear infinite}.profile-errorPF{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:400px;gap:1.5rem;text-align:center;padding:2rem}.error-iconPF{color:#dc2626}.retry-btnPF{background:linear-gradient(135deg,#2c5aa0,#1e40af);color:#fff;border:none;padding:.75rem 2rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.retry-btnPF:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2c5aa04d}.modal-overlay-cpPF{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content-cpPF{background:#fff;border-radius:12px;width:100%;max-width:450px;box-shadow:0 10px 25px #0003;animation:modalSlideIn-cpPF .3s ease-out}@keyframes modalSlideIn-cpPF{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header-cpPF{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px 12px 0 0;color:#fff}.modal-title-cpPF{margin:0;font-size:18px;font-weight:600;display:flex;align-items:center;gap:8px}.modal-close-cpPF{background:#fff3;border:none;border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:background-color .2s}.modal-close-cpPF:hover{background:#ffffff4d}.modal-body-cpPF{padding:24px}.password-form-cpPF{display:flex;flex-direction:column;gap:20px}.alert-cpPF{padding:12px 16px;border-radius:8px;font-size:14px;margin-bottom:8px;display:flex;align-items:center;gap:8px}.alert-cpPF.error-cpPF{background-color:#fee2e2;border:1px solid #fecaca;color:#dc2626}.alert-cpPF.success-cpPF{background-color:#d1fae5;border:1px solid #a7f3d0;color:#059669}.form-group-cpPF{display:flex;flex-direction:column;gap:6px}.form-label-cpPF{font-size:14px;font-weight:500;color:#374151;display:flex;align-items:center;gap:6px}.password-input-wrapper-cpPF{position:relative}.form-input-cpPF{padding:10px 40px 10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:all .2s;background:#f9fafb;width:100%;box-sizing:border-box}.form-input-cpPF:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.form-input-cpPF:disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.7}.password-toggle-cpPF{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#6b7280;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s;border-radius:4px}.password-toggle-cpPF:hover:not(:disabled){color:#374151;background:#0000000d}.password-toggle-cpPF:disabled{opacity:.5;cursor:not-allowed}.form-actions-cpPF{display:flex;gap:12px;justify-content:flex-end;padding-top:16px;border-top:1px solid #e5e7eb;margin-top:8px}.cancel-btn-cpPF{padding:10px 20px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.cancel-btn-cpPF:hover:not(:disabled){background:#e5e7eb}.cancel-btn-cpPF:disabled{opacity:.5;cursor:not-allowed}.submit-btn-cpPF{padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.submit-btn-cpPF:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.submit-btn-cpPF:disabled{opacity:.5;cursor:not-allowed}.profile-action-buttonPF{margin-top:16px;display:flex;justify-content:center}.cp-btnPF{padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.cp-btnPF:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.badge-singlePF.badge-purplePF{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}@media(max-width:640px){.modal-content-cpPF{max-width:95%;margin:0 10px}.modal-header-cpPF{padding:16px 20px}.modal-body-cpPF{padding:20px}.form-actions-cpPF{flex-direction:column}.cancel-btn-cpPF,.submit-btn-cpPF{width:100%;text-align:center}.cp-btnPF{padding:8px 16px;font-size:13px}}.profile-loadingPF{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#666}.loading-spinnerPF{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spinPF 1s linear infinite;margin-bottom:20px}@keyframes spinPF{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.profile-errorPF{text-align:center;padding:40px 20px;background:#f8f9fa;border-radius:12px;margin:20px}.error-iconPF{color:#667eea;margin-bottom:20px}.retry-btnPF{margin-top:20px;padding:10px 20px;background:#667eea;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s}.retry-btnPF:hover{background:#5a67d8}.profile-containerPF{max-width:1200px;margin:0 auto;padding:20px}.profile-headerPF{margin-bottom:30px}.profile-content-singlePF{max-width:800px;margin:0 auto}.profile-picture-section-singlePF{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:30px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.profile-picture-wrapper-singlePF{margin-bottom:20px}.profile-picture-singlePF{width:150px;height:150px;border-radius:50%;object-fit:cover;border:4px solid #667eea}.profile-basic-info-singlePF{width:100%}.profile-name-singlePF{font-size:28px;font-weight:600;color:#333;margin-bottom:8px}.profile-email-singlePF{color:#666;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:20px}.profile-badges-singlePF{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:20px}.badge-singlePF{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500;display:flex;align-items:center;gap:4px}.badge-bluePF{background:#e0e7ff;color:#3730a3}.badge-greenPF{background:#d1fae5;color:#065f46}.badge-tealPF{background:#cffafe;color:#155e75}.profile-card-singlePF{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;overflow:hidden}.card-header-singlePF{background:#f8fafc;padding:16px 24px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;gap:12px}.card-icon-singlePF{border-radius:8px;padding:8px}.card-icon-bluePF{background:#e0e7ff;color:#3730a3}.card-icon-greenPF{background:#d1fae5;color:#065f46}.card-icon-tealPF{background:#cffafe;color:#155e75}.card-icon-purplePF{background:#ede9fe;color:#5b21b6}.card-title-singlePF{font-size:18px;font-weight:600;color:#333;margin:0}.card-content-singlePF{padding:24px}.info-section-singlePF{margin-bottom:24px}.info-section-singlePF:last-child{margin-bottom:0}.info-section-title-singlePF{font-size:16px;font-weight:600;color:#4b5563;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #e5e7eb}.info-row-singlePF{display:flex;margin-bottom:16px;align-items:flex-start}.info-row-singlePF:last-child{margin-bottom:0}.info-label-singlePF{width:160px;flex-shrink:0;color:#6b7280;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px}.info-value-singlePF{flex:1;color:#111827;font-size:14px}.address-value-singlePF{white-space:pre-line;line-height:1.6}.status-badge-singlePF{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;display:inline-block}.status-active{background:#d1fae5;color:#065f46}.status-inactive{background:#fee2e2;color:#dc2626}.profile-footer-singlePF{margin-top:30px;text-align:center;color:#6b7280;font-size:14px}.last-update-singlePF{display:flex;align-items:center;justify-content:center;gap:8px}@media(max-width:768px){.profile-containerPF{padding:10px}.profile-name-singlePF{font-size:24px}.profile-badges-singlePF{flex-direction:column;align-items:center}.badge-singlePF{width:fit-content}.info-row-singlePF{flex-direction:column;gap:4px}.info-label-singlePF{width:100%}.card-header-singlePF{padding:12px 16px}.card-content-singlePF{padding:16px}.profile-picture-singlePF{width:120px;height:120px}}@media(max-width:480px){.profile-picture-singlePF{width:100px;height:100px}.profile-name-singlePF{font-size:20px}}.organisation-containerORPF{max-width:1100px;margin:2rem auto;padding:0 1.5rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#1e293b;line-height:1.5}.organisation-headerORPF{margin-bottom:2rem;border-bottom:2px solid #d1fae5;padding-bottom:1rem}.header-titleORPF{display:flex;align-items:center;gap:12px}.header-titleORPF h1{font-size:1.8rem;font-weight:700;color:#2563eb;margin:0}.header-iconORPF{color:#10b981}.organisation-selectorORPF{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e2e8f0}.selector-headerORPF{display:flex;align-items:center;gap:8px;margin-bottom:1rem;color:#2563eb;font-weight:600}.selector-optionsORPF{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.org-optionORPF{display:flex;align-items:center;gap:12px;padding:1rem;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.org-optionORPF:hover{border-color:#10b981;background-color:#f0fdf4}.org-optionORPF.activeORPF{border-color:#2563eb;background-color:#eff6ff;box-shadow:0 0 0 2px #2563eb33}.org-option-nameORPF{display:block;font-weight:600;font-size:.95rem}.org-option-industryORPF{font-size:.8rem;color:#64748b}.organisation-bannerORPF{background:linear-gradient(135deg,#1e40af,#065f46);border-radius:12px 12px 0 0;padding:2.5rem;color:#fff}.organisation-logo-sectionORPF{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.logo-containerORPF{width:90px;height:90px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:5px;box-shadow:0 10px 15px -3px #0000004d}.organisation-logoORPF{max-width:100%;max-height:100%;object-fit:contain}.logo-placeholderORPF{color:#10b981}.organisation-nameORPF{font-size:2rem;margin:0;font-weight:800}.quick-statsORPF{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-top:2rem}.stat-cardORPF{background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:1rem;border-radius:10px;display:flex;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.2)}.stat-labelORPF{font-size:.75rem;text-transform:uppercase;font-weight:600;opacity:.9}.stat-valueORPF{font-weight:700;font-size:.9rem}.organisation-cardORPF{background:#fff;border-radius:12px;box-shadow:0 10px 15px -3px #0000001a;overflow:hidden;border:1px solid #e2e8f0}.organisation-contentORPF{padding:2rem}.content-sectionORPF{margin-bottom:2.5rem}.section-headerORPF{display:flex;align-items:center;gap:10px;margin-bottom:1.25rem;color:#2563eb;border-bottom:1px solid #f1f5f9;padding-bottom:8px}.section-titleORPF{font-size:1.25rem;font-weight:700;margin:0}.info-gridORPF{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.info-itemORPF{display:flex;flex-direction:column}.info-labelORPF{display:flex;align-items:center;gap:6px;font-size:.85rem;color:#64748b;margin-bottom:4px}.info-valueORPF{font-weight:600;color:#1e293b;padding-left:1.4rem}.status-badgeORPF{display:inline-flex;align-items:center;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600}.status-badge-activeORPF{background:#d1fae5;color:#065f46}.status-badge-inactiveORPF{background:#fee2e2;color:#991b1b}.status-badge-pendingORPF{background:#fef3c7;color:#92400e}.industry-badgeORPF{padding:2px 8px;border-radius:4px;font-size:.75rem;background:#dbeafe;color:#1e40af;font-weight:700}.address-cardORPF{background:#f8fafc;padding:1.5rem;border-radius:10px;border:1px dashed #cbd5e1}.address-headerORPF{display:flex;align-items:center;gap:8px;margin-bottom:1rem;color:#2563eb;font-weight:600;font-size:1rem}.address-detailsORPF{display:flex;flex-direction:column;gap:12px}.address-lineORPF{display:flex;align-items:flex-start;gap:12px;padding:8px 0;border-bottom:1px solid #e2e8f0}.address-lineORPF:last-child{border-bottom:none}.address-lineORPF svg{color:#10b981;flex-shrink:0;margin-top:2px}.address-labelORPF{font-weight:600;color:#475569;min-width:120px;font-size:.85rem}.address-textORPF{color:#1e293b;font-weight:500;flex:1;font-size:.9rem}.no-addressORPF{color:#64748b;font-style:italic;text-align:center;padding:1rem;background:#f1f5f9;border-radius:6px;border:1px dashed #cbd5e1}.industry-techORPF{background:#dbeafe;color:#1e40af}.industry-healthORPF{background:#d1fae5;color:#065f46}.industry-financeORPF{background:#fef3c7;color:#92400e}.industry-educationORPF{background:#ede9fe;color:#5b21b6}.industry-manufacturingORPF{background:#fce7f3;color:#9d174d}.industry-retailORPF{background:#f0fdf4;color:#166534}.industry-constructionORPF{background:#ffedd5;color:#9a3412}.industry-hospitalityORPF{background:#fef7cd;color:#854d0e}.industry-transportationORPF{background:#e0f2fe;color:#0c4a6e}.industry-otherORPF{background:#f1f5f9;color:#475569}.action-buttonsORPF{display:flex;justify-content:flex-end;margin-top:1.5rem}.action-buttonORPF{padding:10px 20px;border-radius:8px;border:none;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease}.action-buttonORPF:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a}.print-actionORPF{background:#2563eb;color:#fff}.print-actionORPF:hover{background:#1d4ed8}.secondary-buttonORPF{background:#64748b;color:#fff}.secondary-buttonORPF:hover{background:#475569}.loading-containerORPF,.error-containerORPF{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 2rem;background:#fff;border-radius:12px;text-align:center;box-shadow:0 4px 6px -1px #0000001a}.loading-spinnerORPF{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #10b981;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.error-iconORPF{color:#ef4444;margin-bottom:1rem}.error-titleORPF{font-size:1.5rem;color:#1e293b;margin-bottom:.5rem}.error-messageORPF{color:#64748b;margin-bottom:1.5rem}.error-actionsORPF{display:flex;gap:1rem;margin-top:1rem}.debug-info-boxORPF{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1rem;margin:1rem 0;text-align:left}.debug-info-boxORPF h4{color:#2563eb;margin:0 0 .5rem;display:flex;align-items:center;gap:8px}.debug-detailsORPF p{margin:.25rem 0;color:#475569;font-size:.9rem}.not-found-containerORPF{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 2rem;background:#fff;border-radius:12px;text-align:center;box-shadow:0 4px 6px -1px #0000001a}.not-found-iconORPF{color:#cbd5e1;margin-bottom:1.5rem}.not-found-titleORPF{font-size:1.5rem;color:#1e293b;margin-bottom:.5rem}.not-found-messageORPF{color:#64748b;max-width:400px;line-height:1.6}@media(max-width:768px){.organisation-containerORPF{padding:0 1rem}.organisation-bannerORPF{padding:1.5rem}.organisation-logo-sectionORPF{flex-direction:column;text-align:center}.quick-statsORPF{grid-template-columns:1fr 1fr}.organisation-nameORPF{font-size:1.6rem}.address-labelORPF{min-width:100px}}@media(max-width:480px){.quick-statsORPF{grid-template-columns:1fr}.header-titleORPF h1{font-size:1.4rem}.organisation-contentORPF{padding:1.25rem}.info-gridORPF{grid-template-columns:1fr;gap:1rem}.action-buttonsORPF{justify-content:center}.selector-optionsORPF{grid-template-columns:1fr}.address-lineORPF{flex-direction:column;gap:4px}.address-labelORPF{min-width:auto}.error-actionsORPF{flex-direction:column}}.employee-dashboard{padding:20px;background-color:#f8fafc;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:20px;background:linear-gradient(to right,#1e40af,#059669);border-radius:12px;color:#fff;box-shadow:0 4px 12px #0000001a}.dashboard-header h1{display:flex;align-items:center;gap:12px;margin:0;font-size:24px;font-weight:600}.add-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background-color:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:8px;font-weight:500;font-size:14px;cursor:pointer;transition:background-color .2s}.add-btn:hover{background-color:#ffffff4d}.error{background-color:#fee2e2;color:#dc2626;padding:12px 16px;border-radius:8px;margin-bottom:20px;text-align:center;font-weight:500;border-left:4px solid #dc2626}.error-container{padding:1rem;margin:1rem 0;display:flex;justify-content:center;align-items:center;flex-direction:row;border-radius:4px;border:1px solid #f5c6cb;background-color:#f8d7da;color:#721c24}.filter-section{display:flex;gap:12px;margin-bottom:20px;align-items:center}.search-container{flex:1;position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:12px;color:#64748b}.search-input{width:100%;padding:12px 12px 12px 40px;border:1px solid #cbd5e1;border-radius:8px;font-size:14px;background-color:#fff;color:#1e293b}.search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.clear-search-btn{position:absolute;right:10px;background:none;border:none;cursor:pointer;color:#94a3b8;padding:4px}.clear-search-btn:hover{color:#64748b}.filter-toggle-btn{display:flex;align-items:center;gap:8px;padding:12px 16px;background-color:#3b82f6;color:#fff;border:none;border-radius:8px;font-weight:500;font-size:14px;cursor:pointer;white-space:nowrap}.filter-toggle-btn:hover{background-color:#2563eb}.active-filter-count{background-color:#fff;color:#3b82f6;width:20px;height:20px;border-radius:50%;font-size:12px;display:flex;align-items:center;justify-content:center;margin-left:4px}.filter-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px;padding:20px;background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;border:1px solid #e2e8f0}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-label{display:flex;align-items:center;gap:8px;font-weight:500;color:#1e40af;font-size:14px}.filter-select{padding:10px 12px;border:1px solid #cbd5e1;border-radius:6px;font-size:14px;color:#1e293b;background-color:#fff;cursor:pointer}.filter-select:focus{outline:none;border-color:#3b82f6}.clear-filters-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background-color:#f1f5f9;color:#64748b;border:1px solid #cbd5e1;border-radius:6px;font-weight:500;font-size:14px;cursor:pointer;align-self:end}.clear-filters-btn:hover{background-color:#e2e8f0}.results-summary{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px 16px;background-color:#fff;border-radius:8px;border:1px solid #e2e8f0;font-size:14px}.results-count{font-weight:500;color:#1e40af}.active-filters{display:flex;align-items:center;gap:6px;padding:6px 12px;background-color:#f0f9ff;border-radius:6px;color:#075985;font-weight:500;border:1px solid #bae6fd}.active-filters svg{color:#10b981}.no-results-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:#64748b}.no-results-content svg{color:#cbd5e1;margin-bottom:16px}.no-results-content h3{margin:0 0 8px;color:#475569;font-size:18px;font-weight:600}.no-results-content p{margin:0 0 16px;color:#64748b;font-size:14px}.reset-filters-btn{padding:10px 20px;background-color:#3b82f6;color:#fff;border:none;border-radius:6px;font-weight:500;font-size:14px;cursor:pointer}.reset-filters-btn:hover{background-color:#2563eb}.employee-table{width:100%;background-color:#fff;border-radius:8px;display:block;box-shadow:0 2px 8px #0000000d;border-collapse:collapse;border:1px solid #e2e8f0;font-size:13px;overflow-x:auto}.employee-table thead{background-color:#f0f9ff}.employee-table th{padding:10px 8px;text-align:left;font-weight:600;color:#075985;font-size:11px;text-transform:uppercase;letter-spacing:.3px;border-bottom:1px solid #cbd5e1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.employee-table td{padding:8px;border-bottom:1px solid #e2e8f0;color:#1e293b;font-size:12px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.employee-table tbody tr:hover{background-color:#f8fafc}.employee-table tbody tr:last-child td{border-bottom:none}.employee-photo{width:40px;padding:6px 8px}.employee-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:1px solid #e2e8f0}.employee-avatar-placeholder{width:28px;height:28px;border-radius:4px;background-color:#f1f5f9;display:flex;align-items:center;justify-content:center;color:#64748b;border:1px solid #cbd5e1;font-size:12px}.employee-code{font-family:Courier New,monospace;font-weight:600;color:#1e40af;font-size:11px;padding:8px 6px}.employee-name{min-width:120px;max-width:150px}.name-wrapper{display:flex;flex-direction:column;gap:3px}.name{font-weight:600;color:#1e293b;font-size:12px;line-height:1.2}.role-badge{display:inline-flex;align-items:center;gap:2px;padding:2px 6px;background-color:#dbeafe;color:#1e40af;border-radius:8px;font-size:9px;font-weight:500;width:fit-content}.role-badge svg{width:8px;height:8px}.employee-email{color:#3b82f6;text-decoration:none;font-size:11px;word-break:break-all;max-width:150px}.job-title{max-width:120px}.job-title-content{display:flex;align-items:center;gap:4px;color:#475569;font-size:11px}.job-title-content svg{color:#f59e0b;width:10px;height:10px}.department{max-width:100px}.department-info{display:flex;flex-direction:column;gap:1px;padding:4px;background-color:#f0f9ff;border-radius:4px;border-left:2px solid #10b981}.dept-name{font-weight:600;color:#075985;font-size:11px;line-height:1.2}.dept-code{font-size:9px;color:#0ea5e9;font-family:Courier New,monospace;font-weight:600}.employment-badge{padding:3px 6px;border-radius:10px;font-size:9px;font-weight:600;text-transform:capitalize;display:inline-block;white-space:nowrap}.employment-fulltime{background-color:#d1fae5;color:#065f46}.employment-parttime{background-color:#fef3c7;color:#92400e}.employment-contract{background-color:#e0e7ff;color:#3730a3}.employment-intern{background-color:#fce7f3;color:#9d174d}.employment-permanent{background-color:#c7d2fe;color:#3730a3}.employment-other{background-color:#f1f5f9;color:#475569}.hire-date{min-width:90px}.hire-date-content{display:flex;align-items:center;gap:4px;color:#475569;font-size:11px}.hire-date-content svg{color:#8b5cf6;width:10px;height:10px}.status-badge{padding:3px 6px;border-radius:10px;font-size:9px;font-weight:600;text-transform:capitalize;display:inline-block;white-space:nowrap}.status-active{background-color:#d1fae5;color:#065f46}.status-inactive{background-color:#fef3c7;color:#92400e}.status-on-leave{background-color:#dbeafe;color:#1e40af}.status-terminated{background-color:#fee2e2;color:#dc2626}.status-default{background-color:#f1f5f9;color:#475569}.actions{display:flex;gap:4px;padding:6px 8px}.actions button{padding:4px;border:none;border-radius:3px;cursor:pointer;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.actions .edit{background-color:#dbeafe;color:#3b82f6}.actions .edit:hover{background-color:#bfdbfe}.actions .delete{background-color:#fee2e2;color:#ef4444}.actions .delete:hover{background-color:#fecaca}.actions svg{width:12px;height:12px}.unauth{text-align:center;color:#dc2626;padding:40px;font-size:24px;font-weight:600}.employee-dashboard>h2{text-align:center;color:#1e40af;padding:40px;font-size:24px;font-weight:600}@media(max-width:1024px){.filter-section{flex-direction:column;align-items:stretch}.filter-controls{grid-template-columns:1fr}.dashboard-header{flex-direction:column;gap:16px;text-align:center}.employee-table{width:100%;display:block;font-size:11px;overflow-x:auto}}@media(max-width:768px){.employee-table{width:100%;display:block;font-size:11px;overflow-x:auto}.employee-table th,.employee-table td{padding:6px;font-size:10px}.results-summary{flex-direction:column;gap:8px;align-items:flex-start;font-size:12px}.employee-dashboard{padding:12px}.dashboard-header{padding:16px;margin-bottom:16px}.dashboard-header h1{font-size:17px}}.employee-table::-webkit-scrollbar{height:4px}.employee-table::-webkit-scrollbar-track{background:#f1f5f9}.employee-table::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.employee-table::-webkit-scrollbar-thumb:hover{background:#94a3b8}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.modal-content{background-color:#fff;border-radius:12px;width:100%;max-width:900px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;background:linear-gradient(to right,#1e40af,#059669);color:#fff;border-radius:12px 12px 0 0}.modal-header h2{margin:0;display:flex;align-items:center;gap:10px;font-size:20px}.modal-close-btn{background:none;border:none;color:#fff;cursor:pointer;padding:5px;border-radius:6px;display:flex;align-items:center;justify-content:center}.modal-close-btn:hover{background-color:#fff3}.modal-error{background-color:#fee2e2;color:#dc2626;padding:12px 20px;margin:0 20px;border-radius:8px;font-weight:500}.employee-form{padding:20px}.form-section{margin-bottom:24px}.form-section h3{color:#1e40af;margin:0 0 16px;font-size:16px;font-weight:600;padding-bottom:8px;border-bottom:2px solid #e2e8f0}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{display:flex;align-items:center;gap:6px;font-weight:500;color:#475569;font-size:14px}.form-group input,.form-group select{padding:10px 12px;border:1px solid #cbd5e1;border-radius:6px;font-size:14px;color:#1e293b;background-color:#fff}.form-group input:focus,.form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.form-group input[type=date]{padding:9px 12px}.form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:20px;border-top:1px solid #e2e8f0;margin-top:20px}.cancel-btn{padding:10px 20px;background-color:#f1f5f9;color:#475569;border:1px solid #cbd5e1;border-radius:6px;font-weight:500;font-size:14px;cursor:pointer}.cancel-btn:hover{background-color:#e2e8f0}.submit-btn{padding:10px 20px;background-color:#3b82f6;color:#fff;border:none;border-radius:6px;font-weight:500;font-size:14px;cursor:pointer}.submit-btn:hover{background-color:#2563eb}.submit-btn:disabled{background-color:#94a3b8;cursor:not-allowed}@media(max-width:768px){.modal-content{max-width:95%;margin:20px}.form-grid{grid-template-columns:1fr}.modal-header,.employee-form{padding:16px}}.loading-container,.unauthorized-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:70vh;gap:1rem;text-align:center}.spinner{animation:spin 1s linear infinite;color:#667eea}.login-redirect-btn{margin-top:1rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:transform .2s}.login-redirect-btn:hover{transform:translateY(-2px)}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h2{margin:0;font-size:1.5rem;color:#1f2937}.close-btn{background:none;border:none;cursor:pointer;color:#6b7280;padding:.5rem;border-radius:6px;display:flex;align-items:center;justify-content:center}.close-btn:hover{background-color:#f3f4f6;color:#374151}.modal-body{padding:1.5rem}.form-section{margin-bottom:2rem}.form-section h3{font-size:1.125rem;font-weight:600;color:#374151;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #e5e7eb}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.form-group.full-width{grid-column:1 / -1}.form-group label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.disabled-input{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}.form-help{display:block;margin-top:.25rem;font-size:.75rem;color:#6b7280}.photo-upload-section{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:2rem}.photo-preview{width:120px;height:120px;border-radius:50%;overflow:hidden;background-color:#f3f4f6;border:3px solid #e5e7eb}.photo-preview-img{width:100%;height:100%;object-fit:cover}.photo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#9ca3af}.photo-upload-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:#f3f4f6;color:#374151;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;transition:background-color .2s}.photo-upload-btn:hover{background-color:#e5e7eb}.form-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1.5rem;border-top:1px solid #e5e7eb;margin-top:2rem}.cancel-btn{padding:.75rem 1.5rem;background-color:#f3f4f6;color:#374151;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s}.cancel-btn:hover:not(:disabled){background-color:#e5e7eb}.save-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:transform .2s}.save-btn:hover:not(:disabled){transform:translateY(-2px)}.save-btn:disabled{opacity:.6;cursor:not-allowed}.error-message{background-color:#fee;color:#c00;padding:1rem;border-radius:6px;margin-bottom:1rem;border-left:4px solid #c00}.success-message{background-color:#efffee;color:#0a0;padding:1rem;border-radius:6px;margin-bottom:1rem;border-left:4px solid #0a0}.forgot-main-containerFG{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background-color:#2563eb}.forgot-back-btnFG{position:absolute;top:20px;left:20px;display:flex;align-items:center;gap:8px;color:#666;font-size:14px;cursor:pointer;transition:color .2s}.forgot-back-btnFG:hover{color:#333}.forgot-containerFG{width:100%;max-width:400px}.forgot-cardFG{background:#fff;border-radius:10px;padding:30px;box-shadow:0 2px 10px #0000001a}.forgot-headerFG{text-align:center;margin-bottom:25px}.forgot-iconFG{display:flex;justify-content:center;margin-bottom:15px;color:#666}.forgot-headerFG h2{margin:0 0 10px;color:#333;font-size:24px}.forgot-subtitleFG{margin:0;color:#666;font-size:14px;line-height:1.4}.forgot-formFG{display:flex;flex-direction:column;gap:20px}.form-groupFG{display:flex;flex-direction:column;gap:5px}.form-groupFG label{font-size:13px;font-weight:600;color:#333}.input-with-iconFG{position:relative;width:100%}.input-with-iconFG input{width:100%;padding:10px 10px 10px 35px;border:1px solid #ddd;border-radius:5px;font-size:14px;box-sizing:border-box;height:42px}.input-with-iconFG input:focus{outline:none;border-color:#dc3545;box-shadow:0 0 0 2px #dc35451a}.input-with-iconFG input:disabled{background-color:#f5f5f5;cursor:not-allowed;color:#999}.input-with-iconFG svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#666}.input-errorFG{color:#dc3545;font-size:11px;margin-top:2px}.submit-btnFG{padding:12px;background-color:#dc3545;color:#fff;border:none;border-radius:5px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;justify-content:center;gap:8px;height:42px}.submit-btnFG:hover:not(:disabled){background-color:#c82333}.submit-btnFG:disabled{background-color:#ccc;cursor:not-allowed}.spinnerFG{width:16px;height:16px;border:2px solid white;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}.forgot-error-messageFG{background-color:#f8d7da;color:#721c24;padding:10px 14px;border-radius:5px;border:1px solid #f5c6cb;display:flex;align-items:center;gap:8px;font-size:13px;margin-bottom:15px;line-height:1.3}.forgot-success-messageFG{background-color:#d4edda;color:#155724;padding:10px 14px;border-radius:5px;border:1px solid #c3e6cb;display:flex;align-items:center;gap:8px;font-size:13px;margin-bottom:15px;line-height:1.3}.error-iconFG{background-color:#dc3545;color:#fff;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.success-iconFG{background-color:#28a745;color:#fff;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.forgot-helpFG{margin-top:25px;text-align:center;color:#666;font-size:13px}.forgot-helpFG p{margin:5px 0}.forgot-noteFG{margin-top:10px;color:#999}.reset-main-containerRS{min-height:100vh;background:linear-gradient(135deg,#2193b0,#6dd5ed);padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.reset-back-btnRS{position:fixed;top:15px;left:15px;display:flex;align-items:center;gap:6px;background:#ffffff1a;color:#fff;padding:8px 12px;border-radius:50px;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);font-size:13px;font-weight:500}.reset-back-btnRS:hover{background:#fff3}.reset-containerRS{width:100%;max-width:380px;margin:0 auto}.reset-cardRS{background:#fff;padding:2rem 1.5rem;border-radius:10px;box-shadow:0 8px 30px #2193b026}.reset-headerRS{text-align:center;margin-bottom:1.5rem}.reset-headerRS h2{margin:0 0 8px;color:#2c3e50;font-size:1.5rem;font-weight:600}.reset-subtitleRS{color:#5d6d7e;font-size:13px;line-height:1.4;margin:0}.reset-formRS{display:flex;flex-direction:column;gap:1rem}.input-groupRS{display:flex;flex-direction:column;gap:6px}.input-groupRS label{font-size:13px;font-weight:600;color:#333}.reset-inputRS{padding:10px 14px;border:1px solid #ddd;border-radius:5px;font-size:13px;transition:all .2s;height:40px;box-sizing:border-box;width:100%}.reset-inputRS:focus{outline:none;border-color:#2193b0;box-shadow:0 0 0 2px #2193b01a}.reset-inputRS:disabled{background-color:#f5f5f5;cursor:not-allowed;color:#999}.password-input-containerRS{position:relative;width:100%}.password-inputRS{padding-right:3rem!important}.password-toggle-btnRS{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:.25rem;color:#666;transition:color .2s;display:flex;align-items:center;justify-content:center;height:100%}.password-toggle-btnRS:hover:not(:disabled){color:#333}.password-toggle-btnRS:disabled{opacity:.5;cursor:not-allowed}.reset-btnRS{padding:11px 14px;background:linear-gradient(135deg,#2193b0,#6dd5ed);color:#fff;border:none;border-radius:5px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;height:42px;box-sizing:border-box}.reset-btnRS:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 15px #2193b04d}.reset-btnRS:active:not(:disabled){transform:translateY(0)}.reset-btnRS:disabled{background:linear-gradient(135deg,#95a5a6,#7f8c8d);cursor:not-allowed;transform:none}.spinner-iconRS{width:16px;height:16px;animation:spinRS 1s linear infinite}@keyframes spinRS{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.reset-error-messageRS{background-color:#f8d7da;color:#721c24;padding:10px 14px;border-radius:5px;border:1px solid #f5c6cb;display:flex;align-items:center;gap:8px;font-size:13px;animation:slideInRS .3s ease-out;margin-bottom:1rem;line-height:1.3}.reset-success-messageRS{background-color:#d4edda;color:#155724;padding:10px 14px;border-radius:5px;border:1px solid #c3e6cb;display:flex;align-items:center;gap:8px;font-size:13px;animation:slideInRS .3s ease-out;margin-bottom:1rem;line-height:1.3}.error-iconRS{background-color:#dc3545;color:#fff;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:11px;flex-shrink:0}.success-iconRS{background-color:#28a745;color:#fff;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;flex-shrink:0}@keyframes slideInRS{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:480px){.reset-main-containerRS{padding:.75rem}.reset-cardRS{padding:1.5rem 1.25rem}.reset-headerRS h2{font-size:1.3rem}.reset-subtitleRS{font-size:12px}}@media screen and (max-width:320px){.reset-cardRS{padding:1.25rem 1rem}}.privacy-policy-container{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e4e8f0);padding:1rem;display:flex;align-items:center;justify-content:center}.privacy-policy-wrapper{max-width:72rem;width:100%}.privacy-header-card{background:#fff;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a;padding:2rem;margin-bottom:1.5rem;border-left:4px solid #2563eb;text-align:center}.privacy-header-content{text-align:center;margin-bottom:1.5rem}.privacy-title{font-size:2rem;font-weight:700;color:#111827;margin:0 0 .5rem}.privacy-subtitle{color:#6b7280;margin:0;font-size:1.1rem}.privacy-warning-alert{margin-top:1rem;padding:1rem;background-color:#fffbeb;border:1px solid #fde68a;border-radius:.5rem;display:flex;align-items:flex-start;gap:.75rem}.warning-icon{height:1.5rem;width:1.5rem;color:#d97706;flex-shrink:0;margin-top:.125rem}.warning-title{font-weight:600;color:#92400e;margin:0;font-size:1rem}.warning-text{font-size:.875rem;color:#92400e;margin-top:.25rem;line-height:1.5}.access-status-card{background:#fff;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a;padding:1rem;margin-bottom:1.5rem}.status-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.status-icon{height:1.25rem;width:1.25rem;color:#6b7280}.status-title{font-weight:500;color:#111827;margin:0;font-size:1.125rem;text-align:left}.status-grid{display:grid;grid-template-columns:1fr;gap:1rem}.status-item{padding:.75rem;background-color:#f9fafb;border-radius:.5rem}.status-label{font-size:.875rem;color:#6b7280;margin:0 0 .25rem;text-align:left}.status-value{font-weight:500;color:#111827;margin:0;font-size:1rem;text-align:left}.status-value.blocked{color:#dc2626}.policy-sections-container{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.policy-section-card{background:#fff;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a;padding:1.5rem}.section-header-left{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;text-align:left}.section-icon-left{padding:.5rem;background-color:#f3f4f6;border-radius:.5rem}.section-title-left{font-size:1.25rem;font-weight:700;color:#111827;margin:0;text-align:left}.section-list{display:flex;flex-direction:column;gap:.75rem}.section-list-item{display:flex;align-items:flex-start;gap:.75rem}.list-icon{height:1.25rem;width:1.25rem;color:#10b981;flex-shrink:0;margin-top:.125rem}.list-text{color:#374151;margin:0;line-height:1.5;text-align:left}.credential-card{background-color:#fef2f2;border:1px solid #fecaca;border-radius:1rem;padding:1.5rem;margin-bottom:2rem}.credential-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.credential-icon{height:1.75rem;width:1.75rem;color:#dc2626}.credential-title{font-size:1.25rem;font-weight:700;color:#991b1b;margin:0;text-align:left}.credential-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}.credential-column{display:flex;flex-direction:column;gap:.75rem}.column-title{font-weight:600;margin:0;font-size:1.125rem;text-align:left}.column-title.red{color:#dc2626}.column-title.green{color:#059669}.credential-list{display:flex;flex-direction:column;gap:.5rem}.credential-list-item{display:flex;align-items:flex-start;gap:.5rem}.list-marker{height:1.25rem;width:1.25rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:700;font-size:.875rem}.marker-red{background-color:#fecaca;color:#dc2626}.marker-green{background-color:#a7f3d0;color:#059669}.marker-text{font-weight:600;margin:0;font-size:.95rem;text-align:left}.marker-text.red{color:#991b1b}.marker-text.green{color:#065f46}.contact-card{background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:1rem;padding:1.5rem;margin-bottom:2rem}.contact-title{font-weight:700;color:#1e40af;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;font-size:1.125rem;text-align:left}.contact-icon{height:1.25rem;width:1.25rem}.contact-grid-fixed{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:100%}.contact-item{padding:1rem;background:#fff;border-radius:.5rem;border:1px solid #e5e7eb;min-width:0}.contact-label{font-size:.875rem;color:#6b7280;margin:0 0 .25rem;text-align:left}.contact-value{font-weight:500;color:#111827;margin:0;font-size:1rem;text-align:left}.contact-extra{font-size:.875rem;color:#6b7280;margin:.25rem 0 0;text-align:left}.acceptance-box{background:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a;padding:1.5rem;border-top:4px solid #2563eb}.acceptance-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.acceptance-icon{height:1.75rem;width:1.75rem;color:#2563eb}.acceptance-title{font-size:1.25rem;font-weight:700;color:#111827;margin:0;text-align:left}.acceptance-subtitle{color:#6b7280;margin:.25rem 0 0;font-size:.95rem;text-align:left}.agreement-checkbox{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem}.checkbox-input{margin-top:.25rem;height:1.25rem;width:1.25rem;color:#2563eb;border-radius:.25rem;cursor:pointer;accent-color:#2563eb}.checkbox-label{color:#374151;cursor:pointer;flex:1;font-size:.95rem;line-height:1.5;text-align:left}.checkbox-label .font-medium{font-weight:600;display:block;margin-bottom:.5rem;color:#111827}.agreement-list{list-style:none;padding:0;margin:0}.agreement-list-item{color:#6b7280;padding:.25rem 0;line-height:1.5;text-align:left}.acceptance-actions{padding-top:1rem;border-top:1px solid #e5e7eb}.buttons-container{display:flex;flex-direction:column;gap:.75rem}.accept-button{padding:.75rem 2rem;border-radius:.5rem;font-weight:500;transition:all .2s;border:none;cursor:pointer;font-size:1rem;text-align:center}.accept-button.enabled{background-color:#2563eb;color:#fff}.accept-button.enabled:hover{background-color:#1d4ed8;transform:translateY(-1px)}.accept-button.disabled{background-color:#e5e7eb;color:#6b7280;cursor:not-allowed}.download-button{padding:.75rem 2rem;border-radius:.5rem;font-weight:500;background-color:#fff;color:#374151;border:1px solid #d1d5db;transition:all .2s;cursor:pointer;font-size:1rem;text-align:center}.download-button:hover{background-color:#f9fafb;border-color:#9ca3af}.acceptance-footer{font-size:.875rem;color:#6b7280;margin-top:.75rem;text-align:center}.privacy-footer{margin-top:2rem;text-align:center;color:#6b7280;font-size:.875rem;padding:1rem 0}.footer-text{margin:0;line-height:1.5}.footer-subtext{margin:.25rem 0 0;line-height:1.5}.footer-note{margin-top:.5rem;font-size:.75rem;color:#9ca3af;line-height:1.5}@media(min-width:768px){.privacy-policy-container{padding:2rem}.status-grid{grid-template-columns:repeat(3,1fr)}.credential-grid{grid-template-columns:repeat(2,1fr)}.buttons-container{flex-direction:row}}@media(min-width:640px)and (max-width:767px){.credential-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.contact-grid-fixed{grid-template-columns:1fr}.privacy-title{font-size:1.75rem}.privacy-subtitle{font-size:1rem}}.terms-container{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:1rem;display:flex;align-items:center;justify-content:center}.terms-wrapper{max-width:72rem;width:100%}.terms-header-card{background:#fff;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a;padding:2rem;margin-bottom:1.5rem;border-left:4px solid #374151}.terms-header-content{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.terms-icon-wrapper{padding:.75rem;background-color:#f1f5f9;border-radius:.75rem}.terms-main-icon{height:2.5rem;width:2.5rem;color:#374151}.terms-title{font-size:2rem;font-weight:700;color:#111827;margin:0 0 .5rem}.terms-subtitle{color:#6b7280;margin:0;font-size:1.1rem}.terms-notice-alert{padding:1rem;background-color:#fef3c7;border:1px solid #fbbf24;border-radius:.5rem;display:flex;align-items:flex-start;gap:.75rem}.notice-icon{height:1.5rem;width:1.5rem;color:#d97706;flex-shrink:0;margin-top:.125rem}.notice-title{font-weight:600;color:#92400e;margin:0;font-size:1rem}.notice-text{font-size:.875rem;color:#92400e;margin-top:.25rem;line-height:1.5}.terms-version-card{background:#fff;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a;padding:1rem;margin-bottom:1.5rem}.version-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.version-icon{height:1.25rem;width:1.25rem;color:#6b7280}.version-title{font-weight:500;color:#111827;margin:0;font-size:1.125rem}.version-grid{display:grid;grid-template-columns:1fr;gap:1rem}.version-item{padding:.75rem;background-color:#f9fafb;border-radius:.5rem}.version-label{font-size:.875rem;color:#6b7280;margin:0 0 .25rem}.version-value{font-weight:500;color:#111827;margin:0;font-size:1rem}.terms-sections-container{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.terms-section-card{background:#fff;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a;padding:1.5rem}.terms-section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;border-bottom:2px solid #e5e7eb;padding-bottom:.75rem}.terms-section-icon{padding:.5rem;background-color:#f3f4f6;border-radius:.5rem}.section-icon{height:1.5rem;width:1.5rem;color:#374151}.terms-section-title{font-size:1.25rem;font-weight:700;color:#111827;margin:0}.terms-section-content{display:flex;flex-direction:column;gap:.75rem}.terms-content-item{display:flex;align-items:flex-start;gap:.75rem}.content-icon{height:1.25rem;width:1.25rem;color:#10b981;flex-shrink:0;margin-top:.125rem}.content-text{color:#374151;margin:0;line-height:1.5;font-size:.95rem}.terms-contact-card{background-color:#f0f9ff;border:1px solid #bae6fd;border-radius:1rem;padding:1.5rem;margin-bottom:2rem}.terms-contact-title{font-weight:700;color:#0369a1;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;font-size:1.125rem}.contact-info-icon{height:1.25rem;width:1.25rem}.terms-contact-grid{display:flex;flex-direction:row;gap:1rem;width:100%}.terms-contact-item{flex:1;padding:1rem;background:#fff;border-radius:.5rem;border:1px solid #e5e7eb;min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center}.terms-contact-label{font-size:.875rem;color:#6b7280;margin:0 0 .25rem;text-align:center}.terms-contact-value{font-weight:500;color:#111827;margin:0;font-size:1rem;text-align:center}.terms-contact-extra{font-size:.875rem;color:#6b7280;margin:.25rem 0 0;text-align:center}.agreement-box{background:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a;padding:1.5rem;border-top:4px solid #374151;margin-bottom:2rem}.agreement-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.agreement-icon{height:1.75rem;width:1.75rem;color:#374151}.agreement-title{font-size:1.25rem;font-weight:700;color:#111827;margin:0}.agreement-subtitle{color:#6b7280;margin:.25rem 0 0;font-size:.95rem}.terms-checkbox{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem;padding:1rem;background-color:#f9fafb;border-radius:.5rem;border:1px solid #e5e7eb}.terms-checkbox-input{margin-top:.25rem;height:1.25rem;width:1.25rem;color:#374151;border-radius:.25rem;cursor:pointer;accent-color:#374151}.terms-checkbox-label{color:#374151;cursor:pointer;flex:1;font-size:.95rem;line-height:1.6}.terms-agree-text{font-weight:600;display:block;color:#111827}.agreement-actions{padding-top:1rem;border-top:1px solid #e5e7eb}.terms-buttons-container{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.agree-button{padding:.75rem 2rem;border-radius:.5rem;font-weight:500;transition:all .2s;border:none;cursor:pointer;font-size:1rem;text-align:center}.agree-button.enabled{background-color:#374151;color:#fff}.agree-button.enabled:hover{background-color:#1f2937;transform:translateY(-1px)}.agree-button.disabled{background-color:#e5e7eb;color:#6b7280;cursor:not-allowed}.print-button{padding:.75rem 2rem;border-radius:.5rem;font-weight:500;background-color:#fff;color:#374151;border:1px solid #d1d5db;transition:all .2s;cursor:pointer;font-size:1rem;text-align:center}.print-button:hover{background-color:#f9fafb;border-color:#9ca3af}.agreement-footer{font-size:.875rem;color:#6b7280;text-align:center;padding-top:.75rem;border-top:1px dashed #e5e7eb}.terms-footer{margin-top:2rem;text-align:center;color:#6b7280;font-size:.875rem;padding:1rem 0}.terms-footer-text{margin:0;line-height:1.5;display:flex;align-items:center;justify-content:center;gap:.5rem}.footer-icon{height:1rem;width:1rem}.terms-footer-subtext{margin:.25rem 0 0;line-height:1.5}.terms-footer-note{margin-top:.5rem;font-size:.75rem;color:#9ca3af;line-height:1.5;max-width:48rem;margin-left:auto;margin-right:auto}@media(min-width:768px){.terms-container{padding:2rem}.version-grid{grid-template-columns:repeat(3,1fr)}.terms-buttons-container{flex-direction:row}}@media(max-width:640px){.terms-contact-grid{flex-direction:column}.terms-title{font-size:1.75rem}.terms-subtitle{font-size:1rem}}.terms-updated-card{background:#fff;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a;padding:1rem;margin-bottom:1.5rem;border-left:4px solid #10b981}.updated-header{display:flex;align-items:center;gap:.5rem}.updated-icon{height:1.25rem;width:1.25rem;color:#10b981}.updated-title{font-weight:500;color:#111827;margin:0;font-size:1.125rem}.sems-containerCNT{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e0f2fe);padding:32px 16px;width:100%;box-sizing:border-box}@media(min-width:640px){.sems-containerCNT{padding:32px 24px}}@media(min-width:1024px){.sems-containerCNT{padding:32px}}.back-button-containerCNT{margin-bottom:24px;max-width:1200px;margin-left:auto;margin-right:auto}.back-buttonCNT{display:flex;align-items:center;gap:8px;color:#2563eb;font-weight:500;background:none;border:none;cursor:pointer;transition:color .2s ease;padding:0;font-size:16px;font-family:inherit}.back-buttonCNT:hover{color:#1e40af}.back-button-iconCNT{width:20px;height:20px}.header-containerCNT{text-align:center;margin-bottom:40px;max-width:1200px;margin-left:auto;margin-right:auto}.titleCNT{font-size:36px;font-weight:700;color:#1e293b;margin:0 0 12px;line-height:1.2}@media(max-width:640px){.titleCNT{font-size:28px}}.title-highlightCNT{color:#2563eb}.subtitleCNT{font-size:18px;color:#4b5563;max-width:672px;margin:0 auto;line-height:1.6}@media(max-width:640px){.subtitleCNT{font-size:16px;padding:0 16px}}.form-sectionCNT{max-width:1200px;margin:0 auto 60px}.form-container-mainCNT{background-color:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;padding:32px;max-width:800px;margin:0 auto}@media(max-width:768px){.form-container-mainCNT{padding:24px}}.success-messageCNT{margin-bottom:24px;padding:16px;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;display:flex;align-items:flex-start;gap:12px}.success-iconCNT{width:20px;height:20px;color:#16a34a;flex-shrink:0;margin-top:2px}.success-titleCNT{color:#166534;font-weight:500;margin:0 0 4px;font-size:14px}.success-subtitleCNT{color:#16a34a;font-size:12px;margin:0}.error-messageCNT{margin-bottom:24px;padding:16px;background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;display:flex;align-items:flex-start;gap:12px}.error-iconCNT{width:20px;height:20px;color:#dc2626;flex-shrink:0;margin-top:2px}.error-textCNT{color:#991b1b;margin:0;font-size:14px}.form-titleCNT{font-size:28px;font-weight:700;color:#1e293b;margin:0 0 32px;text-align:center}@media(max-width:640px){.form-titleCNT{font-size:24px}}.formCNT{display:flex;flex-direction:column;gap:24px}.form-rowCNT{display:grid;grid-template-columns:1fr;gap:24px}@media(min-width:640px){.form-rowCNT{grid-template-columns:1fr 1fr}}.form-groupCNT{width:100%}.form-labelCNT{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.label-icon-containerCNT{display:flex;align-items:center;gap:8px}.label-iconCNT{width:16px;height:16px;color:#6b7280}.form-inputCNT,.form-textareaCNT{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:16px;font-family:inherit;transition:all .2s ease;box-sizing:border-box}.form-inputCNT:focus,.form-textareaCNT:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.form-inputCNT::placeholder,.form-textareaCNT::placeholder{color:#9ca3af}.input-errorCNT{border-color:#f87171}.input-errorCNT:focus{border-color:#ef4444;box-shadow:0 0 0 2px #ef444433}.form-textareaCNT{resize:none;min-height:150px;line-height:1.5}.submit-button-containerCNT{width:100%;text-align:center;margin-top:16px}.submit-buttonCNT{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-weight:500;border:none;border-radius:8px;padding:16px 48px;font-size:16px;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:12px}.submit-buttonCNT:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px);box-shadow:0 10px 20px #2563eb33}.submit-buttonCNT:focus{outline:none;box-shadow:0 0 0 4px #3b82f64d}.submit-buttonCNT:disabled{opacity:.7;cursor:not-allowed}.submit-button-iconCNT{width:20px;height:20px}.loading-iconCNT{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.footer-sectionsCNT{display:grid;grid-template-columns:1fr;gap:32px;max-width:1200px;margin:0 auto 48px}@media(min-width:768px){.footer-sectionsCNT{grid-template-columns:repeat(3,1fr)}}.footer-sectionCNT{padding:24px;border-radius:12px}.footer-section-titleCNT{font-size:20px;font-weight:700;color:#1e293b;margin:0 0 20px;text-align:center}@media(min-width:768px){.footer-section-titleCNT{text-align:left}}.contact-info-footerCNT{background-color:#fff;box-shadow:0 4px 12px #0000000d}.contact-info-contentCNT{display:flex;flex-direction:column;gap:20px}.contact-itemCNT{display:flex;align-items:flex-start;gap:16px}.contact-icon-containerCNT{background-color:#eff6ff;padding:12px;border-radius:8px;flex-shrink:0}.contact-iconCNT{width:24px;height:24px;color:#2563eb}.contact-item-titleCNT{font-weight:500;color:#1e293b;margin:0 0 4px;font-size:16px}.contact-item-textCNT{color:#4b5563;margin:0 0 4px;font-size:14px}.contact-item-subtextCNT{color:#6b7280;margin:0;font-size:12px}.business-hoursCNT{padding-top:20px;border-top:1px solid #e5e7eb}.business-hours-titleCNT{font-weight:500;color:#1e293b;margin:0 0 12px;font-size:16px}.hours-gridCNT{display:flex;flex-direction:column;gap:8px}.hours-itemCNT{display:flex;justify-content:space-between;align-items:center;color:#4b5563;font-size:14px}.hours-timeCNT{font-weight:500;color:#1e293b}.hours-closedCNT{font-weight:500;color:#dc2626}.social-media-footerCNT{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff}.social-subtitleCNT{opacity:.9;margin:0 0 24px;line-height:1.6;font-size:14px;text-align:center}@media(min-width:768px){.social-subtitleCNT{text-align:left}}.social-gridCNT{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}@media(min-width:640px){.social-gridCNT{grid-template-columns:repeat(4,1fr)}}.social-linkCNT{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;background-color:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;text-decoration:none;color:#fff;transition:all .3s ease}.social-linkCNT:hover{background-color:#fff3;transform:translateY(-2px)}.social-icon-wrapperCNT{padding:12px;background-color:#fff3;border-radius:50%;margin-bottom:12px;transition:background-color .3s ease}.social-linkCNT:hover .social-icon-wrapperCNT{background-color:#fff}.social-iconCNT{width:24px;height:24px}.social-linkCNT:hover .social-iconCNT{color:#2563eb}.social-nameCNT{font-size:12px;font-weight:500}.newsletter-containerCNT{padding-top:20px;border-top:1px solid rgba(255,255,255,.2)}.newsletter-titleCNT{font-weight:500;margin:0 0 12px;font-size:16px}.newsletter-formCNT{display:flex;gap:8px}.newsletter-inputCNT{flex:1;padding:10px 16px;border-radius:8px;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:14px;font-family:inherit}.newsletter-inputCNT::placeholder{color:#fff9}.newsletter-inputCNT:focus{outline:none;border-color:#ffffff80;box-shadow:0 0 0 2px #ffffff40}.newsletter-buttonCNT{padding:10px 20px;background-color:#fff;color:#2563eb;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s ease;font-size:14px;white-space:nowrap}.newsletter-buttonCNT:hover{background-color:#f3f4f6}.about-footerCNT{background:linear-gradient(135deg,#1e293b,#0f172a);color:#fff}.about-descriptionCNT{opacity:.9;margin:0 0 20px;line-height:1.6;font-size:14px;text-align:center}@media(min-width:768px){.about-descriptionCNT{text-align:left}}.features-listCNT{display:flex;flex-direction:column;gap:12px}.feature-itemCNT{display:flex;align-items:center;gap:12px;font-size:14px}.feature-dotCNT{width:8px;height:8px;border-radius:50%;flex-shrink:0}.green-dotCNT{background-color:#10b981}.blue-dotCNT{background-color:#3b82f6}.purple-dotCNT{background-color:#8b5cf6}.yellow-dotCNT{background-color:#f59e0b}.copyright-footerCNT{max-width:1200px;margin:0 auto;text-align:center;color:#4b5563;padding-top:32px;border-top:1px solid #e5e7eb}.footer-textCNT{font-size:14px;margin:0 0 8px}.footer-subtextCNT{font-size:12px;margin:0;opacity:.7}.about{color:#fff}