@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap";.peoplebay-sidebar{z-index:1000;background:#fff;border-right:1px solid #e5e7eb;flex-direction:column;width:250px;height:100vh;display:flex;position:fixed;top:0;left:0}.sidebar-brand{border-bottom:1px solid #f0f0f0;align-items:center;height:70px;padding:0 20px;display:flex}.sidebar-logo{color:#fff;background:#2563eb;border-radius:9px;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;font-weight:700;display:flex}.sidebar-brand-text{flex-direction:column;margin-left:11px;display:flex}.sidebar-brand-text h2{color:#111827;margin:0;font-size:17px;font-weight:700}.sidebar-brand-text span{color:#6b7280;letter-spacing:1px;margin-top:1px;font-size:10px;font-weight:600}.sidebar-company{background:#f8fafc;border:1px solid #eef2f7;border-radius:9px;align-items:center;margin:16px 14px;padding:11px;display:flex}.company-icon{color:#2563eb;background:#eff6ff;border-radius:7px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.company-info{flex-direction:column;min-width:0;margin-left:9px;display:flex}.company-name{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.company-id{color:#9ca3af;margin-top:2px;font-size:10px}.sidebar-navigation{flex:1;padding:4px 12px;overflow-y:auto}.sidebar-section-title{color:#9ca3af;letter-spacing:.8px;padding:10px 10px 7px;font-size:10px;font-weight:700}.sidebar-link{color:#4b5563;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;width:100%;min-height:42px;margin-bottom:3px;padding:0 11px;font-size:13px;font-weight:500;text-decoration:none;transition:background .2s,color .2s;display:flex}.sidebar-link:hover{color:#2563eb;background:#f3f6fa}.sidebar-link.active{color:#2563eb;background:#eff6ff;font-weight:600}.sidebar-link-icon{flex-shrink:0;justify-content:center;align-items:center;width:25px;display:flex}.sidebar-link-label{margin-left:8px}.sidebar-dropdown-button{text-align:left;font-family:inherit}.sidebar-dropdown-button.open{color:#2563eb;background:#f8fafc}.sidebar-chevron{margin-left:auto;transition:transform .2s}.sidebar-chevron.rotated{transform:rotate(180deg)}.sidebar-submenu{border-left:1px solid #e5e7eb;margin:1px 0 5px 22px;padding-left:14px;display:none}.sidebar-submenu.show{display:block}.sidebar-submenu-link{color:#6b7280;border-radius:6px;align-items:center;gap:8px;min-height:35px;padding:0 9px;font-size:12px;text-decoration:none;transition:background .2s,color .2s;display:flex}.sidebar-submenu-link:hover{color:#2563eb;background:#f8fafc}.sidebar-submenu-link.active{color:#2563eb;background:#eff6ff;font-weight:600}.submenu-dot{background:#9ca3af;border-radius:50%;flex-shrink:0;width:5px;height:5px}.sidebar-submenu-link.active .submenu-dot{background:#2563eb}.sidebar-bottom{border-top:1px solid #f0f0f0;padding:12px}.sidebar-user{background:#f8fafc;border-radius:8px;align-items:center;padding:9px;display:flex}.sidebar-user-avatar{color:#2563eb;background:#e5edff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:flex}.sidebar-user-info{flex-direction:column;min-width:0;margin-left:9px;display:flex}.sidebar-user-name{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.sidebar-user-role{color:#9ca3af;text-transform:capitalize;margin-top:2px;font-size:10px}.sidebar-logout{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:7px;align-items:center;gap:9px;width:100%;margin-top:8px;padding:9px 10px;font-family:inherit;font-size:12px;transition:background .2s,color .2s;display:flex}.sidebar-logout:hover{color:#dc2626;background:#fef2f2}.sidebar-navigation::-webkit-scrollbar{width:4px}.sidebar-navigation::-webkit-scrollbar-track{background:0 0}.sidebar-navigation::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}@media (width<=768px){.peoplebay-sidebar{width:220px}}@media (width<=600px){.peoplebay-sidebar{width:210px}.sidebar-brand{padding:0 15px}}.peoplebay-navbar{z-index:900;background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;height:70px;padding:0 28px;display:flex;position:fixed;top:0;left:250px;right:0}.navbar-left{flex-direction:column;justify-content:center;display:flex}.navbar-title{color:#111827;margin:0;font-size:20px;font-weight:700}.navbar-subtitle{color:#6b7280;margin:3px 0 0;font-size:12px}.navbar-right{align-items:center;gap:14px;display:flex}.navbar-icon-button{color:#4b5563;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;transition:background .2s,color .2s;display:flex;position:relative}.navbar-icon-button:hover{color:#2563eb;background:#f3f6fa}.notification-dot{background:#ef4444;border:2px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:7px;right:7px}.navbar-profile-wrapper{position:relative}.navbar-profile{cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;padding:5px 7px;font-family:inherit;transition:background .2s;display:flex}.navbar-profile:hover{background:#f8fafc}.navbar-avatar{color:#2563eb;background:#e5edff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:flex}.navbar-user-details{flex-direction:column;align-items:flex-start;min-width:100px;margin-left:9px;display:flex}.navbar-user-name{color:#111827;white-space:nowrap;text-overflow:ellipsis;max-width:150px;font-size:12px;font-weight:600;overflow:hidden}.navbar-user-role{color:#9ca3af;text-transform:capitalize;margin-top:2px;font-size:10px}.navbar-chevron{color:#9ca3af;margin-left:7px;transition:transform .2s}.navbar-chevron.open{transform:rotate(180deg)}.navbar-profile-dropdown{z-index:1100;background:#fff;border:1px solid #e5e7eb;border-radius:10px;width:230px;padding:8px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 10px 30px #00000014}.navbar-dropdown-header{align-items:center;padding:9px;display:flex}.navbar-dropdown-avatar{color:#2563eb;background:#e5edff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:13px;font-weight:700;display:flex}.navbar-dropdown-header>div:last-child{min-width:0;margin-left:9px}.navbar-dropdown-name{color:#111827;font-size:12px;font-weight:600}.navbar-dropdown-email{color:#9ca3af;white-space:nowrap;text-overflow:ellipsis;max-width:155px;margin-top:2px;font-size:10px;overflow:hidden}.navbar-dropdown-divider{background:#f0f0f0;height:1px;margin:5px 0}.navbar-dropdown-item{color:#4b5563;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:7px;align-items:center;gap:9px;width:100%;padding:9px 10px;font-family:inherit;font-size:12px;transition:background .2s,color .2s;display:flex}.navbar-dropdown-item:hover{color:#2563eb;background:#f8fafc}.navbar-dropdown-item.logout:hover{color:#dc2626;background:#fef2f2}@media (width<=768px){.peoplebay-navbar{padding:0 18px;left:220px}.navbar-user-details{display:none}}@media (width<=600px){.peoplebay-navbar{padding:0 12px;left:210px}.navbar-title{font-size:17px}.navbar-subtitle{display:none}}.navbar-left{align-items:center;gap:12px;display:flex}.navbar-mobile-toggle{cursor:pointer;color:#374151;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;display:none}.navbar-mobile-toggle:hover{color:#2563eb;background:#f3f6fa}@media (width<=768px){.navbar-mobile-toggle{display:flex}}.md-layout{background:#f8fafc;min-height:100vh;position:relative}.md-layout-sidebar{z-index:1000;width:250px;height:100vh;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0}.md-sidebar-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999;background:#00000073;position:fixed;inset:0}.md-layout-main{background:#f8fafc;min-height:100vh;margin-left:250px;position:relative}.md-layout-content{box-sizing:border-box;min-height:100vh;padding:94px 28px 28px}.md-layout-content>*{box-sizing:border-box;min-width:0;max-width:100%}@media (width<=1024px) and (width>=769px){.md-layout-sidebar{width:230px}.md-layout-main{margin-left:230px}.md-layout-main .peoplebay-navbar{left:230px}.md-layout-content{padding:90px 20px 24px}}@media (width<=768px){.md-layout-sidebar{width:250px;display:block;transform:translate(-100%)}.md-layout-sidebar.open{transform:translate(0);box-shadow:4px 0 24px #00000026}.md-layout-main{width:100%;margin-left:0}.md-layout-main .peoplebay-navbar{padding:0 16px;left:0;right:0}.md-layout-content{padding:86px 16px 20px}}.employee-layout{background:#f5f7fb;width:100%;min-height:100vh;margin:0;padding:0;position:relative}.employee-layout-sidebar{box-sizing:border-box;z-index:1000;width:250px;height:100vh;margin:0;padding:0;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0}.sidebar-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999;background:#00000073;position:fixed;inset:0}.employee-layout-main{box-sizing:border-box;background:#f5f7fb;width:calc(100% - 250px);min-height:100vh;margin-left:250px;padding:0}.employee-layout-navbar{width:100%;height:70px;margin:0;padding:0}.employee-layout-content{box-sizing:border-box;background:#f5f7fb;width:100%;min-height:calc(100vh - 70px);margin:0;padding:24px}.employee-layout-content>*{box-sizing:border-box;min-width:0;max-width:100%}@media (width<=1024px) and (width>=769px){.employee-layout-sidebar{width:230px}.employee-layout-main{width:calc(100% - 230px);margin-left:230px}.employee-layout-navbar .peoplebay-navbar{left:230px}.employee-layout-content{padding:20px}}@media (width<=768px){.employee-layout-sidebar{width:250px;display:block;transform:translate(-100%)}.employee-layout-sidebar.open{transform:translate(0);box-shadow:4px 0 24px #00000026}.employee-layout-main{width:100%;margin-left:0}.employee-layout-navbar .peoplebay-navbar{padding:0 16px;left:0;right:0}.employee-layout-content{padding:16px}}.hr-layout-container{background-color:#f8fafc;width:100%;min-height:100vh;margin:0;padding:0;position:relative}.hr-layout-sidebar{box-sizing:border-box;z-index:1000;width:250px;height:100vh;margin:0;padding:0;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0}.hr-sidebar-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999;background:#00000073;position:fixed;inset:0}.hr-layout-main{box-sizing:border-box;background-color:#f8fafc;width:calc(100% - 250px);min-height:100vh;margin-left:250px;padding:0}.hr-layout-navbar{width:100%;height:70px;margin:0;padding:0}.hr-layout-content{box-sizing:border-box;background-color:#f8fafc;width:100%;min-height:calc(100vh - 70px);margin:0;padding:24px}.hr-layout-content>*{box-sizing:border-box;min-width:0;max-width:100%}@media (width<=1024px) and (width>=769px){.hr-layout-sidebar{width:230px}.hr-layout-main{width:calc(100% - 230px);margin-left:230px}.hr-layout-navbar .peoplebay-navbar{left:230px}.hr-layout-content{padding:20px}}@media (width<=768px){.hr-layout-sidebar{width:250px;display:block;transform:translate(-100%)}.hr-layout-sidebar.open{transform:translate(0);box-shadow:4px 0 24px #00000026}.hr-layout-main{width:100%;margin-left:0}.hr-layout-navbar .peoplebay-navbar{padding:0 16px;left:0;right:0}.hr-layout-content{padding:16px}}body{margin:0;padding:0}:root{--primary-color:#3b82f6;--primary-hover-color:#2563eb;--background-color:#f0f4f8;--form-background-color:#fff;--text-color:#334155;--label-color:#475569;--border-color:#cbd5e1;--input-focus-color:#3b82f6;--error-color:#ef4444;--font-family:"Roboto", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif}.login-page{font-family:var(--font-family);background-color:var(--background-color);background-image:linear-gradient(135deg, var(--primary-color) 0%, #8b5cf6 100%);box-sizing:border-box;justify-content:center;align-items:center;min-height:100vh;margin:0;padding:1rem;display:flex}.login-container{background:var(--form-background-color);opacity:0;box-sizing:border-box;text-align:center;border-radius:1.25rem;width:100%;max-width:420px;padding:2.5rem 3rem;animation:.6s ease-in-out forwards loginFadeIn;transform:translateY(-20px);box-shadow:0 25px 50px -12px #00000040}@keyframes loginFadeIn{to{opacity:1;transform:translateY(0)}}.logo-container{margin-bottom:1.5rem}.logo-container img{max-width:140px;height:auto}.login-header{margin-bottom:2rem}.login-header h1{color:var(--primary-color);margin:0;font-size:2rem;font-weight:700}.login-header h2{color:var(--label-color);margin-top:.25rem;margin-bottom:0;font-size:1.1rem;font-weight:500}.input-wrapper{margin:1.25rem 0;position:relative}.login-input{border:1px solid var(--border-color);box-sizing:border-box;width:100%;font-family:var(--font-family);color:var(--text-color);background:#fff;border-radius:.75rem;outline:none;padding:14px 14px 14px 45px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.login-input:focus{border-color:var(--input-focus-color);outline:none;box-shadow:0 0 0 4px #3b82f633}.login-input::placeholder{color:#94a3b8}.company-input{padding-left:16px}.input-icon{color:#94a3b8;pointer-events:none;width:18px;height:18px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.password-input{padding-right:45px}.toggle-password{cursor:pointer;color:#94a3b8;background:0 0;border:none;justify-content:center;align-items:center;width:22px;height:22px;padding:0;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.toggle-password svg{width:20px;height:20px}.autocomplete{position:relative}.autocomplete-list{z-index:1000;text-align:left;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;width:100%;max-height:160px;margin:0;position:absolute;top:calc(100% + .5rem);left:0;overflow-y:auto;box-shadow:0 10px 20px #00000012}.autocomplete-item{cursor:pointer;padding:12px 16px;font-size:.95rem}.autocomplete-item:not(:last-child){border-bottom:1px solid #f1f5f9}.login-button{cursor:pointer;background:var(--primary-color);color:#fff;width:100%;font-family:var(--font-family);border:none;border-radius:.75rem;margin-top:1.5rem;padding:15px;font-size:1rem;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #3b82f640}.login-button:hover{background:var(--primary-hover-color);transform:translateY(-3px);box-shadow:0 7px 20px #3b82f64d}.login-button:active{transform:scale(.98)}.login-links{text-align:center;margin-top:1.5rem}.login-links a{color:var(--primary-color);font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s}.login-links a:hover{color:var(--primary-hover-color);text-decoration:underline}.signup-link{width:100%;color:var(--primary-color);font-family:var(--font-family);text-align:center;cursor:pointer;background:#f1f5f9;border:none;border-radius:.75rem;margin-top:1.5rem;padding:12px;font-weight:600;text-decoration:none;transition:background .3s;display:block}.signup-link:hover{background:#e2e8f0}.login-message{color:var(--error-color);text-align:center;min-height:1.2rem;margin-top:1rem;font-size:.9rem;font-weight:500}@media (width<=480px){.login-container{padding:2rem 1.5rem}.login-header h1{font-size:1.7rem}}:root{--primary:#2196f3;--primary-dark:#1976d2;--success:#4caf50;--error:#f44336;--info:#ff9800;--bg:#f4f6f9;--border:#dee2e6;--text-primary:#212529;--text-secondary:#6c757d;--input-bg:#fff}body{color:var(--text-primary);font-family:Roboto,sans-serif}.change-password-page{background:var(--bg);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:20px;font-family:Roboto,sans-serif;display:flex}.change-password-container{background:#fff;border-radius:12px;width:100%;max-width:450px;padding:40px;box-shadow:0 6px 24px #00000014}.change-password-logo{text-align:center;margin-bottom:20px}.change-password-logo img{object-fit:contain;width:100%;max-width:150px;height:auto;display:inline-block}.change-password-container h2{text-align:center;color:var(--text-primary);margin:0 0 8px;font-size:24px;font-weight:700;line-height:1.4}.change-password-container>p{text-align:center;color:var(--text-secondary);margin:0 0 25px;font-size:15px;line-height:1.6}.password-step{flex-direction:column;width:100%;display:flex}.password-form-group{width:100%;margin-bottom:18px;position:relative}.password-form-group label{color:var(--text-primary);margin-bottom:7px;font-size:14px;font-weight:500;display:block}.password-form-group input{border:1px solid var(--border);background:var(--input-bg);width:100%;min-height:45px;color:var(--text-primary);border-radius:8px;outline:none;padding:12px 14px;font-family:Roboto,sans-serif;font-size:15px;transition:border-color .2s,box-shadow .2s,background .2s}.password-form-group input::placeholder{color:#9ca3af;opacity:1}.password-form-group input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2196f31f}.password-form-group input:disabled,.password-form-group select:disabled{cursor:not-allowed;opacity:.75;background:#f8f9fa}.password-form-group select,.company-select{border:1px solid var(--border);width:100%;min-height:45px;color:var(--text-primary);cursor:pointer;background-color:#fff;border-radius:8px;outline:none;padding:12px 14px;font-family:Roboto,sans-serif;font-size:15px;transition:border-color .2s,box-shadow .2s}.password-form-group select:focus,.company-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2196f31f}.password-form-group:has(.autocomplete-list){z-index:10}.autocomplete-list{z-index:1000;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:100%;max-height:180px;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto;box-shadow:0 6px 16px #00000014}.autocomplete-item{color:var(--text-primary);cursor:pointer;padding:11px 12px;font-size:14px;transition:background .15s}.autocomplete-item:hover{background:#f1f5f9}.password-help-text{color:var(--text-secondary);margin-top:6px;font-size:13px;line-height:1.5;display:block}.password-input-wrapper{width:100%;position:relative}.password-input-wrapper input{padding-right:48px}.password-toggle{cursor:pointer;justify-content:center;align-items:center;top:50%;right:10px;transform:translateY(-50%);color:#888!important;width:30px!important;height:30px!important;min-height:30px!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:5px!important;margin:0!important;padding:0!important;display:flex!important;position:absolute!important}.password-toggle:hover{color:#333!important;background:#f1f5f9!important}.password-toggle:active{transform:translateY(-50%)!important}.password-toggle svg{width:20px;height:20px}.password-step>button,.password-step button[type=submit]{background:var(--primary);color:#fff;text-align:center;cursor:pointer;border:none;border-radius:8px;width:100%;min-height:46px;margin-top:10px;padding:13px 16px;font-family:Roboto,sans-serif;font-size:15px;font-weight:600;transition:background .2s,transform .1s,opacity .2s;display:block}.password-step>button:hover,.password-step button[type=submit]:hover{background:var(--primary-dark)}.password-step>button:active,.password-step button[type=submit]:active{transform:scale(.99)}.password-step>button:disabled,.password-step button[type=submit]:disabled{opacity:.65;cursor:not-allowed;transform:none}.password-step button:focus-visible,.password-toggle:focus-visible{outline-offset:2px;outline:3px solid #2196f359}.password-step .cancel-button{color:#374151;background:#eef2f7;border:1px solid #e2e8f0;justify-content:center;align-items:center;text-decoration:none;display:flex}.password-step .cancel-button:hover{color:#111827;background:#e2e8f0}.password-message{overflow-wrap:anywhere;border-radius:8px;width:100%;margin-bottom:20px;padding:12px 14px;font-size:14px;font-weight:500;line-height:1.5}.password-message.success{color:#2e7d32;background:#e8f5e9;border:1px solid #c8e6c9}.password-message.error{color:#c62828;background:#fdecea;border:1px solid #f5c6cb}.password-message.info{color:#e65100;background:#fff3e0;border:1px solid #ffe0b2}.password-form-group input[name=otp],.password-form-group input[inputmode=numeric]{letter-spacing:4px;font-weight:600}@media (width<=480px){.change-password-page{align-items:center;min-height:100vh;padding:15px}.change-password-container{border-radius:10px;padding:26px 20px}.change-password-logo{margin-bottom:16px}.change-password-logo img{max-width:130px}.change-password-container h2{font-size:22px}.change-password-container>p{margin-bottom:22px;font-size:14px}.password-form-group{margin-bottom:16px}.password-form-group input,.password-form-group select,.company-select{font-size:16px}.password-step>button,.password-step button[type=submit]{min-height:45px;padding:12px}}@media (width<=360px){.change-password-page{padding:10px}.change-password-container{padding:22px 16px}.change-password-container h2{font-size:20px}}:root{--primary-color:#3b82f6;--primary-hover-color:#2563eb;--background-color:#f4f6f9;--form-background-color:#fff;--text-color:#334155;--text-light:#6c757d;--border-color:#cbd5e1;--error-color:#ef4444;--success-color:#10b981;--shadow:0 10px 25px -3px #0000001a, 0 4px 6px -4px #0000001a;--font-family:"Roboto", "Segoe UI", system-ui, sans-serif}html,body,#root{width:100%;min-height:100%;margin:0;padding:0}.signup-page{background-color:var(--background-color);min-height:100vh;font-family:var(--font-family);justify-content:center;align-items:center;padding:1rem;display:flex}.signup-container{background:var(--form-background-color);box-shadow:var(--shadow);text-align:center;opacity:0;border-radius:1rem;width:100%;max-width:420px;padding:2.5rem;animation:.5s forwards signupFadeIn;transform:translateY(-20px)}@keyframes signupFadeIn{to{opacity:1;transform:translateY(0)}}.signup-logo{margin-bottom:1.5rem}.signup-logo img{max-width:150px;height:auto}.signup-container h2{color:var(--text-color);margin:0 0 1.5rem;font-size:1.75rem;font-weight:700}.signup-form-group{text-align:left;margin-bottom:1rem}.signup-form-group label{color:var(--text-color);margin-bottom:.5rem;font-size:.9rem;font-weight:500;display:block}.signup-input-wrapper{position:relative}.signup-input-icon{color:#94a3b8;pointer-events:none;width:17px;height:17px;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.signup-input-wrapper input{border:1px solid var(--border-color);width:100%;font-family:var(--font-family);color:var(--text-color);background:#fff;border-radius:.5rem;outline:none;padding:12px 45px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.signup-input-wrapper input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 4px #3b82f633}.signup-password-toggle{color:#94a3b8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:22px;height:22px;padding:0;display:flex;position:absolute;top:50%;right:15px;transform:translateY(-50%)}.signup-password-toggle:hover{color:#64748b;background:0 0}.signup-password-toggle svg{width:19px;height:19px}.signup-button{background:var(--primary-color);color:#fff;width:100%;font-family:var(--font-family);cursor:pointer;border:none;border-radius:.5rem;margin-top:1rem;padding:14px;font-size:1rem;font-weight:600;transition:background-color .2s,transform .2s}.signup-button:hover:not(:disabled){background:var(--primary-hover-color);transform:translateY(-2px)}.signup-button:disabled{cursor:not-allowed;background-color:#94a3b8;transform:none}.signup-message{min-height:20px;margin-top:1rem;font-size:.9rem;font-weight:500;line-height:1.5}.signup-message.error{color:var(--error-color)}.signup-message.success{color:var(--success-color)}.signup-message.info{color:var(--text-light)}.back-link{color:var(--primary-color);font-family:var(--font-family);cursor:pointer;background:0 0;border:none;margin-top:1.5rem;padding:0;font-size:1rem;font-weight:500;text-decoration:none;display:inline-block}.back-link:hover{background:0 0;text-decoration:underline}@media (width<=480px){.signup-container{padding:2rem 1.5rem}.signup-container h2{font-size:1.5rem}}*{box-sizing:border-box}.company-management-page{color:#343a40;background-color:#f8f9fa;min-height:100vh;padding:2rem;font-family:Segoe UI,Arial,sans-serif}.company-management-container{width:100%;max-width:1200px;margin:0 auto}.company-dashboard-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:2rem;display:flex}.company-dashboard-header h1{color:#212529;margin:0;font-size:2rem;font-weight:700}.company-dashboard-header p{color:#6c757d;margin:6px 0 0;font-size:.95rem}.company-add-btn{color:#fff;cursor:pointer;background-color:#007bff;border:1px solid #0000;border-radius:.375rem;align-items:center;gap:7px;padding:.65rem 1.1rem;font-size:1rem;font-weight:600;transition:background-color .2s,transform .2s;display:flex}.company-add-btn span{font-size:1.25rem;line-height:1}.company-add-btn:hover{background-color:#0069d9;transform:translateY(-1px)}.company-error{color:#dc3545;background-color:#fdecea;border-radius:8px;margin-bottom:1rem;padding:12px 16px;font-size:.9rem;font-weight:500}.company-table-wrapper{border-radius:.5rem;width:100%;overflow-x:auto;box-shadow:0 4px 6px #0000001a}.company-table{border-collapse:collapse;background-color:#fff;width:100%;min-width:750px}.company-table th,.company-table td{text-align:left;border-bottom:1px solid #dee2e6;padding:1rem 1.5rem}.company-table th{color:#495057;text-transform:uppercase;letter-spacing:.3px;background-color:#f8f9fa;font-size:.8rem;font-weight:600}.company-table tr:last-child td{border-bottom:none}.company-table tbody tr{transition:background-color .15s}.company-table tbody tr:hover{background-color:#f1f3f5}.company-name{color:#343a40;font-weight:600}.company-id{color:#495057;font-family:monospace;font-size:.9rem}.company-status{text-transform:capitalize;border-radius:20px;padding:4px 10px;font-size:.78rem;font-weight:600;display:inline-block}.company-status.active{color:#28a745;background-color:#e8f5e9}.company-status.inactive{color:#6c757d;background-color:#f1f3f5}.company-status.suspended{color:#dc3545;background-color:#fdecea}.company-actions{align-items:center;gap:8px;display:flex}.company-action{cursor:pointer;border:1px solid #0000;border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:background-color .2s,transform .1s}.company-action:hover{transform:translateY(-1px)}.company-action.edit{color:#fff;background-color:#28a745}.company-action.edit:hover{background-color:#218838}.company-action.delete{color:#fff;background-color:#dc3545}.company-action.delete:hover{background-color:#c82333}.company-action:disabled{opacity:.6;cursor:not-allowed;transform:none}.company-loading,.company-empty{color:#6c757d;text-align:center!important;padding:3rem!important}.company-modal-overlay{z-index:1000;background-color:#0006;justify-content:center;align-items:center;padding:20px;animation:.2s modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.company-modal{background-color:#fff;border-radius:.5rem;width:100%;max-width:500px;padding:2rem;animation:.25s modalSlideIn;position:relative;box-shadow:0 5px 15px #0000004d}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.company-modal h2{text-align:center;color:#212529;margin:0 0 .5rem;font-size:1.5rem}.company-modal-description{text-align:center;color:#6c757d;margin:0 0 1.5rem;font-size:.9rem}.company-modal-close{color:#aaa;cursor:pointer;background:0 0;border:none;width:30px;height:30px;padding:0;font-size:1.7rem;line-height:1;position:absolute;top:1rem;right:1.25rem}.company-modal-close:hover{color:#000;background:0 0}.company-input-group{margin-bottom:1rem}.company-input-group label{color:#343a40;text-align:left;margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.company-input-group input{border:1px solid #ced4da;border-radius:.375rem;outline:none;width:100%;padding:.75rem;font-family:Segoe UI,Arial,sans-serif;font-size:1rem;transition:border-color .15s,box-shadow .15s}.company-input-group input:focus{border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40}.company-modal-error{color:#dc3545;text-align:left;margin-bottom:1rem;font-size:.9rem}.company-save-btn{color:#fff;cursor:pointer;background-color:#007bff;border:none;border-radius:.375rem;width:100%;padding:.75rem;font-size:1rem;font-weight:600;transition:background-color .2s}.company-save-btn:hover:not(:disabled){background-color:#0069d9}.company-save-btn:disabled{cursor:not-allowed;background-color:#94a3b8}@media (width<=768px){.company-management-page{padding:1rem}.company-dashboard-header{flex-direction:column;align-items:flex-start}.company-add-btn{justify-content:center;width:100%}.company-dashboard-header h1{font-size:1.6rem}.company-table th,.company-table td{padding:.75rem 1rem}}@media (width<=480px){.company-modal{padding:1.5rem}}.edit-company-page{box-sizing:border-box;background:#f5f7fb;min-height:100vh;padding:30px}.edit-company-container{max-width:1100px;margin:0 auto}.edit-company-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;display:flex}.edit-company-header h1{color:#1f2937;margin:0;font-size:28px;font-weight:700}.edit-company-header p{color:#6b7280;margin:7px 0 0;font-size:14px}.edit-company-back-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .2s}.edit-company-back-btn:hover{background:#f3f4f6;border-color:#9ca3af}.edit-company-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:20px;padding:13px 16px;font-size:14px}.edit-company-success{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin-bottom:20px;padding:13px 16px;font-size:14px}.edit-company-form{flex-direction:column;gap:20px;display:flex}.edit-company-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:25px;box-shadow:0 2px 8px #0000000a}.edit-company-section h2{color:#111827;border-bottom:1px solid #e5e7eb;margin:0 0 22px;padding-bottom:14px;font-size:18px;font-weight:650}.edit-company-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.edit-company-field{flex-direction:column;gap:7px;display:flex}.edit-company-field.full-width{grid-column:1/-1}.edit-company-field label{color:#374151;font-size:13px;font-weight:600}.edit-company-field input,.edit-company-field select{box-sizing:border-box;color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;height:44px;padding:0 13px;font-size:14px;transition:border-color .2s,box-shadow .2s}.edit-company-field input:focus,.edit-company-field select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.edit-company-field input::placeholder{color:#9ca3af}.edit-company-field input:disabled{color:#6b7280;cursor:not-allowed;background:#f3f4f6}.edit-company-field select{cursor:pointer}.edit-company-actions{background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:flex-end;align-items:center;gap:12px;padding:18px 25px;display:flex;box-shadow:0 2px 8px #0000000a}.edit-company-cancel-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;height:42px;padding:0 20px;font-size:14px;font-weight:600;transition:all .2s}.edit-company-cancel-btn:hover{background:#f3f4f6}.edit-company-save-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;height:42px;padding:0 24px;font-size:14px;font-weight:600;transition:background .2s,transform .1s}.edit-company-save-btn:hover{background:#1d4ed8}.edit-company-save-btn:active{transform:translateY(1px)}.edit-company-save-btn:disabled,.edit-company-cancel-btn:disabled{opacity:.6;cursor:not-allowed}.edit-company-loading{color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:center;align-items:center;min-height:300px;font-size:15px;display:flex;box-shadow:0 2px 8px #0000000a}@media (width<=768px){.edit-company-page{padding:20px}.edit-company-header{flex-direction:column;align-items:flex-start}.edit-company-header h1{font-size:24px}.edit-company-back-btn{width:100%}.edit-company-grid{grid-template-columns:1fr}.edit-company-field.full-width{grid-column:auto}.edit-company-section{padding:20px}.edit-company-actions{flex-direction:column-reverse}.edit-company-cancel-btn,.edit-company-save-btn{width:100%}}@media (width<=480px){.edit-company-page{padding:14px}.edit-company-section{padding:16px}.edit-company-section h2{font-size:16px}.edit-company-header h1{font-size:21px}.edit-company-field input,.edit-company-field select{height:42px}}.dashboard-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:20px;display:grid}.dashboard-stat-card{background:#fff;border:1px solid #edf0f4;border-radius:10px;align-items:center;min-height:105px;padding:18px;display:flex;position:relative;box-shadow:0 2px 8px #0f172a0a}.dashboard-stat-card:before{content:"";width:4px;position:absolute;top:0;bottom:0;left:0}.dashboard-stat-card.blue:before{background:#2563eb}.dashboard-stat-card.green:before{background:#16a34a}.dashboard-stat-card.orange:before{background:#f59e0b}.dashboard-stat-card.purple:before{background:#9333ea}.dashboard-stat-icon{border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;margin-right:14px;display:flex}.dashboard-stat-icon.blue{color:#2563eb;background:#eff6ff}.dashboard-stat-icon.green{color:#16a34a;background:#f0fdf4}.dashboard-stat-icon.orange{color:#f59e0b;background:#fff7ed}.dashboard-stat-icon.purple{color:#9333ea;background:#faf5ff}.dashboard-stat-info h3{color:#111827;margin:0 0 4px;font-size:23px;font-weight:700}.dashboard-stat-info p{color:#6b7280;margin:0;font-size:12px}@media (width<=1100px){.dashboard-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=550px){.dashboard-stats{grid-template-columns:1fr}}.employee-management{background:#fff;border:1px solid #edf0f4;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px #0f172a0a}.employee-management-header{border-bottom:1px solid #f0f2f5;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.employee-management-header h2{color:#111827;margin:0;font-size:16px;font-weight:650}.employee-management-header p{color:#9ca3af;margin:4px 0 0;font-size:11px}.employee-view-all{color:#2563eb;cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;font-size:12px;font-weight:600;display:flex}.employee-search-container{border-bottom:1px solid #f3f4f6;padding:13px 20px}.employee-search{color:#9ca3af;border:1px solid #e5e7eb;border-radius:7px;align-items:center;width:300px;height:37px;padding:0 11px;display:flex}.employee-search input{color:#374151;border:none;outline:none;width:100%;margin-left:8px;font-family:inherit;font-size:12px}.employee-management-table{border-collapse:collapse;width:100%}.employee-management-table th{color:#6b7280;text-align:left;white-space:nowrap;background:#f9fafb;border-bottom:1px solid #edf0f4;padding:11px 15px;font-size:11px;font-weight:600}.employee-management-table td{color:#4b5563;border-bottom:1px solid #f3f4f6;padding:12px 15px;font-size:12px}.employee-management-table tbody tr:hover{background:#fafbfc}.employee-info{align-items:center;min-width:160px;display:flex}.employee-avatar{color:#2563eb;background:#e8efff;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;margin-right:9px;font-size:10px;font-weight:700;display:flex}.employee-info div:last-child{flex-direction:column;display:flex}.employee-info strong{color:#111827;font-size:12px}.employee-info span{color:#9ca3af;margin-top:2px;font-size:10px}.employee-role{color:#4b5563;text-transform:capitalize;background:#f3f4f6;border-radius:20px;padding:4px 7px;font-size:10px}.employee-attendance{color:#16a34a;font-weight:600}.employee-view-button{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.employee-view-button:hover{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.employee-empty{text-align:center;color:#9ca3af!important;padding:35px!important}.employee-pagination{border-top:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.employee-pagination span{color:#9ca3af;font-size:11px}.employee-pagination div{gap:5px;display:flex}.employee-pagination button{cursor:pointer;color:#4b5563;background:#fff;border:1px solid #e5e7eb;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.employee-pagination button:disabled{opacity:.4;cursor:not-allowed}@media (width<=600px){.employee-management-header{flex-direction:column;align-items:flex-start;gap:10px}.employee-search{width:100%}}.upcoming-events{background:#fff;border:1px solid #edf0f4;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px #0f172a0a}.upcoming-events-header{border-bottom:1px solid #f0f2f5;padding:18px 20px}.upcoming-events-header h2{color:#111827;margin:0;font-size:16px;font-weight:650}.upcoming-events-header p{color:#9ca3af;margin:4px 0 0;font-size:11px}.upcoming-events-list{padding:5px 18px}.upcoming-event{border-bottom:1px solid #f3f4f6;padding:14px 0;display:flex}.upcoming-event:last-child{border-bottom:none}.event-date{color:#2563eb;background:#eff6ff;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:45px;margin-right:12px;font-size:10px;font-weight:700;display:flex}.event-details{flex:1;min-width:0}.event-title-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.event-title-row h3{color:#111827;margin:0;font-size:12px}.event-title-row span{color:#6b7280;white-space:nowrap;background:#f3f4f6;border-radius:20px;padding:3px 6px;font-size:9px}.event-details p{color:#9ca3af;margin:5px 0 0;font-size:10px;line-height:1.5}.events-empty{text-align:center;color:#9ca3af;padding:25px 10px;font-size:11px}.events-view-all{color:#2563eb;cursor:pointer;background:#eff6ff;border:1px solid #dbeafe;border-radius:7px;justify-content:center;align-items:center;gap:5px;width:calc(100% - 36px);margin:5px 18px 18px;padding:9px;font-family:inherit;font-size:11px;font-weight:600;text-decoration:none;display:flex}.pending-leave-requests{background:#fff;border:1px solid #edf0f4;border-radius:10px;margin-top:20px;overflow:hidden;box-shadow:0 2px 8px #0f172a0a}.pending-leave-header{border-bottom:1px solid #f0f2f5;justify-content:space-between;align-items:center;gap:15px;padding:18px 20px;display:flex}.pending-leave-header h2{color:#111827;margin:0;font-size:16px;font-weight:650}.pending-leave-header p{color:#9ca3af;margin:4px 0 0;font-size:11px}.leave-view-all{color:#2563eb;cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;font-size:12px;font-weight:600;display:flex}.leave-table{border-collapse:collapse;width:100%}.leave-table th{color:#6b7280;text-align:left;white-space:nowrap;background:#f9fafb;border-bottom:1px solid #edf0f4;padding:11px 15px;font-size:11px;font-weight:600}.leave-employee{align-items:center;min-width:150px;display:flex}.leave-avatar{color:#2563eb;background:#e8efff;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;margin-right:9px;font-size:10px;font-weight:700;display:flex}.leave-employee div:last-child{flex-direction:column;display:flex}.leave-employee strong{color:#111827;font-size:12px}.leave-employee span{color:#9ca3af;margin-top:2px;font-size:10px}.leave-review-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;align-items:center;gap:5px;padding:6px 10px;font-family:inherit;font-size:10px;font-weight:600;display:flex}.leave-review-button:hover{background:#1d4ed8}.leave-empty{text-align:center;color:#9ca3af!important;padding:35px!important}@media (width<=600px){.pending-leave-header{flex-direction:column;align-items:flex-start}}.md-dashboard{width:100%}.md-dashboard-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.md-dashboard-header h1{color:#111827;margin:0;font-size:22px;font-weight:700}.md-dashboard-header p{color:#6b7280;margin:5px 0 0;font-size:12px}.md-dashboard-grid{grid-template-columns:minmax(0,2fr) minmax(280px,.8fr);gap:20px;display:grid}@media (width<=1100px){.md-dashboard-grid{grid-template-columns:1fr}}.attendance-summary{width:100%;margin-bottom:24px}.attendance-summary-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.attendance-summary-header h2{color:#1f2937;margin:0;font-size:20px;font-weight:600}.attendance-summary-grid{grid-template-columns:repeat(6,1fr);gap:16px;display:grid}.attendance-summary-card{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:14px;padding:18px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.attendance-summary-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #00000014}.attendance-summary-icon{border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;font-weight:600;display:flex}.attendance-summary-content{flex-direction:column;gap:4px;display:flex}.attendance-summary-label{color:#6b7280;font-size:13px}.attendance-summary-value{color:#111827;font-size:24px;font-weight:700}.attendance-summary-card.present{border-left:4px solid #16a34a}.attendance-summary-card.present .attendance-summary-icon{color:#16a34a;background:#dcfce7}.attendance-summary-card.absent{border-left:4px solid #dc2626}.attendance-summary-card.absent .attendance-summary-icon{color:#dc2626;background:#fee2e2}.attendance-summary-card.late{border-left:4px solid #f59e0b}.attendance-summary-card.late .attendance-summary-icon{color:#d97706;background:#fef3c7}.attendance-summary-card.leave{border-left:4px solid #2563eb}.attendance-summary-card.leave .attendance-summary-icon{color:#2563eb;background:#dbeafe}.attendance-summary-card.half-day{border-left:4px solid #8b5cf6}.attendance-summary-card.half-day .attendance-summary-icon{color:#7c3aed;background:#ede9fe}.attendance-summary-card.overtime{border-left:4px solid #0891b2}.attendance-summary-card.overtime .attendance-summary-icon{color:#0891b2;background:#cffafe}.attendance-summary-loading{text-align:center;color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:30px}@media (width<=1200px){.attendance-summary-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.attendance-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.attendance-summary-grid{grid-template-columns:1fr}}.attendance-filters{box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;padding:20px}.attendance-filters-header{margin-bottom:18px}.attendance-filters-header h3{color:#1f2937;margin:0;font-size:17px;font-weight:600}.attendance-filters-form{grid-template-columns:repeat(3,minmax(180px,1fr));gap:16px;display:grid}.attendance-filter-field{flex-direction:column;gap:7px;display:flex}.attendance-filter-field label{color:#374151;font-size:13px;font-weight:500}.attendance-filter-field input,.attendance-filter-field select{color:#1f2937;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;height:42px;padding:0 12px;font-size:13px;transition:border-color .2s,box-shadow .2s}.attendance-filter-field input:focus,.attendance-filter-field select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.attendance-filter-field input::placeholder{color:#9ca3af}.attendance-filter-actions{align-items:flex-end;gap:10px;display:flex}.attendance-filter-actions button{cursor:pointer;border-radius:8px;height:42px;padding:0 18px;font-size:13px;font-weight:500;transition:background .2s,border-color .2s}.attendance-filter-apply{color:#fff;background:#2563eb;border:1px solid #2563eb}.attendance-filter-apply:hover{background:#1d4ed8;border-color:#1d4ed8}.attendance-filter-clear{color:#374151;background:#fff;border:1px solid #d1d5db}.attendance-filter-clear:hover{background:#f3f4f6}@media (width<=1000px){.attendance-filters-form{grid-template-columns:repeat(2,minmax(180px,1fr))}}@media (width<=600px){.attendance-filters-form{grid-template-columns:1fr}.attendance-filter-actions{align-items:stretch}.attendance-filter-actions button{flex:1}}.attendance-status-badge{white-space:nowrap;border-radius:20px;align-items:center;gap:7px;width:fit-content;font-weight:500;display:inline-flex}.attendance-status-badge.small{padding:4px 9px;font-size:11px}.attendance-status-badge.medium{padding:6px 11px;font-size:12px}.attendance-status-badge.large{padding:8px 14px;font-size:14px}.attendance-status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.attendance-status-badge.present .attendance-status-dot{background:#16a34a}.attendance-status-badge.absent .attendance-status-dot{background:#dc2626}.attendance-status-badge.late .attendance-status-dot{background:#f59e0b}.attendance-status-badge.half-day{color:#6d28d9;background:#ede9fe}.attendance-status-badge.half-day .attendance-status-dot{background:#8b5cf6}.attendance-status-badge.leave .attendance-status-dot{background:#2563eb}.attendance-status-badge.holiday .attendance-status-dot{background:#db2777}.attendance-status-badge.week-off{color:#4b5563;background:#f3f4f6}.attendance-status-badge.week-off .attendance-status-dot{background:#6b7280}.attendance-status-badge.work-from-home{color:#0e7490;background:#cffafe}.attendance-status-badge.work-from-home .attendance-status-dot{background:#0891b2}.attendance-status-badge.unknown{color:#6b7280;background:#f3f4f6}.attendance-status-badge.unknown .attendance-status-dot{background:#9ca3af}.attendance-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;overflow:hidden}.attendance-table-wrapper{width:100%;overflow-x:auto}.attendance-table{border-collapse:collapse;width:100%;min-width:950px;font-size:13px}.attendance-table thead{background:#f8fafc}.attendance-table th{text-align:left;color:#4b5563;white-space:nowrap;border-bottom:1px solid #e5e7eb;padding:14px 16px;font-size:12px;font-weight:600}.attendance-table td{color:#374151;white-space:nowrap;border-bottom:1px solid #f1f5f9;padding:14px 16px}.attendance-table tbody tr:last-child td{border-bottom:none}.attendance-table tbody tr:hover{background:#f8fafc}.attendance-table-row-clickable{cursor:pointer}.attendance-date{color:#374151;font-weight:500}.attendance-employee{align-items:center;gap:10px;display:flex}.attendance-employee-avatar{color:#2563eb;background:#dbeafe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:600;display:flex}.attendance-employee-info{flex-direction:column;gap:2px;display:flex}.attendance-employee-name{color:#1f2937;font-weight:500}.attendance-employee-id{color:#9ca3af;font-size:11px}.attendance-late-time{color:#d97706;font-weight:500}.attendance-table-actions{align-items:center;gap:6px;display:flex}.attendance-table-actions button{cursor:pointer;border-radius:6px;padding:6px 10px;font-size:11px;font-weight:500}.attendance-action-view{color:#374151;background:#fff;border:1px solid #d1d5db}.attendance-action-view:hover{background:#f3f4f6}.attendance-action-edit{color:#fff;background:#2563eb;border:1px solid #2563eb}.attendance-action-edit:hover{background:#1d4ed8}.attendance-table-empty{text-align:center!important;color:#9ca3af!important;padding:50px 20px!important}.attendance-table-loading{text-align:center;color:#6b7280;padding:50px 20px;font-size:14px}.attendance-table-footer{color:#6b7280;background:#fafafa;border-top:1px solid #e5e7eb;justify-content:flex-end;align-items:center;padding:12px 16px;font-size:12px;display:flex}.attendance-calendar{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:100%;padding:24px;font-family:inherit;box-shadow:0 1px 3px #0000000d}.attendance-calendar-title h2{color:#1e293b;text-transform:capitalize;margin:0;font-size:1.25rem;font-weight:700}.attendance-calendar-navigation{align-items:center;gap:8px;display:flex}.attendance-calendar-navigation button{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;min-width:36px;height:36px;padding:0 12px;font-size:1rem;font-weight:600;transition:all .2s;display:inline-flex}.attendance-calendar-navigation button:hover{color:#0f172a;background:#f1f5f9;border-color:#94a3b8}.attendance-calendar-today{font-size:.85rem!important;font-weight:600!important}.attendance-calendar-weekdays{text-align:center;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:8px;display:grid}.attendance-calendar-weekday{color:#64748b;text-transform:uppercase;letter-spacing:.05em;padding:10px 0;font-size:.8rem;font-weight:700}.attendance-calendar-weekday:first-child,.attendance-calendar-weekday:last-child{color:#94a3b8}.attendance-calendar-grid{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.attendance-calendar-day{cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;justify-content:space-between;min-height:104px;padding:8px 10px;transition:all .2s;display:flex;position:relative}.attendance-calendar-day:hover:not(.empty){border-color:#93c5fd;transform:translateY(-1px);box-shadow:0 4px 10px #0000000d}.attendance-calendar-day.empty{cursor:default;pointer-events:none;background:#f8fafc;border:1px dashed #e2e8f0}.attendance-calendar-day.today{background:#eff6ff;border:2px solid #3b82f6}.attendance-calendar-day.today .attendance-calendar-date{color:#1d4ed8;font-weight:700}.attendance-calendar-date{color:#334155;align-self:flex-start;font-size:.9rem;font-weight:600}.attendance-calendar-record{flex-direction:column;gap:3px;margin-top:4px;display:flex}.attendance-calendar-time{color:#64748b;white-space:nowrap;font-size:.72rem;font-weight:500;line-height:1.2}.attendance-calendar-no-record{color:#94a3b8;margin-top:auto;font-size:.72rem;font-style:italic}.attendance-calendar-day.has-record.present,.attendance-calendar-day.has-record.Present{border-left:3px solid #10b981}.attendance-calendar-day.has-record.absent,.attendance-calendar-day.has-record.Absent{border-left:3px solid #ef4444}.attendance-calendar-day.has-record.half-day,.attendance-calendar-day.has-record.HalfDay{border-left:3px solid #f59e0b}.attendance-calendar-day.has-record.leave,.attendance-calendar-day.has-record.Leave{border-left:3px solid #8b5cf6}@media (width<=768px){.attendance-calendar{padding:14px;overflow-x:auto}.attendance-calendar-grid,.attendance-calendar-weekdays{min-width:600px}}.regularization-status-badge{white-space:nowrap;border-radius:20px;align-items:center;gap:7px;width:fit-content;font-weight:500;display:inline-flex}.regularization-status-badge.small{padding:4px 9px;font-size:11px}.regularization-status-badge.medium{padding:6px 11px;font-size:12px}.regularization-status-badge.large{padding:8px 14px;font-size:14px}.regularization-status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.regularization-status-badge.pending{color:#b45309;background:#fef3c7}.regularization-status-badge.pending .regularization-status-dot{background:#f59e0b}.regularization-status-badge.approved{color:#15803d;background:#dcfce7}.regularization-status-badge.approved .regularization-status-dot{background:#16a34a}.regularization-status-badge.rejected{color:#b91c1c;background:#fee2e2}.regularization-status-badge.rejected .regularization-status-dot{background:#dc2626}.regularization-status-badge.cancelled{color:#4b5563;background:#f3f4f6}.regularization-status-badge.cancelled .regularization-status-dot{background:#6b7280}.regularization-status-badge.unknown{color:#6b7280;background:#f3f4f6}.regularization-status-badge.unknown .regularization-status-dot{background:#9ca3af}.regularization-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;overflow:hidden}.regularization-table-wrapper{width:100%;overflow-x:auto}.regularization-table{border-collapse:collapse;width:100%;min-width:1100px;font-size:13px}.regularization-table thead{background:#f8fafc}.regularization-table th{text-align:left;color:#4b5563;white-space:nowrap;border-bottom:1px solid #e5e7eb;padding:14px 16px;font-size:12px;font-weight:600}.regularization-table td{color:#374151;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 16px}.regularization-table tbody tr:last-child td{border-bottom:none}.regularization-table tbody tr:hover{background:#f8fafc}.regularization-row-clickable{cursor:pointer}.regularization-date{color:#374151;font-weight:500}.regularization-employee{align-items:center;gap:10px;display:flex}.regularization-avatar{color:#2563eb;background:#dbeafe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:600;display:flex}.regularization-employee-info{flex-direction:column;gap:2px;display:flex}.regularization-employee-name{color:#1f2937;font-weight:500}.regularization-employee-id{color:#9ca3af;font-size:11px}.regularization-request-type{color:#374151;font-weight:500}.regularization-reason{text-overflow:ellipsis;white-space:nowrap;color:#6b7280;max-width:220px;overflow:hidden}.regularization-actions{align-items:center;gap:6px;display:flex}.regularization-actions button{cursor:pointer;border-radius:6px;padding:6px 10px;font-size:11px;font-weight:500}.regularization-action-view{color:#374151;background:#fff;border:1px solid #d1d5db}.regularization-action-view:hover{background:#f3f4f6}.regularization-action-approve{color:#fff;background:#16a34a;border:1px solid #16a34a}.regularization-action-approve:hover{background:#15803d}.regularization-action-reject{color:#fff;background:#dc2626;border:1px solid #dc2626}.regularization-action-reject:hover{background:#b91c1c}.regularization-action-cancel{color:#6b7280;background:#fff;border:1px solid #d1d5db}.regularization-action-cancel:hover{background:#f3f4f6}.regularization-table-empty{text-align:center!important;color:#9ca3af!important;padding:50px 20px!important}.regularization-table-loading{text-align:center;color:#6b7280;padding:50px 20px;font-size:14px}.regularization-table-footer{color:#6b7280;background:#fafafa;border-top:1px solid #e5e7eb;justify-content:flex-end;align-items:center;padding:12px 16px;font-size:12px;display:flex}.overtime-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.overtime-table-wrapper{overflow-x:auto}.overtime-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.overtime-table th{color:#4b5563;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:12px 16px;font-weight:600}.overtime-table td{color:#1f2937;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 16px}.overtime-employee{align-items:center;gap:10px;display:flex}.overtime-avatar{color:#4338ca;background:#e0e7ff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:flex}.overtime-employee-info{flex-direction:column;display:flex}.overtime-employee-name{color:#111827;font-weight:600}.overtime-employee-id{color:#6b7280;font-size:11px}.overtime-reason{white-space:nowrap;text-overflow:ellipsis;color:#6b7280;max-width:220px;overflow:hidden}.overtime-badge{text-transform:capitalize;border-radius:12px;align-items:center;gap:6px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.overtime-badge.pending{color:#92400e;background:#fef3c7}.overtime-badge.approved{color:#065f46;background:#d1fae5}.overtime-badge.rejected{color:#991b1b;background:#fee2e2}.badge-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.overtime-actions{align-items:center;gap:8px;display:flex}.overtime-btn-approve{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:6px;padding:5px 12px;font-size:12px;font-weight:600;transition:background .15s}.overtime-btn-approve:hover{background:#059669}.overtime-btn-reject{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:6px;padding:5px 12px;font-size:12px;font-weight:600;transition:background .15s}.overtime-btn-reject:hover{background:#dc2626}.overtime-reviewed-text{color:#9ca3af;font-size:11px;font-style:italic}.overtime-table-footer{color:#6b7280;background:#f8fafc;padding:10px 16px;font-size:12px}.overtime-table-empty,.overtime-table-loading{text-align:center;color:#6b7280;padding:30px!important}.md-attendance-page{box-sizing:border-box;flex-direction:column;gap:20px;width:100%;display:flex}.md-attendance-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.md-attendance-header h1{color:#111827;margin:0;font-size:24px;font-weight:700}.md-attendance-header p{color:#6b7280;margin:4px 0 0;font-size:13px}.md-attendance-export-button{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.md-attendance-export-button:hover{color:#111827;background:#f9fafb;border-color:#9ca3af}.md-attendance-tabs{border-bottom:1px solid #e5e7eb;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.md-attendance-tabs button{color:#6b7280;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.md-attendance-tabs button:hover{color:#2563eb}.md-attendance-tabs button.active{color:#2563eb;border-bottom-color:#2563eb}.tab-badge{color:#fff;background:#ef4444;border-radius:10px;padding:2px 7px;font-size:11px;font-weight:700;line-height:1}.md-attendance-content{flex-direction:column;gap:20px;display:flex}.md-attendance-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000000a}.md-attendance-section-header{margin-bottom:16px}.md-attendance-section-header h2{color:#111827;margin:0;font-size:16px;font-weight:700}.md-attendance-section-header p{color:#6b7280;margin:4px 0 0;font-size:12px}.md-attendance-loading{color:#1d4ed8;background:#eff6ff;border-radius:8px;padding:12px 16px;font-size:13px;font-weight:500}@media (width<=768px){.md-attendance-header{flex-direction:column;align-items:flex-start}.md-attendance-export-button{justify-content:center;width:100%}}.attendance-policy-form{flex-direction:column;gap:20px;width:100%;display:flex}.policy-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.policy-section-header{margin-bottom:22px}.policy-section-header h2{color:#111827;margin:0 0 6px;font-size:18px;font-weight:600}.policy-section-header p{color:#6b7280;margin:0;font-size:13px}.policy-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.policy-field{flex-direction:column;gap:7px;display:flex}.policy-field-full{grid-column:1/-1}.policy-field label{color:#374151;font-size:14px;font-weight:500}.policy-field label span{color:#dc2626;margin-left:3px}.policy-field input,.policy-field select,.policy-field textarea{box-sizing:border-box;color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-size:14px;transition:border-color .2s,box-shadow .2s}.policy-field input:focus,.policy-field select:focus,.policy-field textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.policy-field input:disabled,.policy-field select:disabled,.policy-field textarea:disabled{color:#6b7280;cursor:not-allowed;background:#f9fafb}.policy-field textarea{resize:vertical}.policy-field small{color:#6b7280;font-size:12px}.input-with-unit{align-items:center;display:flex}.input-with-unit input{border-radius:8px 0 0 8px}.input-with-unit span{color:#6b7280;background:#f9fafb;border:1px solid #d1d5db;border-left:0;border-radius:0 8px 8px 0;align-items:center;height:40px;padding:0 12px;font-size:13px;display:flex}.policy-toggle-row{justify-content:space-between;align-items:center;gap:20px;padding:14px 0;display:flex}.policy-toggle-row+.policy-grid{margin-top:8px}.policy-toggle-row strong{color:#374151;margin-bottom:4px;font-size:14px;display:block}.policy-toggle-row p{color:#6b7280;margin:0;font-size:12px}.policy-toggle-row.nested{align-items:center;padding:0}.toggle{width:44px;min-width:44px;height:24px;display:inline-block;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background:#d1d5db;border-radius:999px;transition:all .2s;position:absolute;inset:0}.toggle-slider:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:all .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.toggle input:checked+.toggle-slider{background:#2563eb}.toggle input:checked+.toggle-slider:before{transform:translate(20px)}.toggle input:disabled+.toggle-slider{opacity:.6;cursor:not-allowed}.policy-form-actions{justify-content:flex-end;gap:12px;padding:4px 0 20px;display:flex}.policy-btn{cursor:pointer;border:0;border-radius:8px;padding:11px 20px;font-size:14px;font-weight:500;transition:all .2s}.policy-btn.primary{color:#fff;background:#2563eb}.policy-btn.primary:hover{background:#1d4ed8}.policy-btn.secondary{color:#374151;background:#f3f4f6}.policy-btn.secondary:hover{background:#e5e7eb}@media (width<=768px){.policy-section{padding:18px}.policy-grid{grid-template-columns:1fr}.policy-field-full{grid-column:auto}.policy-toggle-row{align-items:flex-start}.policy-form-actions{flex-direction:column-reverse}.policy-btn{width:100%}}.work-schedule-form{flex-direction:column;gap:20px;width:100%;display:flex}.work-schedule-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.work-schedule-header h2{color:#111827;margin:0 0 6px;font-size:22px;font-weight:600}.work-schedule-header p{color:#6b7280;margin:0;font-size:13px}.schedule-id{color:#6b7280;background:#f3f4f6;border-radius:6px;padding:7px 12px;font-size:12px}.schedule-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.schedule-section-title{margin-bottom:22px}.schedule-section-title h3{color:#111827;margin:0 0 5px;font-size:17px;font-weight:600}.schedule-section-title p{color:#6b7280;margin:0;font-size:13px}.schedule-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.schedule-field{flex-direction:column;gap:7px;display:flex}.schedule-field label{color:#374151;font-size:14px;font-weight:500}.schedule-field label span{color:#dc2626;margin-left:3px}.schedule-field input,.schedule-field select{box-sizing:border-box;color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;height:42px;padding:0 12px;font-size:14px;transition:border-color .2s,box-shadow .2s}.schedule-field input:focus,.schedule-field select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.schedule-field input:disabled,.schedule-field select:disabled{color:#6b7280;cursor:not-allowed;background:#f9fafb}.schedule-field small{color:#6b7280;font-size:12px}.schedule-input-unit{align-items:stretch;display:flex}.schedule-input-unit input{border-radius:8px 0 0 8px}.schedule-input-unit span{color:#6b7280;background:#f9fafb;border:1px solid #d1d5db;border-left:0;border-radius:0 8px 8px 0;align-items:center;padding:0 13px;font-size:13px;display:flex}.schedule-preview{background:#eff6ff;border:1px solid #dbeafe;border-radius:12px;padding:20px 24px}.schedule-preview-title h3{color:#1e3a8a;margin:0 0 18px;font-size:15px;font-weight:600}.schedule-preview-content{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.preview-item{flex-direction:column;gap:4px;display:flex}.preview-item span{color:#6b7280;font-size:11px}.preview-item strong{color:#111827;font-size:15px;font-weight:600}.preview-divider{color:#9ca3af;font-size:18px}.schedule-form-actions{justify-content:flex-end;gap:12px;padding:4px 0 20px;display:flex}.schedule-btn{cursor:pointer;border:0;border-radius:8px;padding:11px 20px;font-size:14px;font-weight:500;transition:all .2s}.schedule-btn.primary{color:#fff;background:#2563eb}.schedule-btn.primary:hover{background:#1d4ed8}.schedule-btn.secondary{color:#374151;background:#f3f4f6}.schedule-btn.secondary:hover{background:#e5e7eb}@media (width<=768px){.work-schedule-header{flex-direction:column}.schedule-grid{grid-template-columns:1fr}.schedule-section,.schedule-preview{padding:18px}.schedule-preview-content{gap:14px}.schedule-form-actions{flex-direction:column-reverse}.schedule-btn{width:100%}}.shift-form{flex-direction:column;gap:20px;width:100%;display:flex}.shift-form-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.shift-form-header h2{color:#111827;margin:0 0 6px;font-size:22px;font-weight:600}.shift-form-header p{color:#6b7280;margin:0;font-size:13px}.shift-id{color:#6b7280;background:#f3f4f6;border-radius:6px;padding:7px 12px;font-size:12px}.shift-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.shift-section-title{margin-bottom:22px}.shift-section-title h3{color:#111827;margin:0 0 5px;font-size:17px;font-weight:600}.shift-section-title p{color:#6b7280;margin:0;font-size:13px}.shift-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.shift-field{flex-direction:column;gap:7px;display:flex}.shift-field label{color:#374151;font-size:14px;font-weight:500}.shift-field label span{color:#dc2626;margin-left:3px}.shift-field input,.shift-field select{box-sizing:border-box;color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;height:42px;padding:0 12px;font-size:14px;transition:border-color .2s,box-shadow .2s}.shift-field input:focus,.shift-field select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.shift-field input:disabled,.shift-field select:disabled{color:#6b7280;cursor:not-allowed;background:#f9fafb}.shift-field small{color:#6b7280;font-size:12px}.shift-input-unit{align-items:stretch;display:flex}.shift-input-unit input{border-radius:8px 0 0 8px}.shift-input-unit span{color:#6b7280;background:#f9fafb;border:1px solid #d1d5db;border-left:0;border-radius:0 8px 8px 0;align-items:center;padding:0 13px;font-size:13px;display:flex}.shift-toggle-row{justify-content:space-between;align-items:center;gap:20px;display:flex}.shift-toggle-row strong{color:#374151;margin-bottom:4px;font-size:14px;font-weight:500;display:block}.shift-toggle-row p{color:#6b7280;margin:0;font-size:12px}.shift-toggle{width:44px;min-width:44px;height:24px;display:inline-block;position:relative}.shift-toggle input{opacity:0;width:0;height:0}.shift-toggle-slider{cursor:pointer;background:#d1d5db;border-radius:999px;transition:all .2s;position:absolute;inset:0}.shift-toggle-slider:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:all .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.shift-toggle input:checked+.shift-toggle-slider{background:#2563eb}.shift-toggle input:checked+.shift-toggle-slider:before{transform:translate(20px)}.shift-toggle input:disabled+.shift-toggle-slider{opacity:.6;cursor:not-allowed}.shift-preview{background:#eff6ff;border:1px solid #dbeafe;border-radius:12px;padding:20px 24px}.shift-preview-header h3{color:#1e3a8a;margin:0 0 18px;font-size:15px;font-weight:600}.shift-preview-content{grid-template-columns:repeat(5,1fr);gap:20px;display:grid}.shift-preview-item{flex-direction:column;gap:5px;display:flex}.shift-preview-item span{color:#6b7280;font-size:11px}.shift-preview-item strong{color:#111827;font-size:14px;font-weight:600}.shift-form-actions{justify-content:flex-end;gap:12px;padding:4px 0 20px;display:flex}.shift-btn{cursor:pointer;border:0;border-radius:8px;padding:11px 20px;font-size:14px;font-weight:500;transition:all .2s}.shift-btn.primary{color:#fff;background:#2563eb}.shift-btn.primary:hover{background:#1d4ed8}.shift-btn.secondary{color:#374151;background:#f3f4f6}.shift-btn.secondary:hover{background:#e5e7eb}@media (width<=900px){.shift-preview-content{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.shift-form-header{flex-direction:column}.shift-grid{grid-template-columns:1fr}.shift-section,.shift-preview{padding:18px}.shift-preview-content{grid-template-columns:1fr}.shift-form-actions{flex-direction:column-reverse}.shift-btn{width:100%}}.weekoff-form{flex-direction:column;gap:20px;width:100%;display:flex}.weekoff-form-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.weekoff-form-header h2{color:#111827;margin:0 0 6px;font-size:22px;font-weight:600}.weekoff-form-header p{color:#6b7280;margin:0;font-size:13px}.weekoff-id{color:#6b7280;background:#f3f4f6;border-radius:6px;padding:7px 12px;font-size:12px}.weekoff-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.weekoff-section-title{margin-bottom:22px}.weekoff-section-title h3{color:#111827;margin:0 0 5px;font-size:17px;font-weight:600}.weekoff-section-title p{color:#6b7280;margin:0;font-size:13px}.weekoff-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.weekoff-field{flex-direction:column;gap:7px;display:flex}.weekoff-field label{color:#374151;font-size:14px;font-weight:500}.weekoff-field label span{color:#dc2626;margin-left:3px}.weekoff-field select{box-sizing:border-box;color:#111827;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;height:42px;padding:0 12px;font-size:14px;transition:border-color .2s,box-shadow .2s}.weekoff-field select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.weekoff-field select:disabled{color:#6b7280;cursor:not-allowed;background:#f9fafb}.weekoff-preview{background:#eff6ff;border:1px solid #dbeafe;border-radius:12px;padding:20px 24px}.weekoff-preview-header h3{color:#1e3a8a;margin:0 0 16px;font-size:15px;font-weight:600}.weekoff-preview-content{align-items:center;gap:15px;display:flex}.weekoff-preview-icon{background:#fff;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.weekoff-preview-text{flex-direction:column;gap:4px;display:flex}.weekoff-preview-text span{color:#6b7280;font-size:11px}.weekoff-preview-text strong{color:#111827;font-size:16px;font-weight:600}.weekoff-preview-text p{color:#6b7280;margin:0;font-size:12px}.weekoff-examples{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px 24px}.weekoff-examples-title h3{color:#374151;margin:0 0 16px;font-size:15px;font-weight:600}.weekoff-example-list{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.weekoff-example{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;gap:5px;padding:14px;display:flex}.weekoff-example strong{color:#374151;font-size:13px;font-weight:600}.weekoff-example span{color:#6b7280;font-size:11px}.weekoff-form-actions{justify-content:flex-end;gap:12px;padding:4px 0 20px;display:flex}.weekoff-btn{cursor:pointer;border:0;border-radius:8px;padding:11px 20px;font-size:14px;font-weight:500;transition:all .2s}.weekoff-btn.primary{color:#fff;background:#2563eb}.weekoff-btn.primary:hover{background:#1d4ed8}.weekoff-btn.secondary{color:#374151;background:#f3f4f6}.weekoff-btn.secondary:hover{background:#e5e7eb}@media (width<=900px){.weekoff-grid{grid-template-columns:repeat(2,1fr)}.weekoff-example-list{grid-template-columns:1fr}}@media (width<=768px){.weekoff-form-header{flex-direction:column}.weekoff-grid{grid-template-columns:1fr}.weekoff-section,.weekoff-preview,.weekoff-examples{padding:18px}.weekoff-form-actions{flex-direction:column-reverse}.weekoff-btn{width:100%}}.holiday-form{flex-direction:column;gap:20px;width:100%;display:flex}.holiday-form-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.holiday-form-header h2{color:#111827;margin:0 0 6px;font-size:22px;font-weight:600}.holiday-form-header p{color:#6b7280;margin:0;font-size:13px}.holiday-id{color:#6b7280;background:#f3f4f6;border-radius:6px;padding:7px 12px;font-size:12px}.holiday-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.holiday-section-title{margin-bottom:22px}.holiday-section-title h3{color:#111827;margin:0 0 5px;font-size:17px;font-weight:600}.holiday-section-title p{color:#6b7280;margin:0;font-size:13px}.holiday-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.holiday-field{flex-direction:column;gap:7px;display:flex}.holiday-field-full{grid-column:1/-1}.holiday-field label{color:#374151;font-size:14px;font-weight:500}.holiday-field label span{color:#dc2626;margin-left:3px}.holiday-field input,.holiday-field select,.holiday-field textarea{box-sizing:border-box;color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-size:14px;transition:border-color .2s,box-shadow .2s}.holiday-field input,.holiday-field select{height:42px}.holiday-field textarea{resize:vertical}.holiday-field input:focus,.holiday-field select:focus,.holiday-field textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.holiday-field input:disabled,.holiday-field select:disabled,.holiday-field textarea:disabled{color:#6b7280;cursor:not-allowed;background:#f9fafb}.holiday-toggle-row{justify-content:space-between;align-items:center;gap:20px;display:flex}.holiday-toggle-row strong{color:#374151;margin-bottom:4px;font-size:14px;font-weight:500;display:block}.holiday-toggle-row p{color:#6b7280;margin:0;font-size:12px}.holiday-toggle{width:44px;min-width:44px;height:24px;display:inline-block;position:relative}.holiday-toggle input{opacity:0;width:0;height:0}.holiday-toggle-slider{cursor:pointer;background:#d1d5db;border-radius:999px;transition:all .2s;position:absolute;inset:0}.holiday-toggle-slider:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:all .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.holiday-toggle input:checked+.holiday-toggle-slider{background:#2563eb}.holiday-toggle input:checked+.holiday-toggle-slider:before{transform:translate(20px)}.holiday-toggle input:disabled+.holiday-toggle-slider{opacity:.6;cursor:not-allowed}.holiday-preview{background:#eff6ff;border:1px solid #dbeafe;border-radius:12px;padding:20px 24px}.holiday-preview-header h3{color:#1e3a8a;margin:0 0 16px;font-size:15px;font-weight:600}.holiday-preview-content{align-items:center;gap:15px;display:flex}.holiday-calendar-icon{background:#fff;border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;font-size:21px;display:flex}.holiday-preview-info{flex-direction:column;gap:4px;display:flex}.holiday-preview-info strong{color:#111827;font-size:16px;font-weight:600}.holiday-preview-info span{color:#6b7280;font-size:12px}.holiday-form-actions{justify-content:flex-end;gap:12px;padding:4px 0 20px;display:flex}.holiday-btn{cursor:pointer;border:0;border-radius:8px;padding:11px 20px;font-size:14px;font-weight:500;transition:all .2s}.holiday-btn.primary{color:#fff;background:#2563eb}.holiday-btn.primary:hover{background:#1d4ed8}.holiday-btn.secondary{color:#374151;background:#f3f4f6}.holiday-btn.secondary:hover{background:#e5e7eb}@media (width<=768px){.holiday-form-header{flex-direction:column}.holiday-grid{grid-template-columns:1fr}.holiday-field-full{grid-column:auto}.holiday-section,.holiday-preview{padding:18px}.holiday-form-actions{flex-direction:column-reverse}.holiday-btn{width:100%}}.md-attendance-policy-page{box-sizing:border-box;background:#f8fafc;width:100%;min-height:100%;padding:24px}.md-attendance-policy-header{margin-bottom:20px}.md-attendance-policy-header h1{color:#1f2937;margin:0 0 5px;font-size:26px;font-weight:600}.md-attendance-policy-header p{color:#6b7280;margin:0;font-size:13px}.md-attendance-policy-layout{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:20px;display:grid}.md-attendance-policy-sidebar{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;padding:8px;display:flex}.md-attendance-policy-sidebar button{text-align:left;color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px;width:100%;padding:12px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:background .2s,color .2s}.md-attendance-policy-sidebar button:hover{color:#1f2937;background:#f3f4f6}.md-attendance-policy-sidebar button.active{color:#2563eb;background:#eff6ff}.md-attendance-policy-main{min-width:0}.md-policy-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.md-policy-section-header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.md-policy-section-header h2{color:#1f2937;margin:0 0 5px;font-size:18px;font-weight:600}.md-policy-section-header p{color:#6b7280;margin:0;font-size:12px}.md-policy-primary-button{color:#fff;cursor:pointer;background:#2563eb;border:1px solid #2563eb;border-radius:8px;height:40px;padding:0 16px;font-family:inherit;font-size:13px;font-weight:500}.md-policy-primary-button:hover{background:#1d4ed8;border-color:#1d4ed8}.md-policy-form-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:20px;padding:18px}.md-policy-list{flex-direction:column;gap:10px;display:flex}.md-policy-list-item{background:#fff;border:1px solid #e5e7eb;border-radius:10px;justify-content:space-between;align-items:center;gap:20px;padding:16px;display:flex}.md-policy-list-item:hover{background:#fafafa;border-color:#d1d5db}.md-policy-list-item h3{color:#1f2937;margin:0 0 5px;font-size:14px;font-weight:600}.md-policy-list-item p{color:#4b5563;margin:0 0 5px;font-size:12px}.md-policy-list-item span{color:#9ca3af;text-transform:capitalize;font-size:11px}.md-policy-item-actions{flex-shrink:0;align-items:center;gap:7px;display:flex}.md-policy-item-actions button{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:7px 11px;font-family:inherit;font-size:11px;font-weight:500}.md-policy-item-actions button:hover{background:#f3f4f6}.md-policy-item-actions button.danger{color:#dc2626;border-color:#fecaca}.md-policy-item-actions button.danger:hover{background:#fef2f2;border-color:#fca5a5}@media (width<=900px){.md-attendance-policy-layout{grid-template-columns:1fr}.md-attendance-policy-sidebar{grid-template-columns:repeat(5,1fr);gap:4px;display:grid}.md-attendance-policy-sidebar button{text-align:center}}@media (width<=600px){.md-attendance-policy-page{padding:16px}.md-attendance-policy-header h1{font-size:22px}.md-attendance-policy-sidebar{flex-direction:row;display:flex;overflow-x:auto}.md-attendance-policy-sidebar button{white-space:nowrap;flex:none;width:auto}.md-policy-section{padding:16px}.md-policy-section-header{flex-direction:column;align-items:flex-start}.md-policy-primary-button{width:100%}.md-policy-list-item{flex-direction:column;align-items:flex-start}.md-policy-item-actions{width:100%}.md-policy-item-actions button{flex:1}}@keyframes spin{to{transform:rotate(360deg)}}.org-dashboard{background:#f8fafc;min-height:calc(100vh - 70px);padding:24px}.org-dashboard-header{margin-bottom:24px}.org-dashboard-header h1{color:#111827;margin:0 0 6px;font-size:24px;font-weight:700}.org-dashboard-header p{color:#6b7280;margin:0;font-size:14px}.org-tabs{border-bottom:1px solid #e5e7eb;gap:20px;margin-bottom:24px;display:flex}.org-tabs button{color:#6b7280;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 4px;font-size:14px;font-weight:600;transition:all .2s}.org-tabs button:hover{color:#111827}.org-tabs button.active{color:#2563eb;border-bottom-color:#2563eb}.org-content-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;box-shadow:0 4px 6px -1px #0000000d}.org-table-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.org-table-header h3{color:#111827;margin:0;font-size:16px;font-weight:600}.org-table-wrapper{overflow-x:auto}.org-table{border-collapse:collapse;text-align:left;width:100%}.org-table th{color:#4b5563;text-transform:uppercase;background:#f3f6fa;border-bottom:1px solid #e5e7eb;padding:12px 16px;font-size:12px;font-weight:600}.org-table td{color:#111827;border-bottom:1px solid #e5e7eb;padding:14px 16px;font-size:13px}.org-font-medium{font-weight:600}.org-text-truncate{white-space:nowrap;text-overflow:ellipsis;max-width:200px;overflow:hidden}.org-text-right{text-align:right}.org-empty-state{text-align:center;color:#9ca3af;padding:30px!important}.org-badge{text-transform:capitalize;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:600}.org-badge-active{color:#166534;background:#dcfce7}.org-badge-inactive{color:#4b5563;background:#f3f4f6}.org-btn-primary{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:background .2s}.org-btn-primary:hover{background:#1d4ed8}.org-btn-secondary{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.org-btn-secondary:hover{background:#f9fafb}.org-actions{justify-content:flex-end;gap:12px;display:flex}.org-icon-btn{cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:600}.org-icon-btn.edit{color:#2563eb}.org-icon-btn.edit:hover{text-decoration:underline}.org-icon-btn.delete{color:#ef4444}.org-icon-btn.delete:hover{text-decoration:underline}.org-modal-overlay{z-index:9999;background:#11182799;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.org-modal{background:#fff;border-radius:12px;width:100%;max-width:550px;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a}.org-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.org-modal-header h2{color:#111827;margin:0;font-size:18px;font-weight:600}.org-close-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;font-size:24px;line-height:1}.org-close-btn:hover{color:#111827}.org-modal-body{max-height:75vh;padding:24px;overflow-y:auto}.org-form-row{gap:16px;display:flex}.org-form-row .org-form-group{flex:1}.org-form-group{flex-direction:column;margin-bottom:16px;display:flex}.org-form-group label{color:#4b5563;margin-bottom:6px;font-size:13px;font-weight:600}.org-form-group input,.org-form-group select,.org-form-group textarea{color:#111827;border:1px solid #d1d5db;border-radius:6px;padding:10px 12px;font-family:inherit;font-size:13px;transition:border-color .2s}.org-form-group input:focus,.org-form-group select:focus,.org-form-group textarea:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.org-modal-footer{justify-content:flex-end;gap:12px;margin-top:10px;display:flex}.org-loading,.org-error{text-align:center;color:#6b7280;padding:40px;font-size:15px}.org-error{color:#ef4444}.org-input-disabled{cursor:not-allowed;color:#6b7280!important;background-color:#f3f4f6!important;border-color:#e5e7eb!important}.org-searchable-dropdown{width:100%;position:relative}.org-dropdown-header{color:#111827;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:13px;transition:border-color .2s;display:flex}.org-dropdown-header.open{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.org-dropdown-arrow{color:#6b7280;font-size:10px}.org-dropdown-menu{z-index:1000;background:#fff;border:1px solid #e5e7eb;border-radius:6px;width:100%;position:absolute;top:calc(100% + 4px);left:0;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a}.org-dropdown-search{width:100%;box-shadow:none!important;border:none!important;border-bottom:1px solid #e5e7eb!important;border-radius:0!important;padding:10px 12px!important}.org-dropdown-search:focus{background-color:#f9fafb;outline:none}.org-dropdown-list{max-height:200px;overflow-y:auto}.org-dropdown-item{color:#374151;cursor:pointer;padding:10px 12px;font-size:13px;transition:background .1s}.org-dropdown-item:hover{color:#2563eb;background:#f3f6fa}.org-dropdown-item.selected{color:#1d4ed8;background:#eff6ff;font-weight:600}.org-dropdown-no-results{color:#9ca3af;text-align:center;padding:12px;font-size:13px}.md-documents-page{color:#1e293b;box-sizing:border-box;background:#f5f8fc;min-height:100%;padding:28px}.md-documents-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.md-documents-header h1{color:#1565c0;margin:0;font-size:28px;font-weight:700}.md-documents-header p{color:#64748b;margin:7px 0 0;font-size:14px}.add-document-btn{color:#fff;cursor:pointer;background:#2196f3;border:none;border-radius:8px;justify-content:center;align-items:center;min-height:42px;padding:0 18px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.add-document-btn:hover{background:#1565c0}.md-document-alert{border-radius:8px;margin-bottom:18px;padding:12px 16px;font-size:14px}.md-document-alert.error{color:#b91c1c;background:#fee2e2;border:1px solid #fecaca}.md-document-alert.success{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0}.md-document-filter-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:20px;padding:18px;box-shadow:0 5px 18px #0f172a0a}.md-document-filter-form{align-items:center;gap:10px;display:flex}.md-document-search{flex:1;position:relative}.md-document-search span{pointer-events:none;font-size:14px;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.md-document-search input{color:#1e293b;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;height:42px;padding:0 14px 0 40px;font-family:inherit;font-size:14px;transition:all .2s}.md-document-search input:focus{border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a}.md-document-filter-form select{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;min-width:160px;height:42px;padding:0 12px;font-family:inherit;font-size:13px}.md-document-filter-form select:focus{border-color:#2196f3}.document-search-btn,.document-clear-btn{cursor:pointer;border-radius:8px;height:42px;padding:0 16px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s}.document-search-btn{color:#fff;background:#2196f3;border:none}.document-search-btn:hover{background:#1565c0}.document-clear-btn{color:#475569;background:#e2e8f0;border:none}.document-clear-btn:hover{background:#cbd5e1}.md-documents-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 6px 20px #0f172a0d}.md-documents-table-wrapper{width:100%;overflow-x:auto}.md-documents-table{border-collapse:collapse;width:100%;min-width:1050px}.md-documents-table thead{background:#f8fafc}.md-documents-table th{color:#64748b;text-align:left;text-transform:uppercase;letter-spacing:.35px;border-bottom:1px solid #e2e8f0;padding:14px 18px;font-size:11px;font-weight:700}.md-documents-table td{color:#475569;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:15px 18px;font-size:13px}.md-documents-table tbody tr{transition:all .15s}.md-documents-table tbody tr:hover{background:#f8fbff}.md-documents-table tbody tr:last-child td{border-bottom:none}.md-document-info{align-items:center;gap:12px;min-width:300px;display:flex}.md-document-icon{color:#1565c0;background:#e3f2fd;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:10px;font-weight:800;display:flex}.md-document-title{color:#1e293b;max-width:330px;font-size:14px;font-weight:600}.md-document-file{color:#64748b;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;max-width:330px;margin-top:4px;font-size:11px;display:flex;overflow:hidden}.md-document-id{color:#94a3b8;margin-top:4px;font-size:10px}.md-document-category{color:#1565c0;white-space:nowrap;background:#eff6ff;border-radius:20px;padding:5px 10px;font-size:11px;font-weight:600;display:inline-block}.md-document-status{text-transform:capitalize;border-radius:20px;padding:5px 10px;font-size:10px;font-weight:700;display:inline-block}.status-published{color:#15803d;background:#dcfce7}.status-inactive{color:#475569;background:#e2e8f0}.status-deleted{color:#b91c1c;background:#fee2e2}.md-document-actions{align-items:center;gap:7px;display:flex}.download-document-btn,.delete-document-btn{cursor:pointer;border-radius:6px;padding:7px 11px;font-family:inherit;font-size:11px;font-weight:600;transition:all .2s}.download-document-btn{color:#1565c0;background:#eff6ff;border:1px solid #bfdbfe}.download-document-btn:hover{background:#dbeafe}.delete-document-btn{color:#dc2626;background:#fff1f2;border:1px solid #fecaca}.delete-document-btn:hover{background:#fee2e2}.md-documents-loading{color:#64748b;justify-content:center;align-items:center;min-height:350px;font-size:14px;display:flex}.md-documents-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:350px;padding:40px;display:flex}.empty-icon{background:#eff6ff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:15px;font-size:28px;display:flex}.md-documents-empty h3{color:#334155;margin:0;font-size:17px}.md-documents-empty p{color:#94a3b8;margin:7px 0 0;font-size:13px}.md-document-modal-overlay{z-index:1000;background:#0f172a80;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.md-document-modal{background:#fff;border-radius:14px;width:100%;max-width:650px;max-height:92vh;overflow:hidden;box-shadow:0 20px 50px #0f172a33}.md-document-modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;gap:15px;padding:22px 24px;display:flex}.md-document-modal-header h2{color:#1565c0;margin:0;font-size:20px;font-weight:700}.md-document-modal-header p{color:#64748b;margin:5px 0 0;font-size:12px}.close-modal-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:7px;flex-shrink:0;width:32px;height:32px;font-size:22px;line-height:1}.md-document-modal-body{max-height:calc(92vh - 150px);padding:22px 24px;overflow-y:auto}.form-group{margin-bottom:18px}.form-group label{color:#475569;margin-bottom:7px;font-size:12px;font-weight:600;display:block}.form-group label span{color:#dc2626;margin-left:3px}.form-group input,.form-group select,.form-group textarea{color:#1e293b;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:13px;transition:all .2s}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{cursor:not-allowed;background:#f8fafc}.file-upload-box{position:relative}.file-upload-box input[type=file]{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.file-upload-label{text-align:center;cursor:pointer;background:#f8fbff;border:2px dashed #bfdbfe;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;min-height:85px;padding:15px;transition:all .2s;display:flex}.file-upload-label:hover{background:#eff6ff;border-color:#2196f3}.file-upload-label strong{color:#1565c0;font-size:13px}.file-upload-label small{color:#94a3b8;margin-top:5px;font-size:11px}.category-hint{color:#94a3b8;margin-top:6px;font-size:10px;line-height:1.5;display:block}.md-document-modal-footer{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:10px;padding:17px 24px;display:flex}.modal-cancel-btn,.modal-upload-btn{cursor:pointer;border-radius:7px;min-height:40px;padding:0 16px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s}.modal-upload-btn{color:#fff;background:#2196f3;border:none}.modal-upload-btn:hover{background:#1565c0}.modal-cancel-btn:disabled,.modal-upload-btn:disabled{opacity:.6;cursor:not-allowed}@media (width<=1000px){.md-document-filter-form{flex-wrap:wrap}.md-document-search{flex-basis:100%}}@media (width<=700px){.md-documents-page{padding:18px}.md-documents-header{flex-direction:column}.add-document-btn{width:100%}.md-document-filter-form{flex-direction:column;align-items:stretch}.md-document-search,.md-document-filter-form select,.document-search-btn,.document-clear-btn{width:100%}.md-document-modal-overlay{padding:10px}.md-document-modal{max-height:95vh}.md-document-modal-header,.md-document-modal-body,.md-document-modal-footer{padding-left:18px;padding-right:18px}.form-row{grid-template-columns:1fr;gap:0}.md-document-modal-footer{flex-direction:column-reverse}.modal-cancel-btn,.modal-upload-btn{width:100%}}@media (width<=480px){.md-documents-page{padding:12px}.md-documents-header h1{font-size:24px}.md-document-filter-card{padding:14px}.md-document-actions{flex-direction:column;align-items:stretch}.download-document-btn,.delete-document-btn{width:100%}.md-document-info{min-width:260px}}.md-leave-page{box-sizing:border-box;color:#111827;width:100%;min-height:100%;font-family:inherit}.md-leave-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.md-leave-header h1{color:#111827;letter-spacing:-.02em;margin:0 0 6px;font-size:28px;font-weight:700}.md-leave-header p{color:#6b7280;margin:0;font-size:14px}.primary-button{color:#fff;background:#2563eb;box-shadow:0 1px 2px #2563eb33}.primary-button:hover{background:#1d4ed8;box-shadow:0 2px 4px #2563eb4d}.primary-button:disabled,.secondary-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.secondary-button{color:#374151;background:#f3f4f6;border:1px solid #e5e7eb}.secondary-button:hover{color:#111827;background:#e5e7eb}.leave-alert{border-radius:8px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 16px;font-size:13px;font-weight:500;animation:.25s ease-out fadeInAlert;display:flex}@keyframes fadeInAlert{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.leave-tabs button{color:#6b7280;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:7px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .15s}.tab-count{color:#fff;background:#2563eb;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;margin-left:6px;padding:0 6px;font-size:11px;font-weight:700;display:inline-flex}.leave-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.card-header h2{color:#111827;margin:0 0 4px;font-size:17px;font-weight:700}.leave-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:14px;padding:18px;display:flex;box-shadow:0 1px 2px #00000008}.stat-icon.purple{color:#7e22ce;background:#f3e8ff}.leave-stat-card span{color:#6b7280;margin-bottom:3px;font-size:12px;font-weight:500;display:block}.leave-stat-card strong{color:#111827;font-size:24px;font-weight:700;display:block}.search-box{background:#fff;border:1px solid #d1d5db;border-radius:8px;align-items:center;gap:8px;width:260px;height:38px;padding:0 12px;transition:border-color .15s;display:flex}.search-box:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #dbeafe}.search-box input{color:#111827;background:0 0;border:none;outline:none;width:100%;font-size:13px}.empty-table{font-style:italic;text-align:center!important;color:#9ca3af!important;padding:50px 20px!important}.small-avatar,.employee-avatar,.leave-type-avatar{color:#2563eb;-webkit-user-select:none;user-select:none;background:#eff6ff;justify-content:center;align-items:center;font-weight:700;display:flex}.small-avatar{border-radius:50%;flex-shrink:0;width:34px;height:34px;font-size:12px}.leave-type-avatar{border-radius:8px;flex-shrink:0;width:34px;height:34px;font-size:12px}.color-dot{border-radius:50%;flex-shrink:0;width:11px;height:11px;display:inline-block;box-shadow:0 0 0 1px #0000001a}.code-badge{color:#4b5563;letter-spacing:.03em;background:#f3f4f6;border-radius:4px;align-items:center;padding:2px 7px;font-size:10px;font-weight:700;display:inline-flex}.badge{white-space:nowrap;border-radius:5px;align-items:center;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge-paid{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.badge-unpaid{color:#4b5563;background:#f3f4f6;border:1px solid #e5e7eb}.reason-cell{flex-direction:column;gap:3px;max-width:240px;display:flex}.reason-cell span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.reason-cell a{font-weight:600;text-decoration:none;transition:all .15s}.reason-cell a:hover{text-decoration:underline}.status-pending{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa}.status-cancelled{color:#6b7280;background:#f3f4f6;border:1px solid #e5e7eb}.status-revoked,.status-reversed{color:#7e22ce;background-color:#f3e8ff;border:1px solid #d8b4fe}.status-running{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;animation:1.8s ease-in-out infinite pulseStatus}@keyframes pulseStatus{0%,to{opacity:1}50%{opacity:.6}}.icon-button{cursor:pointer;color:#4b5563;background:#f3f4f6;border:none;border-radius:7px;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;transition:all .15s;display:inline-flex}.icon-button:hover{color:#111827;background:#e5e7eb}.small-action{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:4px;padding:6px 10px;font-size:11px;font-weight:700;transition:all .15s;display:inline-flex}.small-action.approve:hover{background:#d1fae5}.small-action.reject:hover{background:#fee2e2}.small-action.revoke{color:#7e22ce;background:#f3e8ff}.small-action.revoke:hover{background:#e9d5ff}.policy-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;justify-content:space-between;padding:20px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 1px 2px #00000008}.policy-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.policy-card-top h3{color:#111827;margin:0 0 6px;font-size:16px;font-weight:700}.policy-allocation{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;margin-bottom:16px;padding:14px}.policy-allocation span{color:#6b7280;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:600;display:block}.policy-details div{background:#f9fafb;border:1px solid #f3f4f6;border-radius:6px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.policy-details span{color:#9ca3af;text-transform:uppercase;letter-spacing:.02em;font-size:10px;font-weight:700}.policy-details strong{color:#374151;font-size:11px;font-weight:600}.empty-state{text-align:center;padding:56px 20px}.empty-state h3{color:#111827;margin:0 0 6px;font-size:17px;font-weight:700}.empty-state p{color:#9ca3af;max-width:420px;margin:0 auto;font-size:13px}.employee-search-panel .form-group{width:100%;max-width:450px}.employee-summary{background:#fff;border-bottom:1px solid #e5e7eb;align-items:center;gap:14px;padding:20px 24px;display:flex}.employee-summary h3{margin:0 0 3px;font-size:16px;font-weight:700}.available-days{color:#059669;font-size:14px;font-weight:700}.form-group input[type=color]{cursor:pointer;border-radius:7px;height:40px;padding:4px}.form-group input:disabled,.form-group select:disabled{cursor:not-allowed;color:#6b7280;background:#f3f4f6}.checkbox-row{cursor:pointer;color:#374151;background:#fafafa;border:1px solid #e5e7eb;border-radius:8px;align-items:flex-start;gap:10px;padding:11px 13px;font-size:12px;line-height:1.4;transition:background .15s,border-color .15s;display:flex}.checkbox-row:hover{background:#f4f5f7;border-color:#d1d5db}.checkbox-row input[type=checkbox]{accent-color:#2563eb;cursor:pointer;flex-shrink:0;width:15px;height:15px;margin-top:2px}.sub-form-group{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;grid-column:1/-1;margin-top:-4px;padding:10px 14px}.sub-form-group label{color:#475569;margin-bottom:6px;font-size:11px;font-weight:600;display:block}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a7a;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fadeInModal;display:flex;position:fixed;inset:0}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}.modal-header h2{color:#111827;margin:0 0 4px;font-size:18px;font-weight:700}.modal-close{color:#4b5563;cursor:pointer;background:#f3f4f6;border:none;border-radius:7px;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;line-height:1;transition:all .15s;display:flex}.modal .table-wrapper{padding:0 24px 20px}.modal-footer{background:#fafafa;border-top:1px solid #e5e7eb;border-radius:0 0 14px 14px;justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.balance-preview{background:#eff6ff;border:1px solid #dbeafe;border-radius:8px;justify-content:space-between;align-items:center;margin-top:18px;padding:14px 16px;display:flex}.page-loading{z-index:500;color:#fff;background:#111827;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:12px;font-weight:500;display:flex;position:fixed;bottom:25px;right:25px;box-shadow:0 8px 25px #0003}@media (width<=1280px){.leave-stat-grid{grid-template-columns:repeat(3,1fr)}.policy-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.md-leave-header{flex-direction:column}.leave-stat-grid{grid-template-columns:repeat(2,1fr)}.card-header{flex-direction:column;align-items:flex-start}.request-header{flex-direction:column}.header-actions{flex-wrap:wrap;width:100%}.search-box{width:100%}.policy-grid,.form-checkboxes{grid-template-columns:1fr}.employee-search-panel{flex-direction:column;align-items:stretch}.employee-search-panel .form-group{width:100%;max-width:100%}}@media (width<=650px){.leave-stat-grid{grid-template-columns:1fr}.leave-tabs{border-radius:8px}.leave-tabs button{padding:9px 12px;font-size:12px}.md-leave-header h1{font-size:22px}.form-grid{grid-template-columns:1fr}.form-group.full{grid-column:auto}.employee-summary{flex-wrap:wrap;align-items:flex-start}.employee-summary .primary-button{width:100%}.modal{max-height:95vh}}.status-pill{text-transform:capitalize;white-space:nowrap;border-radius:20px;justify-content:center;align-items:center;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}button.status-pill{cursor:pointer;border:none;font-family:inherit;transition:all .15s}button.status-pill:hover:not(:disabled){filter:brightness(.92);transform:translateY(-1px)}button.status-pill:active:not(:disabled){transform:translateY(0)}button.status-pill:disabled{opacity:.6;cursor:not-allowed;filter:none}.status-approved,.status-active,.status-completed,.status-credited{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.status-rejected,.status-inactive,.status-failed{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}@media (width<=1100px){.performance-filters,.performance-form-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.performance-page{padding:16px}.performance-header{flex-direction:column}.performance-header-actions{width:100%}.performance-header-actions .performance-btn{flex:1}.performance-filters,.performance-form-grid{grid-template-columns:1fr}.performance-form-full{grid-column:auto}.performance-form-actions{flex-direction:column-reverse}.performance-form-actions .performance-btn{width:100%}}@media (width<=1200px){.tasks-stats{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.tasks-management{padding:16px}.tasks-stats{grid-template-columns:repeat(2,1fr)}.task-form{grid-template-columns:1fr}.task-form-full,.task-form-actions,.task-modal-actions{grid-column:auto}.task-form-actions{justify-content:stretch}.task-form-actions .task-primary-btn{width:100%}.task-modal{max-height:95vh}}@media (width<=480px){.tasks-stats{grid-template-columns:1fr}.tasks-header h1{font-size:22px}.task-actions{flex-direction:column;align-items:stretch}.task-actions button{width:100%}}@media (width<=768px){.task-filters{flex-direction:column;align-items:stretch;gap:.75rem}.task-search-box,.task-filter-item,.clear-task-filters{flex:100%;width:100%}}@media (width<=1000px){.timesheets-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.timesheets-page{padding:16px}.timesheets-header{flex-direction:column;align-items:flex-start}.timesheets-primary-btn{width:100%}.timesheets-kpi-grid{grid-template-columns:1fr}.timesheets-filter-card{flex-direction:column;align-items:stretch}.timesheets-filter-group{width:100%;min-width:0}.timesheets-reset-btn{width:100%}.timesheets-table-header{flex-direction:column;align-items:flex-start}.timesheets-form-grid{grid-template-columns:1fr}.timesheets-modal-overlay{padding:10px}.timesheets-modal-footer{flex-direction:column-reverse}.timesheets-modal-footer button{width:100%}}@media (width<=700px){.timesheets-header-actions{flex-direction:column;width:100%}.timesheets-header-actions button{width:100%}}@media (width<=800px){.chargecodes-summary{grid-template-columns:1fr}.chargecodes-header{flex-direction:column;align-items:flex-start}.chargecodes-header .chargecodes-primary-btn{width:100%}.chargecodes-filter-card{flex-direction:column;align-items:stretch}.chargecodes-search{width:100%}.chargecodes-record-count{align-self:flex-start}}@media (width<=600px){.chargecodes-page{padding:16px}.chargecodes-actions{flex-direction:column;align-items:stretch}.chargecodes-actions button{width:100%}.chargecodes-modal-overlay{padding:10px}.chargecodes-modal-footer{flex-direction:column-reverse}.chargecodes-modal-footer button{width:100%}}.payroll-page{color:#172033;box-sizing:border-box;background:#f8fafc;width:100%;min-height:100%;padding:28px 30px 40px;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.payroll-page *,.payroll-page :before,.payroll-page :after{box-sizing:border-box}.payroll-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.payroll-header h1{color:#111827;letter-spacing:-.3px;margin:0;font-size:26px;font-weight:700;line-height:1.3}.payroll-header p{color:#64748b;margin:6px 0 0;font-size:13px;line-height:1.6}.payroll-period-actions{align-items:center;gap:10px;display:flex}.payroll-page input,.payroll-page select{color:#1e293b;background:#fff;border:1px solid #d8dee8;border-radius:8px;outline:none;width:100%;height:42px;padding:0 13px;font-family:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s}.payroll-page input::placeholder{color:#94a3b8}.payroll-page input:focus,.payroll-page select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.payroll-page .btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;height:40px;padding:0 16px;font-family:inherit;font-size:13px;font-weight:600;transition:background .2s,border-color .2s,color .2s,transform .15s,box-shadow .2s;display:inline-flex}.payroll-page .btn:active{transform:translateY(1px)}.payroll-page .btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.payroll-page .btn-primary{color:#fff;background:#2563eb;border-color:#2563eb}.payroll-page .btn-primary:hover:not(:disabled){background:#1d4ed8;border-color:#1d4ed8;box-shadow:0 3px 8px #2563eb2e}.payroll-page .btn-secondary{color:#334155;background:#fff;border-color:#d8dee8}.payroll-page .btn-secondary:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.payroll-page .btn-small{border-radius:7px;height:34px;padding:0 12px;font-size:12px}.payroll-alert{border-radius:8px;align-items:center;min-height:44px;margin-bottom:20px;padding:10px 16px;font-size:13px;font-weight:500;line-height:1.4;display:flex}.payroll-alert.success{color:#166534;background:#ecfdf3;border:1px solid #bbf7d0}.payroll-alert.error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.payroll-period-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;padding:18px 20px;display:flex;box-shadow:0 1px 2px #0f172a08}.payroll-period-card>div:first-child{width:320px}.payroll-period-card label{color:#475569;margin-bottom:7px;font-size:12px;font-weight:600;display:block}.period-info{color:#64748b;align-items:center;gap:10px;min-height:42px;font-size:12.5px;display:flex}.period-info>span:not(.status-badge){white-space:nowrap}.status-badge{text-transform:capitalize;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:24px;padding:3px 10px;font-size:11px;font-weight:600;line-height:1;display:inline-flex}.status-badge.pending,.status-badge.not_calculated{color:#64748b;background:#f1f5f9}.status-badge.draft{color:#92400e;background:#fef3c7}.status-badge.calculated,.status-badge.processing{color:#1d4ed8;background:#dbeafe}.status-badge.approved,.status-badge.processed,.status-badge.active{color:#166534;background:#dcfce7}.status-badge.finalized,.status-badge.open{color:#6d28d9;background:#ede9fe}.status-badge.locked{color:#334155;background:#e2e8f0}.status-badge.cancelled,.status-badge.inactive,.status-badge.pip{color:#b91c1c;background:#fee2e2}.payroll-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.payroll-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;min-height:105px;padding:18px 20px;position:relative;overflow:hidden;box-shadow:0 1px 2px #0f172a08}.payroll-kpi-card:before{content:"";background:#2563eb;width:4px;height:100%;position:absolute;top:0;left:0}.payroll-kpi-card span{color:#64748b;margin-bottom:8px;font-size:12px;font-weight:500;display:block}.payroll-kpi-card strong{color:#111827;font-size:22px;font-weight:700;line-height:1.2;display:block}.payroll-action-bar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px;display:flex}.payroll-action-bar h2{color:#111827;margin:0;font-size:18px;font-weight:600}.payroll-action-bar span{color:#94a3b8;margin-top:3px;font-size:11.5px;display:block}.payroll-filters{grid-template-columns:minmax(260px,1fr) 200px 180px;gap:10px;margin-bottom:16px;display:grid}.filter-search{position:relative}.payroll-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;width:100%;overflow:hidden;box-shadow:0 1px 2px #0f172a08}.payroll-table{border-collapse:collapse;table-layout:auto;width:100%;min-width:1120px}.payroll-table thead{background:#f8fafc}.payroll-table th{color:#64748b;text-align:left;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;border-bottom:1px solid #e2e8f0;height:48px;padding:0 16px;font-size:11px;font-weight:600}.payroll-table td{color:#475569;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #eef2f7;height:64px;padding:10px 16px;font-size:12.5px}.payroll-table tbody tr{transition:background .15s}.payroll-table tbody tr:last-child td{border-bottom:none}.payroll-table td strong{color:#1e293b;font-weight:600}.employee-cell{align-items:center;gap:12px;min-width:200px;display:flex}.employee-cell>div:last-child{flex-direction:column;min-width:0;display:flex}.employee-cell strong{color:#1e293b;text-overflow:ellipsis;white-space:nowrap;max-width:190px;font-size:12.5px;font-weight:600;overflow:hidden}.employee-avatar{object-fit:cover;border-radius:50%;flex:0 0 36px;width:36px;height:36px}.employee-avatar-placeholder{color:#2563eb;background:#eff6ff;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.salary-not-configured{color:#c2410c;background:#fff7ed;border-radius:6px;align-items:center;padding:4px 8px;font-size:11px;font-weight:600;display:inline-flex}.payroll-row-actions{align-items:center;gap:6px;display:flex}.table-loading,.empty-state{text-align:center!important;color:#94a3b8!important;height:180px!important;font-size:13px!important}.payroll-loading{color:#64748b;justify-content:center;align-items:center;min-height:400px;font-size:13.5px;font-weight:500;display:flex}.payroll-modal-overlay{z-index:10000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a8c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.payroll-modal{background:#fff;border-radius:12px;width:min(760px,100%);max-height:calc(100vh - 48px);animation:.18s ease-out payrollModalIn;overflow:hidden;box-shadow:0 20px 50px #0f172a33,0 4px 12px #0f172a14}@keyframes payrollModalIn{0%{opacity:0;transform:translateY(8px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.payroll-modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;gap:20px;padding:20px 24px;display:flex}.payroll-modal-header h2{color:#111827;margin:0;font-size:18px;font-weight:700}.modal-close{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:7px;flex:0 0 32px;width:32px;height:32px;font-size:22px;line-height:1;transition:background .15s,color .15s}.modal-close:hover{color:#1e293b;background:#f1f5f9}.salary-form{max-height:calc(100vh - 170px);overflow-y:auto}.salary-section{border-bottom:1px solid #eef2f7;padding:20px 24px}.salary-section:last-of-type{border-bottom:none}.salary-section h3{color:#334155;margin:0 0 14px;font-size:13.5px;font-weight:600}.salary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.salary-grid label{color:#475569;flex-direction:column;gap:6px;font-size:11.5px;font-weight:600;display:flex}.salary-grid input{height:40px}.payroll-modal-footer{background:#fafbfc;border-top:1px solid #eef2f7;justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.modal-loading{color:#64748b;justify-content:center;align-items:center;min-height:220px;font-size:13px;display:flex}.payroll-page ::-webkit-scrollbar{width:7px;height:7px}.payroll-page ::-webkit-scrollbar-track{background:0 0}.payroll-page ::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.payroll-page ::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (width<=1100px){.payroll-page{padding:24px 20px 35px}.payroll-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.payroll-filters{grid-template-columns:1fr 1fr}.filter-search{grid-column:1/-1}}@media (width<=700px){.payroll-page{padding:18px 14px 30px}.payroll-header{flex-direction:column;gap:16px}.payroll-header h1{font-size:22px}.payroll-period-actions{width:100%}.payroll-period-actions input{flex:1}.payroll-period-card{flex-direction:column;align-items:stretch}.payroll-period-card>div:first-child{width:100%}.period-info{flex-wrap:wrap}.payroll-kpi-grid{grid-template-columns:1fr 1fr;gap:10px}.payroll-kpi-card{min-height:90px;padding:14px}.payroll-kpi-card strong{font-size:19px}.payroll-action-bar{flex-direction:column;align-items:flex-start}.payroll-action-bar .btn{width:100%}.payroll-filters{grid-template-columns:1fr}.filter-search{grid-column:auto}.salary-grid{grid-template-columns:1fr}.payroll-modal-overlay{align-items:flex-end;padding:0}.payroll-modal{border-radius:16px 16px 0 0;width:100%;max-height:90vh}}@media (width<=430px){.payroll-page{padding:14px 10px 24px}.payroll-period-actions{flex-direction:column;align-items:stretch}.payroll-period-actions input,.payroll-period-actions .btn{width:100%}.payroll-kpi-grid{grid-template-columns:1fr}.payroll-modal-header,.salary-section,.payroll-modal-footer{padding-left:16px;padding-right:16px}}.employee-overview-page{color:#1f2937;background:#f5f7fb;min-height:100vh;padding:24px}.employee-overview-page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.employee-overview-page-header h1{margin:0;font-size:26px;font-weight:600}.employee-overview-page-header p{color:#6b7280;margin:6px 0 0;font-size:14px}.employee-overview-refresh{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:10px 18px;font-size:14px}.employee-overview-refresh:hover{background:#1d4ed8}.employee-profile-card{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:28px;display:flex;box-shadow:0 8px 25px #2563eb2e}.employee-profile-left{align-items:center;gap:22px;display:flex}.employee-profile-image{object-fit:cover;border:4px solid #fff;border-radius:50%;width:110px;height:110px}.employee-profile-info h2{margin:0;font-size:25px;font-weight:600}.employee-position{opacity:.9;margin:6px 0 14px;font-size:15px}.employee-profile-meta{flex-wrap:wrap;gap:10px;display:flex}.employee-profile-meta span{background:#ffffff26;border-radius:20px;padding:6px 11px;font-size:12px}.employee-profile-status{align-self:flex-start}.overview-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;margin-bottom:24px;padding:22px;box-shadow:0 4px 15px #0000000a}.overview-card-header{border-bottom:1px solid #eef0f3;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:14px;display:flex}.overview-card-header h2{margin:0;font-size:18px;font-weight:600}.overview-card-header p{color:#6b7280;margin:4px 0 0;font-size:13px}.employee-details-grid{grid-template-columns:repeat(3,1fr);gap:0 25px;display:grid}.employee-info-item{border-bottom:1px solid #eef0f3;padding:14px 0}.employee-info-label{color:#6b7280;margin-bottom:5px;font-size:12px;display:block}.employee-info-value{color:#1f2937;font-size:14px;font-weight:500;display:block}.employee-info-link{color:#2563eb;text-decoration:none}.employee-info-link:hover{text-decoration:underline}.overview-two-column{grid-template-columns:1fr 1fr;gap:24px;display:grid}.status-badge{text-transform:capitalize;border-radius:20px;justify-content:center;align-items:center;padding:5px 10px;font-size:11px;font-weight:600;display:inline-flex}.status-success{color:#15803d;background:#dcfce7}.status-warning{color:#b45309;background:#fef3c7}.status-danger{color:#b91c1c;background:#fee2e2}.status-default{color:#4b5563;background:#f3f4f6}.attendance-main{align-items:center;gap:20px;margin-bottom:20px;display:flex}.attendance-circle{border:8px solid #dbeafe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:90px;height:90px;display:flex}.attendance-circle span{color:#2563eb;font-size:20px;font-weight:600}.attendance-main strong{font-size:15px;display:block}.attendance-main p{color:#6b7280;margin:5px 0 0;font-size:12px}.mini-stats,.training-summary{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.overview-mini-stat{text-align:center;background:#f8fafc;border:1px solid #eef0f3;border-radius:10px;padding:14px}.overview-mini-stat strong{color:#2563eb;font-size:20px;display:block}.overview-mini-stat span{color:#6b7280;margin-top:4px;font-size:11px;display:block}.overview-table-wrapper{width:100%;margin-top:20px;overflow-x:auto}.overview-table{border-collapse:collapse;width:100%;min-width:500px}.overview-table th{color:#6b7280;text-align:left;background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:11px 12px;font-size:12px;font-weight:600}.overview-table td{border-bottom:1px solid #eef0f3;padding:12px;font-size:13px}.overview-table tr:last-child td{border-bottom:none}.leave-balance-item{background:#f8fafc;border:1px solid #eef0f3;border-radius:10px;justify-content:space-between;align-items:center;padding:14px;display:flex}.leave-balance-item strong{font-size:13px;display:block}.leave-balance-item span{color:#6b7280;margin-top:3px;font-size:11px;display:block}.leave-balance-item .leave-number{color:#2563eb;font-size:20px}.sub-section-title{margin-top:24px;margin-bottom:10px;font-size:14px;font-weight:600}.performance-list{flex-direction:column;gap:10px;display:flex}.performance-item{border:1px solid #eef0f3;border-radius:10px;justify-content:space-between;align-items:center;padding:14px;display:flex}.performance-item strong{font-size:13px;display:block}.performance-item span{color:#6b7280;margin-top:3px;font-size:11px;display:block}.performance-score{color:#2563eb;font-size:20px;font-weight:600}.performance-score small{color:#6b7280;font-size:11px}.case-list{flex-direction:column;gap:10px;display:flex}.case-item{border:1px solid #eef0f3;border-radius:10px;justify-content:space-between;gap:15px;padding:14px;display:flex}.case-item p{color:#4b5563;margin:8px 0 0;font-size:12px}.case-type{border-radius:15px;padding:4px 9px;font-size:10px;font-weight:600;display:inline-block}.case-date{color:#6b7280;white-space:nowrap;font-size:11px}.dummy-label{color:#b45309;background:#fef3c7;border-radius:15px;padding:5px 10px;font-size:11px;font-weight:600}.dummy-training-message{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;margin-top:18px;padding:12px 15px;font-size:12px}.empty-section{text-align:center;color:#9ca3af;padding:25px 10px;font-size:13px}.employee-overview-loading,.employee-overview-empty{color:#6b7280;justify-content:center;align-items:center;min-height:400px;display:flex}.employee-overview-error{text-align:center;background:#fff;border:1px solid #fee2e2;border-radius:12px;max-width:500px;margin:100px auto;padding:30px}.employee-overview-error h3{color:#b91c1c;margin:0 0 8px}.employee-overview-error p{color:#6b7280;margin-bottom:20px}.employee-overview-error button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:7px;padding:9px 18px}@media (width<=1000px){.employee-details-grid{grid-template-columns:repeat(2,1fr)}.overview-two-column{grid-template-columns:1fr}}@media (width<=650px){.employee-overview-page{padding:15px}.employee-overview-page-header{align-items:flex-start;gap:15px}.employee-overview-page-header h1{font-size:21px}.employee-profile-card{flex-direction:column;align-items:flex-start;gap:20px}.employee-profile-left{flex-direction:column;align-items:flex-start}.employee-details-grid{grid-template-columns:1fr}.mini-stats,.training-summary{grid-template-columns:repeat(2,1fr)}.leave-balance-grid{grid-template-columns:1fr}}.md-events-page{color:#1f2937;padding:24px}.md-events-header,.md-events-list-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.md-events-header h1{margin:0 0 8px;font-size:28px}.md-events-header p{color:#6b7280;margin:0}.md-events-count{border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;gap:4px;padding:14px 22px;display:flex}.md-events-count span{color:#6b7280;font-size:13px}.md-events-count strong{font-size:24px}.md-events-form-card,.md-event-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:22px}.md-events-form-card{margin-bottom:30px}.md-events-form-card h2,.md-events-list-header h2{margin:0;font-size:19px}.md-events-form-card h2{margin-bottom:22px}.md-events-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.md-events-field{flex-direction:column;gap:8px;display:flex}.md-events-field.full-width{grid-column:1/-1}.md-events-field label{font-size:14px;font-weight:600}.md-events-field input,.md-events-field textarea{box-sizing:border-box;width:100%;font:inherit;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:11px 12px}.md-events-field input:focus,.md-events-field textarea:focus{border-color:#2563eb;outline:2px solid #bfdbfe}.md-events-field textarea{resize:vertical}.md-events-form-actions,.md-event-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.md-events-btn{font:inherit;cursor:pointer;border:0;border-radius:8px;padding:10px 15px;font-size:14px;font-weight:600}.md-events-btn:disabled{opacity:.6;cursor:not-allowed}.md-events-btn.primary{color:#fff;background:#2563eb}.md-events-btn.primary:hover{background:#1d4ed8}.md-events-btn.secondary{color:#374151;background:#f3f4f6}.md-events-btn.danger{color:#b91c1c;background:#fee2e2}.md-events-alert{border-radius:8px;margin-bottom:18px;padding:12px 16px}.md-events-alert.error{color:#b91c1c;background:#fef2f2}.md-events-alert.success{color:#047857;background:#ecfdf5}.md-events-list-section{margin-top:30px}.md-events-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px;display:grid}.md-event-card{flex-direction:column;min-width:0;display:flex}.md-event-card-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.md-event-status{border-radius:20px;padding:5px 9px;font-size:12px;font-weight:600}.md-event-status.upcoming{color:#166534;background:#dcfce7}.md-event-status.past{color:#6b7280;background:#f3f4f6}.md-event-date{color:#6b7280;font-size:13px}.md-event-card h3{overflow-wrap:anywhere;margin:18px 0 10px}.md-event-description{color:#6b7280;white-space:pre-wrap;overflow-wrap:anywhere;flex:1;line-height:1.6}.md-event-actions{border-top:1px solid #f3f4f6;justify-content:flex-start;padding-top:16px}.md-events-empty{text-align:center;color:#6b7280;background:#f9fafb;border:1px dashed #d1d5db;border-radius:12px;padding:36px 20px}.md-events-empty h3{color:#374151;margin-top:0}@media (width<=640px){.md-events-page{padding:16px}.md-events-header{flex-direction:column;align-items:flex-start}.md-events-form-grid{grid-template-columns:1fr}.md-events-field.full-width{grid-column:auto}.md-events-form-actions{flex-wrap:wrap}}.exit-admin-page{--exit-primary:#2563eb;--exit-primary-hover:#1d4ed8;--exit-border:#e2e8f0;--exit-muted:#64748b;--exit-text:#1e293b;--exit-surface:#fff;--exit-background:#f8fafc;width:100%;min-width:0;color:var(--exit-text);background:var(--exit-background);box-sizing:border-box;padding:24px;font-family:Poppins,sans-serif}.exit-admin-page *,.exit-admin-page :before,.exit-admin-page :after{box-sizing:border-box}.exit-admin-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.exit-admin-header h1{margin:0;font-size:25px;font-weight:700}.exit-admin-header p{color:var(--exit-muted);margin:7px 0 0;font-size:13px;line-height:1.6}.exit-role-chip{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:20px;flex-shrink:0;padding:7px 13px;font-size:12px;font-weight:600}.exit-admin-layout{grid-template-columns:minmax(280px,350px) minmax(0,1fr);align-items:start;gap:20px;display:grid}.exit-panel{border:1px solid var(--exit-border);background:var(--exit-surface);border-radius:12px;min-width:0;padding:20px;overflow:hidden;box-shadow:0 2px 8px #0f172a0a}.exit-panel-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.exit-panel-heading h2{overflow-wrap:anywhere;margin:0;font-size:18px;font-weight:650}.exit-panel-heading h3,.exit-subsection h3{margin:0;font-size:15px;font-weight:650}.exit-panel-heading p{margin:5px 0 0}.exit-filters{gap:10px;margin-bottom:16px;display:grid}.exit-admin-page input,.exit-admin-page select,.exit-admin-page textarea{width:100%;min-width:0;color:var(--exit-text);font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:7px;padding:10px 11px;font-size:13px}.exit-admin-page input:focus,.exit-admin-page select:focus,.exit-admin-page textarea:focus{border-color:var(--exit-primary);outline:2px solid #2563eb2e}.exit-admin-page textarea{resize:vertical;line-height:1.6}.exit-request-items{gap:10px;max-height:720px;padding-right:2px;display:grid;overflow-y:auto}.exit-request-item{border:1px solid var(--exit-border);width:100%;color:inherit;text-align:left;cursor:pointer;background:#fff;border-radius:9px;flex-direction:column;gap:9px;padding:13px;transition:border-color .15s,background .15s;display:flex}.exit-request-item:hover{background:#f8fbff;border-color:#93c5fd}.exit-request-item.selected{border-color:var(--exit-primary);background:#eff6ff}.exit-request-item-top{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.exit-request-item-top strong{overflow-wrap:anywhere;font-size:13px}.exit-request-meta{color:var(--exit-muted);overflow-wrap:anywhere;font-size:12px;line-height:1.5;display:block}.exit-status{color:#475569;text-transform:capitalize;overflow-wrap:anywhere;background:#f1f5f9;border-radius:20px;align-items:center;width:fit-content;max-width:100%;padding:5px 8px;font-size:10px;font-weight:600;line-height:1.4;display:inline-flex}.status-pending_manager_approval,.status-pending_employee_details,.status-pending{color:#92400e;background:#fef3c7}.status-pending_hr_clearance{color:#1d4ed8;background:#dbeafe}.status-hr_query{color:#9a3412;background:#ffedd5}.status-completed,.status-cleared,.status-not_applicable{color:#166534;background:#dcfce7}.exit-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.exit-detail-grid>div{min-width:0}.exit-field-label{color:var(--exit-muted);margin-bottom:6px;font-size:11px;font-weight:600;display:block}.exit-detail-grid strong{overflow-wrap:anywhere;font-size:13px;font-weight:550;line-height:1.6;display:block}.exit-detail-grid p{color:#334155;overflow-wrap:anywhere;white-space:pre-wrap;margin:0;font-size:13px;line-height:1.7}.exit-detail-full{grid-column:1/-1}.exit-divider{background:var(--exit-border);border:0;height:1px;margin:23px 0}.exit-subsection{gap:14px;min-width:0;display:grid}.exit-clearance-list{gap:10px;display:grid}.exit-clearance-row{border:1px solid var(--exit-border);background:#fff;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;padding:12px;display:flex}.exit-clearance-name{min-width:0}.exit-clearance-name strong{text-transform:capitalize;overflow-wrap:anywhere;font-size:13px;font-weight:600}.exit-clearance-name p{color:var(--exit-muted);white-space:pre-wrap;overflow-wrap:anywhere;margin:5px 0 0;font-size:12px;line-height:1.5}.exit-clearance-row select{flex-shrink:0;width:auto;max-width:170px}.exit-document-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.exit-document-list li{border:1px solid var(--exit-border);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.exit-document-list li>div{gap:5px;min-width:0;display:grid}.exit-document-list strong{overflow-wrap:anywhere;font-size:12px}.exit-document-list span{color:var(--exit-muted);text-transform:capitalize;font-size:11px}.exit-upload-form{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:9px;gap:13px;padding:15px;display:grid}.exit-upload-form label{color:#475569;gap:7px;font-size:12px;font-weight:550;display:grid}.exit-upload-form input[type=file]{padding:8px;font-size:12px}.exit-button{width:fit-content;max-width:100%;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:10px 14px;font-size:12px;font-weight:600;line-height:1.4;transition:background .15s,border-color .15s;display:inline-flex}.exit-button:disabled{opacity:.55;cursor:not-allowed}.exit-button-primary{background:var(--exit-primary);color:#fff}.exit-button-primary:hover:not(:disabled){background:var(--exit-primary-hover)}.exit-button-secondary{color:#334155;background:#fff;border-color:#cbd5e1}.exit-button-secondary:hover:not(:disabled){background:#f8fafc;border-color:#94a3b8}.exit-history-list{gap:12px;display:grid}.exit-history-item{background:#f8fafc;border-left:3px solid #93c5fd;border-radius:0 7px 7px 0;gap:5px;padding:12px;display:grid}.exit-history-item strong{text-transform:capitalize;overflow-wrap:anywhere;font-size:12px}.exit-history-item span{color:var(--exit-muted);font-size:11px}.exit-history-item p{color:#475569;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:12px;line-height:1.6}.exit-empty-state{color:var(--exit-muted);text-align:center;margin:0;padding:22px 12px;font-size:13px;line-height:1.6}.exit-empty-state h2{color:var(--exit-text);margin:0 0 8px;font-size:17px}.exit-empty-state p{margin:0}.exit-alert{border:1px solid;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:12px 14px;font-size:13px;line-height:1.5;display:flex}.exit-alert button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;flex-shrink:0;font-size:12px;font-weight:600}.exit-alert-error{color:#991b1b;background:#fef2f2;border-color:#fecaca}.exit-alert-success{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.exit-help-text{color:var(--exit-muted);margin:0;font-size:12px;line-height:1.6}@media (width<=1100px){.exit-admin-layout{grid-template-columns:minmax(240px,300px) minmax(0,1fr);gap:14px}.exit-panel{padding:16px}}@media (width<=800px){.exit-admin-page{padding:16px}.exit-admin-layout{grid-template-columns:minmax(0,1fr)}.exit-request-items{max-height:350px}.exit-request-item-top{flex-flow:wrap;justify-content:space-between;align-items:center}}@media (width<=520px){.exit-admin-page{padding:12px}.exit-admin-header{align-items:flex-start}.exit-admin-header h1{font-size:21px}.exit-role-chip{font-size:11px}.exit-detail-grid{grid-template-columns:minmax(0,1fr);gap:14px}.exit-detail-full{grid-column:auto}.exit-panel-heading{flex-wrap:wrap;align-items:flex-start}.exit-clearance-row{flex-direction:column;align-items:flex-start}.exit-clearance-row select{width:100%;max-width:none}.exit-button{width:100%}.exit-alert{align-items:flex-start}}.manager-dashboard{width:100%}.manager-dashboard-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.manager-dashboard-header h1{color:#111827;margin:0;font-size:22px;font-weight:700}.manager-dashboard-header p{color:#6b7280;margin:5px 0 0;font-size:12px}.manager-dashboard-grid{grid-template-columns:minmax(0,2fr) minmax(280px,.8fr);gap:20px;display:grid}@media (width<=1100px){.manager-dashboard-grid{grid-template-columns:1fr}}.manager-attendance-page{box-sizing:border-box;background:#f8fafc;width:100%;min-height:100%;padding:24px}.manager-attendance-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.manager-attendance-header h1{color:#1f2937;margin:0 0 5px;font-size:26px;font-weight:600}.manager-attendance-header p{color:#6b7280;margin:0;font-size:13px}.manager-attendance-header-actions{align-items:center;gap:10px;display:flex}.manager-attendance-export-button{color:#fff;cursor:pointer;background:#2563eb;border:1px solid #2563eb;border-radius:8px;height:40px;padding:0 18px;font-size:13px;font-weight:500}.manager-attendance-export-button:hover{background:#1d4ed8;border-color:#1d4ed8}.manager-attendance-tabs{background:#fff;border:1px solid #e5e7eb;border-radius:9px;align-items:center;gap:4px;width:fit-content;margin-bottom:20px;padding:4px;display:flex}.manager-attendance-tabs button{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:6px;height:36px;padding:0 16px;font-size:13px;font-weight:500}.manager-attendance-tabs button:hover{color:#1f2937;background:#f3f4f6}.manager-attendance-tabs button.active{color:#fff;background:#2563eb}.manager-attendance-content{flex-direction:column;gap:20px;display:flex}.manager-attendance-section{box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;padding:20px}.manager-attendance-section-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.manager-attendance-section-header h2{color:#1f2937;margin:0 0 5px;font-size:17px;font-weight:600}.manager-attendance-section-header p{color:#6b7280;margin:0;font-size:12px}@media (width<=768px){.manager-attendance-page{padding:16px}.manager-attendance-header{align-items:flex-start;gap:15px}.manager-attendance-header h1{font-size:22px}.manager-attendance-tabs{width:100%}.manager-attendance-tabs button{flex:1;padding:0 10px}.manager-attendance-section{padding:16px}}@media (width<=480px){.manager-attendance-header{flex-direction:column}.manager-attendance-header-actions,.manager-attendance-export-button{width:100%}.manager-attendance-tabs{overflow-x:auto}.manager-attendance-tabs button{flex:none}}.emp-container{color:#111827;background-color:#f9fafb;min-height:100vh;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.emp-header-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.emp-header-bar h2{color:#1f2937;margin:0;font-size:22px;font-weight:700}.emp-subtitle{color:#6b7280;margin:4px 0 0;font-size:13px}.emp-header-actions{align-items:center;gap:12px;display:flex}.emp-search-input{border:1px solid #d1d5db;border-radius:6px;outline:none;width:260px;padding:8px 14px;font-size:14px;transition:border-color .2s}.emp-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.emp-status-filter{cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;outline:none;padding:8px 12px;font-size:14px}.emp-btn-primary{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:background-color .15s ease-in-out}.emp-btn-primary:hover{background-color:#1d4ed8}.emp-btn-secondary{color:#374151;cursor:pointer;background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500}.emp-btn-secondary:hover{background-color:#e5e7eb}.emp-table-wrapper{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow-x:auto;box-shadow:0 1px 3px #0000000d}.emp-table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.emp-table th{color:#475569;text-transform:uppercase;letter-spacing:.05em;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 16px;font-size:11px;font-weight:600}.emp-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 16px}.emp-table tr:hover{background-color:#f8fafc}.emp-id-badge{color:#475569;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;font-weight:600}.emp-name-cell{color:#1e293b;font-weight:600}.emp-subtext{color:#64748b;margin-top:2px;font-size:12px}.emp-role-tag{text-transform:capitalize;color:#475569;background-color:#f1f5f9;border-radius:4px;padding:3px 8px;font-size:12px}.emp-badge{text-transform:uppercase;letter-spacing:.03em;border-radius:12px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-block}.emp-badge-active{color:#15803d;background-color:#dcfce7}.emp-badge-inactive{color:#b91c1c;background-color:#fee2e2}.emp-badge-pip{color:#b45309;background-color:#fef3c7}.emp-actions-cell{align-items:center;gap:12px;display:flex}.emp-btn-link{cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:500}.emp-btn-link.edit{color:#2563eb}.emp-btn-link.edit:hover{text-decoration:underline}.emp-btn-link.status-active{color:#dc2626}.emp-btn-link.status-inactive,.emp-btn-link.status-pip{color:#16a34a}.emp-empty{text-align:center;color:#94a3b8;padding:40px!important}.emp-dropdown-container{width:100%;position:relative}.emp-dropdown-trigger{cursor:pointer;box-sizing:border-box;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;justify-content:space-between;align-items:center;min-height:38px;padding:7px 12px;display:flex}.emp-dropdown-trigger.open{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.emp-selected-text{color:#1f2937;font-size:14px}.emp-placeholder-text{color:#9ca3af;font-size:14px}.emp-dropdown-chevron{color:#6b7280;margin-left:8px;font-size:10px}.emp-dropdown-popover{z-index:50;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;flex-direction:column;max-height:240px;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:hidden;box-shadow:0 10px 15px -3px #0000001a}.emp-dropdown-search-wrapper{background-color:#fafafa;border-bottom:1px solid #e5e7eb;padding:8px}.emp-dropdown-search-input{box-sizing:border-box;border:1px solid #d1d5db;border-radius:4px;outline:none;width:100%;padding:6px 10px;font-size:13px}.emp-dropdown-menu-list{max-height:180px;overflow-y:auto}.emp-dropdown-item{cursor:pointer;color:#374151;align-items:center;padding:8px 12px;font-size:13px;display:flex}.emp-dropdown-item:hover{background-color:#f3f4f6}.emp-dropdown-item.active{color:#1d4ed8;background-color:#eff6ff;font-weight:500}.emp-clear-option{color:#9ca3af;border-bottom:1px dashed #e5e7eb;font-style:italic}.emp-dropdown-empty{color:#9ca3af;text-align:center;padding:12px;font-size:13px}.emp-tags-wrapper{flex-wrap:wrap;flex:1;gap:4px;display:flex}.emp-tag{color:#3730a3;background-color:#e0e7ff;border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-size:12px;display:inline-flex}.emp-tag-remove{cursor:pointer;color:#4338ca;background:0 0;border:none;padding:0;font-size:13px}.emp-modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;background-color:#0f172a73;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.emp-modal{background-color:#fff;border-radius:8px;flex-direction:column;width:100%;max-width:680px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a}.emp-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.emp-modal-header h3{margin:0;font-size:18px;font-weight:600}.emp-close-btn{cursor:pointer;color:#9ca3af;background:0 0;border:none;font-size:24px}.emp-modal-body{flex-direction:column;gap:16px;padding:20px 24px;display:flex;overflow-y:auto}.emp-form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.emp-form-group{flex-direction:column;gap:6px;display:flex}.emp-form-group label{color:#374151;font-size:13px;font-weight:500}.emp-form-group input,.emp-form-group select{box-sizing:border-box;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;outline:none;height:38px;padding:8px 12px;font-size:14px}.emp-form-group input:focus,.emp-form-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.emp-input-disabled{color:#6b7280;cursor:not-allowed;background-color:#f3f4f6!important}.emp-modal-footer{background-color:#fafafa;border-top:1px solid #e5e7eb;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.emp-loading-wrapper{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:300px;display:flex}.emp-spinner{border:3px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}.emp-readonly-value{color:#333;word-break:break-word;margin:4px 0 0;font-size:14px;font-weight:500}.manager-leave-page{box-sizing:border-box;color:#111827;width:100%;min-height:100%;font-family:inherit}.manager-leave-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.manager-leave-header h1{color:#111827;margin:0 0 6px;font-size:28px;font-weight:700}.manager-leave-header p{color:#6b7280;margin:0;font-size:14px}.primary-button,.secondary-button{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.primary-button{color:#fff;background:#2563eb}.primary-button:hover{background:#1d4ed8}.primary-button:disabled,.secondary-button:disabled{opacity:.6;cursor:not-allowed}.secondary-button{color:#374151;background:#f3f4f6}.secondary-button:hover{background:#e5e7eb}.full-width{width:100%}.leave-alert{border-radius:8px;align-items:center;gap:10px;margin-bottom:18px;padding:12px 15px;font-size:13px;font-weight:500;display:flex}.leave-alert-success{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.leave-alert-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.leave-tabs{background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:4px;margin-bottom:22px;padding:5px;display:flex;overflow-x:auto}.leave-tabs button{color:#6b7280;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:7px;padding:10px 15px;font-size:13px;font-weight:600}.leave-tabs button:hover{color:#2563eb;background:#f8fafc}.leave-tabs button.active{color:#2563eb;background:#eff6ff}.tab-count{color:#fff;background:#2563eb;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;margin-left:6px;padding:0 5px;font-size:10px;display:inline-flex}.leave-section{width:100%}.leave-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:20px;overflow:hidden}.card-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:18px;padding:20px;display:flex}.card-header h2{margin:0 0 5px;font-size:17px;font-weight:700}.card-header p{color:#6b7280;margin:0;font-size:13px}.request-header{align-items:center}.header-actions{align-items:center;gap:10px;display:flex}.leave-stat-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.leave-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:13px;padding:18px;display:flex}.stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;display:flex}.stat-icon.blue{color:#2563eb;background:#eff6ff}.stat-icon.orange{color:#ea580c;background:#fff7ed}.stat-icon.green{color:#059669;background:#ecfdf5}.stat-icon.red{color:#dc2626;background:#fef2f2}.leave-stat-card span{color:#6b7280;margin-bottom:4px;font-size:12px;display:block}.leave-stat-card strong{font-size:24px;font-weight:700;display:block}.search-box{background:#fff;border:1px solid #d1d5db;border-radius:8px;align-items:center;gap:8px;width:250px;height:38px;padding:0 11px;display:flex}.search-box span{color:#9ca3af;font-size:17px}.search-box input{color:#111827;border:none;outline:none;width:100%;font-size:13px}.search-box input::placeholder{color:#9ca3af}.table-wrapper{width:100%;overflow-x:auto}.leave-table th{color:#6b7280;text-align:left;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:12px 18px;font-size:11px;font-weight:700}.table-subtext{color:#9ca3af;margin-top:3px;font-size:11px;display:block}.muted-text{color:#9ca3af}.empty-table{text-align:center!important;color:#9ca3af!important;padding:50px 20px!important}.employee-cell{align-items:center;gap:10px;display:flex}.employee-cell>div:last-child{flex-direction:column;display:flex}.employee-cell strong{color:#111827;font-size:13px}.employee-cell span{color:#9ca3af;margin-top:3px;font-size:11px}.small-avatar,.employee-avatar,.leave-type-avatar{color:#2563eb;background:#eff6ff;justify-content:center;align-items:center;font-weight:700;display:flex}.small-avatar{border-radius:50%;width:34px;height:34px;font-size:12px}.leave-type-avatar{border-radius:8px;width:34px;height:34px;font-size:12px}.leave-name{align-items:center;gap:10px;display:flex}.leave-name strong{color:#111827;font-size:13px}.code-badge{color:#4b5563;background:#f3f4f6;border-radius:5px;align-items:center;padding:3px 7px;font-size:10px;font-weight:700;display:inline-flex}.date-cell{flex-direction:column;display:flex}.date-cell strong{color:#111827;font-size:12px}.date-cell span{color:#9ca3af;margin-top:2px;font-size:11px}.reason-cell{text-overflow:ellipsis;white-space:nowrap;max-width:180px;display:block;overflow:hidden}.status-pill{text-transform:capitalize;border-radius:20px;justify-content:center;align-items:center;padding:5px 9px;font-size:10px;font-weight:700;display:inline-flex}.status-approved,.status-active{color:#047857;background:#ecfdf5}.status-rejected,.status-inactive{color:#b91c1c;background:#fef2f2}.action-buttons{align-items:center;gap:6px;display:flex}.icon-button{cursor:pointer;border:none;border-radius:7px;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;display:inline-flex}.icon-button.edit{color:#2563eb;background:#eff6ff}.icon-button.edit:hover{background:#dbeafe}.icon-button.delete{color:#dc2626;background:#fef2f2}.icon-button.delete:hover{background:#fee2e2}.small-action{cursor:pointer;border:none;border-radius:6px;padding:7px 9px;font-size:10px;font-weight:700}.small-action.approve{color:#047857;background:#ecfdf5}.small-action.reject{color:#b91c1c;background:#fef2f2}.small-action:disabled{opacity:.5;cursor:not-allowed}.policy-grid{grid-template-columns:repeat(3,1fr);gap:16px;padding:20px;display:grid}.policy-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:17px}.policy-card-top{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:18px;display:flex}.policy-card-top h3{margin:0 0 7px;font-size:15px}.policy-allocation{background:#f8fafc;border-radius:8px;margin-bottom:15px;padding:14px}.policy-allocation span{color:#6b7280;margin-bottom:5px;font-size:11px;display:block}.policy-allocation strong{color:#111827;font-size:24px}.policy-allocation small{color:#6b7280;font-size:12px;font-weight:500}.policy-details{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px;display:grid}.policy-details div{flex-direction:column;gap:4px;display:flex}.policy-details span{color:#9ca3af;text-transform:uppercase;font-size:10px}.policy-details strong{color:#374151;text-transform:capitalize;font-size:12px}.policy-actions{border-top:1px solid #f0f1f3;padding-top:14px}.empty-state{text-align:center;grid-column:1/-1;padding:55px 20px}.empty-state h3{margin:0 0 6px;font-size:16px}.empty-state p{color:#9ca3af;margin:0 0 18px;font-size:13px}.employee-search-panel{background:#f9fafb;border-bottom:1px solid #e5e7eb;align-items:flex-end;gap:12px;padding:20px;display:flex}.employee-search-panel .form-group{width:320px}.search-button{height:40px}.employee-summary{border-bottom:1px solid #e5e7eb;align-items:center;gap:13px;padding:18px 20px;display:flex}.employee-summary .employee-avatar{border-radius:50%;width:46px;height:46px;font-size:15px}.employee-summary>div:nth-child(2){flex:1}.employee-summary h3{margin:0 0 4px;font-size:15px}.employee-summary p{color:#6b7280;margin:0 0 3px;font-size:11px}.employee-summary span{color:#9ca3af;font-size:11px}.available-days{color:#059669}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-group{flex-direction:column;gap:6px;display:flex}.form-group.full{grid-column:1/-1}.form-group input,.form-group select,.form-group textarea{box-sizing:border-box;color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:7px;outline:none;width:100%;padding:10px 11px;font-family:inherit;font-size:13px}.form-group input,.form-group select{height:40px}.form-group textarea{resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #dbeafe}.form-group input:disabled,.form-group select:disabled{cursor:not-allowed;background:#f3f4f6}.form-checkboxes{grid-template-columns:repeat(3,1fr);gap:10px;padding-top:5px;display:grid}.form-checkboxes.full{grid-column:1/-1}.checkbox-row{cursor:pointer;color:#374151;border:1px solid #e5e7eb;border-radius:7px;align-items:center;gap:8px;padding:11px;font-size:12px;display:flex}.checkbox-row input{accent-color:#2563eb;width:15px;height:15px}.modal-overlay{z-index:1000;background:#0f172a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 50px #00000026}.modal-large{max-width:760px}.modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;gap:15px;padding:20px;display:flex}.modal-header h2{margin:0 0 5px;font-size:18px}.modal-header p{color:#6b7280;margin:0;font-size:12px}.modal-close{color:#4b5563;cursor:pointer;background:#f3f4f6;border:none;border-radius:7px;width:32px;height:32px;font-size:20px;line-height:1}.modal form{padding:20px}.modal-footer{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:9px;margin-top:20px;padding-top:20px;display:flex}.balance-preview{background:#eff6ff;border-radius:8px;justify-content:space-between;align-items:center;margin-top:18px;padding:15px;display:flex}.balance-preview span{color:#1e40af;font-size:12px;font-weight:600}.balance-preview strong{color:#1d4ed8;font-size:20px}.page-loading{z-index:500;color:#fff;background:#111827;border-radius:8px;padding:10px 15px;font-size:12px;position:fixed;bottom:25px;right:25px;box-shadow:0 8px 25px #00000026}@media (width<=1200px){.leave-stat-grid,.policy-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.manager-leave-header{flex-direction:column}.card-header{flex-direction:column;align-items:flex-start}.request-header{flex-direction:column}.header-actions{flex-wrap:wrap;width:100%}.search-box{width:100%}.policy-grid,.form-checkboxes{grid-template-columns:1fr}.employee-search-panel{flex-direction:column;align-items:stretch}.employee-search-panel .form-group{width:100%}}@media (width<=650px){.leave-stat-grid{grid-template-columns:1fr}.leave-tabs{border-radius:8px}.leave-tabs button{padding:9px 11px;font-size:11px}.manager-leave-header h1{font-size:23px}.form-grid{grid-template-columns:1fr}.form-group.full{grid-column:auto}.employee-summary{flex-wrap:wrap;align-items:flex-start}.employee-summary .primary-button{width:100%}.modal{max-height:95vh}}.performance-page{color:#1f2937;background:#f8fafc;width:100%;padding:24px;font-family:Poppins,sans-serif}.performance-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.performance-header h1{color:#111827;margin:0;font-size:26px;font-weight:600}.performance-header p{color:#6b7280;margin:6px 0 0;font-size:13px}.performance-header-actions{flex-wrap:wrap;gap:10px;display:flex}.performance-btn{cursor:pointer;border:none;border-radius:7px;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:all .2s}.performance-btn-primary{color:#fff;background:#2563eb}.performance-btn-primary:hover{background:#1d4ed8}.performance-btn-secondary{color:#2563eb;background:#eff6ff}.performance-btn-secondary:hover{background:#dbeafe}.performance-btn-light{color:#374151;background:#f3f4f6}.performance-btn-light:hover{background:#e5e7eb}.performance-filters{background:#fff;border:1px solid #e5e7eb;border-radius:10px;grid-template-columns:1.5fr 1fr 1.2fr 1fr;gap:14px;margin-bottom:24px;padding:18px;display:grid;box-shadow:0 1px 2px #00000008}.performance-filter-group{flex-direction:column;gap:6px;display:flex}.performance-filter-group label,.performance-form-group label{color:#374151;font-size:12px;font-weight:500}.performance-filter-group input,.performance-filter-group select,.performance-form-group input,.performance-form-group select,.performance-form-group textarea{box-sizing:border-box;color:#1f2937;background:#fff;border:1px solid #d1d5db;border-radius:7px;outline:none;width:100%;padding:10px 11px;font-family:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s}.performance-filter-group input:focus,.performance-filter-group select:focus,.performance-form-group input:focus,.performance-form-group select:focus,.performance-form-group textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.performance-form-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:24px;padding:20px;box-shadow:0 1px 3px #0000000a}.performance-form-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.performance-form-header h2{color:#111827;margin:0;font-size:18px;font-weight:600}.performance-close-btn{color:#4b5563;cursor:pointer;background:#f3f4f6;border:none;border-radius:6px;width:32px;height:32px;font-size:22px;line-height:1}.performance-close-btn:hover{background:#e5e7eb}.performance-form-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.performance-form-group{flex-direction:column;gap:6px;display:flex}.performance-form-full{grid-column:1/-1}.performance-form-group textarea{resize:vertical;min-height:100px}.performance-form-actions{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:18px;display:flex}.performance-section{background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:24px;overflow:hidden;box-shadow:0 1px 2px #00000008}.performance-section-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.performance-section-header h2{color:#111827;margin:0;font-size:17px;font-weight:600}.performance-section-header span{color:#6b7280;margin-top:3px;font-size:12px;display:block}.performance-table-wrapper{width:100%;overflow-x:auto}.performance-table{border-collapse:collapse;width:100%;min-width:1050px}.performance-table th{color:#4b5563;text-align:left;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:12px 14px;font-size:11px;font-weight:600}.performance-table td{color:#374151;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:13px 14px;font-size:12px}.performance-table tbody tr:hover{background:#f8fafc}.performance-table tbody tr:last-child td{border-bottom:none}.performance-table td strong{color:#111827;font-weight:600}.performance-rating{color:#2563eb;font-weight:600}.performance-badge{color:#2563eb;background:#eff6ff;border-radius:5px;align-items:center;padding:4px 8px;font-size:11px;font-weight:500;display:inline-flex}.performance-case-good,.performance-case-bad{border-radius:5px;align-items:center;padding:4px 9px;font-size:11px;font-weight:600;display:inline-flex}.performance-case-good{color:#047857;background:#ecfdf5}.performance-case-bad{color:#dc2626;background:#fef2f2}.performance-case-details{max-width:300px;line-height:1.5}.performance-delete-btn{color:#dc2626;cursor:pointer;background:0 0;border:none;border-radius:5px;padding:5px 7px;font-family:inherit;font-size:12px;font-weight:500}.performance-delete-btn:hover{background:#fef2f2}.performance-empty{text-align:center!important;color:#9ca3af!important;padding:40px 20px!important}@media (width<=1100px){.performance-filters,.performance-form-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.performance-page{padding:16px}.performance-header{flex-direction:column}.performance-header-actions{width:100%}.performance-header-actions .performance-btn{flex:1}.performance-filters,.performance-form-grid{grid-template-columns:1fr}.performance-form-full{grid-column:auto}.performance-form-actions{flex-direction:column-reverse}.performance-form-actions .performance-btn{width:100%}}.tasks-management{box-sizing:border-box;background:#f8fafc;width:100%;min-height:100%;padding:24px}.tasks-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.tasks-header h1{color:#111827;margin:0;font-size:26px;font-weight:700}.tasks-header p{color:#6b7280;margin:6px 0 0;font-size:14px}.tasks-message{border-radius:8px;margin-bottom:18px;padding:12px 16px;font-size:14px;font-weight:500}.tasks-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.tasks-success{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.tasks-stats{grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:24px;display:grid}.task-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;gap:8px;padding:18px;display:flex}.task-stat-card span{color:#6b7280;font-size:13px}.task-stat-card strong{color:#111827;font-size:25px;font-weight:700}.task-stat-overdue strong{color:#dc2626}.tasks-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:24px;overflow:hidden}.tasks-card-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.tasks-card-header h2{color:#111827;margin:0;font-size:18px;font-weight:650}.tasks-count{color:#6b7280;margin-top:4px;font-size:13px;display:block}.task-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:20px;display:grid}.task-form-group{flex-direction:column;gap:7px;display:flex}.task-form-full{grid-column:1/-1}.task-form-group label{color:#374151;font-size:13px;font-weight:600}.task-form-group input,.task-form-group select,.task-form-group textarea{box-sizing:border-box;color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:7px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.task-form-group textarea{resize:vertical;min-height:100px}.task-form-group input:focus,.task-form-group select:focus,.task-form-group textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.task-form-actions{grid-column:1/-1;justify-content:flex-end;padding-top:4px;display:flex}.task-primary-btn,.task-edit-btn,.task-revoke-btn,.task-delete-btn,.task-cancel-btn{cursor:pointer;border:none;border-radius:7px;padding:9px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s}.task-primary-btn{color:#fff;background:#2563eb}.task-primary-btn:hover{background:#1d4ed8}.task-primary-btn:disabled{opacity:.6;cursor:not-allowed}.task-edit-btn{color:#2563eb;background:#eff6ff}.task-edit-btn:hover{background:#dbeafe}.task-revoke-btn{color:#c2410c;background:#fff7ed}.task-revoke-btn:hover{background:#ffedd5}.task-delete-btn{color:#dc2626;background:#fef2f2}.task-delete-btn:hover{background:#fee2e2}.task-cancel-btn{color:#374151;background:#f3f4f6}.task-cancel-btn:hover{background:#e5e7eb}.tasks-table th{color:#6b7280;text-align:left;white-space:nowrap;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:13px 16px;font-size:12px;font-weight:650}.task-details-cell{white-space:normal;word-break:break-word;max-width:280px;line-height:1.5}.task-priority,.task-status{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:5px 9px;font-size:11px;font-weight:650;display:inline-flex}.task-priority-high{color:#dc2626;background:#fef2f2}.task-priority-medium{color:#c2410c;background:#fff7ed}.task-priority-low{color:#15803d;background:#f0fdf4}.task-status-pending{color:#4b5563;background:#f3f4f6}.task-status-in-progress{color:#2563eb;background:#eff6ff}.task-status-completed{color:#15803d;background:#f0fdf4}.task-overdue-date{color:#dc2626;font-weight:650}.task-revoke-count{color:#c2410c;background:#fff7ed;border-radius:999px;justify-content:center;align-items:center;min-width:25px;height:25px;padding:0 7px;font-size:12px;font-weight:650;display:inline-flex}.task-actions{white-space:nowrap;align-items:center;gap:7px;display:flex}.tasks-loading,.tasks-empty{text-align:center;color:#6b7280;padding:45px 20px;font-size:14px}.task-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;padding:18px 20px;display:flex}.task-modal-close{color:#374151;cursor:pointer;background:#f3f4f6;border:none;border-radius:6px;width:32px;height:32px;font-size:22px;line-height:1}.task-modal-close:hover{background:#e5e7eb}.task-modal .task-form{padding:20px}.task-modal-actions{grid-column:1/-1;justify-content:flex-end;gap:10px;padding-top:4px;display:flex}@media (width<=1200px){.tasks-stats{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.tasks-management{padding:16px}.tasks-stats{grid-template-columns:repeat(2,1fr)}.task-form{grid-template-columns:1fr}.task-form-full,.task-form-actions,.task-modal-actions{grid-column:auto}.task-form-actions{justify-content:stretch}.task-form-actions .task-primary-btn{width:100%}.task-modal{max-height:95vh}}@media (width<=480px){.tasks-stats{grid-template-columns:1fr}.tasks-header h1{font-size:22px}.task-actions{flex-direction:column;align-items:stretch}.task-actions button{width:100%}}@media (width<=768px){.task-filters{flex-direction:column;align-items:stretch;gap:.75rem}.task-search-box,.task-filter-item,.clear-task-filters{flex:100%;width:100%}}.timesheets-page{background:#f8fafc;min-height:100%;padding:24px}.timesheets-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.timesheets-header h1{color:#111827;margin:0 0 6px;font-size:26px;font-weight:700}.timesheets-header p{color:#6b7280;margin:0;font-size:14px}.timesheets-primary-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .2s}.timesheets-primary-btn:hover{background:#1d4ed8}.timesheets-primary-btn:disabled{opacity:.6;cursor:not-allowed}.timesheets-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.timesheets-kpi-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:18px 20px;box-shadow:0 1px 2px #00000008}.timesheets-kpi-label{color:#6b7280;margin-bottom:8px;font-size:13px;font-weight:500;display:block}.timesheets-kpi-card strong{color:#111827;font-size:24px;font-weight:700;display:block}.timesheets-tabs{border-bottom:1px solid #e5e7eb;align-items:center;gap:4px;margin-bottom:16px;display:flex}.timesheets-tab{color:#6b7280;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:12px 18px;font-size:14px;font-weight:600}.timesheets-tab:hover{color:#2563eb}.timesheets-tab.active{color:#2563eb;border-bottom-color:#2563eb}.timesheets-filter-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-wrap:wrap;align-items:flex-end;gap:14px;margin-bottom:16px;padding:16px;display:flex}.timesheets-filter-group{flex-direction:column;gap:6px;min-width:190px;display:flex}.timesheets-filter-group label{color:#374151;font-size:12px;font-weight:600}.timesheets-filter-group input,.timesheets-filter-group select{box-sizing:border-box;color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:7px;outline:none;width:100%;min-height:40px;padding:8px 11px;font-size:13px}.timesheets-filter-group input:focus,.timesheets-filter-group select:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb14}.timesheets-reset-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:7px;min-height:40px;padding:8px 16px;font-size:13px;font-weight:600}.timesheets-reset-btn:hover{background:#f9fafb}.timesheets-table-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.timesheets-table-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.timesheets-table-header h2{color:#111827;margin:0 0 4px;font-size:17px;font-weight:700}.timesheets-table-header span{color:#6b7280;font-size:12px}.timesheets-filter-total{color:#6b7280;align-items:center;gap:7px;font-size:13px;display:flex}.timesheets-filter-total strong{color:#111827}.timesheets-table-wrapper{width:100%;overflow-x:auto}.timesheets-table{border-collapse:collapse;width:100%;min-width:900px}.timesheets-table th{color:#6b7280;text-align:left;white-space:nowrap;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:12px 14px;font-size:12px;font-weight:700}.timesheets-table td{color:#374151;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:13px 14px;font-size:13px}.timesheets-table tbody tr:hover{background:#fafafa}.timesheets-table tbody tr:last-child td{border-bottom:none}.timesheets-code{color:#2563eb;white-space:nowrap;background:#eff6ff;border-radius:5px;align-items:center;padding:4px 8px;font-size:12px;font-weight:700;display:inline-flex}.timesheets-description{max-width:320px;line-height:1.5;color:#4b5563!important}.timesheets-actions{align-items:center;gap:6px;display:flex}.timesheets-edit-btn,.timesheets-delete-btn{cursor:pointer;border:1px solid #0000;border-radius:6px;padding:6px 10px;font-size:12px;font-weight:600}.timesheets-edit-btn{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.timesheets-edit-btn:hover{background:#dbeafe}.timesheets-delete-btn{color:#dc2626;background:#fef2f2;border-color:#fecaca}.timesheets-delete-btn:hover{background:#fee2e2}.timesheets-empty-state{color:#6b7280;justify-content:center;align-items:center;min-height:220px;padding:30px;font-size:14px;display:flex}.timesheets-modal-overlay{z-index:1000;background:#0f172a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.timesheets-modal{background:#fff;border-radius:12px;width:100%;max-width:620px;max-height:calc(100vh - 40px);overflow-y:auto;box-shadow:0 20px 50px #0000002e}.timesheets-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 22px;display:flex}.timesheets-modal-header h2{color:#111827;margin:0 0 5px;font-size:19px;font-weight:700}.timesheets-modal-header p{color:#6b7280;margin:0;font-size:13px}.timesheets-modal-close{color:#4b5563;cursor:pointer;background:#f3f4f6;border:none;border-radius:6px;flex-shrink:0;width:32px;height:32px;font-size:22px;line-height:1}.timesheets-modal-close:hover{background:#e5e7eb}.timesheets-modal-close:disabled{opacity:.5;cursor:not-allowed}.timesheets-form{padding:22px}.timesheets-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px;display:grid}.timesheets-form-group{flex-direction:column;gap:7px;display:flex}.timesheets-form-group label{color:#374151;font-size:13px;font-weight:600}.timesheets-form-group input,.timesheets-form-group select,.timesheets-form-group textarea{box-sizing:border-box;color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:7px;outline:none;width:100%;padding:10px 11px;font-family:inherit;font-size:13px}.timesheets-form-group input,.timesheets-form-group select{min-height:42px}.timesheets-form-group textarea{resize:vertical;min-height:100px;line-height:1.5}.timesheets-form-group input:focus,.timesheets-form-group select:focus,.timesheets-form-group textarea:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb14}.timesheets-form-group small{color:#9ca3af;align-self:flex-end;margin-top:-2px;font-size:11px}.timesheets-modal-footer{border-top:1px solid #e5e7eb;justify-content:flex-end;align-items:center;gap:10px;margin-top:22px;padding-top:18px;display:flex}.timesheets-cancel-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:7px;padding:10px 16px;font-size:13px;font-weight:600}.timesheets-cancel-btn:hover{background:#f9fafb}.timesheets-cancel-btn:disabled{opacity:.6;cursor:not-allowed}@media (width<=1000px){.timesheets-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.timesheets-page{padding:16px}.timesheets-header{flex-direction:column;align-items:flex-start}.timesheets-primary-btn{width:100%}.timesheets-kpi-grid{grid-template-columns:1fr}.timesheets-filter-card{flex-direction:column;align-items:stretch}.timesheets-filter-group{width:100%;min-width:0}.timesheets-reset-btn{width:100%}.timesheets-table-header{flex-direction:column;align-items:flex-start}.timesheets-form-grid{grid-template-columns:1fr}.timesheets-modal-overlay{padding:10px}.timesheets-modal-footer{flex-direction:column-reverse}.timesheets-modal-footer button{width:100%}}.timesheets-header-actions{align-items:center;gap:10px;display:flex}.timesheets-secondary-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:600;transition:all .2s}.timesheets-secondary-btn:hover{background:#f9fafb;border-color:#9ca3af}@media (width<=700px){.timesheets-header-actions{flex-direction:column;width:100%}.timesheets-header-actions button{width:100%}}.chargecodes-page{background:#f8fafc;min-height:100%;padding:24px}.chargecodes-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.chargecodes-header h1{color:#111827;margin:0 0 6px;font-size:26px;font-weight:700}.chargecodes-header p{color:#6b7280;margin:0;font-size:14px}.chargecodes-primary-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:background .2s}.chargecodes-primary-btn:hover{background:#1d4ed8}.chargecodes-primary-btn:disabled{opacity:.6;cursor:not-allowed}.chargecodes-summary{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px;display:grid}.chargecodes-summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:18px 20px;box-shadow:0 1px 2px #00000008}.chargecodes-summary-card span{color:#6b7280;margin-bottom:8px;font-size:13px;font-weight:500;display:block}.chargecodes-summary-card strong{color:#111827;font-size:24px;font-weight:700}.chargecodes-filter-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:16px;padding:16px;display:flex}.chargecodes-search{flex-direction:column;gap:6px;width:420px;max-width:100%;display:flex}.chargecodes-search label{color:#374151;font-size:12px;font-weight:600}.chargecodes-search input{box-sizing:border-box;color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:7px;outline:none;width:100%;min-height:40px;padding:8px 12px;font-family:inherit;font-size:13px}.chargecodes-search input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb14}.chargecodes-record-count{color:#6b7280;white-space:nowrap;font-size:13px}.chargecodes-table-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.chargecodes-table-header{border-bottom:1px solid #e5e7eb;padding:18px 20px}.chargecodes-table-header h2{color:#111827;margin:0;font-size:17px;font-weight:700}.chargecodes-table-wrapper{width:100%;overflow-x:auto}.chargecodes-table{border-collapse:collapse;width:100%;min-width:850px}.chargecodes-table th{color:#6b7280;text-align:left;white-space:nowrap;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:12px 14px;font-size:12px;font-weight:700}.chargecodes-table td{color:#374151;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px;font-size:13px}.chargecodes-table tbody tr:hover{background:#fafafa}.chargecodes-table tbody tr:last-child td{border-bottom:none}.chargecodes-code{color:#2563eb;white-space:nowrap;background:#eff6ff;border-radius:5px;align-items:center;padding:5px 9px;font-size:12px;font-weight:700;display:inline-flex}.chargecodes-status{text-transform:capitalize;border-radius:999px;align-items:center;padding:5px 9px;font-size:11px;font-weight:700;display:inline-flex}.chargecodes-status.active{color:#047857;background:#ecfdf5}.chargecodes-status.inactive{color:#6b7280;background:#f3f4f6}.chargecodes-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.chargecodes-edit-btn,.chargecodes-disable-btn,.chargecodes-enable-btn,.chargecodes-delete-btn{cursor:pointer;border:1px solid #0000;border-radius:6px;padding:6px 10px;font-size:12px;font-weight:600;transition:all .2s}.chargecodes-edit-btn{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.chargecodes-edit-btn:hover{background:#dbeafe}.chargecodes-disable-btn{color:#c2410c;background:#fff7ed;border-color:#fed7aa}.chargecodes-disable-btn:hover{background:#ffedd5}.chargecodes-enable-btn{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.chargecodes-enable-btn:hover{background:#dcfce7}.chargecodes-delete-btn{color:#dc2626;background:#fef2f2;border-color:#fecaca}.chargecodes-delete-btn:hover{background:#fee2e2}.chargecodes-empty{color:#6b7280;justify-content:center;align-items:center;min-height:220px;padding:30px;font-size:14px;display:flex}.chargecodes-modal-overlay{z-index:1000;background:#0f172a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.chargecodes-modal{background:#fff;border-radius:12px;width:100%;max-width:560px;max-height:calc(100vh - 40px);overflow-y:auto;box-shadow:0 20px 50px #0000002e}.chargecodes-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 22px;display:flex}.chargecodes-modal-header h2{color:#111827;margin:0 0 5px;font-size:19px;font-weight:700}.chargecodes-modal-header p{color:#6b7280;margin:0;font-size:13px}.chargecodes-close-btn{color:#4b5563;cursor:pointer;background:#f3f4f6;border:none;border-radius:6px;flex-shrink:0;width:32px;height:32px;font-size:22px;line-height:1}.chargecodes-close-btn:hover{background:#e5e7eb}.chargecodes-close-btn:disabled{opacity:.5;cursor:not-allowed}.chargecodes-form{padding:22px}.chargecodes-form-group{flex-direction:column;gap:7px;margin-bottom:18px;display:flex}.chargecodes-form-group label{color:#374151;font-size:13px;font-weight:600}.chargecodes-form-group input,.chargecodes-form-group textarea{box-sizing:border-box;color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:7px;outline:none;width:100%;padding:10px 11px;font-family:inherit;font-size:13px}.chargecodes-form-group input{min-height:42px}.chargecodes-form-group textarea{resize:vertical;min-height:100px;line-height:1.5}.chargecodes-form-group input:focus,.chargecodes-form-group textarea:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb14}.chargecodes-modal-footer{border-top:1px solid #e5e7eb;justify-content:flex-end;align-items:center;gap:10px;margin-top:22px;padding-top:18px;display:flex}.chargecodes-cancel-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:7px;padding:10px 16px;font-size:13px;font-weight:600}.chargecodes-cancel-btn:hover{background:#f9fafb}.chargecodes-cancel-btn:disabled{opacity:.6;cursor:not-allowed}@media (width<=800px){.chargecodes-summary{grid-template-columns:1fr}.chargecodes-header{flex-direction:column;align-items:flex-start}.chargecodes-header .chargecodes-primary-btn{width:100%}.chargecodes-filter-card{flex-direction:column;align-items:stretch}.chargecodes-search{width:100%}.chargecodes-record-count{align-self:flex-start}}@media (width<=600px){.chargecodes-page{padding:16px}.chargecodes-actions{flex-direction:column;align-items:stretch}.chargecodes-actions button{width:100%}.chargecodes-modal-overlay{padding:10px}.chargecodes-modal-footer{flex-direction:column-reverse}.chargecodes-modal-footer button{width:100%}}.manager-exit-page{color:#1e293b;background:#f8fafc;min-height:100%;padding:28px}.manager-exit-header{justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px;display:flex}.manager-exit-header h1{margin:5px 0;font-size:28px}.manager-exit-header p{color:#64748b}.manager-exit-eyebrow{letter-spacing:1px;font-size:11px;font-weight:700;color:#2563eb!important}.manager-exit-refresh,.manager-exit-view,.manager-exit-approve,.manager-exit-reject,.manager-exit-cancel,.manager-exit-close{cursor:pointer;border:0;border-radius:8px;padding:10px 14px;font-weight:600}.manager-exit-refresh,.manager-exit-cancel{color:#334155;background:#fff;border:1px solid #cbd5e1}.manager-exit-stat{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:22px;display:grid}.manager-exit-stat>div,.manager-exit-panel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.manager-exit-stat span{color:#64748b;font-size:13px;display:block}.manager-exit-stat strong{margin-top:7px;font-size:28px;display:block}.manager-exit-toolbar{justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;display:flex}.manager-exit-toolbar h2{margin:0;font-size:18px}.manager-exit-toolbar select,.manager-exit-review-form select,.manager-exit-review-form textarea{box-sizing:border-box;width:100%;font:inherit;color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:11px 12px}.manager-exit-toolbar select{max-width:260px}.manager-exit-table-wrap{overflow-x:auto}.manager-exit-table{border-collapse:collapse;white-space:nowrap;width:100%}.manager-exit-table th,.manager-exit-table td{text-align:left;border-bottom:1px solid #e2e8f0;padding:14px 12px;font-size:13px}.manager-exit-table th{color:#64748b;background:#f8fafc;font-weight:600}.manager-exit-table td strong,.manager-exit-table td small{display:block}.manager-exit-table td small{color:#64748b;margin-top:5px}.manager-exit-capitalize{text-transform:capitalize}.manager-exit-status{color:#1d4ed8;background:#eff6ff;border-radius:20px;padding:5px 9px;font-size:11px;display:inline-block}.manager-exit-view{color:#1d4ed8;background:#eff6ff}.manager-exit-empty{color:#64748b;padding:20px 0}.manager-exit-alert{border-radius:8px;margin-bottom:16px;padding:12px 15px}.manager-exit-alert.error{color:#991b1b;background:#fee2e2}.manager-exit-alert.success{color:#166534;background:#dcfce7}.manager-exit-modal-backdrop{z-index:1000;background:#0f172a8c;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow-y:auto}.manager-exit-modal{box-sizing:border-box;background:#fff;border-radius:14px;width:min(760px,100%);max-height:calc(100vh - 40px);padding:24px;overflow-y:auto}.manager-exit-modal-heading{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:22px;display:flex}.manager-exit-modal-heading h2{margin:5px 0}.manager-exit-modal-heading small{color:#64748b}.manager-exit-close{color:#334155;background:#f1f5f9;padding:3px 10px;font-size:25px}.manager-exit-details-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.manager-exit-details-grid span,.manager-exit-reason>span{color:#64748b;font-size:12px;display:block}.manager-exit-details-grid strong{overflow-wrap:anywhere;margin-top:6px;display:block}.manager-exit-reason{overflow-wrap:anywhere;background:#f8fafc;border-radius:8px;margin-top:20px;padding:14px}.manager-exit-reason p{white-space:pre-wrap;margin-bottom:0;line-height:1.6}.manager-exit-review-form{gap:15px;margin-top:24px;display:grid}.manager-exit-review-form h3{margin:0}.manager-exit-review-form label{gap:7px;font-size:13px;font-weight:600;display:grid}.manager-exit-review-form textarea{resize:vertical}.manager-exit-form-actions{justify-content:flex-end;gap:10px;display:flex}.manager-exit-approve{color:#fff;background:#2563eb}.manager-exit-reject{color:#fff;background:#dc2626}.manager-exit-readonly{color:#64748b;background:#f8fafc;border-radius:8px;margin-top:22px;padding:12px}@media (width<=700px){.manager-exit-page{padding:16px}.manager-exit-header,.manager-exit-toolbar{flex-direction:column;align-items:stretch}.manager-exit-toolbar select{max-width:none}.manager-exit-stat,.manager-exit-details-grid{grid-template-columns:1fr}.manager-exit-modal{padding:17px}}.employee-dashboard{box-sizing:border-box;color:#111827;width:100%;margin:0;padding:0;font-family:inherit}.employee-dashboard-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.employee-dashboard-header h1{color:#111827;margin:0;font-size:22px;font-weight:700}.employee-dashboard-header p{color:#6b7280;margin:4px 0 0;font-size:13px}.employee-profile{align-items:center;gap:12px;display:flex}.employee-profile img,.employee-avatar{object-fit:cover;border-radius:50%;width:42px;height:42px}.employee-avatar{color:#fff;background:#4f46e5;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.employee-profile strong{color:#111827;font-size:13px;display:block}.employee-profile span{color:#6b7280;font-size:11px}.employee-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;width:100%;margin-bottom:20px;display:grid}.employee-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:14px;padding:16px 18px;display:flex}.stat-icon{color:#4f46e5;background-color:#eef2ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;display:flex}.employee-stat-card span{color:#6b7280;margin-bottom:2px;font-size:12px;display:block}.employee-stat-card strong{color:#111827;font-size:18px;font-weight:700}.employee-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px;width:100%;display:grid}.dashboard-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:18px 20px}.dashboard-card-header{border-bottom:1px solid #f3f4f6;margin-bottom:14px;padding-bottom:8px}.dashboard-card-header h2{color:#111827;margin:0;font-size:14px;font-weight:600}.attendance-today{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.attendance-today>div{background-color:#f9fafb;border-radius:6px;flex-direction:column;gap:2px;padding:10px 14px;display:flex}.attendance-today span{color:#6b7280;text-transform:uppercase;font-size:10px;font-weight:600}.attendance-today strong{color:#111827;font-size:13px}.leave-list{flex-direction:column;gap:8px;display:flex}.leave-row{background-color:#f9fafb;border-radius:6px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.leave-row span{color:#111827;font-size:13px;font-weight:500}.leave-row strong{color:#4f46e5;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:2px 8px;font-size:12px}.simple-list{flex-direction:column;display:flex}.simple-list-row{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.simple-list-row:last-child{border-bottom:none;padding-bottom:0}.simple-list-row:first-child{padding-top:0}.simple-list-row>div{flex-direction:column;gap:2px;min-width:0;display:flex}.simple-list-row strong{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.simple-list-row span{color:#6b7280;font-size:11px}.status-badge{text-transform:capitalize;color:#4b5563;white-space:nowrap;background-color:#f3f4f6;border-radius:12px;padding:3px 8px;font-size:11px;font-weight:600}.status-badge.approved,.status-badge.present{color:#15803d;background-color:#dcfce7}.status-badge.pending{color:#b45309;background-color:#fef3c7}.status-badge.rejected{color:#b91c1c;background-color:#fee2e2}.empty-state{text-align:center;color:#9ca3af;background-color:#f9fafb;border:1px dashed #e5e7eb;border-radius:6px;padding:24px 12px;font-size:13px}@media (width<=1100px){.employee-dashboard-grid{grid-template-columns:1fr}.employee-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.employee-dashboard-header{flex-direction:column;align-items:flex-start;gap:10px}.employee-stat-grid{grid-template-columns:1fr}}.regularization-form-container{box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;padding:24px}.regularization-form-header{margin-bottom:24px}.regularization-form-header h2{color:#1f2937;margin:0 0 6px;font-size:20px;font-weight:600}.regularization-form-header p{color:#6b7280;margin:0;font-size:13px}.regularization-form{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.regularization-form-group{flex-direction:column;gap:7px;display:flex}.regularization-form-group.full-width{grid-column:1/-1}.regularization-form-group label{color:#374151;font-size:13px;font-weight:500}.regularization-form-group label span{color:#dc2626}.regularization-form-group input,.regularization-form-group select,.regularization-form-group textarea{color:#1f2937;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s}.regularization-form-group input,.regularization-form-group select{height:42px}.regularization-form-group textarea{resize:vertical;min-height:100px}.regularization-form-group input:focus,.regularization-form-group select:focus,.regularization-form-group textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.regularization-form-group input:disabled,.regularization-form-group select:disabled,.regularization-form-group textarea:disabled{color:#6b7280;cursor:not-allowed;background:#f9fafb}.regularization-help{color:#6b7280;font-size:11px}.regularization-error{color:#dc2626;font-size:11px}.regularization-form-actions{justify-content:flex-end;align-items:center;gap:10px;padding-top:4px;display:flex}.regularization-form-actions button{cursor:pointer;border-radius:8px;min-width:110px;height:42px;padding:0 18px;font-family:inherit;font-size:13px;font-weight:500;transition:background .2s,border-color .2s}.regularization-cancel-button{color:#374151;background:#fff;border:1px solid #d1d5db}.regularization-cancel-button:hover{background:#f3f4f6}.regularization-save-button{color:#fff;background:#2563eb;border:1px solid #2563eb}.regularization-save-button:hover{background:#1d4ed8;border-color:#1d4ed8}@media (width<=700px){.regularization-form{grid-template-columns:1fr}.regularization-form-group.full-width,.regularization-form-actions.full-width{grid-column:auto}}@media (width<=480px){.regularization-form-container{padding:16px}.regularization-form-actions{flex-direction:column-reverse}.regularization-form-actions button{width:100%}}:root{--att-primary:#2563eb;--att-primary-hover:#1d4ed8;--att-primary-light:#eff6ff;--att-success:#10b981;--att-success-hover:#059669;--att-success-light:#ecfdf5;--att-warning:#f59e0b;--att-warning-light:#fffbeb;--att-danger:#ef4444;--att-danger-hover:#dc2626;--att-danger-light:#fef2f2;--att-purple:#8b5cf6;--att-purple-light:#f5f3ff;--att-teal:#0d9488;--att-teal-light:#f0fdfa;--att-gray-50:#f8fafc;--att-gray-100:#f1f5f9;--att-gray-200:#e2e8f0;--att-gray-300:#cbd5e1;--att-gray-400:#94a3b8;--att-gray-500:#64748b;--att-gray-600:#475569;--att-gray-700:#334155;--att-gray-800:#1e293b;--att-gray-900:#0f172a;--att-radius:12px;--att-shadow-sm:0 1px 2px #0000000a;--att-shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--att-shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000a}.employee-attendance{box-sizing:border-box;width:100%;max-width:1320px;color:var(--att-gray-800);flex-direction:column;gap:24px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,Helvetica,Arial,sans-serif;display:flex}.attendance-card{border:1px solid var(--att-gray-200);border-radius:var(--att-radius);box-shadow:var(--att-shadow-sm);background:#fff;padding:24px;transition:box-shadow .2s,border-color .2s}.attendance-card:hover{border-color:#cbd5e1}.attendance-page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:4px 0;display:flex}.header-titles h1{color:var(--att-gray-900);letter-spacing:-.02em;margin:0;font-size:26px;font-weight:800}.header-titles p{color:var(--att-gray-500);margin:4px 0 0;font-size:14px}.attendance-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.regularize-btn{background:var(--att-primary);color:#fff;box-shadow:0 2px 4px #2563eb33}.regularize-btn:hover{background:var(--att-primary-hover);transform:translateY(-1px);box-shadow:0 4px 8px #2563eb40}.attendance-alert{border-radius:10px;align-items:center;gap:12px;padding:14px 18px;font-size:14px;font-weight:500;animation:.25s ease-out slideDown;display:flex}.attendance-alert.error{background:var(--att-danger-light);color:#991b1b;border:1px solid #fecaca}.attendance-alert.success{background:var(--att-success-light);color:#065f46;border:1px solid #a7f3d0}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.attendance-action-card{border:1px solid var(--att-gray-200);border-radius:var(--att-radius);box-shadow:var(--att-shadow-sm);background:linear-gradient(#fff 0%,#fafbfd 100%);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;display:flex}.attendance-action-info{align-items:center;gap:18px;display:flex}.status-pulse-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:20px;align-items:center;gap:8px;padding:8px 14px;font-size:12px;font-weight:700;display:inline-flex}.status-pulse-badge.in{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.status-pulse-badge.out{color:var(--att-gray-600);border:1px solid var(--att-gray-300);background:#f1f5f9}.status-pulse-badge.idle{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.pulse-dot{background-color:currentColor;border-radius:50%;width:8px;height:8px;animation:2s infinite pulseAnimation;box-shadow:0 0}@keyframes pulseAnimation{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}.action-text h3{color:var(--att-gray-900);margin:0;font-size:17px;font-weight:700}.action-text p{color:var(--att-gray-500);margin:4px 0 0;font-size:13px}.attendance-action-buttons{align-items:center;gap:12px;display:flex}.attendance-btn.check-in{background:var(--att-success);color:#fff;box-shadow:0 2px 4px #10b98133}.attendance-btn.check-in:hover:not(:disabled){background:var(--att-success-hover);transform:translateY(-1px)}.attendance-btn.check-out{background:var(--att-danger);color:#fff;box-shadow:0 2px 4px #ef444433}.attendance-btn.check-out:hover:not(:disabled){background:var(--att-danger-hover);transform:translateY(-1px)}.attendance-btn:disabled{background:var(--att-gray-200);color:var(--att-gray-400);cursor:not-allowed;box-shadow:none;transform:none}.attendance-stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.attendance-stat-card{border:1px solid var(--att-gray-200);border-radius:var(--att-radius);box-shadow:var(--att-shadow-sm);background:#fff;flex-direction:column;padding:18px 20px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.attendance-stat-card:hover{box-shadow:var(--att-shadow-md);transform:translateY(-2px)}.attendance-stat-card:before{content:"";height:4px;position:absolute;top:0;left:0;right:0}.attendance-stat-card.present:before{background:var(--att-success)}.attendance-stat-card.late:before{background:var(--att-warning)}.attendance-stat-card.absent:before{background:var(--att-danger)}.attendance-stat-card.leave:before{background:var(--att-purple)}.attendance-stat-card.hours:before{background:var(--att-primary)}.attendance-stat-card.overtime:before{background:var(--att-teal)}.stat-header{justify-content:space-between;align-items:center;display:flex}.stat-header span:first-child{color:var(--att-gray-600);font-size:13px;font-weight:600}.stat-pill{text-transform:uppercase;border-radius:12px;padding:2px 7px;font-size:10px;font-weight:700}.stat-pill.success{background:var(--att-success-light);color:var(--att-success-hover)}.stat-pill.warning{background:var(--att-warning-light);color:#b45309}.stat-pill.danger{background:var(--att-danger-light);color:var(--att-danger-hover)}.stat-pill.purple{background:var(--att-purple-light);color:var(--att-purple)}.stat-pill.primary{background:var(--att-primary-light);color:var(--att-primary)}.stat-pill.teal{background:var(--att-teal-light);color:var(--att-teal)}.attendance-stat-card strong{color:var(--att-gray-900);letter-spacing:-.02em;margin-top:10px;font-size:26px;font-weight:800}.attendance-stat-card small{color:var(--att-gray-400);margin-top:6px;font-size:12px}.attendance-section-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.attendance-section-header h2{color:var(--att-gray-900);letter-spacing:-.01em;margin:0;font-size:18px;font-weight:700}.attendance-section-header p{color:var(--att-gray-500);margin:4px 0 0;font-size:13px}.leave-req-counters{gap:10px;display:flex}.req-counter-badge{border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;display:inline-flex}.req-counter-badge.approved{background:var(--att-success-light);color:#065f46;border:1px solid #a7f3d0}.req-counter-badge.pending{background:var(--att-warning-light);color:#92400e;border:1px solid #fde68a}.attendance-leave-balance-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;display:grid}.attendance-leave-balance-card{border:1px solid var(--att-gray-200);border-top:4px solid var(--att-primary);background:#fff;border-radius:10px;flex-direction:column;padding:16px;transition:all .2s;display:flex}.attendance-leave-balance-card:hover{box-shadow:var(--att-shadow-md);transform:translateY(-2px)}.attendance-leave-balance-title{justify-content:space-between;align-items:center;display:flex}.balance-name{color:var(--att-gray-800);font-size:14px;font-weight:700}.balance-type-tag{border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600}.balance-type-tag.paid{background:var(--att-success-light);color:var(--att-success-hover)}.balance-type-tag.unpaid{background:var(--att-gray-100);color:var(--att-gray-600)}.balance-main-num{align-items:baseline;gap:6px;margin:12px 0 8px;display:flex}.balance-main-num strong{color:var(--att-gray-900);font-size:26px;font-weight:800}.balance-unit{color:var(--att-gray-500);font-size:12px;font-weight:500}.balance-progress-bar{background:var(--att-gray-100);border-radius:3px;height:6px;margin-bottom:12px;overflow:hidden}.progress-fill{border-radius:3px;height:100%;transition:width .4s}.attendance-leave-balance-meta{color:var(--att-gray-500);border-top:1px solid var(--att-gray-100);justify-content:space-between;padding-top:10px;font-size:11px;display:flex}.attendance-leave-balance-meta div{flex-direction:column;gap:2px;display:flex}.attendance-leave-balance-meta strong{color:var(--att-gray-700);font-size:12px}.attendance-calendar-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.attendance-month-navigation{align-items:center;gap:16px;display:flex}.attendance-month-navigation h2{color:var(--att-gray-900);text-align:center;min-width:200px;margin:0;font-size:20px;font-weight:800}.year-sub{color:var(--att-gray-400);font-weight:600}.month-nav-btn{background:var(--att-gray-100);border:1px solid var(--att-gray-200);width:36px;height:36px;color:var(--att-gray-700);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-size:20px;transition:all .15s;display:inline-flex}.month-nav-btn:hover{background:var(--att-gray-200);color:var(--att-gray-900)}.today-btn{border:1px solid var(--att-gray-300);color:var(--att-gray-700);cursor:pointer;background:#fff;border-radius:8px;padding:7px 16px;font-size:13px;font-weight:600;transition:all .15s}.today-btn:hover{background:var(--att-gray-50);border-color:var(--att-gray-400)}.attendance-legend{border-bottom:1px solid var(--att-gray-100);color:var(--att-gray-600);flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:16px;padding:12px 0 16px;font-size:12px;display:flex}.attendance-legend span{align-items:center;gap:6px;display:inline-flex}.legend-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.legend-dot.present{background:var(--att-success)}.legend-dot.late{background:var(--att-warning)}.legend-dot.half-day{background:#ea580c}.legend-dot.leave{background:var(--att-purple)}.legend-dot.pending-leave{background:#d97706}.legend-dot.holiday{background:#ec4899}.legend-dot.week-off{background:var(--att-gray-400)}.legend-dot.absent{background:var(--att-danger)}.attendance-calendar{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.attendance-weekday{text-align:center;color:var(--att-gray-400);text-transform:uppercase;letter-spacing:.05em;padding:8px 0;font-size:12px;font-weight:700}.attendance-calendar-empty{background:0 0;min-height:86px}.attendance-calendar-day{border:1px solid var(--att-gray-200);box-sizing:border-box;background:#fff;border-radius:10px;outline:none;flex-direction:column;justify-content:space-between;min-height:86px;padding:8px 10px;transition:all .15s;display:flex;position:relative}.attendance-calendar-day.clickable-day{cursor:pointer}.attendance-calendar-day.clickable-day:hover{box-shadow:var(--att-shadow-md);z-index:10;transform:translateY(-2px)}.attendance-calendar-day.today-cell{border:2px solid var(--att-primary);background:#f8faff}.attendance-day-top{justify-content:space-between;align-items:center;display:flex}.attendance-day-number{color:var(--att-gray-800);font-size:13px;font-weight:700}.today-tag{color:var(--att-primary);background:var(--att-primary-light);border-radius:4px;padding:1px 5px;font-size:10px;font-weight:700}.attendance-day-content{flex-direction:column;gap:4px;margin-top:6px;display:flex}.attendance-day-badge{text-align:center;white-space:nowrap;text-overflow:ellipsis;border-radius:5px;padding:3px 6px;font-size:10px;font-weight:600;display:block;overflow:hidden}.attendance-leave-pill{text-align:center;white-space:nowrap;text-overflow:ellipsis;border:1px solid;border-radius:4px;padding:2px 5px;font-size:9px;font-weight:700;overflow:hidden}.attendance-leave-pill.pending{border-style:dashed}.attendance-calendar-day.present{background:#fcfdfd;border-color:#d1fae5}.attendance-calendar-day.present .attendance-day-badge{color:#15803d;background:#dcfce7}.attendance-calendar-day.late{background:#fffdfa;border-color:#fef3c7}.attendance-calendar-day.late .attendance-day-badge{color:#b45309;background:#fef3c7}.attendance-calendar-day.half-day{background:#fffaf5;border-color:#ffedd5}.attendance-calendar-day.half-day .attendance-day-badge{color:#c2410c;background:#ffedd5}.attendance-calendar-day.absent{background:#fffdfd;border-color:#fee2e2}.attendance-calendar-day.absent .attendance-day-badge{color:#b91c1c;background:#fee2e2}.attendance-calendar-day.leave{background:#faf8ff;border-color:#ede9fe}.attendance-calendar-day.leave .attendance-day-badge{color:#6d28d9;background:#ede9fe}.attendance-calendar-day.pending-leave{background:#fffbf5;border-color:#fed7aa}.attendance-calendar-day.pending-leave .attendance-day-badge{color:#9a3412;background:#ffedd5}.attendance-calendar-day.holiday{background:#fff8fc;border-color:#fce7f3}.attendance-calendar-day.holiday .attendance-day-badge{color:#be185d;background:#fce7f3}.attendance-calendar-day.week-off{background:var(--att-gray-50);border-color:var(--att-gray-200)}.attendance-calendar-day.week-off .attendance-day-badge{background:var(--att-gray-200);color:var(--att-gray-600)}.attendance-calendar-day.not-recorded .attendance-day-badge{background:var(--att-gray-100);color:var(--att-gray-400)}.attendance-tooltip{background:var(--att-gray-900);color:#fff;z-index:100;box-shadow:var(--att-shadow-lg);pointer-events:none;border-radius:8px;flex-direction:column;gap:4px;min-width:170px;padding:10px 14px;font-size:11px;display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.attendance-tooltip:after{content:"";border-style:solid;border-width:6px;border-color:var(--att-gray-900) transparent transparent transparent;position:absolute;top:100%;left:50%;transform:translate(-50%)}.attendance-calendar-day:hover .attendance-tooltip{display:flex}.tooltip-title{border-bottom:1px solid #ffffff26;margin-bottom:2px;padding-bottom:4px;font-size:12px;font-weight:700}.tooltip-row{justify-content:space-between;gap:8px;display:flex}.tooltip-muted{color:var(--att-gray-400)}.tooltip-tag.regularized{color:#60a5fa;margin-top:2px;font-weight:600}.tooltip-hint{color:var(--att-gray-400);text-align:center;border-top:1px solid #ffffff1a;margin-top:6px;padding-top:4px;font-size:9px}.attendance-table-wrapper{border:1px solid var(--att-gray-200);border-radius:8px;overflow-x:auto}.attendance-table{border-collapse:collapse;text-align:left;width:100%;min-width:900px;font-size:13px}.attendance-table th{background:var(--att-gray-50);color:var(--att-gray-600);border-bottom:1px solid var(--att-gray-200);white-space:nowrap;padding:14px 16px;font-weight:600}.attendance-table td{border-bottom:1px solid var(--att-gray-100);color:var(--att-gray-700);vertical-align:middle;padding:12px 16px}.attendance-table tr:hover td{background-color:var(--att-gray-50)}.table-date-cell strong{color:var(--att-gray-900);font-weight:600}.table-time-cell{font-variant-numeric:tabular-nums;font-weight:500}.late-indicator{color:var(--att-warning);font-weight:600}.dash-empty{color:var(--att-gray-300)}.method-pill{background:var(--att-gray-100);color:var(--att-gray-600);text-transform:capitalize;border-radius:12px;padding:2px 8px;font-size:11px}.attendance-status-badge{text-transform:capitalize;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.attendance-status-badge.present{color:#15803d;background:#dcfce7}.attendance-status-badge.late{color:#b45309;background:#fef3c7}.attendance-status-badge.half_day{color:#c2410c;background:#ffedd5}.attendance-status-badge.absent{color:#b91c1c;background:#fee2e2}.attendance-status-badge.leave{color:#6d28d9;background:#ede9fe}.attendance-status-badge.pending-leave{color:#9a3412;background:#ffedd5}.attendance-status-badge.holiday{color:#be185d;background:#fce7f3}.attendance-status-badge.week_off{background:var(--att-gray-200);color:var(--att-gray-600)}.attendance-status-badge.work_from_home{color:#0369a1;background:#e0f2fe}.attendance-status-badge.not-recorded{background:var(--att-gray-100);color:var(--att-gray-500)}.reg-dot{background:var(--att-primary);border-radius:50%;width:6px;height:6px;display:inline-block}.attendance-history-leave{flex-direction:column;gap:2px;display:flex}.leave-details-sub{color:var(--att-gray-500);font-size:11px}.attendance-table-reg-btn{color:var(--att-primary);border:1px solid var(--att-gray-300);cursor:pointer;background:#fff;border-radius:6px;padding:5px 12px;font-size:12px;font-weight:600;transition:all .15s}.attendance-table-reg-btn:hover{background:var(--att-primary);color:#fff;border-color:var(--att-primary)}.table-actions-col{text-align:right}.attendance-empty{text-align:center;color:var(--att-gray-400);padding:40px;font-size:14px}.attendance-loading{color:var(--att-gray-500);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px;font-size:14px;display:flex}.spinner{border:3px solid var(--att-gray-200);border-top-color:var(--att-primary);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}.attendance-modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:2000;background:#0f172a8c;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.attendance-modal-content{border-radius:var(--att-radius);background:#fff;width:100%;max-width:620px;max-height:90vh;padding:24px;animation:.2s ease-out scaleIn;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media (width<=768px){.attendance-page-header{flex-direction:column;align-items:flex-start}.attendance-action-card{flex-direction:column;align-items:stretch}.attendance-action-buttons{width:100%}.attendance-action-buttons .attendance-btn{flex:1}.attendance-calendar{gap:4px}.attendance-calendar-day{min-height:60px;padding:4px}.attendance-day-badge{padding:2px 4px;font-size:8px}.attendance-leave-pill{display:none}.attendance-month-navigation h2{min-width:140px;font-size:16px}}.employee-leave{box-sizing:border-box;color:#111827;width:100%;margin:0;padding:0;font-family:inherit}.employee-leave-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.employee-leave-header h1{color:#111827;margin:0 0 6px;font-size:26px;font-weight:700}.employee-leave-header p{color:#6b7280;margin:0;font-size:14px}.apply-leave-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;align-items:center;gap:8px;padding:11px 17px;font-size:14px;font-weight:600;transition:background .2s,transform .2s;display:flex}.apply-leave-btn:hover{background:#1d4ed8}.apply-leave-btn:active{transform:translateY(1px)}.apply-leave-btn span{font-size:20px;line-height:14px}.leave-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:20px;padding:12px 15px;font-size:14px}.leave-section{margin-bottom:30px}.section-heading{margin-bottom:16px}.section-heading h2{color:#111827;margin:0 0 5px;font-size:18px;font-weight:700}.section-heading p{color:#6b7280;margin:0;font-size:13px}.leave-balance-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.leave-balance-card{box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:18px;transition:box-shadow .2s,transform .2s}.leave-balance-card:hover{transform:translateY(-1px);box-shadow:0 5px 18px #0000000f}.balance-card-top{align-items:center;gap:10px;margin-bottom:18px;font-size:14px;font-weight:600;display:flex}.leave-icon{color:#2563eb;background:#eff6ff;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;font-weight:700;display:flex}.balance-number{color:#111827;align-items:baseline;gap:7px;margin-bottom:18px;font-size:28px;font-weight:700;display:flex}.balance-number small{color:#6b7280;font-size:12px;font-weight:400}.balance-details{border-top:1px solid #f0f0f0;grid-template-columns:repeat(3,1fr);gap:8px;padding-top:14px;display:grid}.balance-details div{flex-direction:column;gap:4px;display:flex}.balance-details span{color:#9ca3af;font-size:11px}.balance-details strong{color:#374151;font-size:13px}.leave-table-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.leave-table-wrapper{width:100%;overflow-x:auto}.leave-table{border-collapse:collapse;width:100%;min-width:850px}.leave-table th{text-align:left;color:#6b7280;white-space:nowrap;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:13px 16px;font-size:12px;font-weight:600}.leave-table td{color:#374151;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:15px 16px;font-size:13px}.leave-table tbody tr:last-child td{border-bottom:none}.leave-table tbody tr:hover{background:#fafafa}.leave-table td strong{color:#111827;font-weight:600}.reason-cell{white-space:nowrap;text-overflow:ellipsis;max-width:220px;overflow:hidden}.leave-status{text-transform:capitalize;color:#4b5563;background:#f3f4f6;border-radius:20px;justify-content:center;align-items:center;padding:5px 10px;font-size:11px;font-weight:600;display:inline-flex}.leave-status.approved{color:#047857;background:#ecfdf5}.leave-status.pending{color:#b45309;background:#fffbeb}.leave-status.rejected{color:#b91c1c;background:#fef2f2}.leave-status.cancelled{color:#6b7280;background:#f3f4f6}.cancel-leave-btn{color:#dc2626;cursor:pointer;background:#fff;border:1px solid #fecaca;border-radius:6px;padding:6px 11px;font-size:12px;font-weight:500}.cancel-leave-btn:hover{background:#fef2f2}.empty-balance{text-align:center;color:#6b7280;border:1px dashed #d1d5db;border-radius:10px;grid-column:1/-1;padding:35px;font-size:14px}.empty-requests{text-align:center;padding:55px 20px}.empty-icon{margin-bottom:12px;font-size:35px}.empty-requests h3{color:#111827;margin:0 0 7px;font-size:16px}.empty-requests p{color:#6b7280;margin:0 0 18px;font-size:13px}.empty-requests button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:7px;padding:9px 15px;font-size:13px;font-weight:600}.employee-leave-loading{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:300px;display:flex}.employee-leave-loading p{margin:0;font-size:14px}.leave-spinner{border:3px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;width:28px;height:28px;animation:.8s linear infinite leave-spin}@keyframes leave-spin{to{transform:rotate(360deg)}}.leave-modal-overlay{z-index:1000;background:#0f172a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.leave-modal{background:#fff;border-radius:12px;width:100%;max-width:540px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 50px #0000002e}.leave-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;padding:20px 22px;display:flex}.leave-modal-header h2{color:#111827;margin:0 0 5px;font-size:19px}.leave-modal-header p{color:#6b7280;margin:0;font-size:13px}.modal-close{color:#6b7280;cursor:pointer;background:#f3f4f6;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:22px;display:flex}.leave-form{padding:22px}.form-group{flex-direction:column;gap:7px;margin-bottom:18px;display:flex}.form-group label{color:#374151;font-size:13px;font-weight:600}.form-group input,.form-group select,.form-group textarea{box-sizing:border-box;color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:7px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:13px;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#2563eb}.form-group textarea{resize:vertical;min-height:95px}.form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.leave-form-actions{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:10px;margin-top:8px;padding-top:18px;display:flex}.modal-cancel-btn,.modal-submit-btn{cursor:pointer;border-radius:7px;padding:10px 16px;font-size:13px;font-weight:600}.modal-cancel-btn{color:#374151;background:#fff;border:1px solid #d1d5db}.modal-cancel-btn:hover{background:#f9fafb}.modal-submit-btn{color:#fff;background:#2563eb;border:none}.modal-submit-btn:hover{background:#1d4ed8}.modal-submit-btn:disabled{opacity:.6;cursor:not-allowed}@media (width<=1100px){.leave-balance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.employee-leave-header{flex-direction:column;align-items:flex-start}.apply-leave-btn{justify-content:center;width:100%}.leave-balance-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr;gap:0}.leave-modal{max-height:95vh}}@media (width<=500px){.employee-leave-header h1{font-size:22px}.leave-balance-card{padding:15px}.leave-form,.leave-modal-header{padding:18px}}.leave-status.revoked{color:#7e22ce;background-color:#f3e8ff;border:1px solid #d8b4fe}.proof-link{color:#2563eb;margin-top:3px;font-size:11px;font-weight:600;text-decoration:none;display:inline-block}.proof-link:hover{text-decoration:underline}.remarks-cell{color:#4b5563;font-size:12px}.remark-text.revoke{color:#7e22ce;font-style:italic}.days-calculation-preview{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:14px;padding:8px 12px;font-size:13px;display:flex}.days-calculation-preview strong{color:#1d4ed8;font-size:15px}.table-subtext{color:#9ca3af;font-size:10px;display:block}.half-day-tag{color:#d97706;font-size:10px;display:block}.employee-payroll-page{color:#1f2937;background:#f6f8fb;min-height:100vh;padding:28px}.payroll-page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.payroll-page-header h1{color:#111827;margin:0;font-size:28px;font-weight:700}.payroll-page-header p{color:#6b7280;margin:7px 0 0;font-size:14px}.payroll-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:10px;margin-bottom:20px;padding:13px 16px;font-size:14px;display:flex}.payroll-summary{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:24px;display:grid}.payroll-summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:15px;padding:20px;display:flex;box-shadow:0 2px 8px #0000000a}.summary-icon{color:#2563eb;background:#eff6ff;border-radius:10px;justify-content:center;align-items:center;width:46px;height:46px;font-size:20px;font-weight:700;display:flex}.payroll-summary-card span{color:#6b7280;margin-bottom:5px;font-size:13px;display:block}.payroll-summary-card strong{color:#111827;font-size:20px;font-weight:700;display:block}.summary-status{text-transform:capitalize}.payroll-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000a}.payroll-card-header{border-bottom:1px solid #e5e7eb;padding:20px 22px}.payroll-card-header h2{color:#111827;margin:0;font-size:18px;font-weight:700}.payroll-card-header p{color:#6b7280;margin:5px 0 0;font-size:13px}.payroll-table-wrapper{width:100%;overflow-x:auto}.payroll-table{border-collapse:collapse;width:100%;min-width:950px}.payroll-table th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.03em;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:14px 18px;font-size:12px;font-weight:600}.payroll-table td{color:#374151;border-bottom:1px solid #f0f1f3;padding:17px 18px;font-size:14px}.payroll-table tbody tr:hover{background:#fafafa}.period-cell{flex-direction:column;gap:4px;display:flex}.period-cell strong{color:#111827;font-size:14px}.period-cell span{color:#9ca3af;font-size:12px}.money-cell{white-space:nowrap;font-weight:600}.deduction{color:#dc2626!important}.net-pay{font-weight:700;color:#16a34a!important}.payroll-status{text-transform:capitalize;border-radius:20px;padding:5px 10px;font-size:12px;font-weight:600;display:inline-flex}.status-finalized{color:#15803d;background:#dcfce7}.status-approved{color:#1d4ed8;background:#dbeafe}.status-calculated{color:#b45309;background:#fef3c7}.status-draft{color:#4b5563;background:#f3f4f6}.status-cancelled{color:#b91c1c;background:#fee2e2}.payroll-actions{align-items:center;gap:7px;display:flex}.view-button,.payslip-button{cursor:pointer;border:none;border-radius:6px;padding:7px 12px;font-size:12px;font-weight:600;transition:all .2s}.view-button{color:#2563eb;background:#eff6ff}.view-button:hover{background:#dbeafe}.payslip-button{color:#fff;background:#2563eb}.payslip-button:hover{background:#1d4ed8}.payroll-empty{text-align:center;padding:70px 20px}.empty-icon{color:#2563eb;background:#eff6ff;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;margin:0 auto 15px;font-size:24px;font-weight:700;display:flex}.payroll-empty h3{color:#111827;margin:0 0 7px;font-size:17px}.payroll-empty p{color:#6b7280;max-width:450px;margin:0 auto;font-size:14px;line-height:1.6}.payroll-loading,.details-loading{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:300px;display:flex}.payroll-spinner{border:3px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite payrollSpin}@keyframes payrollSpin{to{transform:rotate(360deg)}}.payroll-modal-overlay{z-index:1000;background:#1118278c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.payroll-modal{background:#fff;border-radius:14px;width:100%;max-width:850px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 50px #0003}.payroll-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;padding:22px;display:flex}.payroll-modal-header h2{color:#111827;margin:0;font-size:20px}.payroll-modal-header p{color:#6b7280;margin:5px 0 0;font-size:13px}.modal-close{color:#4b5563;cursor:pointer;background:#f3f4f6;border:none;border-radius:7px;width:34px;height:34px;font-size:22px}.modal-close:hover{background:#e5e7eb}.payroll-details{padding:22px}.details-section{margin-bottom:25px}.details-section h3{color:#111827;margin:0 0 14px;font-size:15px;font-weight:700}.details-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.details-grid>div,.attendance-grid>div{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:14px}.details-grid span,.attendance-grid span{color:#6b7280;margin-bottom:5px;font-size:12px;display:block}.details-grid strong,.attendance-grid strong{color:#111827;font-size:14px}.attendance-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.components-list{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.component-row{border-bottom:1px solid #f0f1f3;justify-content:space-between;align-items:center;padding:12px 15px;font-size:14px;display:flex}.component-row:last-child{border-bottom:none}.component-earning{color:#16a34a}.component-deduction{color:#dc2626}.net-pay-box{background:#eff6ff;border:1px solid #dbeafe;border-radius:9px;justify-content:space-between;align-items:center;margin-top:10px;padding:18px;display:flex}.net-pay-box span{color:#1e40af;font-size:15px;font-weight:600}.net-pay-box strong{color:#1d4ed8;font-size:22px}.download-payslip-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;width:100%;margin-top:18px;padding:12px 18px;font-size:14px;font-weight:600;transition:all .2s}.download-payslip-button:hover{background:#1d4ed8}@media (width<=900px){.payroll-summary{grid-template-columns:1fr}.details-grid,.attendance-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.employee-payroll-page{padding:16px}.payroll-page-header h1{font-size:23px}.details-grid,.attendance-grid{grid-template-columns:1fr}.payroll-modal-overlay{padding:10px}.payroll-modal{max-height:95vh}.payroll-details,.payroll-modal-header{padding:16px}}.employee-performance-page{color:#1f2937;box-sizing:border-box;background:#f8fafc;width:100%;min-height:100vh;padding:28px;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.employee-performance-header{margin-bottom:24px}.employee-performance-header h1{color:#111827;letter-spacing:-.3px;margin:0;font-size:26px;font-weight:600}.employee-performance-header p{color:#6b7280;margin:6px 0 0;font-size:13.5px}.performance-error-alert{color:#dc2626;background:#fef2f2;border:1px solid #fee2e2;border-radius:8px;align-items:center;gap:10px;margin-bottom:24px;padding:12px 18px;font-size:13px;font-weight:500;display:flex}.employee-kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.employee-kpi-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;justify-content:space-between;padding:20px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 1px 3px #00000008}.employee-kpi-card:hover{transform:translateY(-2px);box-shadow:0 4px 10px #0000000d}.employee-kpi-card .kpi-label{color:#6b7280;margin-bottom:8px;font-size:12.5px;font-weight:500}.employee-kpi-card .kpi-value{color:#111827;font-size:24px;font-weight:700;line-height:1.1}.employee-kpi-card.rating .kpi-value{color:#2563eb}.employee-kpi-card.good .kpi-value{color:#059669}.employee-kpi-card.bad .kpi-value{color:#dc2626}.employee-performance-filters{background:#fff;border:1px solid #e5e7eb;border-radius:10px;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px;padding:16px 20px;display:grid;box-shadow:0 1px 2px #00000005}.employee-filter-group{flex-direction:column;gap:6px;display:flex}.employee-filter-group label{color:#374151;font-size:12px;font-weight:500}.employee-filter-group select{box-sizing:border-box;color:#1f2937;background:#fff;border:1px solid #d1d5db;border-radius:7px;outline:none;width:100%;padding:9px 12px;font-family:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s}.employee-filter-group select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.employee-performance-section{background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:28px;overflow:hidden;box-shadow:0 1px 3px #00000008}.employee-section-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:18px 22px}.employee-section-header h2{color:#111827;margin:0;font-size:16.5px;font-weight:600}.employee-section-header span{color:#6b7280;margin-top:4px;font-size:12px;display:block}.employee-table-wrapper{width:100%;overflow-x:auto}.employee-performance-table{border-collapse:collapse;width:100%;min-width:750px}.employee-performance-table th{color:#4b5563;text-transform:uppercase;letter-spacing:.4px;text-align:left;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:13px 18px;font-size:11.5px;font-weight:600}.employee-performance-table td{color:#374151;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 18px;font-size:12.5px}.employee-performance-table tbody tr:hover{background:#fbfcfe}.employee-performance-table tbody tr:last-child td{border-bottom:none}.employee-performance-table td strong{color:#111827;font-weight:600}.employee-rating-value{color:#2563eb;font-weight:600}.employee-type-badge{color:#2563eb;background:#eff6ff;border-radius:6px;align-items:center;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.employee-case-good{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:6px;align-items:center;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.employee-case-bad{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;align-items:center;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.employee-case-details{color:#4b5563;max-width:450px;line-height:1.55}.employee-performance-empty{font-size:13.5px;text-align:center!important;color:#9ca3af!important;padding:45px 20px!important}.employee-performance-loading{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;min-height:350px;font-size:14px;display:flex}@media (width<=1024px){.employee-kpi-grid{grid-template-columns:repeat(2,1fr)}.employee-performance-filters{grid-template-columns:1fr 1fr}}@media (width<=640px){.employee-performance-page{padding:16px}.employee-kpi-grid,.employee-performance-filters{grid-template-columns:1fr}}.employee-tasks-page{box-sizing:border-box;color:#1e293b;background:#f8fafc;width:100%;min-height:100vh;padding:24px}.employee-tasks-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.employee-tasks-header h1{color:#0f172a;margin:0;font-size:28px;font-weight:700}.employee-tasks-header p{color:#64748b;margin:6px 0 0;font-size:14px}.refresh-tasks-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .2s}.refresh-tasks-btn:hover{background:#1d4ed8}.refresh-tasks-btn:disabled{opacity:.6;cursor:not-allowed}.task-message{border-radius:8px;margin-bottom:20px;padding:12px 16px;font-size:14px;font-weight:500}.task-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.task-success{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.task-kpi-grid{grid-template-columns:repeat(6,1fr);gap:16px;margin-bottom:24px;display:grid}.task-kpi-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:12px;min-height:90px;padding:18px;box-shadow:0 1px 2px #0f172a0a}.task-kpi-label{color:#64748b;margin-bottom:8px;font-size:13px;font-weight:500}.task-kpi-value{color:#0f172a;font-size:26px;font-weight:700}.tasks-table-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 2px #0f172a0a}.section-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:20px;padding:20px 22px;display:flex}.section-header h2{color:#0f172a;margin:0;font-size:18px;font-weight:700}.section-header p{color:#64748b;margin:5px 0 0;font-size:13px}.task-count{color:#2563eb;background:#eff6ff;border-radius:20px;padding:6px 12px;font-size:13px;font-weight:600}.tasks-table-wrapper{width:100%;overflow-x:auto}.tasks-table{border-collapse:collapse;width:100%;min-width:900px}.tasks-table th{color:#475569;text-align:left;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:14px 16px;font-size:12px;font-weight:700}.tasks-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:16px;font-size:14px}.tasks-table tbody tr{transition:background .2s}.tasks-table tbody tr:hover{background:#f8fafc}.tasks-table tbody tr:last-child td{border-bottom:none}.task-details-cell{max-width:360px}.task-title{color:#0f172a;word-break:break-word;font-size:14px;font-weight:600;line-height:1.5}.task-revoked-info{color:#dc2626;margin-top:5px;font-size:12px}.task-row-overdue{background:snow}.deadline-overdue{color:#dc2626;font-weight:600}.overdue-label{color:#dc2626;background:#fef2f2;border-radius:5px;margin-left:7px;padding:3px 7px;font-size:10px;font-weight:700;display:inline-block}.priority-badge{white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;padding:5px 10px;font-size:12px;font-weight:600;display:inline-flex}.priority-high{color:#dc2626;background:#fef2f2}.priority-medium{color:#ea580c;background:#fff7ed}.priority-low{color:#16a34a;background:#f0fdf4}.status-badge{white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;padding:5px 10px;font-size:12px;font-weight:600;display:inline-flex}.status-pending{color:#475569;background:#f1f5f9}.status-progress{color:#2563eb;background:#eff6ff}.status-review{color:#ca8a04;background:#fefce8}.status-completed{color:#16a34a;background:#f0fdf4}.task-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.view-task-btn,.review-task-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:7px;padding:8px 12px;font-size:12px;font-weight:600;transition:all .2s}.view-task-btn{color:#334155;background:#f1f5f9}.view-task-btn:hover{background:#e2e8f0}.review-task-btn{color:#fff;background:#2563eb}.review-task-btn:hover{background:#1d4ed8}.review-task-btn:disabled{opacity:.6;cursor:not-allowed}.no-tasks{text-align:center;padding:70px 20px}.no-tasks-icon{color:#16a34a;background:#f0fdf4;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;margin:0 auto 16px;font-size:24px;font-weight:700;display:flex}.no-tasks h3{color:#0f172a;margin:0 0 6px;font-size:17px}.no-tasks p{color:#64748b;margin:0;font-size:14px}.tasks-loading{color:#64748b;justify-content:center;align-items:center;min-height:400px;font-size:15px;display:flex}.task-modal-overlay{z-index:1000;background:#0f172a80;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.task-modal{background:#fff;border-radius:14px;width:100%;max-width:650px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 50px #0f172a33}.task-modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;gap:20px;padding:20px 22px;display:flex}.task-modal-header h2{color:#0f172a;margin:0;font-size:19px}.task-modal-header p{color:#64748b;margin:5px 0 0;font-size:12px}.close-modal-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:7px;width:34px;height:34px;font-size:22px;line-height:1}.close-modal-btn:hover{background:#e2e8f0}.task-modal-body{padding:22px}.task-detail-grid{grid-template-columns:repeat(2,1fr);gap:18px;margin-top:20px;display:grid}.task-detail-item{flex-direction:column;gap:6px;display:flex}.task-detail-item.full-width{width:100%}.detail-label{color:#64748b;text-transform:uppercase;letter-spacing:.3px;font-size:12px;font-weight:600}.detail-value{color:#0f172a;font-size:14px;font-weight:500}.task-description{white-space:pre-wrap;word-break:break-word;margin:0;line-height:1.6}.task-revoke-box{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-top:20px;padding:14px 16px}.task-revoke-box strong{color:#b91c1c;font-size:13px}.task-revoke-box p{color:#7f1d1d;margin:5px 0 0;font-size:13px}.task-modal-footer{border-top:1px solid #e2e8f0;justify-content:flex-end;align-items:center;gap:10px;padding:16px 22px;display:flex}.cancel-modal-btn{color:#334155;cursor:pointer;background:#f1f5f9;border:none;border-radius:7px;padding:9px 16px;font-size:13px;font-weight:600}.cancel-modal-btn:hover{background:#e2e8f0}@media (width<=1200px){.task-kpi-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.employee-tasks-page{padding:16px}.employee-tasks-header{flex-direction:column;align-items:flex-start}.refresh-tasks-btn{width:100%}.task-kpi-grid{grid-template-columns:repeat(2,1fr)}.section-header{flex-direction:column;align-items:flex-start}.task-detail-grid{grid-template-columns:1fr}.task-modal-overlay{padding:10px}}@media (width<=480px){.task-kpi-grid{grid-template-columns:1fr}.employee-tasks-header h1{font-size:24px}.task-modal-footer{flex-direction:column-reverse}.task-modal-footer button{width:100%}}.task-filters{background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-wrap:wrap;align-items:flex-end;gap:1rem;margin-bottom:1.5rem;padding:1.25rem;display:flex;box-shadow:0 1px 3px #0000000d}.task-search-box{flex:240px;align-items:center;min-width:200px;display:flex;position:relative}.task-search-box .search-icon{color:#94a3b8;pointer-events:none;font-size:.875rem;position:absolute;left:12px}.task-search-box input{color:#1e293b;background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;outline:none;width:100%;height:40px;padding:.5rem .75rem .5rem 2.25rem;font-size:.875rem;transition:all .2s ease-in-out}.task-search-box input:focus{background-color:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.task-search-box input::placeholder{color:#94a3b8}.task-filter-item{flex-direction:column;flex:0 180px;gap:.35rem;min-width:150px;display:flex}.task-filter-item label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:600}.task-filter-item input[type=date],.task-filter-item select{color:#1e293b;cursor:pointer;background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;outline:none;width:100%;height:40px;padding:.5rem .75rem;font-size:.875rem;transition:all .2s ease-in-out}.task-filter-item input[type=date]:focus,.task-filter-item select:focus{background-color:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.clear-task-filters{color:#ef4444;cursor:pointer;white-space:nowrap;background-color:#fee2e2;border:1px solid #fca5a5;border-radius:6px;justify-content:center;align-items:center;height:40px;padding:0 1.25rem;font-size:.875rem;font-weight:500;transition:all .2s ease-in-out;display:inline-flex}.clear-task-filters:hover{color:#dc2626;background-color:#fecaca;border-color:#f87171}.clear-task-filters:active{transform:scale(.98)}@media (width<=768px){.task-filters{flex-direction:column;align-items:stretch;gap:.75rem}.task-search-box,.task-filter-item,.clear-task-filters{flex:100%;width:100%}}.employee-timesheets-page{box-sizing:border-box;width:100%;padding:24px}.employee-timesheets-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.employee-timesheets-header h1{margin:0 0 6px;font-size:28px;font-weight:700}.employee-timesheets-header p{color:#6b7280;margin:0;font-size:14px}.employee-timesheet-add-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:11px 18px;font-size:14px;font-weight:600;transition:all .2s}.employee-timesheet-add-btn:hover{background:#1d4ed8}.employee-timesheet-kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px;display:grid}.employee-timesheet-kpi-card{box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.employee-timesheet-kpi-card span{color:#6b7280;margin-bottom:8px;font-size:13px;display:block}.employee-timesheet-kpi-card strong{color:#111827;font-size:25px;font-weight:700;display:block}.employee-timesheet-filter-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;grid-template-columns:2fr 1.3fr 1.2fr auto;align-items:end;gap:14px;margin-bottom:20px;padding:18px;display:grid}.employee-timesheet-filter-group{flex-direction:column;gap:7px;display:flex}.employee-timesheet-filter-group label{color:#374151;font-size:13px;font-weight:600}.employee-timesheet-filter-group input,.employee-timesheet-filter-group select{color:#111827;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:7px;outline:none;width:100%;height:42px;padding:0 12px;font-size:14px}.employee-timesheet-filter-group input:focus,.employee-timesheet-filter-group select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.employee-timesheet-reset-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:7px;height:42px;padding:0 17px;font-size:14px;font-weight:600}.employee-timesheet-reset-btn:hover{background:#f9fafb}.employee-timesheet-table-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.employee-timesheet-table-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:20px;padding:20px;display:flex}.employee-timesheet-table-header h2{margin:0 0 5px;font-size:18px;font-weight:700}.employee-timesheet-table-header span,.employee-timesheet-filter-total{color:#6b7280;font-size:13px}.employee-timesheet-filter-total strong{color:#111827;margin-left:5px;font-size:15px}.employee-timesheet-table-wrapper{width:100%;overflow-x:auto}.employee-timesheet-table{border-collapse:collapse;width:100%;min-width:850px}.employee-timesheet-table th{color:#4b5563;text-align:left;white-space:nowrap;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:13px 16px;font-size:12px;font-weight:700}.employee-timesheet-table td{color:#374151;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:15px 16px;font-size:14px}.employee-timesheet-table tbody tr:hover{background:#fafafa}.employee-timesheet-code{color:#1d4ed8;background:#eff6ff;border-radius:6px;padding:5px 8px;font-size:12px;font-weight:700;display:inline-block}.employee-timesheet-code-work{color:#6b7280;margin-top:4px;font-size:11px;display:block}.employee-timesheet-description{color:#4b5563;max-width:320px;line-height:1.5}.employee-timesheet-actions{align-items:center;gap:7px;display:flex}.employee-timesheet-edit-btn,.employee-timesheet-delete-btn{cursor:pointer;border-radius:6px;padding:7px 11px;font-size:12px;font-weight:600}.employee-timesheet-edit-btn{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.employee-timesheet-edit-btn:hover{background:#dbeafe}.employee-timesheet-delete-btn{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.employee-timesheet-delete-btn:hover{background:#fee2e2}.employee-timesheet-empty{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:220px;font-size:14px;display:flex}.employee-timesheet-reset-inline{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:7px;padding:9px 14px;font-size:13px;font-weight:600}.employee-timesheet-reset-inline:hover{background:#1d4ed8}.employee-timesheet-modal-overlay{z-index:1000;box-sizing:border-box;background:#0f172a8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.employee-timesheet-modal{background:#fff;border-radius:14px;width:100%;max-width:650px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 50px #0000002e}.employee-timesheet-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;gap:20px;padding:22px;display:flex}.employee-timesheet-modal-header h2{margin:0 0 5px;font-size:20px;font-weight:700}.employee-timesheet-modal-header p{color:#6b7280;margin:0;font-size:13px}.employee-timesheet-modal-close{color:#374151;cursor:pointer;background:#f3f4f6;border:none;border-radius:7px;width:34px;height:34px;font-size:22px;line-height:1}.employee-timesheet-modal-close:hover{background:#e5e7eb}.employee-timesheet-form{padding:22px}.employee-timesheet-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px;display:grid}.employee-timesheet-form-group{flex-direction:column;gap:7px;display:flex}.employee-timesheet-form-group label{color:#374151;font-size:13px;font-weight:600}.employee-timesheet-form-group input,.employee-timesheet-form-group select,.employee-timesheet-form-group textarea{color:#111827;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:7px;outline:none;width:100%;font-size:14px}.employee-timesheet-form-group input,.employee-timesheet-form-group select{height:42px;padding:0 12px}.employee-timesheet-form-group textarea{resize:vertical;min-height:110px;padding:11px 12px;font-family:inherit}.employee-timesheet-form-group input:focus,.employee-timesheet-form-group select:focus,.employee-timesheet-form-group textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.employee-timesheet-form-group small{color:#6b7280;align-self:flex-end;font-size:11px}.employee-timesheet-modal-footer{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:10px;margin-top:22px;padding-top:18px;display:flex}.employee-timesheet-cancel-btn,.employee-timesheet-save-btn{cursor:pointer;border-radius:7px;min-width:110px;height:42px;padding:0 16px;font-size:14px;font-weight:600}.employee-timesheet-cancel-btn{color:#374151;background:#fff;border:1px solid #d1d5db}.employee-timesheet-cancel-btn:hover{background:#f9fafb}.employee-timesheet-save-btn{color:#fff;background:#2563eb;border:none}.employee-timesheet-save-btn:hover{background:#1d4ed8}.employee-timesheet-save-btn:disabled,.employee-timesheet-cancel-btn:disabled,.employee-timesheet-modal-close:disabled{opacity:.6;cursor:not-allowed}@media (width<=1100px){.employee-timesheet-kpi-grid,.employee-timesheet-filter-card{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.employee-timesheets-page{padding:16px}.employee-timesheets-header{flex-direction:column;align-items:flex-start}.employee-timesheet-add-btn{width:100%}.employee-timesheet-kpi-grid,.employee-timesheet-filter-card{grid-template-columns:1fr}.employee-timesheet-table-header{flex-direction:column;align-items:flex-start}.employee-timesheet-form-grid{grid-template-columns:1fr}.employee-timesheet-modal-overlay{padding:10px}.employee-timesheet-modal{max-height:95vh}}@media (width<=480px){.employee-timesheets-page{padding:12px}.employee-timesheets-header h1{font-size:23px}.employee-timesheet-modal-footer{flex-direction:column-reverse}.employee-timesheet-cancel-btn,.employee-timesheet-save-btn{width:100%}}.employee-directory-page{box-sizing:border-box;color:#172033;background:#f7f8fa;width:100%;min-height:100%;padding:28px}.directory-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.directory-header h1{color:#172033;margin:0;font-size:28px;font-weight:700}.directory-header p{color:#6b7280;margin:7px 0 0;font-size:14px}.directory-count{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;min-width:90px;padding:13px 18px}.directory-count strong{color:#2563eb;font-size:22px;display:block}.directory-count span{color:#6b7280;font-size:12px}.directory-controls{background:#fff;border:1px solid #e5e7eb;border-radius:14px;margin-bottom:20px;padding:18px}.directory-search{align-items:center;height:46px;margin-bottom:14px;display:flex;position:relative}.search-icon{color:#6b7280;z-index:1;font-size:20px;position:absolute;left:15px}.directory-search input{color:#172033;box-sizing:border-box;border:1px solid #dfe3e8;border-radius:9px;outline:none;width:100%;height:100%;padding:0 125px 0 45px;font-size:14px}.directory-search input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.search-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:7px;height:36px;padding:0 18px;font-size:13px;font-weight:600;position:absolute;top:5px;right:5px}.search-button:hover{background:#1d4ed8}.search-clear{color:#9ca3af;cursor:pointer;background:0 0;border:none;font-size:20px;position:absolute;top:50%;right:95px;transform:translateY(-50%)}.directory-filters{flex-wrap:wrap;gap:10px;display:flex}.directory-filters select{color:#374151;cursor:pointer;background:#fff;border:1px solid #dfe3e8;border-radius:8px;outline:none;min-width:160px;height:40px;padding:0 12px;font-size:13px}.directory-filters select:focus{border-color:#2563eb}.clear-filters-button{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #dfe3e8;border-radius:8px;height:40px;padding:0 16px;font-size:13px}.clear-filters-button:hover{color:#2563eb;border-color:#2563eb}.directory-toolbar{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.results-text{color:#6b7280;font-size:13px}.view-switcher{background:#eef0f3;border-radius:9px;gap:3px;padding:4px;display:flex}.view-switcher button{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:7px;align-items:center;gap:7px;height:34px;padding:0 14px;font-size:13px;font-weight:500;display:flex}.view-switcher button.active{color:#2563eb;background:#fff;box-shadow:0 1px 4px #00000014}.view-switcher button span{font-size:16px}.employee-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;display:grid}.employee-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:20px;transition:transform .18s,box-shadow .18s,border-color .18s}.employee-card:hover{border-color:#d5dbe5;transform:translateY(-2px);box-shadow:0 8px 25px #0f172a12}.employee-card-top{justify-content:space-between;align-items:flex-start;display:flex}.employee-avatar{color:#2563eb;background:#e8f0ff;border-radius:50%;justify-content:center;align-items:center;width:62px;height:62px;font-size:20px;font-weight:700;display:flex;overflow:hidden}.employee-avatar img{object-fit:cover;width:100%;height:100%}.employee-main-info{margin-top:15px}.employee-main-info h3{color:#172033;margin:0;font-size:17px;font-weight:700}.employee-position{color:#2563eb;margin:5px 0 0;font-size:13px;font-weight:600}.employee-department{color:#6b7280;margin:5px 0 0;font-size:12px}.employee-details{border-top:1px solid #eef0f3;margin-top:17px;padding-top:14px}.employee-detail-row{color:#596273;align-items:center;gap:9px;min-width:0;margin-bottom:9px;font-size:12px;display:flex}.employee-detail-row span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.detail-icon{color:#8a94a6;flex-shrink:0;width:18px}.employee-manager{background:#f7f9fc;border-radius:9px;margin-top:15px;padding:12px}.manager-label{color:#8a94a6;text-transform:uppercase;letter-spacing:.5px;margin-bottom:7px;font-size:10px;font-weight:600;display:block}.manager-info{color:#374151;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.manager-avatar{color:#2563eb;background:#dbeafe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:27px;height:27px;font-size:9px;font-weight:700;display:flex;overflow:hidden}.manager-avatar img{object-fit:cover;width:100%;height:100%}.employee-card-footer{color:#9ca3af;border-top:1px solid #eef0f3;margin-top:15px;padding-top:12px;font-size:11px}.role-badge{white-space:nowrap;color:#475569;background:#f1f5f9;border-radius:20px;justify-content:center;align-items:center;padding:5px 9px;font-size:10px;font-weight:600;display:inline-flex}.role-employee{color:#2563eb;background:#eff6ff}.role-manager{color:#15803d;background:#f0fdf4}.role-hr{color:#a21caf;background:#fdf4ff}.role-md{color:#c2410c;background:#fff7ed}.role-administrator{color:#dc2626;background:#fef2f2}.organization-container{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:24px;overflow-x:auto}.organization-header{border-bottom:1px solid #eef0f3;justify-content:space-between;align-items:center;gap:15px;padding-bottom:20px;display:flex}.organization-header h2{color:#172033;margin:0;font-size:18px}.organization-header p{color:#7b8494;margin:5px 0 0;font-size:12px}.expand-all-button{color:#2563eb;cursor:pointer;background:#fff;border:1px solid #dfe3e8;border-radius:8px;height:36px;padding:0 14px;font-size:12px;font-weight:600}.expand-all-button:hover{background:#eff6ff}.organization-tree{min-width:650px;padding:25px 10px 10px}.org-tree-node{position:relative}.org-children{margin-left:36px;padding-top:8px;padding-left:30px;position:relative}.org-children:before{content:"";background:#d9dee7;width:1px;position:absolute;top:0;bottom:20px;left:0}.org-children>.org-tree-node:before{content:"";background:#d9dee7;width:30px;height:1px;position:absolute;top:31px;left:-30px}.org-person-card{box-sizing:border-box;background:#fff;border:1px solid #e1e5eb;border-radius:11px;justify-content:space-between;align-items:center;gap:15px;width:min(100%,520px);min-height:72px;margin-bottom:8px;padding:11px 13px;transition:border-color .18s,box-shadow .18s;display:flex}.org-person-card:hover{border-color:#b9c8e5;box-shadow:0 4px 14px #0f172a0f}.org-root-card{background:#f9fbff;border-color:#cbd9f6}.org-person-left{align-items:center;gap:11px;min-width:0;display:flex}.org-avatar{color:#2563eb;background:#e8f0ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:14px;font-weight:700;display:flex;overflow:hidden}.org-avatar img{object-fit:cover;width:100%;height:100%}.org-person-info{min-width:0}.org-person-info h4{color:#172033;margin:0;font-size:14px;font-weight:700}.org-position{color:#2563eb;margin:3px 0;font-size:11px;font-weight:600}.org-meta{color:#8a94a6;gap:8px;font-size:10px;display:flex}.org-meta span+span:before{content:"•";margin-right:8px}.org-person-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.tree-toggle{color:#2563eb;cursor:pointer;background:#fff;border:1px solid #dfe3e8;border-radius:7px;width:28px;height:28px;font-size:18px;line-height:1}.tree-toggle:hover{background:#eff6ff}.directory-state{text-align:center;box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:30px;display:flex}.directory-state h3{color:#172033;margin:12px 0 5px;font-size:16px}.directory-state p{color:#7b8494;margin:0;font-size:13px}.directory-state button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:7px;height:36px;margin-top:15px;padding:0 16px;font-size:12px;font-weight:600}.directory-state button:hover{background:#1d4ed8}.state-icon{color:#2563eb;background:#eff6ff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-weight:700;display:flex}.error-state .state-icon{color:#dc2626;background:#fef2f2}.directory-spinner{border:3px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;width:30px;height:30px;animation:.8s linear infinite directory-spin}@keyframes directory-spin{to{transform:rotate(360deg)}}@media (width<=900px){.employee-directory-page{padding:20px}.directory-filters select{flex:1;min-width:140px}.employee-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (width<=650px){.employee-directory-page{padding:14px}.directory-header{align-items:flex-start}.directory-header h1{font-size:23px}.directory-count{min-width:65px;padding:10px}.directory-count strong{font-size:18px}.directory-search input{padding-right:85px}.search-button{padding:0 11px}.search-clear{right:68px}.directory-filters{grid-template-columns:1fr 1fr;display:grid}.directory-filters select{width:100%;min-width:0}.clear-filters-button{width:100%}.directory-toolbar{flex-direction:column;align-items:flex-start;gap:12px}.view-switcher{width:100%}.view-switcher button{flex:1;justify-content:center}.employee-grid{grid-template-columns:1fr}.organization-container{padding:15px}.organization-header{flex-direction:column;align-items:flex-start}.org-person-card{width:470px}}.employee-profile-page{color:#1e293b;box-sizing:border-box;background:#f5f8fc;min-height:100%;padding:28px}.profile-page-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.profile-page-header h1{color:#1565c0;margin:0;font-size:28px;font-weight:700}.profile-page-header p{color:#64748b;margin:6px 0 0;font-size:14px}.profile-edit-btn,.profile-save-btn,.profile-cancel-btn{cursor:pointer;border:none;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .2s}.profile-edit-btn{color:#fff;background:#2196f3}.profile-edit-btn:hover{background:#1565c0}.profile-save-btn{color:#fff;background:#2196f3}.profile-save-btn:hover{background:#1565c0}.profile-cancel-btn{color:#334155;background:#e2e8f0}.profile-cancel-btn:hover{background:#cbd5e1}.profile-edit-btn:disabled,.profile-save-btn:disabled,.profile-cancel-btn:disabled{opacity:.6;cursor:not-allowed}.profile-alert{border-radius:8px;margin-bottom:20px;padding:12px 16px;font-size:14px}.profile-alert-error{color:#b91c1c;background:#fee2e2;border:1px solid #fecaca}.profile-alert-success{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0}.profile-identity-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin-bottom:24px;position:relative;overflow:hidden;box-shadow:0 8px 25px #0f172a0f}.profile-cover{background:linear-gradient(135deg,#1565c0 0%,#2196f3 55%,#42a5f5 100%);height:120px}.profile-identity-content{align-items:center;gap:22px;padding:0 28px 28px;display:flex}.profile-avatar{background:#e3f2fd;border:5px solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:110px;height:110px;margin-top:-55px;display:flex;overflow:hidden;box-shadow:0 5px 18px #0f172a26}.profile-avatar img{object-fit:cover;width:100%;height:100%}.profile-avatar span{color:#1565c0;font-size:32px;font-weight:700}.profile-identity-info{padding-top:18px}.profile-identity-info h2{color:#0f172a;margin:0;font-size:24px}.profile-position{color:#2196f3;margin:5px 0 12px;font-size:15px;font-weight:600}.profile-meta{flex-wrap:wrap;gap:8px;display:flex}.profile-meta span{color:#475569;background:#eff6ff;border-radius:20px;padding:5px 10px;font-size:12px}.profile-section{background:#fffffff2;border:1px solid #e2e8f0;border-radius:14px;margin-bottom:20px;padding:24px;box-shadow:0 6px 20px #0f172a0a}.profile-section-header{margin-bottom:22px}.profile-section-header h2{color:#1565c0;margin:0;font-size:18px;font-weight:700}.profile-section-header p{color:#64748b;margin:5px 0 0;font-size:13px}.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 28px;display:grid}.profile-field-full{grid-column:1/-1}.profile-field label{color:#64748b;text-transform:uppercase;letter-spacing:.3px;margin-bottom:7px;font-size:12px;font-weight:600;display:block}.profile-field-value{color:#334155;box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;min-height:42px;padding:10px 13px;font-size:14px;display:flex}.profile-field-value input,.profile-field-value select{color:#1e293b;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;min-height:42px;padding:9px 12px;font-family:inherit;font-size:14px;transition:all .2s}.profile-field-value input:focus,.profile-field-value select:focus{border-color:#2196f3;box-shadow:0 0 0 3px #2196f31f}.profile-form-actions{justify-content:flex-end;gap:12px;padding:20px 0 8px;display:flex}.profile-loading,.profile-error{color:#64748b;justify-content:center;align-items:center;min-height:300px;font-size:15px;display:flex}.profile-error{color:#dc2626}@media (width<=900px){.employee-profile-page{padding:20px}.profile-grid{grid-template-columns:1fr}.profile-field-full{grid-column:auto}}@media (width<=650px){.employee-profile-page{padding:14px}.profile-page-header{flex-direction:column;align-items:stretch}.profile-edit-btn{width:100%}.profile-cover{height:95px}.profile-identity-content{flex-direction:column;align-items:flex-start;padding:0 20px 22px}.profile-avatar{width:90px;height:90px;margin-top:-45px}.profile-avatar span{font-size:27px}.profile-identity-info{padding-top:0}.profile-identity-info h2{font-size:21px}.profile-meta{flex-direction:column;align-items:flex-start}.profile-section{padding:18px}.profile-form-actions{flex-direction:column-reverse}.profile-form-actions button{width:100%}}.employee-documents-page{color:#1e293b;box-sizing:border-box;background:#f5f8fc;min-height:100%;padding:28px}.documents-page-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.documents-page-header h1{color:#1565c0;margin:0;font-size:28px;font-weight:700}.documents-page-header p{color:#64748b;max-width:650px;margin:7px 0 0;font-size:14px}.documents-count{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;min-width:150px;padding:14px 18px;box-shadow:0 5px 16px #0f172a0d}.documents-count strong{color:#1565c0;font-size:22px;display:block}.documents-count span{color:#64748b;margin-top:3px;font-size:11px;display:block}.documents-filter-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:20px;padding:18px;box-shadow:0 5px 18px #0f172a0a}.documents-search-form{align-items:center;gap:10px;display:flex}.documents-search-box{flex:1;position:relative}.documents-search-box input{color:#1e293b;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;height:42px;padding:0 14px 0 40px;font-family:inherit;font-size:14px;transition:all .2s}.documents-search-box input:focus{border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a}.search-icon{pointer-events:none;font-size:15px;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.documents-search-form select{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;min-width:190px;height:42px;padding:0 35px 0 12px;font-family:inherit;font-size:14px}.documents-search-form select:focus{border-color:#2196f3}.documents-search-btn,.documents-clear-btn{cursor:pointer;border:none;border-radius:8px;height:42px;padding:0 17px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s}.documents-search-btn{color:#fff;background:#2196f3}.documents-search-btn:hover{background:#1565c0}.documents-clear-btn{color:#475569;background:#e2e8f0}.documents-clear-btn:hover{background:#cbd5e1}.documents-alert{color:#b91c1c;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;margin-bottom:20px;padding:13px 16px;font-size:14px}.documents-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 6px 20px #0f172a0d}.documents-table-wrapper{width:100%;overflow-x:auto}.documents-table{border-collapse:collapse;width:100%;min-width:900px}.documents-table thead{background:#f8fafc}.documents-table th{color:#64748b;text-align:left;text-transform:uppercase;letter-spacing:.4px;border-bottom:1px solid #e2e8f0;padding:14px 18px;font-size:11px;font-weight:700}.documents-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:16px 18px;font-size:13px}.documents-table tbody tr{transition:all .15s}.documents-table tbody tr:hover{background:#f8fbff}.documents-table tbody tr:last-child td{border-bottom:none}.document-title-cell{align-items:center;gap:12px;min-width:280px;display:flex}.document-icon{color:#1565c0;background:#e3f2fd;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:10px;font-weight:800;display:flex}.document-title{color:#1e293b;max-width:330px;font-size:14px;font-weight:600}.document-description{color:#64748b;white-space:nowrap;text-overflow:ellipsis;max-width:330px;margin-top:4px;font-size:12px;overflow:hidden}.document-id{color:#94a3b8;margin-top:5px;font-size:10px}.document-category{color:#1565c0;white-space:nowrap;background:#eff6ff;border-radius:20px;padding:5px 10px;font-size:11px;font-weight:600;display:inline-block}.document-date{color:#475569;white-space:nowrap}.document-file-info{flex-direction:column;gap:3px;max-width:180px;display:flex}.document-file-info span{color:#334155;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.document-file-info small{color:#94a3b8;font-size:10px}.document-actions{align-items:center;gap:7px;display:flex}.document-view-btn,.document-download-btn{cursor:pointer;border-radius:6px;padding:7px 11px;font-family:inherit;font-size:11px;font-weight:600;transition:all .2s}.document-view-btn{color:#1565c0;background:#eff6ff;border:1px solid #bfdbfe}.document-view-btn:hover{background:#dbeafe}.document-download-btn{color:#fff;background:#2196f3;border:1px solid #2196f3}.document-download-btn:hover{background:#1565c0}.documents-empty{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:350px;padding:40px;display:flex;box-shadow:0 5px 18px #0f172a0a}.empty-document-icon{background:#eff6ff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:15px;font-size:28px;display:flex}.documents-empty h3{color:#334155;margin:0;font-size:17px}.documents-empty p{color:#94a3b8;margin:7px 0 0;font-size:13px}.documents-loader{color:#64748b;font-size:14px}.document-modal-overlay{z-index:1000;background:#0f172a80;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.document-modal{background:#fff;border-radius:14px;flex-direction:column;width:100%;max-width:650px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 50px #0f172a33}.document-modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;gap:15px;padding:22px 24px;display:flex}.modal-category{color:#1565c0;text-transform:uppercase;background:#eff6ff;border-radius:15px;margin-bottom:7px;padding:4px 9px;font-size:10px;font-weight:700;display:inline-block}.document-modal-header h2{color:#0f172a;margin:0;font-size:20px;line-height:1.35}.document-modal-close{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:7px;flex-shrink:0;width:32px;height:32px;font-size:22px;line-height:1}.document-modal-close:hover{background:#e2e8f0}.document-modal-body{padding:24px;overflow-y:auto}.modal-description{margin-bottom:24px}.modal-description h3{color:#475569;margin:0 0 7px;font-size:13px}.modal-description p{color:#64748b;margin:0;font-size:14px;line-height:1.6}.modal-details-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.modal-details-grid>div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:13px}.modal-details-grid span{color:#94a3b8;text-transform:uppercase;margin-bottom:5px;font-size:10px;font-weight:700;display:block}.modal-details-grid strong{color:#334155;word-break:break-word;font-size:13px;display:block}.document-modal-footer{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:10px;padding:18px 24px;display:flex}.document-modal-cancel,.document-modal-download{cursor:pointer;border-radius:7px;padding:9px 15px;font-family:inherit;font-size:13px;font-weight:600}.document-modal-cancel{color:#475569;background:#fff;border:1px solid #cbd5e1}.document-modal-cancel:hover{background:#f8fafc}.document-modal-download{color:#fff;background:#2196f3;border:none}.document-modal-download:hover{background:#1565c0}.document-loading-overlay{z-index:1100;color:#1565c0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fff9;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex;position:fixed;inset:0}@media (width<=900px){.employee-documents-page{padding:20px}.documents-page-header{flex-direction:column}.documents-count{align-self:flex-start}.documents-search-form{flex-wrap:wrap}.documents-search-box{flex-basis:100%}}@media (width<=600px){.employee-documents-page{padding:14px}.documents-page-header h1{font-size:24px}.documents-filter-card{padding:14px}.documents-search-form{flex-direction:column;align-items:stretch}.documents-search-box,.documents-search-form select,.documents-search-btn,.documents-clear-btn{width:100%}.documents-table-card{border-radius:9px}.document-modal-overlay{padding:12px}.document-modal{max-height:94vh}.document-modal-header,.document-modal-body,.document-modal-footer{padding-left:18px;padding-right:18px}.modal-details-grid{grid-template-columns:1fr}.document-modal-footer{flex-direction:column-reverse}.document-modal-footer button{width:100%}}.employee-events-page{color:#1f2937;padding:24px}.employee-events-header{justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px;display:flex}.employee-events-eyebrow{color:#2563eb;letter-spacing:1.5px;font-size:12px;font-weight:700}.employee-events-header h1{margin:8px 0;font-size:30px}.employee-events-header p,.employee-events-toolbar p{color:#6b7280;margin:0;line-height:1.6}.employee-events-summary{gap:12px;display:flex}.employee-events-summary>div{background:#fff;border:1px solid #e5e7eb;border-radius:12px;min-width:105px;padding:16px}.employee-events-summary span,.employee-events-summary strong{display:block}.employee-events-summary span{color:#6b7280;font-size:13px}.employee-events-summary strong{margin-top:8px;font-size:25px}.employee-events-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.employee-events-toolbar h2{margin:0 0 6px;font-size:20px}.employee-events-toolbar input{box-sizing:border-box;width:min(100%,280px);font:inherit;border:1px solid #d1d5db;border-radius:9px;padding:11px 14px}.employee-events-toolbar input:focus{border-color:#2563eb;outline:2px solid #bfdbfe}.employee-events-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;display:grid}.employee-event-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;flex-direction:column;min-width:0;padding:22px;transition:box-shadow .2s,transform .2s;display:flex}.employee-event-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0f172a12}.employee-event-card-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.employee-event-badge{border-radius:20px;padding:6px 10px;font-size:12px;font-weight:600;display:inline-block}.employee-event-badge.upcoming{color:#166534;background:#dcfce7}.employee-event-badge.past{color:#6b7280;background:#f3f4f6}.employee-event-calendar{color:#1d4ed8;background:#eff6ff;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-width:54px;padding:8px;display:flex}.employee-event-calendar>span{font-size:22px;font-weight:700}.employee-event-calendar small{text-transform:uppercase;font-size:12px}.employee-event-card h3{overflow-wrap:anywhere;margin:18px 0 8px;font-size:19px}.employee-event-date{color:#2563eb;font-size:13px;font-weight:600}.employee-event-description{color:#6b7280;white-space:pre-wrap;overflow-wrap:anywhere;flex:1;line-height:1.7}.employee-event-details-btn{color:#2563eb;width:100%;font:inherit;cursor:pointer;background:0 0;border:0;border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;margin-top:12px;padding:12px 0 0;font-weight:600;display:flex}.employee-event-details-btn:hover{color:#1d4ed8}.employee-events-empty{text-align:center;color:#6b7280;background:#f9fafb;border:1px dashed #d1d5db;border-radius:14px;padding:48px 20px}.employee-events-empty h3{color:#374151;margin-bottom:8px}.employee-events-empty-icon{margin-bottom:12px;font-size:32px}.employee-events-error{color:#b91c1c;background:#fef2f2;border-radius:9px;margin-bottom:20px;padding:14px 16px}.employee-event-modal-backdrop{z-index:1000;background:#0f172a8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.employee-event-modal{background:#fff;border-radius:16px;width:100%;max-width:540px;max-height:85vh;padding:28px;position:relative;overflow-y:auto;box-shadow:0 20px 60px #0003}.employee-event-modal h2{overflow-wrap:anywhere;margin:20px 0 8px}.employee-event-modal-description{color:#4b5563;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}.employee-event-modal-close{cursor:pointer;background:#f3f4f6;border:0;border-radius:50%;width:36px;height:36px;font-size:25px;position:absolute;top:12px;right:16px}@media (width<=700px){.employee-events-page{padding:16px}.employee-events-header,.employee-events-toolbar{flex-direction:column;align-items:stretch}.employee-events-summary{width:100%}.employee-events-summary>div{flex:1}.employee-events-toolbar input{width:100%}}.exit-page{color:#1f2937;background:#f8fafc;min-height:100%;padding:28px}.exit-page-header,.exit-panel-heading,.exit-request-item-top{justify-content:space-between;align-items:center;gap:16px;display:flex}.exit-page-header{margin-bottom:24px}.exit-page-header h1{margin:4px 0;font-size:28px}.exit-eyebrow{color:#2563eb;letter-spacing:1.2px;font-size:11px;font-weight:700}.exit-subtitle{color:#64748b;margin:6px 0 0}.exit-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:22px;display:grid}.exit-summary-card,.exit-panel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.exit-summary-card span,.exit-detail-block>span{color:#64748b;text-transform:capitalize;font-size:13px;display:block}.exit-summary-card strong{margin-top:8px;font-size:28px;display:block}.exit-content-grid{grid-template-columns:minmax(260px,.9fr) minmax(0,1.5fr);align-items:start;gap:20px;display:grid}.exit-panel-heading{margin-bottom:18px}.exit-panel-heading h2{margin:0;font-size:18px}.exit-panel-heading>span{color:#64748b;font-size:12px}.exit-request-list{gap:10px;display:grid}.exit-request-item{text-align:left;cursor:pointer;width:100%;color:inherit;background:#fff;border:1px solid #e2e8f0;border-radius:9px;padding:14px}.exit-request-item:hover,.exit-request-item.selected{background:#f8fbff;border-color:#2563eb}.exit-request-item-top{align-items:flex-start}.exit-request-item-top strong{text-transform:capitalize}.exit-request-id,.exit-request-date{color:#64748b;margin-top:10px;font-size:12px;display:block}.exit-status{color:#1d4ed8;background:#eff6ff;border-radius:20px;padding:5px 9px;font-size:11px;font-weight:600;line-height:1.4;display:inline-block}.status-completed,.status-cleared{color:#166534;background:#dcfce7}.status-manager_rejected,.status-withdrawn{color:#991b1b;background:#fee2e2}.status-hr_query,.status-pending_hr_clearance{color:#92400e;background:#fef3c7}.status-pending_employee_details{color:#5b21b6;background:#ede9fe}.exit-form{gap:16px;display:grid}.exit-form h3{margin:4px 0 0;font-size:16px}.exit-form label{gap:7px;font-size:13px;font-weight:600;display:grid}.exit-form input,.exit-form select,.exit-form textarea{box-sizing:border-box;color:#1f2937;width:100%;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:11px 12px;font-weight:400}.exit-form textarea{resize:vertical}.exit-form input:focus,.exit-form select:focus,.exit-form textarea:focus{border-color:#2563eb;outline:2px solid #bfdbfe}.exit-primary-btn,.exit-secondary-btn,.exit-danger-btn,.exit-text-btn{cursor:pointer;border:0;border-radius:8px;padding:11px 15px;font-weight:600}.exit-primary-btn{color:#fff;background:#2563eb}.exit-primary-btn:hover{background:#1d4ed8}.exit-secondary-btn{color:#334155;background:#fff;border:1px solid #cbd5e1}.exit-danger-btn{color:#991b1b;background:#fee2e2;margin-top:18px}.exit-text-btn{color:#2563eb;background:0 0;padding:5px 8px}.exit-primary-btn:disabled,.exit-secondary-btn:disabled,.exit-danger-btn:disabled{opacity:.6;cursor:not-allowed}.exit-detail-block{overflow-wrap:anywhere;border-bottom:1px solid #e2e8f0;padding:12px 0}.exit-detail-block strong{margin-top:6px;display:inline-block}.exit-detail-block p,.exit-feedback p{white-space:pre-wrap;margin:7px 0 0;line-height:1.6}.exit-feedback{overflow-wrap:anywhere;background:#f1f5f9;border-radius:8px;margin-top:16px;padding:14px}.exit-empty{color:#64748b;font-size:14px;line-height:1.6}.exit-alert{border-radius:8px;margin-bottom:16px;padding:12px 15px;font-size:14px}.exit-alert-error{color:#991b1b;background:#fee2e2}.exit-alert-success{color:#166534;background:#dcfce7}@media (width<=900px){.exit-content-grid{grid-template-columns:1fr}}@media (width<=600px){.exit-page{padding:16px}.exit-page-header{align-items:flex-start}.exit-page-header h1{font-size:23px}.exit-summary-grid{grid-template-columns:1fr}.exit-panel{padding:15px}.exit-request-item-top{flex-direction:column;align-items:flex-start}}