.login-page{display:flex;min-height:100vh;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));font-family:Inter,sans-serif}.login-left{position:relative;display:flex;flex:1 1 0%;flex-direction:column;justify-content:space-between;overflow:hidden;padding:3rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));background:linear-gradient(135deg,#667eea,#764ba2)}.login-left:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.3;background-image:radial-gradient(circle at 2px 2px,rgba(255,255,255,.1) 1px,transparent 0);background-size:50px 50px}.login-brand{position:relative;z-index:10}.brand-logo{margin-bottom:1.5rem;animation:fadeInDown .6s ease-out}.brand-logo svg{filter:drop-shadow(0 4px 12px rgba(0,0,0,.2))}.login-brand h1{margin-bottom:.5rem;font-size:2.25rem;line-height:2.5rem;font-weight:700;letter-spacing:-.025em;animation:fadeInUp .6s ease-out .2s both}.brand-tagline{margin:0;font-size:1.125rem;line-height:1.75rem;opacity:.9;animation:fadeInUp .6s ease-out .3s both}.login-features{position:relative;z-index:10;margin-top:3rem}.feature-item{margin-bottom:1.5rem;display:flex;gap:1rem;border-radius:.75rem;border-width:1px;padding:1rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-color:#fff3}.feature-item:hover{--tw-translate-x: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));background:#ffffff26}.feature-icon{display:flex;height:2.5rem;width:2.5rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:.5rem;background:#fff3}.feature-item h3{margin:0;margin-bottom:.25rem;font-size:1rem;line-height:1.5rem;font-weight:600}.feature-item p{margin:0;font-size:.875rem;line-height:1.25rem;opacity:.8}.login-right{display:flex;flex:1 1 0%;align-items:center;justify-content:center;--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));padding:2rem}.login-container{width:100%;max-width:28rem;border-radius:1rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:2.5rem;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);animation:slideIn .5s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-header{margin-bottom:2rem;text-align:center}.login-header h2{margin-bottom:.5rem;font-size:1.875rem;line-height:2.25rem;font-weight:700;letter-spacing:-.025em;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.login-header p{margin:0;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.login-form{display:flex;flex-direction:column;gap:1.5rem}.alert{display:flex;align-items:center;gap:.75rem;border-radius:.5rem;padding:.875rem;font-size:.875rem;line-height:1.25rem;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-group label{font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.input-group{display:flex;align-items:center;position:relative;width:100%}.form-input{width:100%;border-radius:.5rem;border-width:2px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.75rem 1rem;font-size:15px;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1));outline:2px solid transparent;outline-offset:2px;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;box-sizing:border-box}.input-group:has(.password-toggle) .form-input{padding-right:2.75rem}.form-input:focus{--tw-border-opacity: 1;border-color:rgb(14 165 233 / var(--tw-border-opacity, 1));box-shadow:0 0 0 3px #6366f11a}.form-input:disabled{cursor:not-allowed;--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));opacity:.6}.password-toggle{position:absolute;right:.75rem;z-index:10;cursor:pointer;border-width:0px;background-color:transparent;padding:.25rem;--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;top:50%;transform:translateY(-50%);width:32px;height:32px;min-width:32px;display:flex;align-items:center;justify-content:center}.password-toggle:hover{--tw-text-opacity: 1;color:rgb(14 165 233 / var(--tw-text-opacity, 1))}.input-icon-left{pointer-events:none;position:absolute;left:.75rem;--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1));top:50%;transform:translateY(-50%);z-index:1}.input-group select.form-input{padding-left:2.5rem}.input-group:has(.input-icon-left) .form-input{padding-left:2.75rem}.password-toggle:disabled{cursor:not-allowed;opacity:.5}.form-options{display:flex;align-items:center;justify-content:space-between;font-size:.875rem;line-height:1.25rem}.checkbox-wrapper{display:flex;cursor:pointer;align-items:center;gap:.5rem;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.checkbox-wrapper input[type=checkbox]{height:1rem;width:1rem;cursor:pointer;accent-color:#6366f1}.link-text{font-weight:500;--tw-text-opacity: 1;color:rgb(2 132 199 / var(--tw-text-opacity, 1));text-decoration-line:none;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.link-text:hover{--tw-text-opacity: 1;color:rgb(3 105 161 / var(--tw-text-opacity, 1));text-decoration-line:underline}.btn-primary{display:inline-flex;cursor:pointer;align-items:center;justify-content:center;gap:.5rem;border-radius:.5rem;border-width:0px;background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from: #6366f1 var(--tw-gradient-from-position);--tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #9333ea var(--tw-gradient-to-position);padding:.875rem 1.5rem;font-size:15px;font-weight:600;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;box-shadow:0 4px 12px #6366f166}.btn-primary:hover:not(:disabled){--tw-translate-y: -.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));box-shadow:0 6px 20px #6366f180}.btn-primary:active:not(:disabled){--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.btn-primary:disabled{cursor:not-allowed;opacity:.7;transform:none}.btn-block{width:100%}.spinner{animation:spin 1s linear infinite}.login-footer{margin-top:2rem;border-top-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding-top:2rem;text-align:center;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}@media (max-width: 1024px){.login-left{display:none}.login-right{flex:1 1 0%;padding:1rem}}@media (max-width: 640px){.login-container{padding:2rem}.login-header h2{font-size:1.5rem;line-height:2rem}.form-options{flex-direction:column;align-items:flex-start;gap:.75rem}}.notification-dropdown-container{position:relative}.notification-bell-btn{position:relative;background:none;border:none;cursor:pointer;padding:.5rem;color:#333;display:flex;align-items:center;justify-content:center;transition:color .2s}.notification-bell-btn:hover{color:#6366f1}.notification-badge{position:absolute;top:0;right:0;background:#dc3545;color:#fff;border-radius:50%;width:18px;height:18px;font-size:.7rem;font-weight:600;display:flex;align-items:center;justify-content:center;border:2px solid white}.notification-dropdown{position:absolute;top:calc(100% + .5rem);right:0;width:400px;max-height:600px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px #0000001a;z-index:1000;display:flex;flex-direction:column;overflow:hidden}.notification-header{padding:1rem;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background:#f9fafb}.notification-header h3{margin:0;font-size:1.1rem;font-weight:600;color:#111827}.mark-all-read-btn{background:none;border:none;color:#6366f1;cursor:pointer;font-size:.875rem;padding:.25rem .5rem;border-radius:4px;transition:background .2s}.mark-all-read-btn:hover{background:#eef2ff}.notification-list{overflow-y:auto;max-height:500px}.notification-loading,.notification-empty{padding:2rem;text-align:center;color:#6b7280}.notification-item{padding:1rem;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;align-items:flex-start;transition:background .2s;border-left:3px solid transparent}.notification-item:hover{background:#f9fafb}.notification-item.unread{background:#f0f9ff}.notification-item.unread:hover{background:#e0f2fe}.notification-content{display:flex;gap:.75rem;flex:1;min-width:0}.notification-icon{font-size:1.5rem;flex-shrink:0}.notification-text{flex:1;min-width:0}.notification-title{font-weight:600;color:#111827;margin-bottom:.25rem;font-size:.875rem}.notification-message{color:#6b7280;font-size:.875rem;margin-bottom:.5rem;line-height:1.4}.notification-time{color:#9ca3af;font-size:.75rem}.notification-actions{display:flex;gap:.5rem;flex-shrink:0;margin-left:.5rem}.action-btn,.mark-read-btn,.delete-btn{background:none;border:none;cursor:pointer;padding:.25rem;color:#6b7280;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.action-btn:hover{color:#6366f1;background:#eef2ff}.mark-read-btn:hover{color:#10b981;background:#ecfdf5}.delete-btn:hover{color:#dc3545;background:#fef2f2}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:#f1f1f1}.notification-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.notification-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width: 768px){.notification-dropdown{width:320px;right:-50px}}.admin-layout{display:flex!important;min-height:100vh!important;background-color:#f9fafb!important;font-family:Inter,sans-serif!important}.sidebar{position:fixed!important;left:0!important;top:0!important;height:100vh!important;background-color:#fff!important;border-right:1px solid #e5e7eb!important;z-index:40!important;transition:width .3s ease!important;width:260px!important;display:flex!important;flex-direction:column!important;box-shadow:2px 0 8px #0000000d!important;overflow:hidden!important}.sidebar-header{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:1rem!important;border-bottom:1px solid #e5e7eb!important;min-height:64px!important;background-color:#fff!important}.sidebar-brand{display:flex!important;align-items:center!important;gap:.75rem!important}.brand-logo{flex-shrink:0!important}.brand-text{display:flex!important;flex-direction:column!important}.brand-text h1{font-size:1.125rem!important;font-weight:700!important;color:#6366f1!important;margin:0!important}.brand-text span{font-size:.75rem!important;color:#6b7280!important}.sidebar-nav{flex:1!important;overflow-y:auto!important;overflow-x:hidden!important;padding:1rem 0!important}.nav-list{list-style:none!important;margin:0!important;padding:0!important}.nav-item{display:flex!important;align-items:center!important;gap:.75rem!important;padding:.75rem 1rem!important;margin:0 .5rem!important;border-radius:.5rem!important;color:#374151!important;text-decoration:none!important;transition:all .2s!important;font-weight:500!important;font-size:14px!important}.nav-item:hover{background-color:#f3f4f6!important;color:#111827!important}.nav-item.active{background-color:#eef2ff!important;color:#6366f1!important}.nav-item svg{flex-shrink:0!important}.sidebar-footer{padding:1rem!important;border-top:1px solid #e5e7eb!important;background-color:#fff!important}.sidebar-user{display:flex!important;align-items:center!important;gap:.75rem!important}.user-avatar{width:2.5rem!important;height:2.5rem!important;border-radius:9999px!important;background-color:#eef2ff!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#6366f1!important;flex-shrink:0!important}.user-info{display:flex!important;flex-direction:column!important;min-width:0!important}.user-name{font-size:.875rem!important;font-weight:500!important;color:#111827!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.user-role{font-size:.75rem!important;color:#6b7280!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.main-content{flex:1!important;display:flex!important;flex-direction:column!important;margin-left:260px!important;transition:margin-left .3s ease,width .3s ease!important;width:calc(100% - 260px)!important}.top-header{background-color:#fff!important;border-bottom:1px solid #e5e7eb!important;padding:1rem 1.5rem!important;display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:64px!important;position:sticky!important;top:0!important;z-index:30!important;box-shadow:0 1px 3px #0000000d!important}.header-left{flex:1!important}.search-box{position:relative!important;max-width:28rem!important}.search-box svg{position:absolute!important;left:.75rem!important;top:50%!important;transform:translateY(-50%)!important;color:#9ca3af!important;pointer-events:none!important}.search-box input{width:100%!important;padding:.5rem 1rem .5rem 2.5rem!important;border:1px solid #d1d5db!important;border-radius:.5rem!important;font-size:.875rem!important;outline:none!important;background-color:#fff!important}.search-box input:focus{border-color:#6366f1!important;box-shadow:0 0 0 3px #6366f11a!important}.header-right{display:flex!important;align-items:center!important;gap:1rem!important}.header-icon-btn{position:relative!important;padding:.5rem!important;border-radius:.5rem!important;border:none!important;background:none!important;cursor:pointer!important;color:#4b5563!important;transition:background-color .2s!important}.header-icon-btn:hover{background-color:#f3f4f6!important}.notification-badge{position:absolute!important;top:-.25rem!important;right:-.25rem!important;width:1.25rem!important;height:1.25rem!important;background-color:#ef4444!important;color:#fff!important;font-size:.625rem!important;border-radius:9999px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-weight:600!important}.company-menu{position:relative!important}.company-menu-btn{display:flex!important;align-items:center!important;gap:.5rem!important;padding:.5rem .75rem!important;border-radius:.5rem!important;border:1px solid #d1d5db!important;background:#fff!important;cursor:pointer!important;color:#374151!important;transition:all .2s!important;font-size:14px!important;max-width:200px!important}.company-menu-btn:hover{background-color:#f9fafb!important;border-color:#9ca3af!important}.company-menu-btn span{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.company-dropdown{position:absolute!important;right:0!important;margin-top:.5rem!important;width:18rem!important;background-color:#fff!important;border-radius:.5rem!important;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d!important;border:1px solid #e5e7eb!important;padding:.5rem 0!important;z-index:50!important}.company-dropdown .dropdown-header{display:flex!important;align-items:center!important;gap:.75rem!important;padding:.75rem 1rem!important;font-weight:600!important;color:#374151!important;border-bottom:1px solid #e5e7eb!important}.company-dropdown .dropdown-item{display:flex!important;align-items:center!important;gap:.75rem!important;padding:.75rem 1rem!important;font-size:.875rem!important;color:#374151!important;text-decoration:none!important;transition:background-color .2s!important;width:100%!important;border:none!important;background:none!important;cursor:pointer!important;text-align:left!important;position:relative!important}.company-dropdown .dropdown-item.active{background-color:#eef2ff!important;color:#6366f1!important}.company-dropdown .dropdown-item:hover{background-color:#f9fafb!important}.user-menu{position:relative!important}.user-menu-btn{display:flex!important;align-items:center!important;gap:.5rem!important;padding:.5rem .75rem!important;border-radius:.5rem!important;border:none!important;background:none!important;cursor:pointer!important;color:#374151!important;transition:background-color .2s!important;font-size:14px!important}.user-menu-btn:hover{background-color:#f3f4f6!important}.user-avatar-small{width:2rem!important;height:2rem!important;border-radius:9999px!important;background-color:#eef2ff!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#6366f1!important}.user-dropdown{position:absolute!important;right:0!important;margin-top:.5rem!important;width:16rem!important;background-color:#fff!important;border-radius:.5rem!important;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d!important;border:1px solid #e5e7eb!important;padding:.5rem 0!important;z-index:50!important}.dropdown-header{display:flex!important;align-items:center!important;gap:.75rem!important;padding:.75rem 1rem!important}.dropdown-name{font-size:.875rem!important;font-weight:500!important;color:#111827!important}.dropdown-email{font-size:.75rem!important;color:#6b7280!important}.dropdown-divider{border-top:1px solid #e5e7eb!important;margin:.25rem 0!important}.dropdown-item{display:flex!important;align-items:center!important;gap:.75rem!important;padding:.5rem 1rem!important;font-size:.875rem!important;color:#374151!important;text-decoration:none!important;transition:background-color .2s!important;width:100%!important;border:none!important;background:none!important;cursor:pointer!important;text-align:left!important}.dropdown-item:hover{background-color:#f9fafb!important}.page-content{flex:1!important;padding:1.5rem!important;overflow:auto!important;background-color:#f9fafb!important}.sidebar-floating-toggle{display:none!important}.sidebar-overlay{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;background-color:#00000080!important;z-index:30!important;display:none!important}@media (max-width: 1024px){.main-content{margin-left:0!important;width:100%!important}}@media (max-width: 640px){.search-box,.user-menu-btn span{display:none!important}}.admin-nav,.employee-nav{display:none!important}.employee-layout{display:flex;min-height:100vh;background-color:#f9fafb;font-family:Inter,sans-serif}.sidebar{position:fixed;left:0;top:0;height:100%;background-color:#fff;border-right:1px solid #e5e7eb;z-index:40;transition:all .3s;width:260px;display:flex;flex-direction:column}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid #e5e7eb;min-height:64px}.sidebar-brand{display:flex;align-items:center;gap:.75rem}.brand-logo{flex-shrink:0}.brand-text{display:flex;flex-direction:column}.brand-text h1{font-size:1.125rem;font-weight:700;color:#6366f1;margin:0}.brand-text span{font-size:.75rem;color:#6b7280}.sidebar-nav{flex:1;overflow-y:auto;padding:1rem 0}.nav-list{list-style:none;margin:0;padding:0}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;margin:0 .5rem;border-radius:.5rem;color:#374151;text-decoration:none;transition:all .2s;font-weight:500;font-size:14px}.nav-item:hover{background-color:#f3f4f6;color:#111827}.nav-item.active{background-color:#eef2ff;color:#6366f1}.nav-item svg{flex-shrink:0}.sidebar-footer{padding:1rem;border-top:1px solid #e5e7eb}.sidebar-user{display:flex;align-items:center;gap:.75rem}.user-avatar{width:2.5rem;height:2.5rem;border-radius:9999px;background-color:#eef2ff;display:flex;align-items:center;justify-content:center;color:#6366f1;flex-shrink:0}.user-info{display:flex;flex-direction:column;min-width:0}.user-name{font-size:.875rem;font-weight:500;color:#111827;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{font-size:.75rem;color:#6b7280;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main-content{flex:1;display:flex;flex-direction:column;margin-left:260px;transition:margin-left .3s}.top-header{background-color:#fff!important;border-bottom:1px solid #e5e7eb;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;min-height:64px;position:sticky;top:0;z-index:30}.header-left{flex:1}.search-box{position:relative;max-width:28rem}.search-box svg{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af}.search-box input{width:100%;padding:.5rem 1rem .5rem 2.5rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;outline:none}.search-box input:focus{ring:2px;ring-color:#6366f1;border-color:transparent}.header-right{display:flex;align-items:center;gap:1rem}.header-icon-btn{position:relative;padding:.5rem;border-radius:.5rem;border:none;background:none;cursor:pointer;color:#4b5563;transition:background-color .2s}.header-icon-btn:hover{background-color:#f3f4f6}.notification-badge{position:absolute;top:-.25rem;right:-.25rem;width:1.25rem;height:1.25rem;background-color:#ef4444;color:#fff;font-size:.625rem;border-radius:9999px;display:flex;align-items:center;justify-content:center}.user-menu{position:relative}.user-menu-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:.5rem;border:none;background:none;cursor:pointer;color:#374151;transition:background-color .2s;font-size:14px}.user-menu-btn:hover{background-color:#f3f4f6}.user-avatar-small{width:2rem;height:2rem;border-radius:9999px;background-color:#eef2ff;display:flex;align-items:center;justify-content:center;color:#6366f1}.user-dropdown{position:absolute;right:0;margin-top:.5rem;width:16rem;background-color:#fff;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid #e5e7eb;padding:.5rem 0;z-index:50}.dropdown-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem}.dropdown-name{font-size:.875rem;font-weight:500;color:#111827}.dropdown-email{font-size:.75rem;color:#6b7280}.dropdown-divider{border-top:1px solid #e5e7eb;margin:.25rem 0}.dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;font-size:.875rem;color:#374151;text-decoration:none;transition:background-color .2s;width:100%;border:none;background:none;cursor:pointer;text-align:left}.dropdown-item:hover{background-color:#f9fafb}.page-content{flex:1;padding:1.5rem;overflow:auto}@media (max-width: 1024px){.main-content{margin-left:0}}@media (max-width: 640px){.search-box,.user-menu-btn span{display:none}}.dashboard{width:100%;padding:0}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#6b7280}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #e5e7eb}.dashboard-header h1{font-size:1.875rem;font-weight:700;color:#111827;margin:0 0 .5rem}.dashboard-subtitle{color:#6b7280;font-size:.875rem;margin:0}.dashboard-actions{display:flex;gap:.75rem}.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#f9fafb;border-color:#d1d5db}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;border-radius:12px;padding:1.5rem;border:1px solid #e5e7eb;display:flex;gap:1rem;transition:all .2s;box-shadow:0 1px 3px #0000000d;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--card-accent-color, #6366f1)}.stat-card-primary{--card-accent-color: #6366f1}.stat-card-success{--card-accent-color: #10b981}.stat-card-warning{--card-accent-color: #f59e0b}.stat-card-info{--card-accent-color: #3b82f6}.stat-card-primary{border-left:4px solid #6366f1}.stat-card-success{border-left:4px solid #10b981}.stat-card-warning{border-left:4px solid #f59e0b}.stat-card-info{border-left:4px solid #3b82f6}.stat-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-card-primary .stat-icon{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.stat-card-success .stat-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.stat-card-warning .stat-icon{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.stat-card-info .stat-icon{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.stat-value{font-size:1.875rem;font-weight:700;color:#111827;margin:0 0 .5rem;line-height:1.2}.stat-change{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:#6b7280;margin:0}.stat-change.positive{color:#10b981}.stat-change.negative{color:#ef4444}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem;margin-bottom:2rem}.chart-card{background:#fff;border-radius:12px;padding:1.5rem;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d}.chart-header{margin-bottom:1.5rem}.chart-header h3{font-size:1.125rem;font-weight:600;color:#111827;margin:0 0 .25rem}.chart-header p{font-size:.875rem;color:#6b7280;margin:0}.chart-container{width:100%;margin-top:1rem}.table-card{background:#fff;border-radius:12px;padding:1.5rem;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.table-header h3{font-size:1.125rem;font-weight:600;color:#111827;margin:0}.view-all-link{color:#6366f1;text-decoration:none;font-size:.875rem;font-weight:500;transition:color .2s}.view-all-link:hover{color:#4f46e5;text-decoration:underline}.table-container{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table thead{background:#f9fafb}.data-table th{padding:.75rem 1rem;text-align:left;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e5e7eb}.data-table td{padding:1rem;font-size:.875rem;color:#111827;border-bottom:1px solid #e5e7eb}.data-table tbody tr{transition:background .2s}.data-table tbody tr:hover{background:#f9fafb}.status-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600}.status-0{background:#f3f4f6;color:#374151}.status-1{background:#fef3c7;color:#92400e}.status-2{background:#dbeafe;color:#1e40af}.status-3,.status-4{background:#d1fae5;color:#065f46}.btn-link{background:none;border:none;color:#6366f1;font-size:.875rem;font-weight:500;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:background .2s}.btn-link:hover{background:#eef2ff}@media (max-width: 768px){.dashboard-header{flex-direction:column;gap:1rem}.stats-grid,.charts-grid{grid-template-columns:1fr}.table-container{overflow-x:scroll}}.form-tabs{margin-bottom:1.5rem;display:flex;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.form-tabs::-webkit-scrollbar{height:4px}.form-tabs::-webkit-scrollbar-track{background:#f1f1f1}.form-tabs::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.form-tabs::-webkit-scrollbar-thumb:hover{background:#a0aec0}.form-tab{border-bottom-width:2px;border-color:transparent;padding:.75rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.form-tab:hover{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}@media (min-width: 768px){.form-tab{padding-left:1.5rem;padding-right:1.5rem}}.form-tab{white-space:nowrap;background:none;border:none;cursor:pointer;outline:none;position:relative;flex-shrink:0}.form-tab.active{--tw-border-opacity: 1;border-color:rgb(2 132 199 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color:rgb(2 132 199 / var(--tw-text-opacity, 1));font-weight:600}.form-tab:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(14 165 233 / var(--tw-ring-opacity, 1));--tw-ring-offset-width: 2px}.tab-content{min-height:400px;animation:fadeIn .2s ease-in}.tab-content.tab-hidden{display:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.form-section-divider{margin:2rem 0 1.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.form-section-divider h3{font-size:1rem;font-weight:600;color:#111827;margin:0 0 1rem}.checkbox-wrapper{display:flex;align-items:center;gap:.75rem;cursor:pointer}.checkbox-wrapper input[type=checkbox]{width:1rem;height:1rem;cursor:pointer;margin-right:.5rem;flex-shrink:0}.checkbox-wrapper span{flex:1}.employees-page{width:100%}.page-loading{display:flex;min-height:400px;flex-direction:column;align-items:center;justify-content:center;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.loading-spinner{margin-bottom:1rem;height:2.5rem;width:2.5rem}.loading-spinner{animation:spin 1s linear infinite;border-radius:9999px;border-width:4px;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-border-opacity: 1;border-top-color:rgb(2 132 199 / var(--tw-border-opacity, 1))}.page-header{margin-bottom:1.5rem;display:flex;align-items:flex-start;justify-content:space-between}.page-title{margin:0;margin-bottom:.25rem;font-size:1.5rem;line-height:2rem;font-weight:700;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.page-subtitle{margin:0;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(2 132 199 / var(--tw-bg-opacity, 1));padding:.5rem 1rem;font-weight:500;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.btn-primary:hover{--tw-bg-opacity: 1;background-color:rgb(3 105 161 / var(--tw-bg-opacity, 1))}.btn-primary{border:none;cursor:pointer}.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.5rem 1rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.btn-secondary:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.btn-secondary{cursor:pointer}.page-filters{margin-bottom:1.5rem;display:flex;gap:.75rem;align-items:center}.search-wrapper{position:relative;max-width:28rem;flex:1 1 0%}.search-wrapper svg{position:absolute;left:.75rem;top:50%;--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.search-input{width:100%;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));padding:.5rem 1rem .5rem 2.5rem;font-size:.875rem;line-height:1.25rem}.search-input:focus{border-color:transparent;outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(14 165 233 / var(--tw-ring-opacity, 1))}.search-input{height:2.5rem;box-sizing:border-box;line-height:1.5}.btn-filter{display:inline-flex;align-items:center;gap:.5rem;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.5rem 1rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.btn-filter:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.btn-filter{cursor:pointer}.filter-select{border:none!important;background:transparent!important;background-color:transparent!important;font-size:.875rem;color:#374151;cursor:pointer;outline:none;margin:0;padding:.5rem 1.75rem .5rem .25rem!important;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23374151' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;height:100%;flex:1;min-width:8rem;width:auto;white-space:nowrap;box-shadow:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;border-radius:0;line-height:1.5;box-sizing:border-box}.form-card{margin-bottom:1.5rem;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.form-header{display:flex;align-items:center;justify-content:space-between;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding:1.5rem}.form-header h2{margin:0;font-size:1.25rem;line-height:1.75rem;font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.btn-close{display:flex;height:2rem;width:2rem;align-items:center;justify-content:center;border-radius:.5rem;--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.btn-close:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.btn-close{border:none;background:none;cursor:pointer;font-size:24px;line-height:1}.form-row{margin-bottom:1.5rem;display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem}@media (min-width: 768px){.form-row{grid-template-columns:repeat(2,minmax(0,1fr))}}.form-group label{margin-bottom:.5rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.form-input{width:100%;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));padding:.625rem 1rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.form-input:focus{border-color:transparent;outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(14 165 233 / var(--tw-ring-opacity, 1))}.form-input:disabled{cursor:not-allowed;--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.form-actions{display:flex;justify-content:flex-end;gap:.75rem;border-top-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding-top:1.5rem}.btn-cancel{border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.5rem 1rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.btn-cancel:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.btn-cancel{cursor:pointer}.btn-submit{border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(2 132 199 / var(--tw-bg-opacity, 1));padding:.5rem 1rem;font-weight:500;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.btn-submit:hover{--tw-bg-opacity: 1;background-color:rgb(3 105 161 / var(--tw-bg-opacity, 1))}.btn-submit{border:none;cursor:pointer}.table-card{border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.employees-table{width:100%;border-collapse:collapse}.employees-table thead{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.employees-table th{border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding:.75rem 1.5rem;text-align:left;font-size:.75rem;line-height:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.employees-table th.sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.employees-table th.sortable:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.employees-table th .th-content{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.employees-table th .sort-icon{flex-shrink:0}.employees-table th .sort-icon.inactive{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1));opacity:.5}.employees-table th .sort-icon.active{--tw-text-opacity: 1;color:rgb(2 132 199 / var(--tw-text-opacity, 1));opacity:1}.employees-table td{border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding:1rem 1.5rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.employees-table tbody tr{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.employees-table tbody tr:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.employee-name{font-weight:500;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.badge{display:inline-flex;align-items:center;border-radius:9999px;padding:.125rem .625rem;font-size:.75rem;line-height:1rem;font-weight:500}.badge-success{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity, 1))}.badge-warning{--tw-bg-opacity: 1;background-color:rgb(254 249 195 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(133 77 14 / var(--tw-text-opacity, 1))}.badge-info{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.action-buttons{display:flex;gap:.5rem}.btn-icon{border-radius:.5rem;padding:.5rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.btn-icon:hover{--tw-bg-opacity: 1;background-color:rgb(240 249 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(2 132 199 / var(--tw-text-opacity, 1))}.btn-icon{border:none;background:none;cursor:pointer}.btn-icon-danger:hover{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.empty-state{padding-top:3rem;padding-bottom:3rem;text-align:center;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.empty-state p{margin-bottom:.25rem;font-weight:500}.empty-state small{font-size:.875rem;line-height:1.25rem}.alert{margin-bottom:1rem;border-radius:.5rem;padding:1rem}.alert-error{border-width:1px;--tw-border-opacity: 1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.deductions-section{margin-top:1rem}.deductions-list>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.deduction-item{display:flex;align-items:center;justify-content:space-between;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));padding:.75rem}.deduction-info{display:flex;flex:1 1 0%;flex-direction:column;gap:.25rem}.deduction-info strong{font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.deduction-category{font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.deduction-details{display:flex;align-items:center;gap:.75rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.deduction-date{font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.add-deduction-form{border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.add-deduction-form h4{margin:0;font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.direct-deposit-section{margin-top:1rem}.accounts-list>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.account-item{display:flex;align-items:center;justify-content:space-between;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));padding:.75rem}.account-info{display:flex;flex:1 1 0%;flex-direction:column;gap:.25rem}.account-info strong{font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.account-type{font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.account-details{font-size:.75rem;line-height:1rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.account-meta{display:flex;align-items:center;gap:.75rem;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.add-account-form{border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.add-account-form h4{margin:0;font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.emergency-contacts-section{margin-top:1rem}.contacts-list>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.contact-item{display:flex;align-items:center;justify-content:space-between;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));padding:.75rem}.contact-info{display:flex;flex:1 1 0%;flex-direction:column;gap:.25rem}.contact-info strong{font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.contact-relationship{font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.contact-details{display:flex;align-items:center;gap:.75rem;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.payroll-page{width:100%}.loading-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top-color:#6366f1;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.page-actions{display:flex;gap:.75rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.form-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.btn-cancel{padding:.625rem 1rem;color:#374151;background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-cancel:hover{background-color:#f9fafb}.btn-submit{padding:.625rem 1rem;background-color:#6366f1;color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s}.page-filters{display:flex;gap:.75rem;margin-bottom:1.5rem}.search-input{width:100%;padding:.625rem 1rem .625rem 2.5rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;outline:none;transition:all .2s}.search-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.filter-select{border:none;background:none;font-size:.875rem;color:#374151;cursor:pointer;outline:none}.alert{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;margin:1.5rem;border-radius:.5rem;font-size:.875rem}.alert-error{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626}.payroll-table{width:100%;border-collapse:collapse}.payroll-table thead{background-color:#f9fafb}.payroll-table th{padding:.75rem 1.5rem;text-align:left;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e5e7eb}.payroll-table td{padding:1rem 1.5rem;font-size:.875rem;color:#111827;border-bottom:1px solid #e5e7eb}.payroll-table tbody tr{transition:background-color .2s}.payroll-table tbody tr:hover{background-color:#f9fafb}.pay-period{display:flex;flex-direction:column;gap:.25rem}.pay-period-dates{font-weight:500;color:#111827}.pay-period-type{font-size:.75rem;color:#6b7280}.status-processing{background-color:#fef3c7;color:#92400e}.status-pendingapproval{background-color:#dbeafe;color:#1e40af}.status-approved,.status-finalized{background-color:#d1fae5;color:#065f46}.employee-count{display:flex;align-items:center;gap:.5rem;color:#6b7280}.amount-cell{font-family:Inter,monospace;color:#111827}.action-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.btn-action{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .75rem;border:none;border-radius:.375rem;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-process{background-color:#6366f1;color:#fff}.btn-process:hover{background-color:#4f46e5}.btn-approve{background-color:#10b981;color:#fff}.btn-approve:hover{background-color:#059669}.btn-finalize{background-color:#059669;color:#fff}.btn-finalize:hover{background-color:#047857}.btn-view{background-color:#f3f4f6;color:#374151}.btn-view:hover{background-color:#e5e7eb}.empty-state svg{margin-bottom:1rem;opacity:.5;color:#9ca3af}.empty-state p{font-size:.875rem;font-weight:500;margin:.5rem 0;color:#374151}.modal-content{background-color:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}@media (max-width: 768px){.page-header{flex-direction:column;gap:1rem}.stats-grid,.form-row,.detail-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column}.btn-action span{display:none}}.company-setup-page{width:100%}.company-form{display:flex;flex-direction:column;gap:1.5rem}.form-actions{display:flex;justify-content:flex-end;padding-top:1.5rem;border-top:1px solid #e5e7eb}.tax-management-page{width:100%}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background-color:#6366f1;color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-primary:hover:not(:disabled){background-color:#4f46e5}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background-color:#fff;color:#374151;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover:not(:disabled){background-color:#f9fafb;border-color:#9ca3af}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.search-wrapper{position:relative;flex:1;max-width:28rem}.search-wrapper svg{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.search-input{width:100%;padding:.5rem 1rem .5rem 2.5rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;color:#111827;background-color:#fff;transition:all .2s;height:2.5rem;box-sizing:border-box;line-height:1.5}.search-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.filter-group{display:flex;align-items:center;gap:.5rem;padding:0 .75rem;border:1px solid #d1d5db;border-radius:.5rem;background-color:#fff;height:2.5rem;box-sizing:border-box;min-width:10rem}.filter-select{border:none!important;background:transparent!important;background-color:transparent!important;font-size:.875rem!important;color:#374151!important;cursor:pointer;outline:none;margin:0!important;padding:.5rem 1.75rem .5rem .25rem!important;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23374151' d='M6 9L1 4h10z'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right .5rem center!important;height:2.5rem!important;flex:1;min-width:8rem;width:auto;white-space:nowrap;box-shadow:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;border-radius:0!important;line-height:1.5!important;box-sizing:border-box!important;display:block!important;font-family:inherit!important}.filter-select:focus{outline:none;border:none!important;box-shadow:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important}.filter-select:hover{border:none!important}.tax-table{width:100%;border-collapse:collapse}.tax-table thead{background-color:#f9fafb}.tax-table th{padding:.75rem 1.5rem;text-align:left;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e5e7eb}.tax-table td{padding:1rem 1.5rem;font-size:.875rem;color:#111827;border-bottom:1px solid #e5e7eb}.tax-table tbody tr:hover{background-color:#f9fafb}.btn-icon{padding:.5rem;border:none;background:none;cursor:pointer;color:#6b7280;border-radius:.375rem;transition:all .2s}.btn-icon:hover{background-color:#f3f4f6;color:#6366f1}.btn-icon-danger:hover{color:#dc2626;background-color:#fee2e2}.table-card{background-color:#fff;border-radius:.75rem;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d;overflow:hidden}.table-wrapper{overflow-x:auto}.empty-state{text-align:center;padding:3rem 1.5rem;color:#6b7280}.empty-state p{margin:0 0 .5rem;font-size:.875rem;font-weight:500}.empty-state small{font-size:.75rem;color:#9ca3af}.tax-row-hover:hover{background-color:#f5f5f5}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:.75rem;max-width:900px;max-height:90vh;width:100%;overflow-y:auto;box-shadow:0 10px 25px #0003;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb;flex-shrink:0}.modal-header h2{margin:0;font-size:1.5rem;font-weight:600;color:#111827}.modal-footer{padding:1.5rem;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;flex-shrink:0}.detail-section{margin-bottom:2rem}.detail-section:last-child{margin-bottom:0}.detail-section h3{margin:0 0 1rem;color:#374151;font-size:1.125rem;font-weight:600;padding-bottom:.5rem;border-bottom:2px solid #e5e7eb}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.detail-grid div{padding:.75rem;border-bottom:1px solid #f3f4f6;font-size:.875rem}.detail-grid div strong{display:block;margin-bottom:.25rem;color:#6b7280;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.detail-grid div:last-child{border-bottom:none}@media (max-width: 768px){.detail-grid{grid-template-columns:1fr}.modal-content{max-width:100%;max-height:95vh}}.benefits-deductions-page{width:100%}.page-filters{display:flex;gap:.75rem;margin-bottom:1.5rem;align-items:center}.filter-select{border:none;background:none;font-size:.875rem;color:#374151;cursor:pointer;outline:none;padding:0;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23374151' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right center;padding-right:1.5rem}.deductions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-bottom:1.5rem}.deduction-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.25rem;box-shadow:0 1px 2px #0000000d;transition:all .2s;display:flex;flex-direction:column}.deduction-card:hover{box-shadow:0 4px 6px #0000001a;border-color:#d1d5db}.deduction-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:.75rem}.deduction-header h3{font-size:1rem;font-weight:600;color:#111827;margin:0 0 .5rem}.category-badge{display:inline-block;padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:600;text-transform:capitalize}.category-pretax{background:#dbeafe;color:#1e40af}.category-posttax{background:#fef3c7;color:#92400e}.category-garnishment{background:#fee2e2;color:#991b1b}.deduction-actions{display:flex;gap:.5rem}.btn-icon{width:2rem;height:2rem;border:1px solid #d1d5db;border-radius:.375rem;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-icon:hover{background:#f9fafb;border-color:#9ca3af}.btn-icon-danger{color:#dc2626;border-color:#fecaca}.btn-icon-danger:hover{background:#fee2e2;border-color:#fca5a5}.deduction-description{font-size:.875rem;color:#6b7280;margin:0 0 1rem;line-height:1.5}.deduction-details{margin-top:auto;padding-top:1rem;border-top:1px solid #e5e7eb}.detail-item{display:flex;align-items:center;font-size:.875rem;margin-bottom:.5rem}.detail-item:last-child{margin-bottom:0}.detail-label{font-weight:500;color:#6b7280;margin-right:.5rem;white-space:nowrap}.detail-item>span:not(.detail-label):not(.status-badge){font-weight:500;color:#111827;white-space:nowrap}.detail-item.status-item{margin-top:.75rem;padding-top:.75rem;border-top:1px solid #e5e7eb}.detail-item .status-badge{display:inline-block}.status-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:600;white-space:nowrap}.empty-state-card p{font-weight:500;margin:.5rem 0;color:#374151;font-size:1rem}.empty-state-card small{font-size:.875rem;color:#9ca3af}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:1.5rem}.form-input{padding:.625rem .75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;color:#111827;background-color:#fff;transition:all .2s;width:100%}.checkbox-wrapper input[type=checkbox]{width:1.125rem;height:1.125rem;cursor:pointer;accent-color:#6366f1}.form-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.loading-spinner{width:3rem;height:3rem;border:3px solid #e5e7eb;border-top-color:#6366f1;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.payroll-policies-page{width:100%}.policies-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.policy-card{background-color:#fff;border-radius:.75rem;border:1px solid #e5e7eb;padding:1.5rem;transition:all .2s}.policy-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.policy-header h3{font-size:1.125rem;font-weight:600;color:#111827;margin:0 0 .5rem}.policy-type-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:600}.type-overtime{background-color:#dbeafe;color:#1e40af}.type-leave{background-color:#d1fae5;color:#065f46}.type-shiftdifferential{background-color:#fef3c7;color:#92400e}.type-other{background-color:#f3f4f6;color:#374151}.policy-actions{display:flex;gap:.5rem}.policy-description{font-size:.875rem;color:#6b7280;margin:0 0 1rem}.policy-details{display:flex;flex-wrap:wrap;gap:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.empty-state-card{grid-column:1 / -1;text-align:center;padding:3rem;background-color:#fff;border-radius:.75rem;border:1px solid #e5e7eb;color:#6b7280}.leave-management-page{width:100%}.leave-table{width:100%;border-collapse:collapse}.leave-table thead{background-color:#f9fafb}.leave-table th{padding:.75rem 1.5rem;text-align:left;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e5e7eb}.leave-table td{padding:1rem 1.5rem;font-size:.875rem;color:#111827;border-bottom:1px solid #e5e7eb}.leave-table tbody tr:hover{background-color:#f9fafb}.btn-icon{padding:.5rem;border:none;background:none;cursor:pointer;border-radius:.375rem;transition:all .2s}.btn-success{color:#059669}.btn-success:hover{background-color:#d1fae5}.btn-danger{color:#dc2626}.btn-danger:hover{background-color:#fee2e2}.page-filters{display:flex;gap:.75rem;margin-top:1rem;margin-bottom:1rem;align-items:center;padding:0}.filter-group{display:flex;align-items:center;gap:.5rem;padding:0 .75rem;border:1px solid #d1d5db;border-radius:.5rem;background-color:#fff;height:2.5rem;box-sizing:border-box;min-width:12rem}.filter-group svg{color:#6b7280;flex-shrink:0;width:18px;height:18px}.filter-select{border:none!important;background:transparent!important;background-color:transparent!important;font-size:.875rem!important;color:#374151!important;cursor:pointer;outline:none;margin:0!important;padding:.5rem 1.75rem .5rem .25rem!important;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23374151' d='M6 9L1 4h10z'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right .5rem center!important;height:2.5rem!important;flex:1;min-width:8rem;width:auto;white-space:nowrap;box-shadow:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;border-radius:0!important;line-height:1.5!important;box-sizing:border-box!important}.filter-select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.filter-select:hover{border-color:#9ca3af}.filter-input{border:none!important;background:transparent!important;background-color:transparent!important;font-size:.875rem!important;color:#374151!important;outline:none;margin:0!important;padding:.5rem 1rem .5rem .25rem!important;width:100%;min-width:10rem}.filter-input::-moz-placeholder{color:#9ca3af}.filter-input::placeholder{color:#9ca3af}.filter-input:focus{color:#111827!important}.tabs{display:flex;gap:.5rem;margin-bottom:0;background-color:#fff;padding:0 1.5rem;padding-bottom:1px;border-radius:.75rem .75rem 0 0;border:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;position:relative;z-index:1}.tab-content{background-color:#fff;border-radius:0 0 .75rem .75rem;border:1px solid #e5e7eb;border-top:1px solid #e5e7eb;margin-top:-1px;padding:1rem 1.5rem 1.5rem;min-height:400px;position:relative;z-index:0}.content-card{width:100%}.action-buttons{display:flex;gap:.5rem;align-items:center}.policies-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;padding:1rem 0}.policy-card{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1.5rem;transition:all .2s ease}.policy-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border-color:#d1d5db}.policy-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.policy-header h3{font-size:1.125rem;font-weight:600;color:#111827;margin:0}.policy-description{font-size:.875rem;color:#6b7280;margin-bottom:1rem;line-height:1.5}.policy-details{display:flex;flex-direction:column;gap:.75rem}.policy-detail-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #f3f4f6}.policy-detail-row:last-child{border-bottom:none}.detail-label{font-size:.875rem;color:#6b7280;font-weight:500}.detail-value{font-size:.875rem;color:#111827;font-weight:500}.detail-value.highlight{color:#059669;font-weight:600}.time-attendance-page{width:100%}.time-table{width:100%;border-collapse:collapse;table-layout:fixed;min-width:100%}.time-table thead{background-color:#f9fafb}.time-table th{padding:.75rem;text-align:left;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e5e7eb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.time-table th:nth-child(1){width:12%}.time-table th:nth-child(2){width:10%}.time-table th:nth-child(3){width:10%}.time-table th:nth-child(4){width:10%}.time-table th:nth-child(5){width:7%}.time-table th:nth-child(6){width:9%}.time-table th:nth-child(7){width:9%}.time-table th:nth-child(8){width:8%}.time-table th:nth-child(9){width:10%}.time-table th:nth-child(10){width:15%}.time-table td{padding:.875rem .75rem;font-size:.875rem;color:#111827;border-bottom:1px solid #e5e7eb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.time-table td:nth-child(1){white-space:normal;overflow:visible;text-overflow:clip}.time-table td:nth-child(2),.time-table td:nth-child(3),.time-table td:nth-child(4){white-space:nowrap;overflow:visible;text-overflow:clip}.time-table tbody tr{width:100%}.time-table tbody tr:hover{background-color:#f9fafb}.status-draft{background-color:#f3f4f6;color:#374151}.status-submitted{background-color:#fef3c7;color:#92400e}.btn-action{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .625rem;border:none;border-radius:.375rem;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s;background-color:#6366f1;color:#fff;white-space:nowrap}.btn-action:hover{background-color:#4f46e5}.btn-success{background-color:#10b981}.btn-success:hover{background-color:#059669}.date-range-picker{display:flex;align-items:center;gap:.5rem;border:none!important;background:transparent!important;padding:0!important;margin:0;box-shadow:none!important}.date-input{padding:.625rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;background-color:#fff;font-size:.875rem;color:#374151;outline:none;transition:all .2s;box-sizing:border-box;line-height:1.5}.date-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.date-input:hover{border-color:#9ca3af}.date-range-picker span{font-size:.875rem;color:#6b7280;padding:0 .25rem}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.page-title{font-size:1.875rem;font-weight:700;color:#111827;margin:0 0 .25rem}.page-actions{display:flex;gap:.75rem;align-items:center}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{background-color:#fff;border-radius:.75rem;padding:1.25rem;border:1px solid #e5e7eb;display:flex;gap:1rem;transition:all .2s;box-shadow:0 1px 3px #0000000d}.stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.stat-content{flex:1;min-width:0}.page-filters{display:flex;gap:1rem;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;justify-content:space-between}.quick-filters{display:flex;gap:.5rem;align-items:center}.quick-filter-btn{padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;background-color:#fff;color:#374151;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.quick-filter-btn:hover{background-color:#f9fafb;border-color:#9ca3af;color:#111827}.quick-filter-btn.active{background-color:#6366f1;border-color:#6366f1;color:#fff}.quick-filter-btn.active:hover{background-color:#4f46e5;border-color:#4f46e5}.filter-group{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;background-color:#fff}.filter-group svg{color:#6b7280;flex-shrink:0}.filter-select{border:none;background:none;font-size:.875rem;color:#374151;cursor:pointer;outline:none;min-width:200px}.filter-select:focus{outline:none}.filter-select:hover{color:#111827}.filter-select:disabled{opacity:.5;cursor:not-allowed}.form-card{background-color:#fff;border-radius:.75rem;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d;margin-bottom:1.5rem}.form-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.form-header h2{font-size:1.25rem;font-weight:600;color:#111827;margin:0}.airframe-form{padding:1.5rem}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:500;color:#374151}.form-input{padding:.625rem .75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;color:#111827;background-color:#fff;transition:all .2s}.form-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.form-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem}.btn-cancel{padding:.625rem 1.25rem;border:1px solid #d1d5db;border-radius:.5rem;background-color:#fff;color:#374151;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-cancel:hover{background-color:#f9fafb;border-color:#9ca3af}.btn-submit{padding:.625rem 1.25rem;border:none;border-radius:.5rem;background-color:#6366f1;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-submit:hover{background-color:#4f46e5}.tabs{display:flex;gap:.5rem;margin-bottom:0;border-bottom:1px solid #e5e7eb;background-color:#fff;padding:0 1.5rem;border-radius:.75rem .75rem 0 0;border:1px solid #e5e7eb;border-bottom:none}.tab{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:none;border:none;border-bottom:2px solid transparent;color:#6b7280;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;margin-bottom:-1px;position:relative}.tab:hover{color:#111827;background-color:#f9fafb}.tab-active{color:#6366f1;border-bottom-color:#6366f1;background-color:transparent}.tab-active:hover{color:#6366f1;background-color:transparent}.tab svg{flex-shrink:0}.tab span{white-space:nowrap}.tab-content{background-color:#fff;border-radius:0 0 .75rem .75rem;border:1px solid #e5e7eb;border-top:none;padding:1.5rem;min-height:400px}.content-card{width:100%;box-sizing:border-box;margin:0;padding:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;color:#6b7280}.empty-state svg{margin-bottom:1rem;color:#9ca3af}.empty-state p{font-size:1rem;font-weight:500;color:#374151;margin:0 0 .5rem}.empty-state small{font-size:.875rem;color:#6b7280}.page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#6b7280}.loading-spinner{width:3rem;height:3rem;border:3px solid #e5e7eb;border-top-color:#6366f1;border-radius:50%;animation:spin 1s linear infinite}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border:none;border-radius:.5rem;background-color:#6366f1;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border:1px solid #d1d5db;border-radius:.5rem;background-color:#fff;color:#374151;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.tax-filing-page{width:100%}.forms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.form-card{background-color:#fff;border-radius:.75rem;border:1px solid #e5e7eb;padding:1.5rem;transition:all .2s}.form-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.form-card-header{display:flex;gap:1rem;margin-bottom:1rem}.form-card-header svg{color:#6366f1;flex-shrink:0}.form-card-header h3{font-size:1.125rem;font-weight:600;color:#111827;margin:0 0 .25rem}.form-card-header p{font-size:.875rem;color:#6b7280;margin:0}.form-card-details{display:flex;flex-direction:column;gap:.75rem;padding:1rem 0;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;margin-bottom:1rem}.form-card-actions{display:flex;gap:.75rem}.form-card-actions button{flex:1}.payment-methods-page{width:100%;text-align:left}.tab-content,.content-card{text-align:left}.section-header{margin-bottom:1.5rem;display:flex;flex-direction:column;align-items:flex-start;text-align:left}.section-header h2{font-size:1.25rem;font-weight:600;color:#111827;margin:0 0 .5rem;line-height:1.5;text-align:left}.section-header p{font-size:.875rem;color:#6b7280;margin:0;line-height:1.5;text-align:left}.audit-logs-page{width:100%}.audit-table{width:100%;border-collapse:collapse}.audit-table thead{background-color:#f9fafb}.audit-table th{padding:.75rem 1.5rem;text-align:left;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e5e7eb}.audit-table td{padding:1rem 1.5rem;font-size:.875rem;color:#111827;border-bottom:1px solid #e5e7eb}.audit-table tbody tr:hover{background-color:#f9fafb}.timestamp-cell,.user-cell{display:flex;align-items:center;gap:.5rem;color:#374151}.action-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:600}.btn-icon-small{transition:all .2s}.btn-icon-small:hover{background-color:#f3f4f6!important;border-color:#9ca3af!important}.btn-icon-small:disabled{opacity:.5;cursor:not-allowed}.pagination button:disabled{opacity:.5;cursor:not-allowed}.alert{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.reports-page{width:100%}.date-range-picker{display:flex;align-items:center;gap:.75rem;padding:.625rem 1rem;background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem}.date-input{border:none;outline:none;font-size:.875rem;color:#374151;background:transparent}.date-range-picker span{font-size:.875rem;color:#6b7280}.report-categories{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid #e5e7eb}.category-tab{padding:.75rem 1.5rem;background:none;border:none;border-bottom:2px solid transparent;color:#6b7280;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;margin-bottom:-1px}.category-tab:hover{color:#111827;background-color:#f9fafb}.category-tab.active{color:#6366f1;border-bottom-color:#6366f1}.reports-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.report-card{background-color:#fff;border-radius:.75rem;border:1px solid #e5e7eb;padding:1.5rem;transition:all .2s;display:flex;flex-direction:column}.report-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.report-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.report-icon{width:3rem;height:3rem;border-radius:.625rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff}.report-category{font-size:.75rem;font-weight:600;color:#6366f1;background-color:#e0e7ff;padding:.25rem .75rem;border-radius:.375rem}.report-card-body{flex:1;margin-bottom:1rem}.report-card-body h3{font-size:1.125rem;font-weight:600;color:#111827;margin:0 0 .5rem}.report-card-body p{font-size:.875rem;color:#6b7280;margin:0}.report-card-actions{display:flex;gap:.75rem;align-items:center}.report-card-actions .btn-primary{flex:1}.export-dropdown{position:relative}.btn-icon{padding:.625rem;border:1px solid #d1d5db;background-color:#fff;border-radius:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#374151;transition:all .2s}.btn-icon:hover{background-color:#f9fafb;border-color:#9ca3af}.dropdown-menu{position:absolute;top:100%;right:0;margin-top:.5rem;background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 4px 12px #0000001a;min-width:180px;z-index:1000;display:block;animation:fadeIn .15s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.dropdown-menu button{width:100%;padding:.75rem 1rem;text-align:left;border:none;background:none;color:#374151;font-size:.875rem;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid #f3f4f6}.dropdown-menu button:last-child{border-bottom:none}.dropdown-menu button:hover:not(:disabled){background-color:#f9fafb;color:#111827}.dropdown-menu button:disabled{opacity:.6;cursor:not-allowed}.dropdown-menu button:first-child:hover:not(:disabled){border-top-left-radius:.5rem;border-top-right-radius:.5rem}.dropdown-menu button:last-child:hover:not(:disabled){border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.report-preview-card{background-color:#fff;border-radius:.75rem;border:1px solid #e5e7eb;margin-bottom:2rem}.preview-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.preview-header h2{font-size:1.25rem;font-weight:600;color:#111827;margin:0}.preview-content{padding:2rem}.preview-placeholder{text-align:center;padding:3rem;color:#6b7280}.preview-placeholder svg{margin-bottom:1rem;opacity:.5;color:#9ca3af}.preview-placeholder p{font-weight:500;margin:.5rem 0;color:#374151}.preview-placeholder small{font-size:.75rem;color:#9ca3af}.quick-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.stat-value{font-size:1.875rem;font-weight:700;color:#111827;margin:0;line-height:1.2}.report-data{width:100%}.report-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-item{display:flex;flex-direction:column;padding:1rem;background-color:#f9fafb;border-radius:.5rem;border:1px solid #e5e7eb}.stat-item .stat-label{font-size:.875rem;color:#6b7280;margin-bottom:.5rem;font-weight:500}.stat-item .stat-value{font-size:1.5rem;font-weight:700;color:#111827}.report-table{margin-top:2rem}.report-table h3{font-size:1.125rem;font-weight:600;color:#111827;margin-bottom:1rem}.report-table table{width:100%;border-collapse:collapse;background-color:#fff;border-radius:.5rem;overflow:hidden;border:1px solid #e5e7eb}.report-table thead{background-color:#f9fafb}.report-table th{padding:.75rem 1rem;text-align:left;font-size:.875rem;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb}.report-table td{padding:.75rem 1rem;font-size:.875rem;color:#111827;border-bottom:1px solid #f3f4f6}.report-table tbody tr:hover{background-color:#f9fafb}.report-table tbody tr:last-child td{border-bottom:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.smtp-settings-page{padding:2rem;max-width:900px;margin:0 auto}.smtp-form{margin-top:2rem}.form-section{margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500}.form-group input[type=text],.form-group input[type=email],.form-group input[type=number],.form-group input[type=password]{width:100%;padding:.5rem;border-radius:4px;border:1px solid #d1d5db}.form-group small{display:block;margin-top:.25rem;color:#6b7280;font-size:.875rem}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.info-box{margin-top:2rem;padding:1rem;background-color:#f3f4f6;border-radius:8px}.info-box h3{margin-top:0}.info-box ul{margin-bottom:0}.info-box li{margin-bottom:.5rem}.employee-dashboard{width:100%;padding:2rem}.page-title{font-size:1.875rem;font-weight:700;color:#111827;margin:0 0 .5rem}.page-subtitle{font-size:.875rem;color:#6b7280;margin:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background-color:#fff;border-radius:.75rem;padding:1.25rem;border:1px solid #e5e7eb;display:flex;gap:1rem;box-shadow:0 1px 3px #0000000d}.stat-icon{width:3rem;height:3rem;border-radius:.625rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.stat-icon-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.stat-icon-success{background:linear-gradient(135deg,#10b981,#059669)}.stat-icon-info{background:linear-gradient(135deg,#3b82f6,#2563eb)}.stat-icon-warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-content{flex:1}.stat-label{font-size:.875rem;color:#6b7280;margin:0 0 .5rem;font-weight:500}.stat-value{font-size:1.5rem;font-weight:700;color:#111827;margin:0;line-height:1.2}.quick-actions{margin-bottom:2rem}.quick-actions h2{font-size:1.25rem;font-weight:600;color:#111827;margin:0 0 1rem}.actions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.action-card{background-color:#fff;border-radius:.75rem;padding:1.5rem;border:1px solid #e5e7eb;text-decoration:none;color:inherit;transition:all .2s;display:flex;flex-direction:column;align-items:center;text-align:center}.action-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px);border-color:#6366f1}.action-card svg{color:#6366f1;margin-bottom:.75rem}.action-card h3{font-size:1rem;font-weight:600;color:#111827;margin:0 0 .5rem}.action-card p{font-size:.875rem;color:#6b7280;margin:0}.info-card{background-color:#fff;border-radius:.75rem;padding:1.5rem;border:1px solid #e5e7eb;margin-bottom:1.5rem}.info-card h2{font-size:1.25rem;font-weight:600;color:#111827;margin:0 0 1.5rem}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.info-item{display:flex;flex-direction:column;gap:.5rem}.info-item label{font-size:.75rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.info-item>div{font-size:.875rem;color:#111827}.leave-balance-table{width:100%;border-collapse:collapse}.leave-balance-table thead{background-color:#f9fafb}.leave-balance-table th{padding:.75rem 1rem;text-align:left;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e5e7eb}.leave-balance-table td{padding:1rem;font-size:.875rem;color:#111827;border-bottom:1px solid #e5e7eb}.leave-balance-table tbody tr:hover{background-color:#f9fafb}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:600}.badge-success{background-color:#d1fae5;color:#065f46}.badge-warning{background-color:#fef3c7;color:#92400e}.employee-payslips{width:100%;padding:2rem}.payslips-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.payslip-card{background-color:#fff;border-radius:.75rem;border:1px solid #e5e7eb;padding:1.5rem;transition:all .2s}.payslip-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.payslip-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.payslip-header h3{font-size:.875rem;font-weight:500;color:#6b7280;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.05em}.payslip-period{font-size:1rem;font-weight:600;color:#111827;margin:0}.payslip-amount{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;color:#059669}.payslip-details{margin-bottom:1.5rem}.detail-row{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid #f3f4f6}.detail-row:last-child{border-bottom:none}.total-row{padding-top:1rem;margin-top:.5rem;border-top:2px solid #e5e7eb;font-weight:600}.detail-label{font-size:.875rem;color:#6b7280}.detail-row>span:last-child{font-size:.875rem;color:#111827;font-weight:500}.total-amount{font-size:1.125rem;font-weight:700;color:#059669}.payslip-actions{display:flex;gap:.75rem}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-primary{background-color:#6366f1;color:#fff}.btn-primary:hover{background-color:#4f46e5}.btn-secondary{background-color:#fff;color:#374151;border:1px solid #d1d5db}.btn-secondary:hover{background-color:#f9fafb;border-color:#9ca3af}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.modal-content{background-color:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h2{font-size:1.25rem;font-weight:600;color:#111827;margin:0}.btn-close{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;color:#6b7280;border:none;background:none;cursor:pointer;border-radius:.5rem;font-size:1.5rem;line-height:1;transition:all .2s}.btn-close:hover{background-color:#f3f4f6;color:#111827}.modal-body{padding:1.5rem;flex:1;overflow-y:auto}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.detail-item{display:flex;flex-direction:column;gap:.5rem}.detail-item label{font-size:.75rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.detail-item>div{font-size:.875rem;color:#111827}.amount{font-family:Inter,monospace;font-weight:500}.amount-total{font-size:1.125rem;font-weight:700;color:#059669}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid #e5e7eb}.employee-profile-page{width:100%;padding:2rem}.profile-form{display:flex;flex-direction:column;gap:1.5rem}.form-section{background-color:#fff;border-radius:.75rem;border:1px solid #e5e7eb;padding:1.5rem}.section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.section-header h2{font-size:1.125rem;font-weight:600;color:#111827;margin:0}.section-header svg{color:#6366f1}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:1.5rem}.form-group{display:flex;flex-direction:column}.form-group label{font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.form-input{width:100%;padding:.625rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;color:#111827;background-color:#fff;transition:all .2s;outline:none}.form-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.form-input:disabled{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}.form-hint{font-size:.75rem;color:#9ca3af;margin-top:.25rem}.checkbox-wrapper{display:flex;align-items:center;gap:.5rem;cursor:pointer}.checkbox-wrapper input[type=checkbox]{width:1rem;height:1rem;cursor:pointer}.form-actions{display:flex;justify-content:flex-end;padding-top:1.5rem}.btn-submit{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.5rem;background-color:#6366f1;color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-submit:hover:not(:disabled){background-color:#4f46e5}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.employee-leave-request-page{width:100%;padding:2rem}.leave-requests-list{display:flex;flex-direction:column;gap:1rem}.leave-request-card{background-color:#fff;border-radius:.75rem;border:1px solid #e5e7eb;padding:1.5rem;transition:all .2s}.leave-request-card:hover{box-shadow:0 4px 12px #0000001a}.request-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.request-header h3{font-size:1.125rem;font-weight:600;color:#111827;margin:0 0 .5rem}.request-period{font-size:.875rem;color:#6b7280;margin:0}.status-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:600}.status-pending{background-color:#fef3c7;color:#92400e}.status-approved{background-color:#d1fae5;color:#065f46}.status-rejected{background-color:#fee2e2;color:#991b1b}.request-details{display:flex;flex-direction:column;gap:.75rem}.detail-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#374151}.request-reason{font-size:.875rem;color:#6b7280;padding:.75rem;background-color:#f9fafb;border-radius:.5rem}.request-meta{font-size:.75rem;color:#6b7280}.request-rejection{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#dc2626;padding:.75rem;background-color:#fef2f2;border-radius:.5rem}.empty-state-card{text-align:center;padding:3rem;background-color:#fff;border-radius:.75rem;border:1px solid #e5e7eb;color:#6b7280}.empty-state-card svg{margin-bottom:1rem;opacity:.5;color:#9ca3af}.empty-state-card p{font-weight:500;margin:.5rem 0;color:#374151}.empty-state-card small{font-size:.75rem;color:#9ca3af}.time-tracking-page{padding:2rem;max-width:1200px;margin:0 auto}.page-header{margin-bottom:2rem}.page-title{font-size:2rem;font-weight:600;color:#1a1a1a;margin:0 0 .5rem}.page-subtitle{color:#666;margin:0}.clock-card{background:#fff;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 8px #0000001a}.clock-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;color:#1a1a1a}.clock-header h2{margin:0;font-size:1.5rem;font-weight:600}.clock-status{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.clock-time-display{text-align:center}.time-label{font-size:.875rem;color:#666;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.time-value{font-size:3rem;font-weight:700;color:#1a1a1a;font-variant-numeric:tabular-nums}.elapsed-time{font-size:.875rem;color:#666;margin-top:.5rem}.clock-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.btn-clock-in,.btn-clock-out,.btn-break,.btn-break-end{padding:.875rem 2rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s;min-width:150px;justify-content:center}.btn-clock-in{background:#10b981;color:#fff}.btn-clock-in:hover:not(:disabled){background:#059669;transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.btn-clock-out{background:#ef4444;color:#fff}.btn-clock-out:hover:not(:disabled){background:#dc2626;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.btn-break{background:#f59e0b;color:#fff}.btn-break:hover:not(:disabled){background:#d97706;transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b4d}.btn-break-end{background:#6366f1;color:#fff}.btn-break-end:hover:not(:disabled){background:#4f46e5;transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.btn-clock-in:disabled,.btn-clock-out:disabled,.btn-break:disabled,.btn-break-end:disabled{opacity:.6;cursor:not-allowed}.location-info{margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb;text-align:center;color:#666}.page-filters{margin-bottom:1.5rem}.date-range-picker{display:flex;align-items:center;gap:1rem;background:#fff;padding:1rem;border-radius:8px;box-shadow:0 2px 4px #0000000d}.date-range-picker label{font-weight:500;color:#374151}.date-input{padding:.5rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem}.content-card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a}.content-card h2{margin:0 0 1.5rem;font-size:1.5rem;font-weight:600;color:#1a1a1a}.time-entries-table{width:100%;border-collapse:collapse}.time-entries-table thead{background:#f9fafb}.time-entries-table th{padding:.875rem;text-align:left;font-weight:600;color:#374151;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e5e7eb}.time-entries-table td{padding:1rem .875rem;border-bottom:1px solid #e5e7eb;color:#1f2937}.time-entries-table tbody tr:hover{background:#f9fafb}.status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.status-approved{background:#d1fae5;color:#065f46}.status-badge.status-submitted{background:#dbeafe;color:#1e40af}.status-badge.status-rejected{background:#fee2e2;color:#991b1b}.status-badge.status-draft{background:#f3f4f6;color:#4b5563}.empty-state{text-align:center;padding:3rem 1rem;color:#6b7280}.empty-state svg{margin-bottom:1rem;opacity:.5}@media (max-width: 768px){.time-tracking-page{padding:1rem}.clock-card{padding:1.5rem}.time-value{font-size:2rem}.clock-actions{flex-direction:column;width:100%}.btn-clock-in,.btn-clock-out,.btn-break,.btn-break-end{width:100%}.time-entries-table{font-size:.875rem}.time-entries-table th,.time-entries-table td{padding:.5rem}}#root{width:100%;min-height:100vh;margin:0;padding:0;text-align:left}body{margin:0;padding:0;background-color:#f9fafb}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;min-width:320px;--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}p{margin:0}a{font-weight:500;--tw-text-opacity: 1;color:rgb(2 132 199 / var(--tw-text-opacity, 1));text-decoration-line:none}a:hover{--tw-text-opacity: 1;color:rgb(3 105 161 / var(--tw-text-opacity, 1))}.visible{visibility:visible}.collapse{visibility:collapse}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.ml-auto{margin-left:auto}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.border{border-width:1px}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-semibold{font-weight:600}.italic{font-style:italic}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}