*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f7fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.loading{height:100vh}.loading,.loading-container{color:#666;font-size:1.2rem}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74c3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-toast-width:320px;--toastify-toast-background:#fff;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error)}.Toastify__toast-container{box-sizing:border-box;color:#fff;padding:4px;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:320px;width:var(--toastify-toast-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:1em;top:1em}.Toastify__toast-container--top-center{left:50%;top:1em;transform:translateX(-50%)}.Toastify__toast-container--top-right{right:1em;top:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width:480px){.Toastify__toast-container{left:0;margin:0;padding:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:0;transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:0;transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:0}}.Toastify__toast{border-radius:4px;box-shadow:0 1px 10px 0 #0000001a,0 2px 15px 0 #0000000d;box-sizing:border-box;cursor:default;direction:ltr;display:flex;font-family:sans-serif;font-family:var(--toastify-font-family);justify-content:space-between;margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);overflow:hidden;padding:8px;position:relative;z-index:0}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{align-items:center;display:flex;flex:1 1 auto;margin:auto 0;padding:6px}.Toastify__toast-body>div:last-child{flex:1 1;word-break:break-word}.Toastify__toast-icon{-webkit-margin-end:10px;display:flex;flex-shrink:0;margin-inline-end:10px;width:20px}.Toastify--animate{animation-duration:.7s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}@media only screen and (max-width:480px){.Toastify__toast{border-radius:0;margin-bottom:0}}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74c3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74c3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{align-self:flex-start;background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;transition:.3s ease}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:5px;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:9999;z-index:var(--toastify-z-index)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{left:auto;right:0;transform-origin:right}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:perspective(400px)}30%{opacity:1;transform:perspective(400px) rotateX(-20deg)}to{opacity:0;transform:perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideOutRight{0%{transform:translateZ(0)}to{transform:translate3d(110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translateZ(0)}to{transform:translate3d(-110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translateZ(0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translateZ(0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.App{min-height:100vh}.btn-primary{display:flex;font-size:1rem;padding:.75rem 1.5rem;transition:all .3s ease}.btn-primary:hover{background:#4338ca;box-shadow:0 4px 12px #4f46e54d;transform:translateY(-2px)}.btn-primary:disabled{background:#9ca3af}.btn-secondary{background:#6b7280;border:none;color:#fff;font-size:1rem;padding:.75rem 1.5rem;transition:all .3s ease}.btn-secondary:hover{background:#4b5563}.btn-icon{background:#0000;color:#f7931a;font-size:1.2rem}.btn-icon:hover{transform:scale(1.1)}.btn-icon.delete{color:#ef4444}.status{border-radius:12px;font-size:.875rem;font-weight:600;padding:.25rem .75rem;text-transform:capitalize}.status.active,.status.present{background:#d1fae5;color:#065f46}.status.absent,.status.inactive{background:#fee2e2;color:#991b1b}.status.late{background:#fef3c7;color:#92400e}.status.half-day{background:#dbeafe;color:#1e40af}.login-page{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:1rem;position:relative}.login-page:before{background:radial-gradient(ellipse,#f7931a26 0,#0000 70%);right:-30%;top:-50%}.login-page:after,.login-page:before{content:"";height:150%;pointer-events:none;position:absolute;width:80%}.login-page:after{background:radial-gradient(ellipse,#f7931a1a 0,#0000 70%);bottom:-50%;left:-30%}.login-container{align-items:center;display:flex;flex-direction:column;max-width:420px;position:relative;width:100%;z-index:1}.login-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;border-radius:24px;box-shadow:0 25px 50px -12px #0006,0 0 0 1px #ffffff1a;padding:2.5rem 2rem;width:100%}.login-logo{margin-bottom:1.5rem}.login-logo,.logo-icon{display:flex;justify-content:center}.logo-icon{align-items:center;background:linear-gradient(135deg,#f7931a,#e07d00);border-radius:20px;box-shadow:0 10px 30px #f7931a4d;color:#fff;height:72px;width:72px}.login-header{margin-bottom:2rem;text-align:center}.login-header h1{color:#1f2937;font-size:1.75rem;font-weight:700;letter-spacing:-.025em;margin:0 0 .5rem}.login-header p{color:#6b7280;font-size:.95rem;margin:0}.login-form{display:flex;flex-direction:column;gap:1rem}.input-group{position:relative}.input-group,.input-icon{align-items:center;display:flex}.input-icon{color:#9ca3af;justify-content:center;left:1rem;pointer-events:none;position:absolute;z-index:1}.input-group input{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;color:#1f2937;font-size:1rem;padding:1rem 1rem 1rem 3rem;transition:all .2s ease;width:100%}.input-group input::placeholder{color:#9ca3af}.input-group input:focus{background:#fff;border-color:#f7931a;box-shadow:0 0 0 4px #f7931a1a;outline:none}.input-group input:focus+.input-icon,.input-group:focus-within .input-icon{color:#f7931a}.login-btn{align-items:center;background:linear-gradient(135deg,#f7931a,#e07d00);border:none;border-radius:12px;box-shadow:0 4px 15px #f7931a4d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;margin-top:.5rem;padding:1rem;transition:all .3s ease;width:100%}.login-btn:hover:not(:disabled){box-shadow:0 8px 25px #f7931a66;transform:translateY(-2px)}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.btn-loading{align-items:center;display:flex;gap:.5rem}.spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-top-color:#fff;height:18px;width:18px}.login-footer{border-top:1px solid #e5e7eb;margin-top:1.5rem;padding-top:1.5rem;text-align:center}.login-note{color:#6b7280;font-size:.85rem;line-height:1.5;margin:0}.login-note strong{color:#f7931a;font-weight:600}.login-copyright{color:#ffffff80;font-size:.8rem;margin-top:2rem;text-align:center}@media (max-width:480px){.login-card{border-radius:20px;padding:2rem 1.5rem}.login-header h1{font-size:1.5rem}.logo-icon{border-radius:16px;height:64px;width:64px}}.app-footer{background:#1e293b;border-top:1px solid #ffffff1a;color:#94a3b8;margin-top:auto;padding:1.5rem;text-align:center}.app-footer p{font-size:.875rem;margin:0}.app-footer a{color:#f7931a;font-weight:600;text-decoration:none;transition:color .2s ease}.app-footer a:hover{color:#ffb347;text-decoration:underline}@media (max-width:768px){.app-footer{font-size:.8rem;padding:1rem}}.layout{display:flex;min-height:100vh}.sidebar{background:linear-gradient(180deg,#292524,#1c1917);color:#fff;display:flex;flex-direction:column;height:100vh;overflow-y:auto;position:fixed;width:260px}.sidebar-header{border-bottom:1px solid #ffffff1a;padding:2rem 1.5rem}.sidebar-header h2{color:#f7931a;font-size:1.5rem;margin-bottom:.5rem}.user-role{color:#a8a29e;font-size:.75rem;font-weight:600;letter-spacing:.05em}.sidebar-menu{flex:1 1;list-style:none;padding:1rem 0}.sidebar-menu li{margin:.25rem 0}.sidebar-menu a{align-items:center;color:#d6d3d1;display:flex;gap:.75rem;padding:1rem 1.5rem;text-decoration:none;transition:all .2s ease}.sidebar-menu a:hover{background:#f7931a1a;color:#f7931a}.sidebar-menu a.active{background:#f7931a33;border-left:3px solid #f7931a;color:#f7931a}.sidebar-menu .icon{font-size:1.25rem}.sidebar-footer{border-top:1px solid #ffffff1a;padding:1.5rem}.user-info{margin-bottom:1rem}.user-name{font-weight:600;margin-bottom:.25rem}.user-email{color:#a8a29e;font-size:.875rem}.logout-button{align-items:center;background:#ef444433;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem;transition:all .2s ease;width:100%}.logout-button:hover{background:#ef44444d}.main-content{background:#fffbf5;display:flex;flex:1 1;flex-direction:column;margin-left:260px;min-height:100vh}.content-wrapper{flex:1 1;margin:0 auto;max-width:1400px;padding:1rem;width:100%}@media (max-width:768px){.layout{flex-direction:column}.sidebar{bottom:0;box-shadow:0 -2px 10px #0000001a;flex-direction:row;height:auto;left:0;position:fixed;width:100%;z-index:100}.sidebar-header{display:none}.sidebar-menu{display:flex;flex-direction:row;justify-content:space-around;margin:0;padding:0;width:100%}.sidebar-menu li{flex:1 1;margin:0}.sidebar-menu a{flex-direction:column;gap:.25rem;padding:.75rem .5rem;text-align:center}.sidebar-menu .label{font-size:.7rem}.sidebar-menu .icon{font-size:1.25rem}.sidebar-footer{display:none}.main-content{margin-bottom:70px;margin-left:0}.content-wrapper{padding:1rem .75rem}}@media (min-width:769px){.content-wrapper{padding:2rem}}.top-header{align-items:center;background:#fff;border-bottom:1px solid #e7e5e4;display:flex;justify-content:flex-end;padding:.75rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:50}.header-spacer{flex:1 1}.header-actions{align-items:center;display:flex;gap:1rem}.header-logout-btn{align-items:center;background:none;border:none;border-radius:8px;color:#57534e;cursor:pointer;display:flex;font-size:1.25rem;justify-content:center;padding:.5rem;transition:all .2s}.header-logout-btn:hover{background:#ef44441a;color:#ef4444}.notification-bell{background:none;border:none;border-radius:8px;color:#57534e;cursor:pointer;font-size:1.25rem;padding:.5rem;position:relative;transition:all .2s}.notification-bell:hover{background:#f5f5f4;color:#f7931a}.notification-badge{background:#ef4444;border-radius:10px;color:#fff;font-size:.65rem;font-weight:600;min-width:16px;padding:.15rem .35rem;position:absolute;right:0;text-align:center;top:0}.notification-dropdown{background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;margin-top:.5rem;overflow:hidden;position:absolute;right:0;top:100%;width:360px;z-index:100}.notification-header{align-items:center;border-bottom:1px solid #e7e5e4;display:flex;justify-content:space-between;padding:1rem 1.25rem}.notification-header h4{color:#1c1917;font-size:1rem;margin:0}.mark-all-read{align-items:center;background:none;border:none;border-radius:4px;color:#f7931a;cursor:pointer;display:flex;font-size:.8rem;gap:.25rem;padding:.25rem .5rem}.mark-all-read:hover{background:#fff7ed}.notification-list{max-height:400px;overflow-y:auto}.no-notifications{align-items:center;color:#a8a29e;display:flex;flex-direction:column;justify-content:center;padding:3rem 1rem}.no-notifications svg{font-size:2rem;margin-bottom:.5rem}.notification-item{border-bottom:1px solid #f5f5f4;cursor:pointer;display:flex;gap:.75rem;padding:1rem 1.25rem;transition:background .2s}.notification-item:hover{background:#fafaf9}.notification-item.unread{background:#fffbf5;border-left:3px solid #f7931a}.notification-item.read{opacity:.7}.notif-icon{flex-shrink:0;font-size:1.25rem;margin-top:.125rem}.notif-icon.success{color:#22c55e}.notif-icon.warning{color:#f59e0b}.notif-icon.error{color:#ef4444}.notif-icon.info{color:#3b82f6}.notification-content{flex:1 1;min-width:0}.notification-content strong{color:#1c1917;display:block;font-size:.9rem;margin-bottom:.25rem}.notification-content p{color:#57534e;font-size:.85rem;line-height:1.4;margin:0;word-break:break-word}.notification-time{color:#a8a29e;display:block;font-size:.75rem;margin-top:.25rem}@media (max-width:768px){.top-header{padding:.5rem 1rem}.notification-dropdown{right:-.5rem;width:calc(100vw - 2rem)}}:root{--primary:#f7931a;--primary-light:#ffb347;--primary-dark:#e07d00;--success:#10b981;--success-light:#34d399;--warning:#f59e0b;--warning-light:#fbbf24;--danger:#ef4444;--info:#06b6d4;--purple:#f7931a;--pink:#ffb347;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--radius-sm:6px;--radius:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--transition-fast:all 0.15s cubic-bezier(0.4,0,0.2,1)}.dashboard{min-height:100%;padding-bottom:2rem;width:100%}.dashboard-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:60vh}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-top-color:#f7931a;border:4px solid var(--gray-200);border-radius:50%;border-top-color:var(--primary);height:48px;width:48px}.gradient-purple{background:linear-gradient(135deg,#f7931a,#ffb347)}.gradient-pink{background:linear-gradient(135deg,#ffb347,#f7931a)}.gradient-blue{background:linear-gradient(135deg,#4facfe,#00f2fe)}.gradient-green{background:linear-gradient(135deg,#11998e,#38ef7d)}.gradient-orange{background:linear-gradient(135deg,#f7931a,#ffb347)}.manager-dashboard{background:linear-gradient(180deg,#f9fafb,#fff);background:linear-gradient(180deg,var(--gray-50) 0,#fff 100%)}.dashboard-hero{align-items:flex-start;background:linear-gradient(135deg,#292524,#1c1917);border-radius:0 0 24px 24px;border-radius:0 0 var(--radius-xl) var(--radius-xl);color:#fff;display:flex;justify-content:space-between;margin:-1rem -1rem 1.5rem;overflow:hidden;padding:1.5rem;position:relative}.dashboard-hero:before{background:#ffffff1a;border-radius:50%;content:"";height:300px;position:absolute;right:-20%;top:-50%;width:300px}.hero-content{position:relative;z-index:1}.greeting-label{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:8px;border-radius:var(--radius);display:inline-block;font-size:.75rem;font-weight:600;margin-bottom:.5rem;padding:.25rem .75rem}.hero-title{font-size:1.5rem;font-weight:700;letter-spacing:-.025em;margin-bottom:.5rem}.hero-date{font-size:.875rem;gap:.5rem;opacity:.9}.hero-date,.refresh-btn{align-items:center;display:flex}.refresh-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:12px;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:1.25rem;height:44px;justify-content:center;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:44px;z-index:1}.refresh-btn:hover:not(:disabled){background:#ffffff4d;transform:scale(1.05)}.refresh-btn.refreshing svg{animation:spin 1s linear infinite}.live-stats-section{margin-bottom:1.5rem}.live-indicator{align-items:center;color:#4b5563;color:var(--gray-600);display:flex;font-size:.75rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.live-dot{animation:pulse 2s infinite;background:#10b981;background:var(--success);border-radius:50%;height:8px;width:8px}.live-time{color:#6b7280;color:var(--gray-500);margin-left:auto}.stats-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}.stat-card.glass-card{animation:slideUp .5s ease-out forwards;background:#fff;border:1px solid #f3f4f6;border:1px solid var(--gray-100);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);opacity:0;padding:1.25rem;transform:translateY(20px);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}.stat-card.glass-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.stat-card.glass-card.clickable{cursor:pointer}.stat-card.highlight{background:linear-gradient(135deg,#10b9811a,#38ef7d1a);border-color:#10b98133}.stat-visual{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.stat-icon-wrapper{border-radius:12px;border-radius:var(--radius-md);color:#fff;font-size:1.25rem;height:48px;justify-content:center;width:48px}.stat-icon-wrapper,.stat-trend{align-items:center;display:flex}.stat-trend{border-radius:8px;border-radius:var(--radius);font-size:.75rem;font-weight:600;gap:.25rem;padding:.25rem .5rem}.stat-trend.up{background:#10b9811a;color:#10b981;color:var(--success)}.stat-info{display:flex;flex-direction:column}.stat-value{color:#1f2937;color:var(--gray-800);font-size:2rem;font-weight:700;line-height:1;margin-bottom:.25rem}.stat-label{color:#6b7280;color:var(--gray-500);font-size:.875rem;font-weight:500}.stat-progress{background:#e5e7eb;background:var(--gray-200);border-radius:3px;height:6px;margin-top:.75rem;overflow:hidden}.stat-progress .progress-fill{background:linear-gradient(90deg,#10b981,#34d399);background:linear-gradient(90deg,var(--success) 0,var(--success-light) 100%);border-radius:3px;height:100%;transition:width 1s ease-out}.stat-percentage{color:#10b981;color:var(--success);font-size:.75rem;font-weight:600;margin-top:.5rem}.quick-actions-section{margin-bottom:1.5rem}.section-title{color:var(--gray-800);font-size:1rem;font-weight:600;margin-bottom:1rem}.quick-actions-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}.quick-action-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:.75rem;padding:1rem;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.quick-action-card:hover{border-color:#f7931a;border-color:var(--primary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.quick-action-card .action-icon{align-items:center;border-radius:8px;border-radius:var(--radius);display:flex;flex-shrink:0;font-size:1.125rem;height:40px;justify-content:center;width:40px}.quick-action-card.primary .action-icon{background:#f7931a1a;color:#f7931a;color:var(--primary)}.quick-action-card.success .action-icon{background:#10b9811a;color:#10b981;color:var(--success)}.quick-action-card.warning .action-icon{background:#f59e0b1a;color:#f59e0b;color:var(--warning)}.quick-action-card.info .action-icon{background:#06b6d41a;color:#06b6d4;color:var(--info)}.action-content{flex:1 1;min-width:0}.action-label{color:#1f2937;color:var(--gray-800);display:block;font-size:.875rem;font-weight:600}.action-desc{color:#6b7280;color:var(--gray-500);display:block;font-size:.75rem}.action-arrow{color:#9ca3af;color:var(--gray-400);flex-shrink:0}.attendance-section{background:#fff;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow);padding:1.25rem}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.attendance-count{background:#f3f4f6;background:var(--gray-100);border-radius:8px;border-radius:var(--radius);color:#6b7280;color:var(--gray-500);font-size:.75rem;padding:.25rem .75rem}.attendance-list{display:flex;flex-direction:column;gap:.75rem}.attendance-item{grid-gap:.75rem;animation:slideUp .5s ease-out forwards;background:#f9fafb;background:var(--gray-50);border-left:4px solid #10b981;border-left:4px solid var(--success);border-radius:12px;border-radius:var(--radius-md);display:grid;gap:.75rem;grid-template-columns:auto 1fr auto;opacity:0;padding:1rem}.attendance-item.checked-out{background:#fff;border-left-color:#d1d5db;border-left-color:var(--gray-300)}.attendance-item.deleted{border-left-color:#9ca3af;border-left-color:var(--gray-400);opacity:.6}.employee-avatar{align-items:center;background:linear-gradient(135deg,#f7931a,#ffb347);border-radius:12px;border-radius:var(--radius-md);color:#fff;display:flex;font-size:1rem;font-weight:700;height:48px;justify-content:center;overflow:hidden;position:relative;width:48px}.employee-avatar:before{content:attr(data-initials);position:absolute}.employee-avatar img{height:100%;object-fit:cover;position:relative;width:100%;z-index:1}.employee-details{min-width:0}.employee-name{color:var(--gray-800);flex-wrap:wrap;font-size:.9375rem;gap:.5rem;margin:0 0 .25rem}.deleted-tag{background:#ef4444;background:var(--danger)}.deleted-tag,.session-badge{border-radius:6px;border-radius:var(--radius-sm);color:#fff;font-size:.625rem;font-weight:500;padding:.125rem .5rem}.session-badge{background:#06b6d4;background:var(--info)}.idle-badge{background:#f59e0b;background:var(--warning);border-radius:6px;border-radius:var(--radius-sm);color:#fff;font-size:.625rem;font-weight:500;padding:.125rem .5rem}.attendance-item.idle{border-left:3px solid #f59e0b;border-left:3px solid var(--warning)}.status-indicator.idle{color:#f59e0b;color:var(--warning)}.status-indicator.idle .status-dot{background:#f59e0b;background:var(--warning)}.resolved-badge{background:#10b981;background:var(--success);border-radius:6px;border-radius:var(--radius-sm);color:#fff;font-size:.625rem;font-weight:500;padding:.125rem .5rem}.attendance-item.resolved{border-left:3px solid #10b981;border-left:3px solid var(--success)}.meta-item.hours{color:#f7931a;color:var(--primary);font-weight:600}.ot-tag{color:#f59e0b;color:var(--warning);font-size:.65rem;font-weight:600;margin-left:.25rem}.employee-meta{align-items:center;color:#6b7280;color:var(--gray-500);display:flex;font-size:.75rem;gap:.375rem}.meta-divider{color:#d1d5db;color:var(--gray-300)}.attendance-times{display:none}.status-indicator{align-items:center;display:flex;font-size:.75rem;font-weight:600;gap:.375rem;text-transform:capitalize}.status-indicator .status-dot{border-radius:50%;height:8px;width:8px}.status-indicator.present .status-dot{animation:pulse 2s infinite;background:#10b981;background:var(--success)}.status-indicator.present .status-text{color:#10b981;color:var(--success)}.status-indicator.late .status-dot{background:#f59e0b;background:var(--warning)}.status-indicator.late .status-text{color:#f59e0b;color:var(--warning)}.empty-state{padding:3rem 1.5rem}.empty-icon{align-items:center;background:#f3f4f6;background:var(--gray-100);border-radius:50%;color:#9ca3af;color:var(--gray-400);display:flex;font-size:1.5rem;height:64px;justify-content:center;margin:0 auto 1rem;width:64px}.empty-state h3{color:#1f2937;color:var(--gray-800);margin-bottom:.5rem}.empty-state p{color:#6b7280;color:var(--gray-500);font-size:.875rem;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;max-width:280px}.empty-action-btn{align-items:center;background:#f7931a;background:var(--primary);border:none;border-radius:8px;border-radius:var(--radius);color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.empty-action-btn:hover{background:#e07d00;background:var(--primary-dark);transform:translateY(-2px)}.admin-dashboard{background:#f9fafb;background:var(--gray-50)}.admin-hero{background:linear-gradient(135deg,#111827,#1f2937);background:linear-gradient(135deg,var(--gray-900) 0,var(--gray-800) 100%);border-radius:0 0 24px 24px;border-radius:0 0 var(--radius-xl) var(--radius-xl);color:#fff;margin:-1rem -1rem 1.5rem;overflow:hidden;padding:2rem 1.5rem;position:relative}.hero-background{inset:0;overflow:hidden;position:absolute}.hero-pattern{background:linear-gradient(135deg,#f7931a,#ffb347);border-radius:50%;filter:blur(60px);height:400px;opacity:.2;position:absolute;right:-25%;top:-50%;width:400px}.admin-hero .hero-content{position:relative;z-index:1}.admin-hero .hero-text{margin-bottom:1.5rem}.greeting-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:8px;border-radius:var(--radius);display:inline-block;font-size:.75rem;font-weight:600;margin-bottom:.75rem;padding:.375rem .875rem}.admin-hero .hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#d1d5db);background:linear-gradient(90deg,#fff 0,var(--gray-300) 100%);-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:700;margin-bottom:.25rem}.hero-subtitle{color:#9ca3af;color:var(--gray-400);font-size:.875rem}.hero-stats{display:flex;gap:1.5rem}.hero-stat-item{align-items:center;color:#9ca3af;color:var(--gray-400);display:flex;font-size:.875rem;gap:.5rem}.hero-stat-item svg{color:#ffb347;color:var(--primary-light)}.refresh-btn.light{background:#ffffff1a;border:1px solid #ffffff1a;position:absolute;right:1.5rem;top:1.5rem}.refresh-btn.light:hover:not(:disabled){background:#fff3}.kpi-section{margin-bottom:1.5rem}.kpi-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.kpi-card{animation:slideUp .5s ease-out forwards;background:#fff;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow);cursor:pointer;opacity:0;padding:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.kpi-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.kpi-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.kpi-icon{border-radius:12px;border-radius:var(--radius-md);color:#fff;font-size:1.125rem;height:44px;justify-content:center;width:44px}.kpi-icon,.kpi-trend{align-items:center;display:flex}.kpi-trend{border-radius:8px;border-radius:var(--radius);font-size:.75rem;font-weight:600;gap:.25rem;padding:.25rem .5rem}.kpi-trend.up{background:#10b9811a;color:#10b981;color:var(--success)}.kpi-trend.down{background:#ef44441a;color:#ef4444;color:var(--danger)}.kpi-body{margin-bottom:.75rem}.kpi-value{color:#1f2937;color:var(--gray-800);display:block;font-size:1.75rem;font-weight:700;line-height:1;margin-bottom:.25rem}.kpi-title{color:#6b7280;color:var(--gray-500);font-size:.8125rem;font-weight:500}.kpi-progress{margin-top:.75rem}.kpi-progress .progress-bar{background:#e5e7eb;background:var(--gray-200);border-radius:3px;height:6px;overflow:hidden}.kpi-progress .progress-fill{background:linear-gradient(90deg,#10b981,#34d399);background:linear-gradient(90deg,var(--success) 0,var(--success-light) 100%);border-radius:3px;height:100%;transition:width 1s ease-out}.kpi-progress .progress-text{color:#10b981;color:var(--success);display:block;font-size:.6875rem;font-weight:600;margin-top:.375rem}.kpi-footer{align-items:center;border-top:1px solid #f3f4f6;border-top:1px solid var(--gray-100);color:#9ca3af;color:var(--gray-400);display:flex;font-size:.75rem;justify-content:space-between;padding-top:.75rem}.kpi-footer svg{font-size:.875rem}.dashboard-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}.dashboard-card{background:#fff;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow);overflow:hidden}.dashboard-card .card-header{align-items:center;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100);display:flex;justify-content:space-between;padding:1rem 1.25rem}.card-title{align-items:center;display:flex;gap:.625rem}.card-title svg{color:#f7931a;color:var(--primary);font-size:1.125rem}.card-title h2{color:#1f2937;color:var(--gray-800);font-size:1rem;font-weight:600;margin:0}.view-all-btn{align-items:center;background:none;border:none;color:#f7931a;color:var(--primary);cursor:pointer;display:flex;font-size:.75rem;font-weight:600;gap:.375rem;transition:all .15s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast)}.view-all-btn:hover{gap:.5rem}.activity-badge{align-items:center;background:#10b9811a;border-radius:8px;border-radius:var(--radius);color:#10b981;color:var(--success);display:flex;font-size:.6875rem;font-weight:600;gap:.375rem;padding:.25rem .625rem}.activity-badge:before{animation:pulse 2s infinite;background:#10b981;background:var(--success);border-radius:50%;content:"";height:6px;width:6px}.dashboard-card .card-body{padding:1.25rem}.office-bars{display:flex;flex-direction:column;gap:1rem}.office-bar-item{animation:slideUp .5s ease-out forwards;opacity:0}.bar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.office-info{align-items:center;gap:.5rem}.office-info svg{color:#f7931a;color:var(--primary);font-size:.875rem}.office-name{color:#374151;color:var(--gray-700);font-size:.875rem;font-weight:600}.office-count{color:#10b981;color:var(--success);font-size:.75rem;font-weight:600}.bar-track{background:#f3f4f6;background:var(--gray-100);border-radius:4px;height:8px;overflow:hidden}.bar-fill{background:linear-gradient(90deg,#f7931a,#ffb347);background:linear-gradient(90deg,var(--primary) 0,var(--primary-light) 100%);border-radius:4px;height:100%;transition:width 1s ease-out}.empty-activity,.empty-chart{align-items:center;color:#9ca3af;color:var(--gray-400);display:flex;flex-direction:column;justify-content:center;padding:2rem}.empty-activity svg,.empty-chart svg{font-size:2rem;margin-bottom:.5rem}.empty-activity p,.empty-chart p{font-size:.875rem;margin:0}.activity-list{display:flex;flex-direction:column;gap:.75rem}.activity-item{align-items:center;animation:slideUp .5s ease-out forwards;background:#f9fafb;background:var(--gray-50);border-radius:8px;border-radius:var(--radius);display:flex;gap:.75rem;opacity:0;padding:.75rem}.activity-avatar{align-items:center;background:linear-gradient(135deg,#f7931a,#ffb347);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.875rem;font-weight:700;height:36px;justify-content:center;width:36px}.activity-content{flex:1 1;min-width:0}.activity-text{color:#4b5563;color:var(--gray-600);font-size:.8125rem;line-height:1.4;margin:0 0 .25rem}.activity-text strong{color:#1f2937;color:var(--gray-800)}.activity-office{color:#f7931a;color:var(--primary);font-weight:500}.activity-time{color:#9ca3af;color:var(--gray-400);font-size:.6875rem}.activity-status .status-dot{background:#d1d5db;background:var(--gray-300);border-radius:50%;height:10px;width:10px}.activity-status .status-dot.active{animation:pulse 2s infinite;background:#10b981;background:var(--success)}.activity-status .status-dot.completed{background:#d1d5db;background:var(--gray-300)}.dashboard-card.quick-actions .card-body{padding:1rem}.actions-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}.action-btn{background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--radius-md);flex-direction:column;padding:1rem}.action-btn:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.action-btn svg{font-size:1.25rem}.action-btn span{color:#374151;color:var(--gray-700);font-size:.75rem;font-weight:600}.action-btn.primary{border-color:#f7931a4d}.action-btn.primary:hover{background:#f7931a1a}.action-btn.primary svg{color:#f7931a;color:var(--primary)}.action-btn.success{border-color:#10b9814d}.action-btn.success:hover{background:#10b9811a}.action-btn.success svg{color:#10b981;color:var(--success)}.action-btn.warning{border-color:#f59e0b4d}.action-btn.warning:hover{background:#f59e0b1a}.action-btn.warning svg{color:#f59e0b;color:var(--warning)}.action-btn.info{border-color:#06b6d44d}.action-btn.info:hover{background:#06b6d41a}.action-btn.info svg{color:#06b6d4;color:var(--info)}.status-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.status-item{background:#f9fafb;background:var(--gray-50);gap:.75rem;padding:.75rem}.status-item,.status-item .status-icon{align-items:center;border-radius:8px;border-radius:var(--radius);display:flex}.status-item .status-icon{background:#e5e7eb;background:var(--gray-200);color:#4b5563;color:var(--gray-600);height:36px;justify-content:center;position:relative;width:36px}.status-item .status-icon.online{background:#10b9811a}.status-item .status-icon .pulse{animation:pulse 2s infinite;background:#10b981;background:var(--success);border-radius:50%;height:12px;width:12px}.status-info{display:flex;flex-direction:column}.status-label{color:#6b7280;color:var(--gray-500);font-size:.6875rem;letter-spacing:.025em;text-transform:uppercase}.status-value{color:#1f2937;color:var(--gray-800);font-size:.875rem;font-weight:600}.status-value.online{color:#10b981;color:var(--success)}@media (min-width:640px){.dashboard-hero{padding:2rem}.hero-title{font-size:1.75rem}.stats-cards{grid-template-columns:repeat(3,1fr)}.quick-actions-grid{grid-template-columns:repeat(4,1fr)}.attendance-item{grid-template-columns:auto 1fr auto auto}.attendance-times{display:flex;gap:1rem}.time-entry{align-items:center;background:#fff;border-radius:8px;border-radius:var(--radius);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);display:flex;gap:.5rem;padding:.5rem .75rem}.time-entry.check-in .time-icon{color:#10b981;color:var(--success)}.time-entry.check-out .time-icon{color:#f7931a;color:var(--primary)}.time-entry.pending .time-icon{color:#f59e0b;color:var(--warning)}.time-info{display:flex;flex-direction:column}.time-label{color:#9ca3af;color:var(--gray-400);font-size:.625rem;letter-spacing:.05em;text-transform:uppercase}.time-value{color:#1f2937;color:var(--gray-800);font-size:.8125rem;font-weight:600}.time-value.pending{color:#f59e0b;color:var(--warning)}.admin-hero{padding:2.5rem}.admin-hero .hero-title{font-size:2rem}.kpi-grid{grid-template-columns:repeat(4,1fr)}.dashboard-grid{grid-template-columns:repeat(2,1fr)}.office-performance{grid-column:span 2}.actions-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:1024px){.dashboard-hero{margin:-1.5rem -1.5rem 2rem;padding:2.5rem}.hero-title{font-size:2rem}.stat-value{font-size:2.5rem}.attendance-list{gap:.5rem}.attendance-item{padding:1rem 1.25rem}.employee-avatar{height:52px;width:52px}.employee-name{font-size:1rem}.admin-hero{margin:-1.5rem -1.5rem 2rem}.admin-hero .hero-title{font-size:2.25rem}.kpi-card{padding:1.5rem}.kpi-value{font-size:2rem}.dashboard-grid{gap:1.5rem;grid-template-columns:2fr 1fr}.office-performance{grid-column:span 1;grid-row:span 2}.quick-actions,.recent-activity,.system-status{grid-column:span 1}}@media (min-width:1280px){.stats-cards{gap:1.25rem}.stat-card.glass-card{padding:1.5rem}.quick-actions-grid{gap:1rem}.quick-action-card{padding:1.25rem}.attendance-section{padding:1.5rem}}.no-data{color:var(--gray-500);font-size:.875rem}.dashboard{animation:fadeIn .3s ease-out}@media (hover:none){.action-btn:hover,.kpi-card:hover,.quick-action-card:hover,.stat-card.glass-card:hover{transform:none}.action-btn:active,.kpi-card:active,.quick-action-card:active{transform:scale(.98)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.admin-hero,.dashboard-hero{background:#fff!important;color:#000!important}.quick-actions,.quick-actions-section,.refresh-btn{display:none!important}}.dashboard-page{width:100%}.status-banner{align-items:center;border-radius:12px;border-radius:var(--radius-md);display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.5rem}.status-banner.checked-in{background:linear-gradient(135deg,#10b9811a,#38ef7d1a);border:1px solid #10b9814d;color:#10b981;color:var(--success)}.status-banner.checked-out{background:linear-gradient(135deg,#f59e0b1a,#fbbf241a);border:1px solid #f59e0b4d;color:#f59e0b;color:var(--warning)}.status-banner span{flex:1 1;font-weight:600}.btn-small{background:currentColor;border:none;border-radius:8px;border-radius:var(--radius);color:#fff!important;cursor:pointer;font-size:.875rem;font-weight:600;padding:.5rem 1rem;text-decoration:none}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:2rem}@media (min-width:768px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-card{border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow);display:flex;gap:1rem;padding:1.5rem}.stat-icon{align-items:center;border-radius:12px;border-radius:var(--radius-md);display:flex;flex-shrink:0;font-size:1.25rem;height:48px;justify-content:center;width:48px}.stat-icon.attendance{background:#f7931a1a;color:#f7931a;color:var(--primary)}.stat-icon.hours{background:#10b9811a;color:#10b981;color:var(--success)}.stat-icon.leaves{background:#06b6d41a;color:#06b6d4;color:var(--info)}.stat-icon.messages{background:#8b5cf61a;color:#8b5cf6}.stat-content h3{color:#1f2937;color:var(--gray-800);font-size:1.75rem;font-weight:700;line-height:1;margin:0}.stat-content p{color:#6b7280;color:var(--gray-500);font-size:.875rem;margin:.25rem 0 0}.stat-detail{color:#9ca3af;color:var(--gray-400);font-size:.75rem}.stat-link{color:#f7931a;color:var(--primary);font-size:.75rem;text-decoration:none}.stat-link:hover{text-decoration:underline}.quick-actions{background:#fff;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow);margin-bottom:2rem;padding:1.5rem}.quick-actions h2{color:#1f2937;color:var(--gray-800);font-size:1.125rem;margin-bottom:1rem}.action-buttons{flex-wrap:wrap}.action-btn{border-radius:8px;border-radius:var(--radius);font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.action-btn.primary{background:#f7931a;background:var(--primary);color:#fff}.action-btn.primary:hover{background:#e07d00;background:var(--primary-dark);transform:translateY(-2px)}.action-btn.secondary{background:#f3f4f6;background:var(--gray-100);border:1px solid #e5e7eb;border:1px solid var(--gray-200);color:#374151;color:var(--gray-700)}.action-btn.secondary:hover{background:#e5e7eb;background:var(--gray-200);transform:translateY(-2px)}.info-card{background:#fff;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow);padding:1.5rem}.info-card h2{color:#1f2937;color:var(--gray-800);font-size:1.125rem;margin-bottom:1rem}.info-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}@media (min-width:768px){.info-grid{grid-template-columns:repeat(4,1fr)}}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-item label{color:#6b7280;color:var(--gray-500);font-size:.75rem;text-transform:uppercase}.info-item span{color:#1f2937;color:var(--gray-800);font-size:.9375rem;font-weight:600}.summary-section{border-radius:var(--radius-lg);box-shadow:var(--shadow);margin-top:2rem}.summary-section h3{color:var(--gray-800);margin-bottom:1rem}.summary-stats{grid-template-columns:repeat(4,1fr)}.summary-item{background:var(--gray-50);border-radius:var(--radius)}.summary-item .value{color:var(--gray-800)}.summary-item .label{color:var(--gray-500)}@media (max-width:640px){.summary-stats{grid-template-columns:repeat(2,1fr)}}.management-page{width:100%}.page-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.page-header h1{color:#1f2937;font-size:1.75rem;margin:0}.stats-container{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:1.5rem}.stat-card{background:#fff;border:1px solid #f3f4f6;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:1.25rem;transition:all .2s ease}.stat-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.stat-card h3{color:#1f2937;font-size:1.75rem;font-weight:700;line-height:1.2;margin:0 0 .25rem}.stat-card p{color:#6b7280;font-size:.85rem;font-weight:500;margin:0}.stat-card.primary{border-left:4px solid #f7931a}.stat-card.success{border-left:4px solid #10b981}.stat-card.warning{border-left:4px solid #f59e0b}.stat-card.info{border-left:4px solid #06b6d4}@media (min-width:768px){.stats-container{grid-template-columns:repeat(4,1fr)}}@media (min-width:1024px){.stats-container{grid-template-columns:repeat(5,1fr)}}.filters-panel{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem;padding:1.25rem}.filters-panel .form-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:1rem}.filters-panel .form-group{margin-bottom:0}.filters-panel .form-group label{font-size:.8rem;margin-bottom:.375rem}.filters-panel .form-group input,.filters-panel .form-group select{font-size:.875rem;padding:.625rem .75rem}@media (min-width:768px){.filters-panel .form-grid{grid-template-columns:repeat(5,1fr)}}.search-section{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.search-input{border:2px solid #e5e7eb;border-radius:8px;flex:1 1;font-size:1rem;padding:.875rem 1rem;transition:all .2s ease}.search-input:focus{border-color:#f7931a;box-shadow:0 0 0 3px #f7931a1a;outline:none}.search-input::placeholder{color:#9ca3af}.employees-page{width:100%}.employees-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.employees-header .header-left{align-items:center;display:flex;gap:.75rem}.employees-header h1{color:#1f2937;font-size:1.25rem;font-weight:700;margin:0}.employees-header .record-count{background:#f3f4f6;border-radius:12px;color:#6b7280;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.add-btn{align-items:center;background:#f7931a;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;height:40px;justify-content:center;transition:background .2s;width:40px}.add-btn:hover{background:#e07d00}.filter-search-row{align-items:center;display:flex;gap:.5rem;margin-bottom:1rem}.filter-dropdown{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:.375rem;min-width:140px;padding:0 .75rem}.filter-dropdown .filter-icon{color:#6b7280;flex-shrink:0;height:14px;width:14px}.filter-select{background:#0000;border:none;color:#374151;flex:1 1;font-size:.8rem;outline:none;padding:.625rem 0}.filter-search-row .search-bar{flex:1 1;margin-bottom:0}.search-bar{margin-bottom:1rem;position:relative}.search-bar input{background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:.875rem;padding:.625rem 2.5rem .625rem .875rem;width:100%}.search-bar input:focus{border-color:#f7931a;outline:none}.search-bar .clear-btn{background:none;border:none;color:#9ca3af;cursor:pointer;padding:.25rem;position:absolute;right:.5rem;top:50%;transform:translateY(-50%)}.employees-list{display:flex;flex-direction:column;gap:.5rem}.employee-card{align-items:center;background:#fff;border:1px solid #f3f4f6;border-radius:10px;box-shadow:0 1px 2px #0000000f;display:flex;gap:.625rem;padding:.625rem .75rem;transition:all .15s ease}.employee-card:hover{border-color:#e5e7eb;box-shadow:0 2px 6px #00000014}.employee-avatar-card{align-items:center;background:linear-gradient(135deg,#f7931a,#e07d00);border-radius:10px;cursor:pointer;display:flex;flex-shrink:0;height:42px;justify-content:center;overflow:hidden;width:42px}.employee-avatar-card img{height:100%;object-fit:cover;width:100%}.employee-avatar-card .avatar-initials{color:#fff;font-size:.875rem;font-weight:600}.employee-info{cursor:pointer;flex:1 1;min-width:0}.employee-name-row{align-items:center;display:flex;gap:.375rem;margin-bottom:.125rem}.employee-name-row .name{color:#1f2937;font-size:.875rem;font-weight:600}.employee-name-row .emp-id{background:#f3f4f6;border-radius:3px;color:#9ca3af;font-size:.65rem;padding:.0625rem .3rem}.labour-badge{align-items:center;background:#fef3c7;border-radius:4px;color:#92400e;display:inline-flex;font-size:.65rem;height:18px;justify-content:center;width:18px}.employee-meta-row .contractor{color:#f7931a;font-weight:500}.employee-meta-row{align-items:center;color:#6b7280;display:flex;font-size:.75rem;gap:.25rem;margin-bottom:.125rem}.employee-meta-row .dot{color:#d1d5db;font-size:.5rem}.employee-salary{align-items:center;display:flex;font-size:.75rem;gap:.5rem}.employee-salary .ctc,.employee-salary .wage{color:#059669;font-weight:600}.employee-actions{display:flex;flex-direction:column;flex-shrink:0;gap:.25rem;margin-left:auto}.action-btn{align-items:center;background:#f3f4f6;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;min-height:32px;min-width:32px;overflow:visible;padding:0;transition:all .15s ease;width:32px}.action-btn svg{stroke:currentColor;stroke-width:2;fill:none;flex-shrink:0;min-height:16px;min-width:16px;opacity:1!important;visibility:visible!important}.action-btn svg,.employee-actions .action-btn svg{display:block!important;height:16px!important;width:16px!important}.employee-actions .action-btn svg{stroke:currentColor!important}.action-btn.view{background:#eef2ff;color:#ffb347}.action-btn.view:hover{background:#e0e7ff;color:#f7931a}.action-btn.edit{background:#dbeafe;color:#3b82f6}.action-btn.edit:hover{background:#bfdbfe;color:#2563eb}.action-btn.delete{background:#fef2f2;color:#ef4444}.action-btn.delete:hover{background:#fee2e2;color:#dc2626}.view-profile{border-bottom:1px solid #f3f4f6;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem}.view-avatar,.view-profile{align-items:center;display:flex}.view-avatar{background:linear-gradient(135deg,#f7931a,#e07d00);border-radius:10px;flex-shrink:0;height:56px;justify-content:center;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease;width:56px}.view-avatar.clickable{cursor:pointer}.view-avatar.clickable:hover{box-shadow:0 4px 12px #00000026;transform:scale(1.05)}.view-avatar img{height:100%;object-fit:cover;width:100%}.view-avatar .avatar-initials{color:#fff;font-size:1.125rem;font-weight:600}.view-title h3{color:#1f2937;font-size:1rem;font-weight:700;margin:0 0 .25rem}.view-id{background:#f3f4f6;color:#6b7280;font-size:.7rem;margin-right:.375rem}.labour-tag,.view-id{border-radius:4px;padding:.125rem .375rem}.labour-tag{align-items:center;background:#fef3c7;color:#92400e;display:inline-flex;font-size:.65rem;font-weight:600;gap:.125rem}.view-details{border-collapse:collapse;display:table;width:100%}.detail-row{display:table-row}.detail-icon{display:none}.detail-label{font-size:.75rem;padding:.5rem .75rem .5rem 0;white-space:nowrap;width:100px}.detail-label,.detail-value{border-bottom:1px solid #f3f4f6;display:table-cell;vertical-align:middle}.detail-value{font-size:.8rem;font-weight:500;padding:.5rem 0}.detail-row:last-child .detail-label,.detail-row:last-child .detail-value{border-bottom:none}.detail-value.highlight{color:#059669;font-weight:600}.detail-value.tel-link{color:#f7931a;font-weight:500;text-decoration:none}.detail-value.tel-link:hover{text-decoration:underline}@media (max-width:640px){.employee-card{flex-wrap:nowrap}.employee-info{flex:1 1;min-width:0}.employee-name-row .name{font-size:.75rem}.employee-meta-row,.employee-salary{font-size:.65rem}}.no-data{color:#6b7280;font-style:italic;padding:2rem;text-align:center}.table-container{border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow-x:auto;padding:0}table{border-collapse:collapse;min-width:600px;width:100%}td,th{border-bottom:1px solid #e5e7eb;padding:.875rem 1rem;text-align:left}th{background:#f9fafb;color:#374151;font-size:.8rem;font-weight:600;letter-spacing:.025em;text-transform:uppercase;white-space:nowrap}th:first-child{border-radius:12px 0 0 0}th:last-child{border-radius:0 12px 0 0}tr:hover{background:#f9fafb}tr:last-child td{border-bottom:none}td{color:#1f2937;font-size:.9rem}.status-badge{border-radius:12px;font-size:.75rem;padding:.25rem .625rem}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.inactive{background:#fee2e2;color:#991b1b}.status-badge.present{background:#d1fae5;color:#065f46}.status-badge.late{background:#fef3c7;color:#92400e}.status-badge.half-day{background:#fce7f3;color:#9d174d}.status-badge.absent{background:#fee2e2;color:#991b1b}.status-badge.idle{background:#e5e7eb;color:#6b7280}.grouped-row{background:#fff;transition:background-color .15s ease}.grouped-row:hover{background:#f9fafb}.grouped-row.expanded{background:#f0f4ff}.expand-cell{text-align:center;width:40px}.btn-expand{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;display:inline-flex;height:28px;justify-content:center;transition:all .15s ease;width:28px}.btn-expand:hover{background:#e5e7eb;color:#374151}.session-badge{align-items:center;background:#f3f4f6;border-radius:16px;color:#6b7280;display:inline-flex;font-size:.8rem;font-weight:600;gap:.35rem;padding:.25rem .65rem}.session-badge.multi{background:#fff7ed;color:#f7931a}.session-row{background:#f8fafc;font-size:.9rem}.session-row td{border-bottom:1px solid #f1f5f9;padding:.65rem 1rem}.session-label{color:#64748b;font-weight:500;padding-left:1rem!important}.session-indicator{color:#ffe4b5;font-family:monospace;font-size:1rem;margin-right:.5rem}.idle-badge{background:#fef3c7;color:#92400e}.idle-badge,.resolved-badge{align-items:center;border-radius:10px;display:inline-flex;font-size:.7rem;font-weight:600;margin-left:.5rem;padding:.15rem .5rem}.resolved-badge{background:#d1fae5;color:#065f46}.text-warning{color:#f59e0b;font-weight:600}.text-muted{color:#9ca3af}.date-cell{display:flex;flex-direction:column;gap:.1rem}.date-cell strong{color:#1f2937;font-size:.95rem}.date-cell small{color:#9ca3af;font-size:.75rem}.session-count{align-items:center;background:#f3f4f6;border-radius:20px;color:#6b7280;display:inline-flex;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.session-count.multiple{background:#fff7ed;color:#f7931a}.overtime-text{color:#f59e0b;display:block;font-size:.75rem;font-weight:500}.daily-report-modal{display:flex;flex-direction:column;max-height:85vh;max-width:800px;overflow:visible!important;width:95%}.daily-report-modal .modal-header{border-bottom:1px solid #e5e7eb;flex-shrink:0;padding:1rem 1.5rem}.daily-report-modal .daily-report-content{flex:1 1;max-height:calc(85vh - 70px);overflow-x:hidden;overflow-y:auto}.modal-actions{align-items:center;gap:.5rem}.daily-report-content{padding:1.5rem}.report-company-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;gap:1rem;margin-bottom:1rem;padding-bottom:1rem}.company-logo-small{height:60px;object-fit:contain;width:60px}.company-info h2{color:#1f2937;font-size:1.25rem;margin:0 0 .25rem}.company-info p{color:#6b7280;font-size:.85rem;margin:0}.report-title{margin:1.5rem 0;text-align:center}.report-title h3{color:#f7931a;font-size:1.1rem;font-weight:700;letter-spacing:.5px;margin:0 0 .5rem}.report-date{color:#374151;font-size:1rem;font-weight:500;margin:0}.employee-info-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;margin-bottom:1.5rem;padding:1.25rem}.employee-info-card .info-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.employee-info-card .info-item{align-items:flex-start;display:flex;gap:.75rem}.employee-info-card .info-icon{color:#f7931a;flex-shrink:0;height:20px;margin-top:.15rem;width:20px}.employee-info-card .info-item label{color:#6b7280;display:block;font-size:.75rem;letter-spacing:.3px;margin-bottom:.15rem;text-transform:uppercase}.employee-info-card .info-item span{color:#1f2937;display:block;font-size:.95rem;font-weight:600}.sessions-section{margin-bottom:1.5rem}.sessions-section h4{color:#374151;font-size:.95rem;font-weight:600;margin:0 0 .75rem}.sessions-table-wrapper{border:1px solid #e5e7eb;border-radius:8px;overflow-x:auto}.sessions-table{border-collapse:collapse;font-size:.9rem;min-width:600px}.sessions-table th{background:#f8fafc;border-bottom:2px solid #e2e8f0;color:#475569;font-size:.8rem;font-weight:600;letter-spacing:.3px;padding:.75rem;text-align:left;text-transform:uppercase}.sessions-table td{border-bottom:1px solid #f1f5f9;color:#334155;padding:.75rem}.sessions-table tbody tr:hover{background:#f8fafc}.sessions-table .time-cell{color:#1f2937;font-family:Monaco,Consolas,monospace;font-size:.9rem}.sessions-table .overtime-cell{color:#f59e0b;font-weight:600}.sessions-table .idle-session{background:#fefce8}.sessions-table tfoot .totals-row{background:linear-gradient(135deg,#f7931a,#ffb347)}.sessions-table tfoot .totals-row td{border:none;color:#fff;font-weight:600}.sessions-table tfoot .totals-row .overtime-cell{color:#fcd34d}.status-pill{border-radius:12px;display:inline-flex;font-size:.75rem;font-weight:600;padding:.2rem .6rem;text-transform:capitalize}.status-pill.present{color:#065f46}.status-pill.late{color:#92400e}.status-pill.half-day{background:#fce7f3;color:#9d174d}.status-pill.absent{color:#991b1b}.status-pill.idle{background:#f3f4f6;color:#6b7280}.active-badge{background:#dbeafe;border-radius:10px;color:#1e40af;font-size:.75rem;padding:.2rem .5rem}.active-badge,.idle-indicator{display:inline-flex;font-weight:600}.idle-indicator{background:#fef3c7;border-radius:8px;color:#92400e;font-size:.65rem;margin-left:.5rem;padding:.15rem .4rem}.wages-summary{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:1.5rem;padding:1.25rem}.wages-summary h4{color:#374151;font-size:.95rem;font-weight:600;margin:0 0 1rem}.wages-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.wage-item{flex-direction:column;gap:.25rem}.wage-item label{color:#6b7280;font-size:.75rem;letter-spacing:.3px;text-transform:uppercase}.wage-item span{color:#1f2937;font-size:1rem;font-weight:600}.wage-item span.overtime{color:#f59e0b}.wage-item.total{background:linear-gradient(135deg,#f7931a,#ffb347);border-radius:8px;grid-column:span 3;padding:1rem}.wage-item.total label{color:#fffc}.wage-item.total span{color:#fff;font-size:1.5rem}.report-footer{border-top:1px solid #e5e7eb;color:#9ca3af;font-size:.8rem;padding-top:1rem;text-align:center}.report-footer p{margin:.25rem 0}@media (max-width:640px){.employee-info-card .info-grid{grid-template-columns:1fr}.wages-grid{grid-template-columns:repeat(2,1fr)}.wage-item.total{grid-column:span 2}.sessions-table{font-size:.8rem}.sessions-table td,.sessions-table th{padding:.5rem}}.loading-container{align-items:center;color:#6b7280;display:flex;font-size:.95rem;justify-content:center;padding:3rem}.btn-primary{font-size:.875rem;white-space:nowrap}.btn-primary:hover{background:#e07d00;box-shadow:0 4px 12px #f7931a40;transform:translateY(-1px)}.btn-primary:disabled{box-shadow:none;transform:none}.btn-secondary{background:#f3f4f6;font-size:.875rem;white-space:nowrap}.btn-secondary:hover{background:#e5e7eb;border-color:#d1d5db}.btn-secondary:disabled{cursor:not-allowed;opacity:.6}.cards-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.office-card{background:#fff;border:1px solid #f3f4f6;border-radius:16px;box-shadow:0 2px 8px #0000000f;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.office-card:hover{border-color:#e5e7eb;box-shadow:0 12px 24px #0000001f;transform:translateY(-6px)}.office-image{height:160px;overflow:hidden;position:relative;width:100%}.office-image:after{background:linear-gradient(0deg,#0000004d,#0000);bottom:0;content:"";height:60px;left:0;pointer-events:none;position:absolute;right:0}.office-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.office-card:hover .office-image img{transform:scale(1.05)}.placeholder-image{align-items:center;background:linear-gradient(135deg,#f7931a,#ffb347 50%,#e07d00);color:#ffffffb3;display:flex;font-size:1rem;font-weight:600;height:100%;justify-content:center;letter-spacing:1px;width:100%}.office-info{display:flex;flex:1 1;flex-direction:column;padding:1.25rem 1.5rem}.office-info h3{color:#1f2937;font-size:1.25rem;font-weight:700;line-height:1.3;margin:0 0 .75rem}.office-info p{align-items:flex-start;color:#6b7280;display:flex;font-size:.875rem;gap:.375rem;line-height:1.5;margin:0 0 .25rem}.office-info p:first-of-type{margin-top:auto}.manager-name{align-items:center;background:#eef2ff;border-radius:8px;color:#f7931a!important;display:inline-flex;font-size:.8rem!important;font-weight:600;gap:.375rem;margin-top:.75rem!important;padding:.5rem .75rem}.manager-name:before{content:"👤";font-size:.875rem}.office-actions{background:#fafafa;border-top:1px solid #f3f4f6;display:flex;gap:.5rem;padding:.875rem 1.5rem}.office-actions .btn-icon{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;display:flex;flex:1 1;font-size:.8rem;font-weight:600;gap:.375rem;justify-content:center;padding:.625rem;transition:all .2s ease}.office-actions .btn-icon:hover{background:#f7931a;border-color:#f7931a;color:#fff}.office-actions .btn-icon.delete:hover{background:#ef4444;border-color:#ef4444}.drawer-overlay{animation:fadeIn .2s ease;background:#00000080;top:0;z-index:1000}.drawer,.drawer-overlay{bottom:0;left:0;position:fixed;right:0}.drawer{animation:drawerSlideUp .3s ease;background:#fff;border-radius:20px 20px 0 0;display:flex;flex-direction:column;max-height:92vh;z-index:1001}@keyframes drawerSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.drawer-handle{background:#d1d5db;border-radius:2px;flex-shrink:0;height:4px;margin:12px auto 8px;width:40px}.drawer-header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;flex-shrink:0;justify-content:space-between;padding:0 1.25rem 1rem}.drawer-header h2{color:#1f2937;font-size:1.125rem;font-weight:700;margin:0}.drawer-close{align-items:center;background:#f3f4f6;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .15s;width:32px}.drawer-close:hover{background:#e5e7eb;color:#1f2937}.drawer-body{flex:1 1;min-height:0;overflow-y:auto;padding:1.25rem}.drawer form{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.drawer form .drawer-body{-webkit-overflow-scrolling:touch;flex:1 1;min-height:0;overflow-y:auto;padding:1.25rem}.drawer form .drawer-footer{flex-shrink:0}.drawer-footer{background:#fff;border-top:1px solid #e5e7eb;display:flex;flex-shrink:0;gap:.75rem;padding:1rem 1.25rem calc(1rem + env(safe-area-inset-bottom, 0))}.drawer-footer button{border-radius:10px;cursor:pointer;flex:1 1;font-size:.9375rem;font-weight:600;padding:.875rem;transition:all .15s}.drawer-footer .btn-secondary{background:#f3f4f6;border:none;color:#4b5563}.drawer-footer .btn-secondary:hover{background:#e5e7eb}.drawer-footer .btn-primary{background:#f7931a;border:none;color:#fff}.drawer-footer .btn-primary:hover{background:#e07d00}.drawer-footer .btn-primary:disabled,.drawer-footer .btn-secondary:disabled{cursor:not-allowed;opacity:.6}.modal-content{background:#fff;border-radius:16px;max-height:90vh;max-width:500px;width:100%}.modal-content,.modal-content .modal-form{display:flex;flex-direction:column;overflow:hidden}.modal-content .modal-form{flex:1 1}.modal-content .modal-form .form-grid{flex:1 1;max-height:calc(90vh - 180px);overflow-y:auto;padding:0 1.5rem 1rem}.modal-content.large{max-width:700px}.modal-content h2{color:#1f2937;flex-shrink:0;font-size:1.5rem;margin-bottom:1rem;padding:1.5rem 1.5rem 0}.modal-content form{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.modal-content form>:not(.modal-actions){padding-left:1.5rem;padding-right:1.5rem}.modal-form-scroll{flex:1 1;overflow-y:auto;padding:0 1.5rem 1rem}.form-group{margin-bottom:1.25rem}.form-group label{font-size:.95rem}.form-group input,.form-group select,.form-group textarea{border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;padding:.75rem;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#f7931a;box-shadow:0 0 0 3px #f7931a1a;outline:none}.form-group small{color:#6b7280;display:block;font-size:.875rem;margin-top:.5rem}.form-group small.edit-hint{color:#f7931a;font-style:italic;margin-bottom:.5rem;margin-top:0}.form-row{grid-template-columns:1fr 1fr}.modal-actions{background:#fff;border-top:1px solid #e5e7eb;bottom:0;flex-shrink:0;gap:1rem;margin-top:auto;padding:1rem 1.5rem;position:-webkit-sticky;position:sticky}@media (max-width:768px){.cards-grid,.form-row{grid-template-columns:1fr}.page-header{align-items:flex-start;flex-direction:column;gap:1rem}}.employee-face-thumbnail{border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;height:50px;object-fit:cover;transition:all .2s ease;width:50px}.employee-face-thumbnail:hover{border-color:#f7931a;box-shadow:0 4px 12px #00000026;transform:scale(1.1)}.image-modal{background:#fff;border-radius:12px;max-height:90vh;max-width:90vw;padding:1rem;position:relative}.image-modal .close-btn{align-items:center;background:#fff;border-radius:50%;box-shadow:0 2px 8px #00000026;color:#374151;display:flex;height:40px;justify-content:center;position:absolute;right:1rem;top:1rem;width:40px;z-index:1}.image-modal .close-btn:hover{background:#f9fafb;color:#1f2937}.full-size-image{border-radius:8px;display:block;height:auto;max-height:80vh;object-fit:contain;width:100%}.shift-selection{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem;padding:1.5rem}.shift-selection label{align-items:center;color:#374151;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin-bottom:.75rem}.shift-select{background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;padding:.875rem;transition:all .2s ease;width:100%}.shift-select:focus{border-color:#f7931a;box-shadow:0 0 0 3px #f7931a1a;outline:none}.shift-info{align-items:center;background:#eff6ff;border-radius:8px;color:#1e40af;display:flex;font-size:.875rem;gap:.5rem;margin-top:.75rem;padding:.75rem}.company-info-form{display:flex;flex-direction:column;gap:2rem}.form-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.form-section h3{border-bottom:2px solid #e5e7eb;color:#1f2937;font-size:1.125rem;margin:0 0 1.25rem;padding-bottom:.75rem}.logo-upload-section{align-items:center;background:#f9fafb;border-radius:8px;display:flex;flex-direction:column;gap:1rem;padding:2rem}.logo-preview{background:#fff;border:2px solid #e5e7eb;border-radius:12px;height:150px;overflow:hidden;width:150px}.logo-preview img{height:100%;object-fit:contain;width:100%}.file-upload-label{align-items:center;background:#f7931a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.file-upload-label:hover{background:#e07d00;transform:translateY(-2px)}.form-actions{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;gap:1rem;padding:1.5rem}.management-container{padding:2rem;width:100%}.management-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.management-header h1{color:#1f2937;font-size:2rem;margin:0}.management-header p{color:#6b7280;font-size:.95rem;margin:.25rem 0 0}.data-table thead tr{background:#f9fafb}.data-table th{border-bottom:2px solid #e5e7eb;color:#374151}.data-table td{border-bottom:1px solid #e5e7eb;color:#1f2937}.badge{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.badge-success{background:#d1fae5;color:#065f46}.badge-danger{background:#fee2e2;color:#991b1b}.btn-icon{background:none;color:#6b7280;font-size:1.125rem;padding:.5rem}.btn-icon:hover{background:#f3f4f6;color:#1f2937}.btn-icon.btn-edit:hover{background:#eef2ff;color:#f7931a}.btn-icon.btn-delete:hover{background:#fef2f2;color:#ef4444}.btn-icon.btn-view{color:#f7931a}.btn-icon.btn-view:hover{background:#f7931a;color:#fff}.btn-icon.btn-view:disabled{color:#d1d5db;cursor:not-allowed;opacity:.5}.btn-icon.btn-view:disabled:hover{background:#0000;color:#d1d5db}.flex-with-icon{align-items:center;display:flex;gap:.5rem}.modal-header{flex-shrink:0}.modal-header h2{font-size:1.25rem}.modal-close{align-items:center;background:#f3f4f6;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.modal-close:hover{background:#e5e7eb;color:#1f2937}.checkbox-group{align-items:center;display:flex;margin-top:.5rem}.checkbox-group label{align-items:center;cursor:pointer;display:flex;font-weight:400;gap:.5rem;margin:0}.checkbox-group input[type=checkbox]{cursor:pointer;margin:0;width:auto}.photo-mode-selector{display:flex;gap:.5rem;margin-bottom:1rem}.mode-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;flex:1 1;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .2s ease}.mode-btn:hover{border-color:#f7931a;color:#f7931a}.mode-btn.active{background:#f7931a;border-color:#f7931a;color:#fff}.camera-container{align-items:center;background:#f9fafb;border-radius:8px;display:flex;flex-direction:column;gap:1rem;padding:1rem}.webcam-preview{border:2px solid #e5e7eb;border-radius:8px;max-width:400px;width:100%}.image-preview-container{align-items:center;background:#f9fafb;border-radius:8px;display:flex;flex-direction:column;gap:.75rem;margin-top:1rem;padding:1rem;position:relative}.image-preview{background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;height:120px;margin-top:.75rem;overflow:hidden;width:120px}.image-preview img{height:100%;object-fit:cover;width:100%}.image-preview-container .btn-icon{align-items:center;background:#ef4444;border-radius:6px;color:#fff;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem}.image-preview-container .btn-icon:hover{background:#dc2626}@media (max-width:768px){.management-container{padding:1rem}.management-header{align-items:flex-start;flex-direction:column;gap:1rem}.table-container{overflow-x:auto}.data-table{min-width:800px}.modal-content{max-width:100%;padding:1.5rem}.form-actions{flex-direction:column}.form-actions button{width:100%}.logo-upload-section{padding:1rem}.image-preview,.webcam-preview{max-width:100%}}.contractor-pic{border:2px solid #e5e7eb;border-radius:8px;height:60px;object-fit:cover;width:60px}.no-pic{align-items:center;background:#f3f4f6;border:2px dashed #d1d5db;border-radius:8px;color:#9ca3af;display:flex;font-size:.75rem;height:60px;justify-content:center;width:60px}.icon-inline{color:#6b7280;margin-right:.25rem;vertical-align:middle}.report-modal{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;width:100%}.report-header{background:linear-gradient(135deg,#f7931a,#f7931a);color:#fff;padding:1.5rem}.report-header-content{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.report-employee-profile{align-items:center;display:flex;gap:1rem}.report-avatar{align-items:center;background:#fff3;border:3px solid #ffffff4d;border-radius:16px;display:flex;height:72px;justify-content:center;overflow:hidden;width:72px}.report-avatar img{height:100%;object-fit:cover;width:100%}.report-avatar .avatar-initials,.report-employee-info h2{color:#fff;font-size:1.5rem;font-weight:700}.report-employee-info h2{margin:0 0 .5rem}.report-employee-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.report-employee-meta .emp-badge{background:#fff3;border-radius:6px;font-size:.75rem;font-weight:600;padding:.25rem .625rem}.report-employee-meta .dept-badge{background:#ffffff26;border-radius:6px;font-size:.75rem;font-weight:500;padding:.25rem .625rem}.report-employee-meta .status-active{background:#10b9814d}.report-employee-meta .status-active,.report-employee-meta .status-inactive{align-items:center;border-radius:6px;display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;padding:.25rem .625rem}.report-employee-meta .status-inactive{background:#ef44444d}.report-close{align-items:center;background:#fff3;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.report-close:hover{background:#ffffff4d}.report-date-range{align-items:center;background:#ffffff26;border-radius:8px;display:inline-flex;font-size:.875rem;gap:.5rem;margin-top:1rem;padding:.5rem 1rem}.report-body{background:#f9fafb;flex:1 1;overflow-y:auto;padding:1.5rem}.report-details-card{grid-gap:1rem;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:1.25rem;padding:1.25rem}.report-details-card .detail-item{align-items:center;display:flex;gap:.75rem}.report-details-card .detail-icon{align-items:center;background:#f3f4f6;border-radius:10px;color:#6b7280;display:flex;height:36px;justify-content:center;min-width:36px;width:36px}.report-details-card .detail-item>div{display:flex;flex-direction:column;min-width:0}.report-details-card .detail-label{color:#9ca3af;font-size:.7rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.report-details-card .detail-value{color:#1f2937;font-size:.875rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.report-details-card .detail-value.contractor-link{color:#f7931a;cursor:pointer;text-decoration:underline;-webkit-text-decoration-style:dotted;text-decoration-style:dotted;text-underline-offset:2px;transition:all .2s ease}.report-details-card .detail-value.contractor-link:hover{color:#e07d00;-webkit-text-decoration-style:solid;text-decoration-style:solid}.report-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:1.25rem}.report-stat-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:1rem;padding:1.25rem;transition:all .2s ease}.report-stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.report-stat-card .stat-icon{align-items:center;border-radius:12px;display:flex;font-size:1.25rem;height:48px;justify-content:center;width:48px}.report-stat-card.blue .stat-icon{background:#dbeafe;color:#2563eb}.report-stat-card.green .stat-icon{background:#d1fae5;color:#059669}.report-stat-card.purple .stat-icon{background:#fff7ed;color:#f7931a}.report-stat-card.orange .stat-icon{background:#ffedd5;color:#ea580c}.report-stat-card .stat-content{display:flex;flex-direction:column}.report-stat-card .stat-number{color:#1f2937;font-size:1.5rem;font-weight:700;line-height:1.2}.report-stat-card .stat-label{color:#6b7280;font-size:.75rem;font-weight:500}.report-status-breakdown{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:1.25rem;padding:1.25rem}.report-status-breakdown h3{color:#374151;font-size:.9rem;font-weight:700;margin:0 0 1rem}.status-pills{display:flex;flex-wrap:wrap;gap:.75rem}.status-pill{align-items:center;background:#f3f4f6;border-radius:10px;display:flex;gap:.5rem;padding:.625rem 1rem}.status-pill.present{background:#d1fae5}.status-pill.late{background:#fef3c7}.status-pill.half-day{background:#dbeafe}.status-pill.absent{background:#fee2e2}.status-pill .pill-count{color:#1f2937;font-size:1.25rem;font-weight:700}.status-pill .pill-label{color:#6b7280;font-size:.8rem;font-weight:500}.report-attendance{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.report-section-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1rem 1.25rem}.report-section-header h3{color:#374151;font-size:.9rem;font-weight:700;margin:0}.report-section-header .record-count{background:#f3f4f6;border-radius:12px;color:#6b7280;font-size:.75rem;padding:.25rem .75rem}.attendance-table-wrapper{overflow-x:auto}.report-table{border-collapse:collapse;min-width:500px;width:100%}.report-table th{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:.7rem;font-weight:700;letter-spacing:.5px;padding:.75rem 1rem;text-align:left;text-transform:uppercase}.report-table td{border-bottom:1px solid #f3f4f6;font-size:.875rem;padding:.75rem 1rem}.report-table tr:last-child td{border-bottom:none}.report-table tr:hover{background:#f9fafb}.report-table .date-cell{align-items:center;display:flex;gap:.375rem}.report-table .date-day{color:#1f2937;font-size:1.125rem;font-weight:700}.report-table .date-month{color:#6b7280;font-size:.75rem;font-weight:500}.report-table .time-in{color:#059669;font-weight:600}.report-table .time-out{color:#dc2626;font-weight:600}.report-table .time-pending{color:#f59e0b;font-size:.8rem;font-weight:500}.report-table .hours-cell{align-items:center;display:flex;gap:.375rem}.report-table .ot-badge{background:#fef3c7;border-radius:4px;color:#d97706;font-size:.65rem;font-weight:600;padding:.125rem .375rem}.report-table .earnings-cell{color:#059669;font-weight:600}.report-table .status-chip{border-radius:6px;display:inline-block;font-size:.7rem;font-weight:600;padding:.25rem .625rem;text-transform:capitalize}.report-table .status-chip.present{background:#d1fae5;color:#065f46}.report-table .status-chip.late{background:#fef3c7;color:#92400e}.report-table .status-chip.half-day{background:#dbeafe;color:#1e40af}.report-table .status-chip.absent{background:#fee2e2;color:#991b1b}.report-table .no-records{color:#9ca3af;font-style:italic;padding:2rem!important;text-align:center}@media (max-width:768px){.report-modal{border-radius:16px 16px 0 0;margin-top:auto;max-height:95vh}.report-header{padding:1.25rem}.report-avatar{height:56px;width:56px}.report-employee-info h2{font-size:1.25rem}.report-stats{grid-template-columns:repeat(2,1fr)}.report-stat-card{padding:1rem}.report-stat-card .stat-icon{font-size:1rem;height:40px;width:40px}.report-stat-card .stat-number{font-size:1.25rem}.report-details-card,.status-pills{grid-template-columns:repeat(2,1fr)}.status-pills{display:grid}}@media (max-width:480px){.report-employee-profile{flex-direction:column;text-align:center}.report-employee-meta{justify-content:center}.report-details-card,.report-stats{grid-template-columns:1fr}}.profile-container{max-width:600px}.profile-header-card{align-items:center;background:linear-gradient(135deg,#f7931a,#e07d00);border-radius:16px;color:#fff;display:flex;gap:1.5rem;margin-bottom:1.5rem;padding:2rem}.profile-avatar{background:#fff3;border:3px solid #ffffff4d;border-radius:50%;font-size:2rem;font-weight:700}.profile-header-info h2{font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.role-badge{align-items:center;background:#fff3;border-radius:20px;display:inline-flex;font-size:.75rem;font-weight:600;gap:.5rem;letter-spacing:.5px;padding:.375rem .875rem}.profile-details-card{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem;padding:1.5rem}.profile-details-card h3{border-bottom:1px solid #e5e7eb;color:#374151;font-size:1rem;font-weight:600;margin:0 0 1.25rem;padding-bottom:.75rem}.profile-details-grid{display:flex;flex-direction:column;gap:1rem}.profile-detail-item{align-items:flex-start;background:#f9fafb;border-radius:10px;display:flex;gap:1rem;padding:.75rem;transition:all .2s ease}.profile-detail-item:hover{background:#f3f4f6}.profile-detail-item .detail-icon{align-items:center;background:linear-gradient(135deg,#f7931a,#ffb347);border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:1rem;height:40px;justify-content:center;width:40px}.profile-detail-item .detail-content{display:flex;flex-direction:column;gap:.25rem}.profile-detail-item .detail-content label{color:#6b7280;font-size:.75rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.profile-detail-item .detail-content span{color:#1f2937;font-size:.95rem;font-weight:600}.profile-detail-item .detail-content span.capitalize{text-transform:capitalize}.multi-office-cell{position:relative}.multi-office-btn{align-items:center;background:#fff7ed;border:1px solid #fdba74;border-radius:6px;color:#f7931a;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;gap:.375rem;padding:.375rem .75rem;transition:all .2s}.multi-office-btn:hover{background:#ffedd5;border-color:#f7931a}.multi-office-btn svg{font-size:.9rem;transition:transform .2s}.multi-office-btn svg.rotated{transform:rotate(180deg)}.office-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #00000026;left:0;margin-top:.25rem;min-width:180px;overflow:hidden;position:absolute;top:100%;z-index:10}.office-item{align-items:center;border-bottom:1px solid #f3f4f6;color:#374151;display:flex;font-size:.85rem;gap:.5rem;padding:.625rem .875rem}.office-item:last-child{border-bottom:none}.office-item svg{color:#f7931a;font-size:.9rem}.sessions-table .office-cell{align-items:center;display:flex;gap:.375rem}.sessions-table .office-icon{color:#f7931a;font-size:.85rem}.profile-logout-section{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000001a;padding:1.5rem;text-align:center}.logout-btn{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;padding:1rem;transition:all .2s ease;width:100%}.logout-btn:hover{box-shadow:0 4px 12px #ef44444d;transform:translateY(-2px)}.logout-hint{color:#9ca3af;font-size:.8rem;margin:.75rem 0 0}@media (max-width:480px){.profile-header-card{flex-direction:column;padding:1.5rem;text-align:center}.profile-avatar{font-size:1.75rem;height:70px;width:70px}.profile-header-info h2{font-size:1.25rem}}.profile-container{grid-gap:1.5rem;display:grid;margin:0 auto;max-width:800px}.profile-card{box-shadow:0 1px 3px #0000001a;padding:2rem}.profile-header{border-bottom:1px solid #e5e7eb;margin-bottom:2rem;padding-bottom:2rem}.profile-avatar{background:linear-gradient(135deg,#f7931a,#ffb347);height:100px;width:100px}.profile-title h2{font-size:1.5rem;margin:0 0 .5rem}.profile-role{font-size:.95rem;margin:0 0 .25rem}.profile-dept{font-size:.875rem;margin:0}.profile-details{display:flex;flex-direction:column}.detail-item{border-radius:10px;padding:.875rem 1rem}.detail-icon{background:linear-gradient(135deg,#f7931a,#ffb347);border-radius:10px;color:#fff}.detail-item>div{display:flex;flex-direction:column;gap:.25rem}.detail-item label{color:#6b7280;font-size:.75rem;font-weight:500}.detail-item span{font-size:.95rem}.profile-actions{border-top:1px solid #e5e7eb;margin-top:2rem}.info-content p{color:#374151;font-size:.95rem;margin:.5rem 0}.stats-row{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.stat-box{box-shadow:0 1px 3px #0000001a;padding:1.25rem}.stat-box .stat-number{font-size:1.75rem;line-height:1}.stat-box.pending{border-left:4px solid #f59e0b}.stat-box.success{border-left:4px solid #10b981}.stat-box.danger{border-left:4px solid #ef4444}.stat-box.info{border-left:4px solid #06b6d4}.filter-bar{margin-bottom:1rem}.filter-bar select{min-width:200px}.leave-type{background:#f3f4f6;border-radius:6px;color:#374151;display:inline-block;font-size:.875rem;font-weight:500;padding:.25rem .75rem;text-transform:capitalize}.review-comment{font-style:italic}.close-btn{font-size:1.25rem;transition:all .2s}.close-btn:hover{color:#1f2937}.btn-icon.danger:hover{background:#fef2f2}.stat-card{cursor:pointer}.stat-card.active{border-width:2px;box-shadow:0 4px 12px #0000001a}.stat-card.danger{border-left:4px solid #ef4444}.filter-indicator{align-items:center;color:#6b7280;display:flex;font-size:.9rem;gap:.5rem}.filter-indicator svg{color:#f7931a}.leave-type-badge{align-items:center;display:inline-flex}.leave-type-badge.info{background:#e0f2fe;color:#0369a1}.leave-type-badge.danger{background:#fee2e2;color:#dc2626}.leave-type-badge.warning{background:#fef3c7;color:#d97706}.leave-type-badge.success{background:#d1fae5;color:#059669}.leave-type-badge.secondary{background:#f3f4f6;color:#6b7280}.status-badge.warning{background:#fef3c7;color:#d97706}.status-badge.success{background:#d1fae5;color:#059669}.status-badge.danger{background:#fee2e2;color:#dc2626}.employee-info{display:flex;flex-direction:column;gap:.125rem}.employee-info strong{color:#1f2937;font-size:.9rem}.employee-info .employee-id{color:#9ca3af;font-size:.75rem}.employee-info .employee-dept{color:#6b7280;font-size:.75rem}.date-range{display:flex;flex-direction:column;font-size:.85rem;gap:.125rem}.date-range .date-separator{color:#9ca3af;font-size:.7rem}.days-badge{align-items:center;background:#f3f4f6;border-radius:6px;color:#374151;display:inline-flex;font-size:.8rem;font-weight:600;padding:.25rem .5rem}.action-buttons{gap:.5rem}.btn-icon{border-radius:6px;height:32px;transition:all .2s;width:32px}.btn-icon.approve{background:#d1fae5;color:#059669}.btn-icon.approve:hover{background:#a7f3d0}.btn-icon.reject{background:#fee2e2;color:#dc2626}.btn-icon.reject:hover{background:#fecaca}.reviewed-info{display:flex;flex-direction:column;font-size:.75rem;gap:.25rem}.reviewed-info .reviewer{color:#6b7280}.reviewed-info .review-comment{align-items:center;color:#9ca3af;display:flex;gap:.25rem;margin:0}.modal-overlay{background:#00000080}.modal{border-radius:12px;max-width:500px}.modal-header{border-bottom:1px solid #e5e7eb}.modal-header h2{align-items:center;display:flex;gap:.5rem}.modal-header h2 svg.success{color:#059669}.modal-header h2 svg.danger{color:#dc2626}.modal-body{padding:1.5rem}.modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:.75rem;justify-content:flex-end;padding:1.25rem 1.5rem}.leave-summary{background:#f9fafb;border-radius:8px;margin-bottom:1rem;padding:1rem}.summary-row{align-items:flex-start;color:#374151;display:flex;font-size:.9rem;gap:.75rem;padding:.5rem 0}.summary-row svg{color:#6b7280;flex-shrink:0;margin-top:.125rem}.summary-row.reason{flex-direction:column;gap:.25rem}.summary-row.reason span{padding-left:1.5rem}.form-group{margin-bottom:1rem}.form-group label{color:#374151;display:block;font-size:.85rem;font-weight:600;margin-bottom:.5rem}.form-group textarea{border:1px solid #e5e7eb;border-radius:8px;font-family:inherit;font-size:.9rem;padding:.75rem;resize:vertical;width:100%}.form-group textarea:focus{border-color:#f7931a;box-shadow:0 0 0 3px #f7931a1a;outline:none}.btn-primary,.btn-secondary{padding:.625rem 1.25rem;transition:all .2s}.btn-primary.danger{background:#dc2626}.btn-primary.danger:hover:not(:disabled){background:#b91c1c}.empty-state{align-items:center;color:#9ca3af;display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.empty-state svg{margin-bottom:1rem;opacity:.5}.empty-state h3{color:#6b7280;font-size:1.125rem;margin:0 0 .5rem}.empty-state p{font-size:.9rem;margin:0}.loading-state{align-items:center;color:#6b7280;display:flex;justify-content:center;padding:3rem}.reports-page{width:100%}.filters-section{grid-gap:1rem;align-items:end;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:1.5rem;padding:1.25rem}.filter-group{min-width:0}.filter-group label{color:#374151;display:block;font-size:.8rem;font-weight:600;margin-bottom:.375rem}.filter-group input,.filter-group select{border:1px solid #e5e7eb;border-radius:8px;font-size:.875rem;padding:.625rem .75rem;transition:all .2s ease;width:100%}.filter-group input:focus,.filter-group select:focus{border-color:#f7931a;box-shadow:0 0 0 3px #f7931a1a;outline:none}.stats-summary{grid-gap:1rem;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:1.5rem;padding:1.25rem}.stat-item{background:#f9fafb;border-left:3px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;gap:.25rem;padding:.75rem}.stat-item:first-child{border-left-color:#f7931a}.stat-item:nth-child(2){border-left-color:#10b981}.stat-item:nth-child(3){border-left-color:#f59e0b}.stat-item:nth-child(4){border-left-color:#06b6d4}.stat-item .label{color:#6b7280;font-size:.75rem;font-weight:500}.stat-item .value{color:#1f2937;font-size:1.35rem;font-weight:700}.stat-item .value.present{color:#10b981}.stat-item .value.late{color:#f59e0b}@media (min-width:768px){.filters-section{grid-template-columns:repeat(5,1fr)}.stats-summary{grid-template-columns:repeat(4,1fr)}}tr.deleted-employee{background-color:#f3f4f6;color:#6b7280;opacity:.7}tr.deleted-employee td{color:#6b7280}tr.deleted-employee:hover{background-color:#e5e7eb}.deleted-badge{background:#fee2e2;border-radius:4px;color:#ef4444;font-size:.75rem;font-weight:600;margin-left:.5rem;padding:.125rem .5rem}.deleted-text{color:#dc2626;font-size:.875rem;font-style:italic}.filter-dropdown-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem;padding:1rem 1.25rem}.filter-dropdown-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1rem}.filter-dropdown-group{display:flex;flex-direction:column;gap:.5rem}.filter-label{align-items:center;color:#374151;display:flex;font-size:.85rem;font-weight:600;gap:.5rem}.filter-label svg{color:#6b7280}.filter-select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.25rem;border:2px solid #e5e7eb;border-radius:8px;color:#1f2937;cursor:pointer;font-size:.9rem;font-weight:500;min-width:200px;padding:.625rem 2rem .625rem .875rem;transition:border-color .2s ease,box-shadow .2s ease}.filter-select:hover{border-color:#d1d5db}.filter-select:focus{border-color:#f7931a;box-shadow:0 0 0 3px #f7931a1a;outline:none}.filter-inline-group{align-items:center;animation:fadeIn .2s ease;display:flex;gap:.5rem}@keyframes fadeIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.filter-date-input{background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-size:.9rem;padding:.625rem .75rem;transition:border-color .2s ease}.filter-date-input:focus{border-color:#f7931a;outline:none}.filter-date-separator{color:#6b7280;font-size:.85rem;font-weight:500}.btn-apply{background:#f7931a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.625rem 1rem;transition:background-color .2s ease;white-space:nowrap}.btn-apply:hover{background:#e07d00}.filter-options{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:1rem;margin-bottom:1rem;padding:.75rem 1rem}.checkbox-label{align-items:center;cursor:pointer;display:flex;gap:.5rem;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{accent-color:#f7931a;cursor:pointer;height:18px;width:18px}.checkbox-text{color:#374151;font-size:.9rem;font-weight:500}.history-page{width:100%}.history-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.history-header h1{color:#1f2937;font-size:1.25rem;font-weight:700;margin:0}.record-count{background:#f3f4f6;border-radius:12px;color:#6b7280;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.compact-filters{background:#fff;border-radius:10px;box-shadow:0 1px 3px #00000014;gap:.75rem;justify-content:space-between;margin-bottom:1rem;padding:.75rem 1rem}.compact-filters,.filters-row{align-items:center;display:flex;flex-wrap:wrap}.filters-row{flex:1 1;gap:.5rem}.filter-item input,.filter-item select{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;font-size:.8rem;padding:.5rem .625rem}.filter-item input:focus,.filter-item select:focus{background:#fff;border-color:#f7931a;outline:none}.employee-filter select{min-width:140px}.filter-separator{color:#9ca3af;font-size:.75rem}.filter-btn{align-items:center;background:#f7931a;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:.35rem;padding:.5rem .875rem;transition:background .2s}.filter-btn:hover{background:#e07d00}.show-deleted-toggle{align-items:center;color:#6b7280;cursor:pointer;display:flex;font-size:.75rem;gap:.375rem;white-space:nowrap}.show-deleted-toggle input{accent-color:#f7931a;height:14px;width:14px}.history-list{display:flex;flex-direction:column;gap:.5rem}.history-item{align-items:center;background:#fff;border:1px solid #0000;border-radius:8px;box-shadow:0 1px 2px #0000000d;cursor:pointer;display:flex;gap:1rem;padding:.75rem 1rem;transition:all .15s ease}.history-item:hover{border-color:#f7931a;box-shadow:0 2px 8px #f7931a1a}.history-item.deleted{background:#f9fafb;opacity:.6}.history-main{align-items:center;display:flex;flex:1 1;gap:1rem;min-width:0}.history-employee{display:flex;flex-direction:column;min-width:0}.employee-name{align-items:center;color:#1f2937;display:flex;font-size:.875rem;font-weight:600;gap:.375rem}.employee-name .deleted-tag{background:#fee2e2;color:#dc2626}.employee-name .deleted-tag,.employee-name .session-tag{border-radius:4px;font-size:.6rem;font-weight:600;padding:.125rem .375rem}.employee-name .session-tag{background:#dbeafe;color:#2563eb;margin-left:.25rem}.session-indicator{color:#ffb347}.idle-tag,.session-indicator{font-size:.6rem;font-weight:600;margin-left:.25rem}.idle-tag{background:#fef3c7;border-radius:4px;color:#d97706;padding:.125rem .375rem}.history-item.idle,.payslip-item.idle{border-left:3px solid #f59e0b}.history-status.idle{background:#fef3c7;color:#d97706}.resolved-tag{align-items:center;background:#d1fae5;border-radius:4px;color:#059669;display:inline-flex;font-size:.6rem;font-weight:600;gap:.2rem;margin-left:.25rem;padding:.125rem .375rem}.resolved-tag svg{height:10px;width:10px}.history-item.resolved,.payslip-item.resolved{border-left:3px solid #10b981}.history-actions{gap:.5rem}.adjust-btn,.history-actions{align-items:center;display:flex}.adjust-btn{background:#fef3c7;border:none;border-radius:6px;color:#d97706;cursor:pointer;height:28px;justify-content:center;transition:all .2s;width:28px}.adjust-btn:hover{background:#fde68a}.adjust-btn svg{height:14px;width:14px}.adjust-drawer{max-height:70vh}.adjust-info{background:#f9fafb;border-radius:8px;margin-bottom:1rem;padding:1rem}.adjust-employee{color:#1f2937;font-size:1rem;font-weight:600;margin:0 0 .25rem}.adjust-date{color:#6b7280;font-size:.85rem;margin:0 0 .75rem}.adjust-times{color:#4b5563;display:flex;flex-direction:column;font-size:.8rem;gap:.25rem;margin-bottom:.75rem}.adjust-note{color:#9ca3af;font-size:.8rem;font-style:italic;margin:0}.employee-id{color:#9ca3af;font-size:.7rem}.history-date{background:#f3f4f6;border-radius:4px;color:#6b7280;font-size:.75rem;font-weight:600;padding:.25rem .5rem;white-space:nowrap}.history-times{align-items:center;display:flex;gap:.75rem}.history-times span{align-items:center;color:#6b7280;display:flex;font-size:.75rem;gap:.25rem}.history-times svg{font-size:.7rem}.time-in{color:#059669!important}.time-out{color:#dc2626!important}.time-total{color:#f7931a!important;font-weight:600}.history-status{border-radius:4px;font-size:.65rem;font-weight:600;padding:.25rem .5rem;text-transform:uppercase;white-space:nowrap}.history-status.present{background:#d1fae5;color:#065f46}.history-status.late{background:#fef3c7;color:#92400e}.history-status.absent{background:#fee2e2;color:#991b1b}.history-loading{color:#6b7280;font-size:.875rem;padding:2rem;text-align:center}.history-empty{color:#9ca3af;padding:3rem 1rem;text-align:center}.history-empty svg{font-size:2rem;margin-bottom:.5rem}.history-empty p{font-size:.875rem;margin:0}.payslips-page{width:100%}.payslips-header{flex-wrap:wrap;justify-content:space-between;margin-bottom:1rem}.payslips-header,.payslips-header .header-left{align-items:center;display:flex;gap:.75rem}.payslips-header h1{color:#1f2937;font-size:1.25rem;font-weight:700;margin:0}.header-summary{gap:.5rem}.header-summary,.summary-chip{align-items:center;display:flex}.summary-chip{background:#f3f4f6;border-radius:6px;color:#6b7280;font-size:.75rem;font-weight:600;gap:.25rem;padding:.25rem .5rem}.summary-chip svg{font-size:.7rem}.summary-chip.ot{background:#fef3c7;color:#92400e}.summary-chip.total{background:#d1fae5;color:#065f46}.filter-select-compact{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .375rem center;background-repeat:no-repeat;background-size:1rem;cursor:pointer;font-weight:500;padding:.5rem 1.75rem .5rem .625rem}.filter-date-compact,.filter-select-compact{border:1px solid #e5e7eb;border-radius:6px;font-size:.8rem}.filter-date-compact{background:#f9fafb;padding:.5rem .625rem}.payslips-list{display:flex;flex-direction:column;gap:.5rem}.payslip-item{align-items:center;background:#fff;border:1px solid #0000;border-radius:8px;box-shadow:0 1px 2px #0000000d;cursor:pointer;display:flex;justify-content:space-between;padding:.75rem 1rem;transition:all .15s ease}.payslip-item:hover{border-color:#f7931a;box-shadow:0 2px 8px #f7931a1a}.payslip-item.deleted{background:#f9fafb;opacity:.6}.payslip-main{align-items:center;display:flex;flex:1 1;gap:1rem;min-width:0}.payslip-employee{display:flex;flex-direction:column;min-width:0}.payslip-employee .emp-name{align-items:center;color:#1f2937;display:flex;flex-wrap:wrap;font-size:.875rem;font-weight:600;gap:.375rem}.payslip-employee .emp-name .session-tag{background:#dbeafe;border-radius:4px;color:#2563eb;font-size:.6rem;font-weight:600;padding:.125rem .375rem}.payslip-employee .emp-meta{color:#9ca3af;font-size:.7rem}.payslip-date{background:#f3f4f6;border-radius:4px;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.payslip-details{align-items:center;display:flex;gap:.75rem}.payslip-details .detail-item{color:#6b7280;font-size:.75rem}.payslip-details .time{color:#6b7280}.payslip-details .hours{align-items:center;color:#f7931a;display:flex;font-weight:600;gap:.25rem}.ot-badge{background:#fef3c7;border-radius:3px;color:#92400e;font-size:.65rem;padding:.125rem .25rem}.payslip-details .amount{color:#059669;font-size:.875rem;font-weight:700}@media (max-width:640px){.payslips-header{align-items:flex-start;flex-direction:column}.header-summary{flex-wrap:wrap}.payslip-item{align-items:flex-start;flex-direction:column;gap:.5rem}.payslip-details,.payslip-main{justify-content:space-between;width:100%}.payslip-details{border-top:1px solid #f3f4f6;padding-top:.5rem}.history-header h1{font-size:1.1rem}.compact-filters{padding:.75rem}.compact-filters,.filters-row{align-items:stretch;flex-direction:column}.filter-item,.filter-item input,.filter-item select{width:100%}.filter-separator{padding:.125rem 0;text-align:center}.filter-btn{justify-content:center;width:100%}.show-deleted-toggle{border-top:1px solid #e5e7eb;justify-content:center;padding-top:.5rem}.history-item{align-items:flex-start;flex-direction:column;gap:.5rem;padding:.75rem}.history-main{justify-content:space-between;width:100%}.history-times{border-top:1px solid #f3f4f6;justify-content:flex-start;padding-top:.5rem;width:100%}.history-status{position:absolute;right:.75rem;top:.75rem}.history-item{position:relative}}.filter-tabs{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;width:100%}.filter-tab{align-items:center;background:#f3f4f6;border:2px solid #0000;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s ease}.filter-tab:hover{background:#e5e7eb;color:#374151}.filter-tab.active{background:#f7931a;border-color:#e07d00;color:#fff}.custom-filter{align-items:center;background:#f9fafb;border-radius:8px;display:flex;gap:.75rem;padding:1rem;width:100%}.date-separator{color:#6b7280;font-weight:600}.summary-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-top:2rem;padding:2rem}.summary-card h3{border-bottom:2px solid #e5e7eb;color:#1f2937;font-size:1.25rem;font-weight:700;margin:0 0 1.5rem;padding-bottom:.75rem}.summary-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.summary-item{border:2px solid #e5e7eb;display:flex;flex-direction:column;gap:.5rem;padding:1.25rem}.summary-item.highlight{background:#eef2ff;border-color:#f7931a}.summary-label{color:#6b7280;font-size:.875rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.summary-value{color:#1f2937;font-size:1.75rem;font-weight:800}.summary-item.highlight .summary-value{color:#f7931a}.amount-cell{color:#059669;font-size:1.05rem;font-weight:700}.subtitle{color:#6b7280;font-size:.95rem;margin:.5rem 0 0}@media (max-width:768px){.filters-section{grid-template-columns:1fr 1fr}.filter-group{width:100%}.stats-summary{gap:.75rem;grid-template-columns:repeat(2,1fr)}.filter-dropdown-section{padding:.875rem 1rem}.filter-dropdown-row{align-items:stretch;flex-direction:column;gap:.75rem}.filter-dropdown-group{width:100%}.filter-select{min-width:0;min-width:auto;width:100%}.filter-inline-group{align-items:stretch;flex-direction:column;gap:.5rem}.filter-date-input{width:100%}.filter-date-separator{padding:.25rem 0;text-align:center}.btn-apply{padding:.75rem;width:100%}.filter-tabs{flex-direction:column}.filter-tab{width:100%}.custom-filter{align-items:stretch;flex-direction:column}.summary-grid{grid-template-columns:1fr}}.payslip-item.working{background:linear-gradient(135deg,#f0fdf4,#fff);border:2px solid #10b981;cursor:default}.payslip-item.working:hover{border-color:#10b981;box-shadow:0 2px 8px #10b98126}.working-tag{align-items:center;animation:pulse-working 2s ease-in-out infinite;background:#10b981;border-radius:4px;color:#fff;display:inline-flex;font-size:.65rem;font-weight:600;gap:.25rem;padding:.2rem .5rem}.working-tag svg{height:10px;width:10px}@keyframes pulse-working{0%,to{opacity:1}50%{opacity:.7}}.working-status{align-items:center;color:#10b981!important;display:flex;font-size:.8rem;font-weight:600;gap:.35rem}.working-status svg{animation:pulse-working 2s ease-in-out infinite}.payslip-date,.payslip-item-wrapper{display:flex;flex-direction:column}.payslip-date{align-items:flex-end;gap:.35rem}.sessions-badge{align-items:center;background:#dbeafe;border:none;border-radius:4px;color:#2563eb;cursor:pointer;display:flex;font-size:.65rem;font-weight:600;gap:.25rem;padding:.2rem .5rem;transition:all .2s}.sessions-badge:hover{background:#bfdbfe}.sessions-badge svg{height:10px;width:10px}.sessions-expanded{animation:slideDown .2s ease;background:#f9fafb;border:1px solid #e5e7eb;border-radius:0 0 8px 8px;border-top:none;margin-top:-4px;padding:.75rem 1rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.sessions-table{width:100%}.session-row,.sessions-header{grid-gap:.5rem;align-items:center;display:grid;gap:.5rem;grid-template-columns:40px 1fr 1fr 60px 80px;padding:.5rem 0}.sessions-header{border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:.7rem;font-weight:600;text-transform:uppercase}.session-row{border-bottom:1px solid #f3f4f6;color:#374151;font-size:.75rem}.session-row:last-child{border-bottom:none}.session-row.open{background:#f0fdf4}.session-row.idle{background:#fffbeb}.session-row.resolved{background:#f0fdf4}.session-col{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-col.status{text-align:right}.working-indicator{align-items:center;animation:pulse-working 2s ease-in-out infinite;color:#10b981;display:inline-flex;font-size:.7rem;font-weight:600}.status-working{background:#d1fae5;color:#059669}.status-idle,.status-working{border-radius:3px;font-size:.65rem;font-weight:600;padding:.15rem .35rem}.status-idle{background:#fef3c7;color:#d97706}.status-resolved{background:#d1fae5;color:#059669}.status-complete,.status-resolved{border-radius:3px;font-size:.65rem;font-weight:600;padding:.15rem .35rem}.status-complete{background:#f3f4f6;color:#6b7280}.ot-indicator{background:#fef3c7;border-radius:3px;color:#d97706;font-size:.65rem;font-weight:600;margin-left:.25rem;padding:.1rem .25rem}@media (max-width:640px){.session-row,.sessions-header{font-size:.65rem;gap:.35rem;grid-template-columns:30px 1fr 1fr 50px 60px}.sessions-expanded{padding:.5rem .75rem}.payslip-date{align-items:flex-start;flex-direction:row;gap:.5rem}}.payslip-page{width:100%}.payslip-modal{max-height:90vh;max-width:800px;overflow:hidden}.payslip-modal .modal-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1rem 1.5rem}.payslip-modal .modal-header h2{font-size:1.25rem;margin:0;padding:0}.payslip-modal .modal-header>div{align-items:center;display:flex;gap:.5rem}.payslip-container .payslip-header{align-items:center;background:linear-gradient(135deg,#f7931a,#ffb347);color:#fff;display:flex;gap:1.5rem;padding:1.5rem 2rem}.payslip-container .company-logo{background:#fff;border-radius:10px;height:80px;object-fit:contain;padding:.5rem;width:80px}.payslip-container .company-details{flex:1 1}.payslip-container .company-details h1{color:#fff;font-size:1.5rem;margin:0 0 .5rem}.payslip-container .company-details p{font-size:.875rem;margin:.25rem 0;opacity:.95}.payslip-container .payslip-title{background:#f9fafb;border-bottom:2px solid #f7931a;color:#1f2937;font-size:1.25rem;font-weight:700;margin:0;padding:1rem 2rem;text-align:center}.payslip-container .payslip-section{border-bottom:1px solid #e5e7eb;padding:1.25rem 2rem}.payslip-container .payslip-section:last-of-type{border-bottom:none}.payslip-container .payslip-section h3{border-bottom:1px solid #e5e7eb;color:#374151;font-size:1rem;font-weight:700;letter-spacing:.5px;margin:0 0 1rem;padding-bottom:.5rem;text-transform:uppercase}.payslip-container .info-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:.75rem}.payslip-container .info-item{display:flex;gap:.5rem}.payslip-container .info-item .label{color:#6b7280;font-size:.8rem;font-weight:600;min-width:100px}.payslip-container .info-item .value{color:#1f2937;font-size:.9rem;font-weight:500}.payslip-container .payslip-table{border-collapse:collapse;width:100%}.payslip-container .payslip-table td{border-bottom:1px solid #f3f4f6;padding:.625rem 0}.payslip-container .payslip-table td:first-child{color:#6b7280;font-size:.9rem}.payslip-container .payslip-table td:last-child{color:#1f2937;font-weight:600;text-align:right}.payslip-container .payslip-table tr:last-child td{border-bottom:none}.payslip-container .payslip-table .overtime{color:#f59e0b}.payslip-container .payslip-table .total-row td{border-bottom:none;border-top:2px solid #f7931a;font-size:1.125rem;padding-top:1rem}.payslip-container .payslip-table .total-row td:last-child{color:#f7931a;font-size:1.25rem}.payslip-container .payslip-footer{background:#f9fafb;border-top:1px solid #e5e7eb;color:#6b7280;font-size:.8rem;padding:1.25rem 2rem;text-align:center}.payslip-container .payslip-footer p{margin:.25rem 0}@media (max-width:640px){.payslip-modal{margin:.5rem;max-width:100%}.payslip-container .payslip-header{flex-direction:column;padding:1rem;text-align:center}.payslip-container .company-details h1{font-size:1.25rem}.payslip-container .info-row{grid-template-columns:1fr}.payslip-container .payslip-section{padding:1rem}}.payslip-actions{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:2rem}.export-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.language-switcher{background:#f3f4f6;border-radius:8px;display:flex;gap:.5rem;padding:.25rem}.lang-btn{align-items:center;background:#0000;border:2px solid #0000;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.lang-btn:hover{color:#f7931a}.lang-btn.active{background:#fff;border-color:#f7931a;box-shadow:0 2px 4px #f7931a1a;color:#f7931a}.payslip-container{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000001a;margin:0 auto;max-width:1000px;overflow:hidden;padding:0}.payslip-header-banner{grid-gap:2rem;align-items:center;background:linear-gradient(135deg,#f7931a,#ffb347);color:#fff;display:grid;gap:2rem;grid-template-columns:120px 1fr auto;padding:2rem 3rem}.header-left{align-items:center;display:flex;justify-content:center}.company-logo-header{background:#fff;border-radius:12px;box-shadow:0 4px 8px #0000001a;height:100px;object-fit:contain;padding:.5rem;width:100px}.header-center{padding-left:1rem;text-align:left}.header-right{align-items:center;display:flex;justify-content:flex-end;text-align:right}.company-name-header{color:#fff;font-size:2rem;font-weight:800;letter-spacing:1px;line-height:1.2;margin:0;text-align:right;text-transform:uppercase}.company-address{font-size:.95rem;margin:.5rem 0;opacity:.95}.company-gstin{font-size:.9rem;font-weight:600;margin:.25rem 0;opacity:.9}.company-contact{font-size:.9rem;margin:.5rem 0 0;opacity:.95}.payslip-title-section{background:#f9fafb;border-bottom:3px solid #f7931a;padding:2rem 3rem 1.5rem;text-align:center}.payslip-title-section h2{color:#1f2937;font-size:1.75rem;font-weight:800;letter-spacing:2px;margin:0 0 .5rem}.payslip-date{color:#6b7280;font-size:1rem;font-weight:500;margin:0}.employee-info-section{align-items:center;background:#fff;border-bottom:2px solid #e5e7eb;display:flex;gap:2rem;padding:2rem 3rem}.employee-photo-container{flex-shrink:0}.employee-photo-top{border:4px solid #f7931a;border-radius:12px;box-shadow:0 4px 12px #f7931a33;height:150px;object-fit:cover;width:150px}.employee-photo-placeholder{align-items:center;background:#e5e7eb;border:3px dashed #9ca3af;border-radius:12px;color:#6b7280;display:flex;font-weight:600;height:150px;justify-content:center;width:150px}.employee-details-grid{grid-gap:1.5rem;display:grid;flex:1 1;gap:1.5rem;grid-template-columns:1fr 1fr}.detail-item{flex-direction:column;gap:.5rem}.detail-label{color:#6b7280;font-size:.875rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-value{color:#1f2937;font-size:1.25rem;font-weight:700}.details-section{background:#f9fafb;padding:2rem 3rem}.section-title{border-bottom:2px solid #e5e7eb;color:#1f2937;font-size:1.25rem;font-weight:700;letter-spacing:.5px;margin:0 0 1.5rem;padding-bottom:.75rem;text-transform:uppercase}.details-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.detail-box{background:#fff;border:2px solid #e5e7eb;border-radius:10px;display:flex;flex-direction:column;gap:.5rem;padding:1.25rem;transition:all .2s ease}.detail-box:hover{border-color:#f7931a;box-shadow:0 4px 8px #f7931a1a}.detail-box.highlight{background:#eef2ff;border-color:#f7931a;border-width:3px}.box-label{color:#6b7280;font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.box-value{color:#1f2937;font-size:1.125rem;font-weight:700}.detail-box.highlight .box-value{color:#f7931a;font-size:1.5rem}.wage-section{background:#fff;padding:2rem 3rem}.wage-calculation{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:2px solid #e5e7eb;border-radius:12px;padding:2rem}.wage-item{align-items:center;display:flex;justify-content:space-between;padding:.75rem 0}.wage-label{color:#6b7280;font-size:1rem;font-weight:600}.wage-value{color:#1f2937;font-size:1.125rem;font-weight:700}.wage-divider{background:#d1d5db;height:2px;margin:1rem 0}.wage-item.total{border-top:3px solid #f7931a;margin-top:.5rem;padding:1.5rem 0 .5rem}.wage-item.total .wage-label{color:#1f2937;font-size:1.25rem;font-weight:800;text-transform:uppercase}.wage-item.total .wage-value.total-amount{color:#f7931a;font-size:2rem;font-weight:900}.payslip-footer-new{background:#f9fafb;border-top:2px solid #e5e7eb;color:#6b7280;padding:2rem 3rem;text-align:center}.footer-note{font-size:.9rem;font-style:italic;margin:0 0 .5rem}.footer-timestamp{font-size:.875rem;font-weight:600;margin:0}.error-container{background:#fff;border-radius:12px;padding:3rem;text-align:center}.error-container p{color:#6b7280;font-size:1.125rem;margin-bottom:1.5rem}@media print{.no-print{display:none!important}.payslip-container{border-radius:0;box-shadow:none;max-width:100%}body{background:#fff}.detail-box.highlight,.payslip-header-banner,.wage-calculation{-webkit-print-color-adjust:exact;print-color-adjust:exact}}@media (max-width:768px){.payslip-container{border-radius:12px}.payslip-header-banner{gap:1rem;grid-template-columns:1fr;padding:1.5rem;text-align:center}.header-left{justify-content:center;margin-bottom:.5rem}.header-center{padding-left:0;text-align:center}.header-right{justify-content:center;margin-top:.5rem}.company-logo-header{height:80px;width:80px}.company-name-header{font-size:1.5rem;text-align:center}.payslip-title-section{padding:1.5rem}.payslip-title-section h2{font-size:1.5rem}.employee-info-section{flex-direction:column;padding:1.5rem;text-align:center}.employee-details-grid{grid-template-columns:1fr;width:100%}.detail-item{align-items:center}.details-section{padding:1.5rem}.details-grid{grid-template-columns:1fr}.wage-calculation,.wage-section{padding:1.5rem}.wage-item.total .wage-value.total-amount{font-size:1.75rem}.payslip-footer-new{padding:1.5rem}.payslip-actions{align-items:stretch}.export-buttons,.payslip-actions{flex-direction:column}.export-buttons button{width:100%}}@media (max-width:480px){.company-name-header{font-size:1.25rem}.company-address,.company-contact,.company-gstin{font-size:.8rem}.employee-photo-placeholder,.employee-photo-top{height:120px;width:120px}.detail-value{font-size:1.125rem}.box-value{font-size:1rem}.detail-box.highlight .box-value{font-size:1.25rem}}.sessions-section{border-bottom:2px solid #e5e7eb;padding:2rem 3rem}.sessions-section .section-title{border-bottom:2px solid #e5e7eb;color:#1f2937;font-size:1.25rem;font-weight:700;margin:0 0 1.5rem;padding-bottom:.75rem}.sessions-detail-table{border-collapse:collapse;font-size:.95rem;width:100%}.sessions-detail-table td,.sessions-detail-table th{border-bottom:1px solid #e5e7eb;padding:.875rem 1rem;text-align:left}.sessions-detail-table thead{background:#f3f4f6}.sessions-detail-table th{color:#374151;font-size:.8rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.sessions-detail-table tbody tr:hover{background:#f9fafb}.sessions-detail-table tbody tr.idle-row{background:#fffbeb}.sessions-detail-table tbody tr.resolved-row{background:#f0fdf4}.sessions-detail-table tfoot{background:#f3f4f6;font-weight:700}.sessions-detail-table tfoot td{border-bottom:none;border-top:2px solid #d1d5db}.session-status{border-radius:4px;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.session-status.idle{background:#fef3c7;color:#d97706}.session-status.resolved{background:#d1fae5;color:#059669}.session-status.complete{background:#f3f4f6;color:#6b7280}.payslip-sessions-count{color:#6b7280;font-size:.95rem;font-weight:500;margin:.5rem 0 0}@media (max-width:768px){.sessions-section{padding:1.5rem}.sessions-detail-table{font-size:.85rem}.sessions-detail-table td,.sessions-detail-table th{padding:.625rem .5rem}.sessions-detail-table th{font-size:.7rem}}@media (max-width:480px){.sessions-detail-table{font-size:.75rem}.sessions-detail-table td,.sessions-detail-table th{padding:.5rem .375rem}.session-status{font-size:.65rem;padding:.2rem .35rem}}.attendance-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem;padding:2rem}.camera-section{display:flex;justify-content:center;margin-bottom:2rem}.captured-image,.webcam,.webcam-container{max-width:640px;width:100%}.captured-image,.webcam{border-radius:12px;box-shadow:0 4px 12px #0000001a;height:auto}.face-overlay-canvas{border-radius:12px}.face-detected-indicator{border-radius:20px;bottom:16px;font-size:.9rem;gap:8px;padding:8px 16px}.pulse-dot{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}.camera-placeholder{font-size:1.1rem;height:480px;max-width:640px;width:100%}.controls-section{margin-bottom:2rem}.spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#f7931a;height:50px;width:50px}@keyframes spin{to{transform:rotate(1turn)}}.result-section{margin-top:2rem;padding:2rem}.result-section.success{background:#d1fae5;border:2px solid #10b981}.result-section.error{background:#fee2e2;border:2px solid #ef4444}.result-section h3{font-size:1.5rem;margin-bottom:1rem}.result-section.success h3{color:#065f46}.result-section.error h3{color:#991b1b}.employee-details{background:#fff;border-radius:8px;margin-top:1rem;padding:1.5rem;text-align:left}.employee-details p{color:#1f2937;font-size:1rem;margin:.75rem 0}.employee-details strong{color:#374151;margin-right:.5rem}.instructions-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:2rem}.instructions-section h3{color:#1f2937;font-size:1.25rem;margin-bottom:1rem}.instructions-section ul{color:#6b7280;list-style-position:inside}.instructions-section li{margin:.75rem 0;padding-left:.5rem}@media (max-width:768px){.action-buttons{flex-direction:column;width:100%}.action-buttons button{width:100%}}:root{--emp-primary:#f7931a;--emp-primary-light:#ffb347;--emp-primary-dark:#e07d00;--emp-success:#10b981;--emp-warning:#f59e0b;--emp-danger:#ef4444;--emp-info:#06b6d4;--emp-purple:#8b5cf6;--emp-gray-50:#f9fafb;--emp-gray-100:#f3f4f6;--emp-gray-200:#e5e7eb;--emp-gray-300:#d1d5db;--emp-gray-400:#9ca3af;--emp-gray-500:#6b7280;--emp-gray-600:#4b5563;--emp-gray-700:#374151;--emp-gray-800:#1f2937;--emp-gray-900:#111827;--emp-shadow-sm:0 1px 2px 0 #0000000d;--emp-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--emp-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--emp-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--emp-radius:8px;--emp-radius-md:12px;--emp-radius-lg:16px}.employee-dashboard{min-height:100%;width:100%}.employee-dashboard .page-header{margin-bottom:1.5rem}.employee-dashboard .page-header h1{color:#1f2937;color:var(--emp-gray-800);font-size:1.5rem;font-weight:700;margin:0 0 .25rem}.employee-dashboard .page-header p{color:#6b7280;color:var(--emp-gray-500);font-size:.9rem;margin:0}.employee-dashboard .status-banner{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--emp-gray-200);border-radius:12px;border-radius:var(--emp-radius-md);display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.25rem}.employee-dashboard .status-banner svg{flex-shrink:0}.employee-dashboard .status-banner.checked-in{background:linear-gradient(135deg,#10b98114,#10b9810a);border-color:#10b98133}.employee-dashboard .status-banner.checked-in svg{color:#10b981;color:var(--emp-success)}.employee-dashboard .status-banner.checked-out{background:linear-gradient(135deg,#f59e0b14,#f59e0b0a);border-color:#f59e0b33}.employee-dashboard .status-banner.checked-out svg{color:#f59e0b;color:var(--emp-warning)}.employee-dashboard .status-banner span{color:#374151;color:var(--emp-gray-700);flex:1 1;font-size:.95rem;font-weight:600}.employee-dashboard .btn-small{background:#f7931a;background:var(--emp-primary);border:none;border-radius:8px;border-radius:var(--emp-radius);color:#fff;font-size:.85rem;font-weight:600;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.employee-dashboard .btn-small:hover{background:#e07d00;background:var(--emp-primary-dark);transform:translateY(-1px)}.employee-dashboard .stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem}@media (min-width:768px){.employee-dashboard .stats-grid{grid-template-columns:repeat(4,1fr)}}.employee-dashboard .stat-card{align-items:flex-start;background:#fff;border:1px solid #f3f4f6;border:1px solid var(--emp-gray-100);border-radius:12px;border-radius:var(--emp-radius-md);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--emp-shadow);display:flex;gap:1rem;padding:1.25rem;transition:all .2s ease}.employee-dashboard .stat-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--emp-shadow-md);transform:translateY(-2px)}.employee-dashboard .stat-card.clickable{cursor:pointer}.employee-dashboard .stat-icon{align-items:center;border-radius:12px;border-radius:var(--emp-radius-md);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.employee-dashboard .stat-icon svg{height:22px;width:22px}.employee-dashboard .stat-icon.attendance{background:#f7931a1a;color:#f7931a;color:var(--emp-primary)}.employee-dashboard .stat-icon.hours{background:#10b9811a;color:#10b981;color:var(--emp-success)}.employee-dashboard .stat-icon.leaves{background:#06b6d41a;color:#06b6d4;color:var(--emp-info)}.employee-dashboard .stat-icon.messages{background:#8b5cf61a;color:#8b5cf6;color:var(--emp-purple)}.employee-dashboard .stat-content{flex:1 1;min-width:0}.employee-dashboard .stat-content h3{color:#1f2937;color:var(--emp-gray-800);font-size:1.5rem;font-weight:700;line-height:1.2;margin:0}.employee-dashboard .stat-content p{color:#6b7280;color:var(--emp-gray-500);font-size:.85rem;font-weight:500;margin:.25rem 0 0}.employee-dashboard .stat-detail{color:#9ca3af;color:var(--emp-gray-400);display:block;font-size:.75rem;margin-top:.25rem}.employee-dashboard .stat-link{color:#f7931a;color:var(--emp-primary);display:inline-block;font-size:.75rem;font-weight:500;margin-top:.25rem;text-decoration:none}.employee-dashboard .stat-link:hover{text-decoration:underline}.employee-dashboard .quick-actions{background:#fff;border:1px solid #f3f4f6;border:1px solid var(--emp-gray-100);border-radius:16px;border-radius:var(--emp-radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--emp-shadow);margin-bottom:1.5rem;padding:1.5rem}.employee-dashboard .quick-actions h2{color:#1f2937;color:var(--emp-gray-800);font-size:1rem;font-weight:600;margin:0 0 1rem}.employee-dashboard .action-buttons{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem}.employee-dashboard .action-btn{align-items:center;border:none;border-radius:8px;border-radius:var(--emp-radius);cursor:pointer;display:flex;flex-direction:row;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;max-width:100%;padding:.875rem 1.5rem;text-decoration:none;transition:all .2s ease;white-space:nowrap}.employee-dashboard .action-btn,.employee-dashboard .action-btn span{overflow:hidden;text-overflow:ellipsis}.employee-dashboard .action-btn svg{flex-shrink:0;height:18px;width:18px}.employee-dashboard .action-btn.primary{background:#f7931a;background:var(--emp-primary);color:#fff}.employee-dashboard .action-btn.primary:hover{background:#e07d00;background:var(--emp-primary-dark);box-shadow:0 4px 12px #f7931a4d;transform:translateY(-2px)}.employee-dashboard .action-btn.secondary{background:#f3f4f6;background:var(--emp-gray-100);border:1px solid #e5e7eb;border:1px solid var(--emp-gray-200);color:#374151;color:var(--emp-gray-700)}.employee-dashboard .action-btn.secondary:hover{background:#e5e7eb;background:var(--emp-gray-200);transform:translateY(-2px)}.employee-dashboard .info-card{background:#fff;border:1px solid #f3f4f6;border:1px solid var(--emp-gray-100);border-radius:16px;border-radius:var(--emp-radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--emp-shadow);padding:1.5rem}.employee-dashboard .info-card h2{color:#1f2937;color:var(--emp-gray-800);font-size:1rem;font-weight:600;margin:0 0 1rem}.employee-dashboard .info-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}@media (min-width:768px){.employee-dashboard .info-grid{grid-template-columns:repeat(4,1fr)}}.employee-dashboard .info-item{display:flex;flex-direction:column;gap:.25rem}.employee-dashboard .info-item label{color:#9ca3af;color:var(--emp-gray-400);font-size:.7rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.employee-dashboard .info-item span{color:#1f2937;color:var(--emp-gray-800);font-size:.9rem;font-weight:600}.profile-page{width:100%}.profile-page .page-header{margin-bottom:1.5rem}.profile-page .page-header h1{color:#1f2937;color:var(--emp-gray-800);font-size:1.5rem;font-weight:700;margin:0 0 .25rem}.profile-page .page-header p{color:#6b7280;color:var(--emp-gray-500);font-size:.9rem;margin:0}.profile-container{display:flex;flex-direction:column;gap:1.5rem}.profile-card{background:#fff;border:1px solid #f3f4f6;border:1px solid var(--emp-gray-100);border-radius:16px;border-radius:var(--emp-radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--emp-shadow);padding:1.5rem}.profile-header{align-items:center;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--emp-gray-100);display:flex;gap:1.5rem;margin-bottom:1.5rem;padding-bottom:1.5rem}.profile-avatar{align-items:center;background:linear-gradient(135deg,#f7931a,#e07d00);background:linear-gradient(135deg,var(--emp-primary) 0,var(--emp-primary-dark) 100%);border-radius:16px;border-radius:var(--emp-radius-lg);color:#fff;display:flex;flex-shrink:0;height:80px;justify-content:center;overflow:hidden;width:80px}.profile-avatar .avatar-image{height:100%;object-fit:cover;width:100%}.profile-title h2{color:#1f2937;color:var(--emp-gray-800);font-size:1.25rem;font-weight:700;margin:0 0 .25rem}.profile-role{color:#f7931a;color:var(--emp-primary);font-size:.9rem;font-weight:600;margin:0}.profile-dept{color:#6b7280;color:var(--emp-gray-500);font-size:.85rem;margin:.25rem 0 0}.profile-details{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width:640px){.profile-details{grid-template-columns:repeat(2,1fr)}}.detail-item{background:#f9fafb;background:var(--emp-gray-50);gap:1rem;padding:1rem}.detail-icon,.detail-item{align-items:center;border-radius:8px;border-radius:var(--emp-radius);display:flex}.detail-icon{background:#fff;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--emp-shadow-sm);color:#f7931a;color:var(--emp-primary);flex-shrink:0;height:40px;justify-content:center;width:40px}.detail-item>div{flex:1 1;min-width:0}.detail-item label{color:#9ca3af;color:var(--emp-gray-400);display:block;font-size:.7rem;font-weight:600;letter-spacing:.05em;margin-bottom:.125rem;text-transform:uppercase}.detail-item span{color:#1f2937;color:var(--emp-gray-800);display:block;font-size:.9rem;font-weight:600}.profile-actions{border-top:1px solid #f3f4f6;border-top:1px solid var(--emp-gray-100);margin-top:1.5rem;padding-top:1.5rem}.profile-actions .btn-secondary{align-items:center;background:#f3f4f6;background:var(--emp-gray-100);border:1px solid #e5e7eb;border:1px solid var(--emp-gray-200);border-radius:8px;border-radius:var(--emp-radius);color:#374151;color:var(--emp-gray-700);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s ease}.profile-actions .btn-secondary:hover{background:#e5e7eb;background:var(--emp-gray-200)}.profile-page .info-card{background:#fff;border:1px solid #f3f4f6;border:1px solid var(--emp-gray-100);border-radius:16px;border-radius:var(--emp-radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--emp-shadow);padding:1.5rem}.profile-page .info-card h3{color:#1f2937;color:var(--emp-gray-800);font-size:1rem;font-weight:600;margin:0 0 1rem}.info-content p{color:#4b5563;color:var(--emp-gray-600);font-size:.9rem;margin:0 0 .5rem}.info-content p strong{color:#374151;color:var(--emp-gray-700)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:16px;border-radius:var(--emp-radius-lg);box-shadow:0 25px 50px -12px #00000040;max-height:90vh;max-width:480px;overflow:hidden;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{align-items:center;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--emp-gray-100);display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.modal-header h2{color:#1f2937;color:var(--emp-gray-800);font-size:1.125rem;font-weight:600;margin:0}.close-btn{align-items:center;background:#f3f4f6;background:var(--emp-gray-100);border:none;border-radius:8px;border-radius:var(--emp-radius);color:#6b7280;color:var(--emp-gray-500);cursor:pointer;display:flex;font-size:1.5rem;height:36px;justify-content:center;line-height:1;transition:all .2s ease;width:36px}.close-btn:hover{background:#e5e7eb;background:var(--emp-gray-200);color:#374151;color:var(--emp-gray-700)}.modal-form{padding:1.5rem}.modal-form .form-group{margin-bottom:1rem}.modal-form .form-group:last-of-type{margin-bottom:0}.modal-form .form-group label{color:#374151;color:var(--emp-gray-700);display:block;font-size:.85rem;font-weight:600;margin-bottom:.5rem}.modal-form .form-group input,.modal-form .form-group select,.modal-form .form-group textarea{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--emp-gray-200);border-radius:8px;border-radius:var(--emp-radius);color:#1f2937;color:var(--emp-gray-800);font-size:.95rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.modal-form .form-group input:focus,.modal-form .form-group select:focus,.modal-form .form-group textarea:focus{border-color:#f7931a;border-color:var(--emp-primary);box-shadow:0 0 0 3px #f7931a1a;outline:none}.modal-form .form-group input::placeholder{color:#9ca3af;color:var(--emp-gray-400)}.modal-actions{background:#f9fafb;background:var(--emp-gray-50);border-top:1px solid #f3f4f6;border-top:1px solid var(--emp-gray-100);display:flex;gap:.75rem;justify-content:flex-end;padding:1.25rem 1.5rem}.modal-actions .btn-secondary{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--emp-gray-200);border-radius:8px;border-radius:var(--emp-radius);color:#374151;color:var(--emp-gray-700);cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.25rem;transition:all .2s ease}.modal-actions .btn-secondary:hover{background:#f3f4f6;background:var(--emp-gray-100)}.modal-actions .btn-primary{background:#f7931a;background:var(--emp-primary);border:none;border-radius:8px;border-radius:var(--emp-radius);color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.25rem;transition:all .2s ease}.modal-actions .btn-primary:hover:not(:disabled){background:#e07d00;background:var(--emp-primary-dark)}.modal-actions .btn-primary:disabled{cursor:not-allowed;opacity:.6}.alert{align-items:flex-start;border-radius:8px;border-radius:var(--emp-radius);display:flex;gap:.75rem;margin-bottom:1rem;padding:1rem}.alert-warning{background:#fef3c7;border:1px solid #fcd34d;color:#92400e}.alert-warning svg{flex-shrink:0;margin-top:.125rem}.loading{align-items:center;color:#6b7280;color:var(--emp-gray-500);display:flex;font-size:.95rem;justify-content:center;min-height:200px}@media (max-width:640px){.employee-dashboard .stat-card{padding:1rem}.employee-dashboard .stat-icon{height:40px;width:40px}.employee-dashboard .stat-content h3{font-size:1.25rem}.employee-dashboard .action-buttons{flex-wrap:wrap}.employee-dashboard .action-btn{flex:1 1 auto}.profile-header{flex-direction:column;text-align:center}.modal{margin:.5rem;max-height:calc(100vh - 1rem);max-width:100%}}.leaves-page{width:100%}.leaves-page .page-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.leaves-page .page-header h1{color:#1f2937;color:var(--emp-gray-800);font-size:1.5rem;font-weight:700;margin:0}.leaves-page .page-header p{color:#6b7280;color:var(--emp-gray-500);font-size:.9rem;margin:.25rem 0 0}.stats-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem}@media (min-width:768px){.stats-row{grid-template-columns:repeat(5,1fr)}}.stat-box{background:#fff;border:1px solid #f3f4f6;border:1px solid var(--emp-gray-100);border-radius:12px;border-radius:var(--emp-radius-md);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--emp-shadow);padding:1rem;text-align:center}.stat-box .stat-number{color:#1f2937;color:var(--emp-gray-800);display:block;font-size:1.5rem;font-weight:700;line-height:1.2}.stat-box .stat-label{color:#6b7280;color:var(--emp-gray-500);display:block;font-size:.75rem;margin-top:.25rem}.stat-box.pending{border-left:3px solid #f59e0b;border-left:3px solid var(--emp-warning)}.stat-box.success{border-left:3px solid #10b981;border-left:3px solid var(--emp-success)}.stat-box.danger{border-left:3px solid #ef4444;border-left:3px solid var(--emp-danger)}.stat-box.info{border-left:3px solid #06b6d4;border-left:3px solid var(--emp-info)}.filter-bar{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.filter-bar select{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--emp-gray-200);border-radius:8px;border-radius:var(--emp-radius);color:#374151;color:var(--emp-gray-700);cursor:pointer;font-size:.9rem;min-width:150px;padding:.625rem 1rem}.filter-bar select:focus{border-color:#f7931a;border-color:var(--emp-primary);outline:none}.table-container{background:#fff;border:1px solid #f3f4f6;border:1px solid var(--emp-gray-100);border-radius:16px;border-radius:var(--emp-radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--emp-shadow);overflow:hidden}.data-table{border-collapse:collapse;width:100%}.data-table thead{background:#f9fafb;background:var(--emp-gray-50)}.data-table th{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--emp-gray-200);color:#6b7280;color:var(--emp-gray-500);font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:1rem;text-align:left;text-transform:uppercase}.data-table td{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--emp-gray-100);color:#374151;color:var(--emp-gray-700);font-size:.9rem;padding:1rem;vertical-align:middle}.data-table tbody tr:hover{background:#f9fafb;background:var(--emp-gray-50)}.data-table tbody tr:last-child td{border-bottom:none}.status-badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:.8rem;font-weight:600;gap:.375rem;padding:.375rem .75rem}.leave-type{color:#1f2937;color:var(--emp-gray-800);font-weight:600}.reason-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.review-comment{color:#6b7280;color:var(--emp-gray-500);display:block;font-size:.75rem;margin-top:.25rem}.no-data{align-items:center;color:#9ca3af;color:var(--emp-gray-400);display:flex;flex-direction:column;justify-content:center;padding:3rem 1rem}.no-data svg{margin-bottom:1rem;opacity:.5}.no-data p{font-size:.95rem;margin:0}.btn-primary{align-items:center;background:#f7931a;background:var(--emp-primary);border:none;border-radius:8px;border-radius:var(--emp-radius);color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s ease}.btn-primary:hover:not(:disabled){background:#e07d00;background:var(--emp-primary-dark);transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-secondary{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--emp-gray-200);border-radius:8px;border-radius:var(--emp-radius);color:#374151;color:var(--emp-gray-700);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s ease}.btn-icon,.btn-secondary:hover{background:#f3f4f6;background:var(--emp-gray-100)}.btn-icon{align-items:center;border:none;border-radius:8px;border-radius:var(--emp-radius);color:#4b5563;color:var(--emp-gray-600);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.btn-icon:hover{background:#e5e7eb;background:var(--emp-gray-200)}.btn-icon.danger{color:#ef4444;color:var(--emp-danger)}.btn-icon.danger:hover{background:#ef44441a}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}@media (max-width:480px){.form-row{grid-template-columns:1fr}}.modal-form textarea{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--emp-gray-200);border-radius:8px;border-radius:var(--emp-radius);color:#1f2937;color:var(--emp-gray-800);font-family:inherit;font-size:.95rem;padding:.75rem 1rem;resize:vertical;width:100%}.modal-form textarea:focus{border-color:#f7931a;border-color:var(--emp-primary);box-shadow:0 0 0 3px #f7931a1a;outline:none}.modal-form small{color:#9ca3af;color:var(--emp-gray-400);display:block;font-size:.75rem;margin-top:.375rem}.messages-page{width:100%}.messages-page .page-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.messages-page .page-header h1{color:#1f2937;color:var(--emp-gray-800);font-size:1.5rem;font-weight:700;margin:0}.messages-container{background:#fff;border:1px solid #f3f4f6;border:1px solid var(--emp-gray-100);border-radius:16px;border-radius:var(--emp-radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--emp-shadow);display:flex;min-height:500px;overflow:hidden}.messages-sidebar{background:#f9fafb;background:var(--emp-gray-50);border-right:1px solid #e5e7eb;border-right:1px solid var(--emp-gray-200);display:flex;flex-direction:column;gap:.5rem;padding:1rem;width:200px}.sidebar-btn{align-items:center;background:#0000;border:none;border-radius:8px;border-radius:var(--emp-radius);color:#4b5563;color:var(--emp-gray-600);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.75rem;padding:.75rem 1rem;text-align:left;transition:all .2s ease}.sidebar-btn:hover{background:#e5e7eb;background:var(--emp-gray-200);color:#1f2937;color:var(--emp-gray-800)}.sidebar-btn.active{background:#fff;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--emp-shadow-sm);color:#f7931a;color:var(--emp-primary)}.sidebar-btn.compose{background:#f7931a;background:var(--emp-primary);color:#fff;margin-bottom:.5rem}.sidebar-btn.compose.active,.sidebar-btn.compose:hover{background:#e07d00;background:var(--emp-primary-dark)}.sidebar-btn.compose.active{color:#fff}.messages-main{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.messages-tabs{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--emp-gray-200);display:flex}.tab-btn{background:none;border:none;color:#6b7280;color:var(--emp-gray-500);cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;padding:1rem;position:relative;transition:all .2s ease}.tab-btn:hover{background:#f9fafb;background:var(--emp-gray-50);color:#374151;color:var(--emp-gray-700)}.tab-btn.active{color:#f7931a;color:var(--emp-primary)}.tab-btn.active:after{background:#f7931a;background:var(--emp-primary);border-radius:3px 3px 0 0;bottom:0;content:"";height:3px;left:0;position:absolute;right:0}.compose-view{padding:1.5rem}.compose-view h2{color:#1f2937;color:var(--emp-gray-800);font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.compose-info{color:#6b7280;color:var(--emp-gray-500);font-size:.85rem;margin:0 0 1.5rem}.compose-view .form-group{margin-bottom:1rem}.compose-view .form-group label{color:#374151;color:var(--emp-gray-700);display:block;font-size:.85rem;font-weight:600;margin-bottom:.5rem}.compose-view .form-group input,.compose-view .form-group textarea{border:2px solid #e5e7eb;border:2px solid var(--emp-gray-200);border-radius:8px;border-radius:var(--emp-radius);color:#1f2937;color:var(--emp-gray-800);font-family:inherit;font-size:.95rem;padding:.75rem 1rem;width:100%}.compose-view .form-group input:focus,.compose-view .form-group textarea:focus{border-color:#f7931a;border-color:var(--emp-primary);box-shadow:0 0 0 3px #f7931a1a;outline:none}.compose-view .form-group textarea{min-height:200px;resize:vertical}.compose-view .form-group small{color:#9ca3af;color:var(--emp-gray-400);display:block;font-size:.75rem;margin-top:.375rem}.form-actions{display:flex;justify-content:flex-end;margin-top:1.5rem}.messages-list{flex:1 1;overflow-y:auto}.messages-list h2{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--emp-gray-100);color:#1f2937;color:var(--emp-gray-800);font-size:1rem;font-weight:600;margin:0;padding:1rem 1.25rem}.message-items{max-height:450px;overflow-y:auto}.no-messages{align-items:center;color:#9ca3af;color:var(--emp-gray-400);display:flex;flex-direction:column;justify-content:center;padding:3rem 1rem}.no-messages svg{margin-bottom:1rem;opacity:.5}.no-messages p{font-size:.95rem;margin:0}.message-item{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--emp-gray-100);cursor:pointer;display:flex;gap:1rem;padding:1rem 1.25rem;transition:background .2s ease}.message-item:hover{background:#f9fafb;background:var(--emp-gray-50)}.message-item:last-child{border-bottom:none}.message-item.unread{background:#f7931a0d}.message-avatar{align-items:center;background:linear-gradient(135deg,#f7931a,#e07d00);background:linear-gradient(135deg,var(--emp-primary) 0,var(--emp-primary-dark) 100%);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.9rem;font-weight:700;height:44px;justify-content:center;width:44px}.message-content{flex:1 1;min-width:0}.message-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.25rem}.message-sender{color:#1f2937;color:var(--emp-gray-800);font-size:.9rem;font-weight:600}.message-time{color:#9ca3af;color:var(--emp-gray-400);font-size:.75rem}.message-subject{color:#374151;color:var(--emp-gray-700);font-size:.85rem;font-weight:500;margin-bottom:.25rem}.message-preview{flex:1 1;min-width:0}.message-from{color:#1f2937;color:var(--emp-gray-800);font-size:.9rem;font-weight:600}.message-snippet{color:#6b7280;color:var(--emp-gray-500);font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.read-indicator{color:#10b981;color:var(--emp-success);flex-shrink:0}.message-detail{padding:1.5rem}.message-thread{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.thread-message{background:#f9fafb;background:var(--emp-gray-50);border-radius:12px;border-radius:var(--emp-radius-md);padding:1rem}.thread-message.sent{background:#f7931a14;border:1px solid #f7931a26}.thread-message.received{background:#f9fafb;background:var(--emp-gray-50);border:1px solid #e5e7eb;border:1px solid var(--emp-gray-200)}.thread-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.thread-header strong{color:#1f2937;color:var(--emp-gray-800);font-size:.9rem}.thread-header span{color:#9ca3af;color:var(--emp-gray-400);font-size:.75rem}.thread-subject{color:#1f2937;color:var(--emp-gray-800);font-size:.95rem;font-weight:600;margin-bottom:.5rem}.thread-content{color:#4b5563;color:var(--emp-gray-600);font-size:.9rem;line-height:1.6;white-space:pre-wrap}.reply-box{border-top:1px solid #e5e7eb;border-top:1px solid var(--emp-gray-200);padding-top:1rem}.reply-box h3{color:#1f2937;color:var(--emp-gray-800);font-size:.95rem;font-weight:600;margin:0 0 .75rem}.reply-box textarea{border:2px solid #e5e7eb;border:2px solid var(--emp-gray-200);border-radius:8px;border-radius:var(--emp-radius);font-family:inherit;font-size:.9rem;min-height:100px;padding:.75rem 1rem;resize:vertical;width:100%}.reply-box textarea:focus{border-color:#f7931a;border-color:var(--emp-primary);box-shadow:0 0 0 3px #f7931a1a;outline:none}.reply-actions{align-items:center;display:flex;justify-content:space-between;margin-top:.75rem}.reply-actions small{color:#9ca3af;color:var(--emp-gray-400);font-size:.75rem}.message-detail-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--emp-gray-200);margin-bottom:1.5rem;padding-bottom:1rem}.message-detail-subject{color:#1f2937;color:var(--emp-gray-800);font-size:1.25rem;font-weight:700;margin:0 0 .75rem}.message-detail-meta{align-items:center;color:#6b7280;color:var(--emp-gray-500);display:flex;font-size:.85rem;gap:1rem}.message-detail-body{color:#374151;color:var(--emp-gray-700);font-size:.95rem;line-height:1.7}.reply-form{border-top:1px solid #e5e7eb;border-top:1px solid var(--emp-gray-200);margin-top:1.5rem;padding-top:1.5rem}.reply-form textarea{border:2px solid #e5e7eb;border:2px solid var(--emp-gray-200);border-radius:8px;border-radius:var(--emp-radius);font-family:inherit;font-size:.95rem;min-height:100px;padding:1rem;resize:vertical;width:100%}.reply-form textarea:focus{border-color:#f7931a;border-color:var(--emp-primary);outline:none}.reply-form-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1rem}.compose-form{padding:1.5rem}.compose-form .form-group{margin-bottom:1rem}.compose-form label{color:#374151;color:var(--emp-gray-700);display:block;font-size:.85rem;font-weight:600;margin-bottom:.5rem}.compose-form input,.compose-form textarea{border:2px solid #e5e7eb;border:2px solid var(--emp-gray-200);border-radius:8px;border-radius:var(--emp-radius);font-family:inherit;font-size:.95rem;padding:.75rem 1rem;width:100%}.compose-form input:focus,.compose-form textarea:focus{border-color:#f7931a;border-color:var(--emp-primary);outline:none}.compose-form textarea{min-height:150px;resize:vertical}.compose-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1rem}.back-btn{align-items:center;background:#f3f4f6;background:var(--emp-gray-100);border:none;border-radius:8px;border-radius:var(--emp-radius);color:#374151;color:var(--emp-gray-700);cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:.5rem;margin-bottom:1rem;padding:.5rem 1rem}.back-btn:hover{background:#e5e7eb;background:var(--emp-gray-200)}.mark-attendance-page{width:100%}.mark-attendance-page .page-header{margin-bottom:1.5rem}.mark-attendance-page .page-header h1{color:#1f2937;color:var(--emp-gray-800);font-size:1.5rem;font-weight:700;margin:0 0 .25rem}.mark-attendance-page .page-header p{color:#6b7280;color:var(--emp-gray-500);font-size:.9rem;margin:0}.camera-section{background:#fff;border:1px solid #f3f4f6;border:1px solid var(--emp-gray-100);border-radius:16px;border-radius:var(--emp-radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--emp-shadow);margin-bottom:1.5rem;padding:1.5rem}.webcam-container{background:#111827;background:var(--emp-gray-900);border-radius:12px;border-radius:var(--emp-radius-md);overflow:hidden;position:relative}.webcam-container .webcam,.webcam-container video{border-radius:12px;border-radius:var(--emp-radius-md);display:block;width:100%}.face-overlay-canvas{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.face-detected-indicator{align-items:center;background:#000000b3;border-radius:9999px;bottom:1rem;color:#fff;display:flex;font-size:.85rem;font-weight:500;gap:.5rem;left:50%;padding:.5rem 1rem;position:absolute;transform:translateX(-50%)}.pulse-dot{animation:pulse-animation 1.5s infinite;border-radius:50%;height:10px;width:10px}@keyframes pulse-animation{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.camera-placeholder{align-items:center;background:#f3f4f6;background:var(--emp-gray-100);color:#6b7280;color:var(--emp-gray-500);display:flex;justify-content:center;min-height:300px}.camera-placeholder,.captured-image{border-radius:12px;border-radius:var(--emp-radius-md)}.captured-image{display:block;width:100%}.controls-section{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.result-section{border-radius:12px;border-radius:var(--emp-radius-md);margin-top:1.5rem;padding:1.5rem;text-align:center}.result-section.success{background:#10b9811a;border:1px solid #10b98133;color:#10b981;color:var(--emp-success)}.result-section.error{background:#ef44441a;border:1px solid #ef444433;color:#ef4444;color:var(--emp-danger)}.result-section h3{font-size:1.25rem;margin:0 0 .5rem}.result-section p{font-size:.9rem;margin:0}.processing{align-items:center;display:flex;flex-direction:column;gap:1rem;padding:2rem}.processing .spinner{animation:spin 1s linear infinite;border:3px solid #e5e7eb;border-top-color:#f7931a;border:3px solid var(--emp-gray-200);border-radius:50%;border-top-color:var(--emp-primary);height:40px;width:40px}.loading-models{color:#6b7280;color:var(--emp-gray-500);font-size:.9rem;padding:1rem;text-align:center}.summary-section{background:#fff;border:1px solid #f3f4f6;border:1px solid var(--emp-gray-100);border-radius:16px;border-radius:var(--emp-radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--emp-shadow);padding:1.5rem}.summary-section h3{align-items:center;color:#1f2937;color:var(--emp-gray-800);display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.summary-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}@media (min-width:640px){.summary-stats{grid-template-columns:repeat(4,1fr)}}.summary-item{background:#f9fafb;background:var(--emp-gray-50);border-radius:8px;border-radius:var(--emp-radius);padding:1rem;text-align:center}.summary-item .value{color:#1f2937;color:var(--emp-gray-800);display:block;font-size:1.5rem;font-weight:700;line-height:1.2}.summary-item .label{color:#6b7280;color:var(--emp-gray-500);display:block;font-size:.75rem;margin-top:.25rem}.attendance-container{display:flex;flex-direction:column;gap:1.5rem}.action-buttons{display:flex;gap:1rem;justify-content:center}@media (max-width:768px){.table-container{overflow-x:auto}.data-table{min-width:700px}.messages-container{flex-direction:column}.messages-sidebar{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--emp-gray-200);border-right:none;flex-direction:row;flex-wrap:wrap;padding:.75rem;width:100%}.sidebar-btn{font-size:.85rem;padding:.5rem .75rem}.messages-main{min-height:400px}}@media (max-width:480px){.messages-sidebar,.sidebar-btn{justify-content:center}.sidebar-btn{flex:1 1}}.calendar-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:16px;border-radius:var(--emp-radius-lg);box-shadow:0 25px 50px -12px #00000040;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.calendar-header{align-items:center;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--emp-gray-100);display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.calendar-header h2{color:#1f2937;color:var(--emp-gray-800);font-size:1.125rem;font-weight:600;margin:0}.calendar-nav{align-items:center;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--emp-gray-100);display:flex;justify-content:space-between;padding:1rem 1.5rem}.calendar-nav h3{color:#1f2937;color:var(--emp-gray-800);font-size:1rem;font-weight:600;margin:0}.nav-btn{align-items:center;background:#f3f4f6;background:var(--emp-gray-100);border:none;border-radius:8px;border-radius:var(--emp-radius);color:#4b5563;color:var(--emp-gray-600);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.nav-btn:hover{background:#e5e7eb;background:var(--emp-gray-200);color:#1f2937;color:var(--emp-gray-800)}.calendar-loading{align-items:center;color:#6b7280;color:var(--emp-gray-500);display:flex;justify-content:center;padding:3rem}.calendar-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr);padding:1rem 1.5rem}.calendar-day-name{color:#9ca3af;color:var(--emp-gray-400);font-size:.75rem;font-weight:600;padding:.5rem;text-align:center;text-transform:uppercase}.calendar-day{align-items:center;aspect-ratio:1;border:2px solid #0000;border-radius:8px;border-radius:var(--emp-radius);cursor:pointer;display:flex;flex-direction:column;justify-content:center;position:relative;transition:all .2s ease}.calendar-day.empty{cursor:default}.calendar-day:not(.empty):hover{transform:scale(1.05)}.calendar-day.selected{border-color:#f7931a;border-color:var(--emp-primary);box-shadow:0 0 0 3px #f7931a33}.day-number{color:#374151;color:var(--emp-gray-700);font-size:.9rem;font-weight:600}.day-status-icon{bottom:2px;font-size:.6rem;position:absolute}.calendar-day.cal-present{background:#10b98126}.calendar-day.cal-present .day-number,.calendar-day.cal-present .day-status-icon{color:#10b981;color:var(--emp-success)}.calendar-day.cal-absent{background:#ef444426}.calendar-day.cal-absent .day-number,.calendar-day.cal-absent .day-status-icon{color:#ef4444;color:var(--emp-danger)}.calendar-day.cal-leave{background:#06b6d426}.calendar-day.cal-leave .day-number,.calendar-day.cal-leave .day-status-icon{color:#06b6d4;color:var(--emp-info)}.calendar-day.cal-leave-pending{background:repeating-linear-gradient(45deg,#f59e0b1a,#f59e0b1a 4px,#f59e0b33 0,#f59e0b33 8px)}.calendar-day.cal-leave-pending .day-number,.calendar-day.cal-leave-pending .day-status-icon{color:#f59e0b;color:var(--emp-warning)}.calendar-day.cal-weekend{background:#f3f4f6;background:var(--emp-gray-100)}.calendar-day.cal-weekend .day-number{color:#9ca3af;color:var(--emp-gray-400)}.calendar-day.cal-holiday{background:#8b5cf626}.calendar-day.cal-holiday .day-number{color:#8b5cf6;color:var(--emp-purple)}.calendar-day.cal-future{background:#f9fafb;background:var(--emp-gray-50)}.calendar-day.cal-future .day-number{color:#d1d5db;color:var(--emp-gray-300)}.calendar-legend{border-top:1px solid #f3f4f6;border-top:1px solid var(--emp-gray-100);display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;padding:.75rem 1.5rem}.legend-item{align-items:center;color:#4b5563;color:var(--emp-gray-600);display:flex;font-size:.75rem;gap:.375rem}.legend-dot{border-radius:3px;height:12px;width:12px}.legend-dot.present{background:#10b98166}.legend-dot.absent{background:#ef444466}.legend-dot.leave{background:#06b6d466}.legend-dot.weekend{background:#e5e7eb;background:var(--emp-gray-200)}.day-details{background:#f9fafb;background:var(--emp-gray-50);border-top:1px solid #f3f4f6;border-top:1px solid var(--emp-gray-100);padding:1rem 1.5rem}.day-details h4{color:#1f2937;color:var(--emp-gray-800);font-size:.9rem;font-weight:600;margin:0 0 .75rem}.day-status-badge{border-radius:9999px;display:inline-block;font-size:.75rem;font-weight:600;margin-bottom:.75rem;padding:.25rem .75rem}.day-status-badge.present{background:#10b98126;color:#10b981;color:var(--emp-success)}.day-status-badge.absent{background:#ef444426;color:#ef4444;color:var(--emp-danger)}.day-status-badge.leave{background:#06b6d426;color:#06b6d4;color:var(--emp-info)}.day-status-badge.leave.pending{background:#f59e0b26;color:#f59e0b;color:var(--emp-warning)}.day-status-badge.weekend{background:#e5e7eb;background:var(--emp-gray-200);color:#4b5563;color:var(--emp-gray-600)}.day-status-badge.future{background:#f3f4f6;background:var(--emp-gray-100);color:#9ca3af;color:var(--emp-gray-400)}.day-sessions{display:flex;flex-direction:column;gap:.5rem}.session-item{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--emp-gray-200);border-radius:8px;border-radius:var(--emp-radius);padding:.75rem}.session-label{color:#9ca3af;color:var(--emp-gray-400);display:block;font-size:.7rem;font-weight:600;margin-bottom:.25rem;text-transform:uppercase}.session-times{color:#374151;color:var(--emp-gray-700);display:flex;font-size:.8rem;gap:1rem}.session-times span{align-items:center;display:flex;gap:.25rem}.session-times svg{color:#9ca3af;color:var(--emp-gray-400);height:12px;width:12px}.total-hours{color:#f7931a;color:var(--emp-primary);font-size:.85rem;font-weight:600;margin-top:.5rem}.no-attendance{color:#6b7280;color:var(--emp-gray-500);font-size:.85rem;margin:0}.calendar-summary{border-top:1px solid #f3f4f6;border-top:1px solid var(--emp-gray-100);display:flex;gap:2rem;justify-content:center;padding:1rem 1.5rem}.summary-stat{text-align:center}.summary-stat .value{color:#1f2937;color:var(--emp-gray-800);display:block;font-size:1.25rem;font-weight:700}.summary-stat .label{color:#6b7280;color:var(--emp-gray-500);font-size:.75rem}@media (max-width:480px){.calendar-modal{margin:.5rem;max-height:calc(100vh - 1rem);max-width:100%}.calendar-grid{gap:2px;padding:.75rem 1rem}.calendar-day,.day-number{font-size:.8rem}.calendar-legend{gap:.75rem;padding:.75rem 1rem}.legend-item{font-size:.7rem}.legend-dot{height:10px;width:10px}}.no-data-container{align-items:center;background:#fff;border-radius:16px;border-radius:var(--emp-radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--emp-shadow);color:#9ca3af;color:var(--emp-gray-400);display:flex;flex-direction:column;justify-content:center;padding:3rem 1rem}.no-data-container svg{margin-bottom:1rem;opacity:.5}.no-data-container p{font-size:.95rem;margin:0}.leave-cards-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(1,1fr)}@media (min-width:640px){.leave-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.leave-cards-grid{grid-template-columns:repeat(3,1fr)}}.leave-card{background:#fff;border:1px solid #f3f4f6;border:1px solid var(--emp-gray-100);border-radius:16px;border-radius:var(--emp-radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--emp-shadow);overflow:hidden;transition:all .2s ease}.leave-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--emp-shadow-md);transform:translateY(-2px)}.leave-card.pending{border-left:4px solid #f59e0b;border-left:4px solid var(--emp-warning)}.leave-card.approved{border-left:4px solid #10b981;border-left:4px solid var(--emp-success)}.leave-card.rejected{border-left:4px solid #ef4444;border-left:4px solid var(--emp-danger)}.leave-card-header{align-items:center;display:flex;gap:.5rem;justify-content:space-between;padding:1rem 1rem .75rem}.leave-type-badge{background:#f3f4f6;background:var(--emp-gray-100);border-radius:9999px;color:#374151;color:var(--emp-gray-700);font-size:.75rem;font-weight:600;padding:.25rem .75rem}.leave-type-badge.casual{background:#06b6d41a;color:#06b6d4;color:var(--emp-info)}.leave-type-badge.sick{background:#ef44441a;color:#ef4444;color:var(--emp-danger)}.leave-type-badge.personal{background:#8b5cf61a;color:#8b5cf6;color:var(--emp-purple)}.leave-type-badge.vacation{background:#10b9811a;color:#10b981;color:var(--emp-success)}.leave-type-badge.other{background:#6b72801a;color:#4b5563;color:var(--emp-gray-600)}.leave-card-dates{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem;padding:0 1rem}.leave-card-dates .date-range{align-items:center;color:#374151;color:var(--emp-gray-700);display:flex;font-size:.9rem;font-weight:500;gap:.5rem}.leave-card-dates .date-range svg{color:#f7931a;color:var(--emp-primary);flex-shrink:0}.leave-card-dates .date-range .year{color:#9ca3af;color:var(--emp-gray-400);font-weight:400}.leave-card-dates .days-count{color:#6b7280;color:var(--emp-gray-500);font-size:.85rem}.leave-card-dates .days-count strong{color:#1f2937;color:var(--emp-gray-800);font-size:1rem}.leave-card-reason{background:#f9fafb;background:var(--emp-gray-50);border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--emp-gray-100);border-top:1px solid #f3f4f6;border-top:1px solid var(--emp-gray-100);padding:.75rem 1rem}.leave-card-reason p{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#4b5563;color:var(--emp-gray-600);display:-webkit-box;font-size:.85rem;line-height:1.5;margin:0;overflow:hidden}.leave-card-review{display:flex;flex-direction:column;gap:.5rem;padding:.75rem 1rem}.leave-card-review .reviewer{align-items:center;color:#4b5563;color:var(--emp-gray-600);display:flex;font-size:.8rem;gap:.5rem}.leave-card-review .reviewer svg{color:#9ca3af;color:var(--emp-gray-400);height:14px;width:14px}.leave-card-review .review-comment{align-items:flex-start;color:#6b7280;color:var(--emp-gray-500);display:flex;font-size:.8rem;font-style:italic;gap:.5rem}.leave-card-review .review-comment svg{color:#9ca3af;color:var(--emp-gray-400);flex-shrink:0;height:14px;margin-top:2px;width:14px}.leave-card-actions{display:flex;justify-content:center;padding:.75rem 1rem}.leave-card-actions .btn-cancel{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;border-radius:var(--emp-radius);color:#ef4444;color:var(--emp-danger);cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;gap:.375rem;padding:.5rem 1rem;transition:all .2s ease}.leave-card-actions .btn-cancel:hover{background:#ef444426;border-color:#ef44444d}.leave-card-footer{border-top:1px solid #f3f4f6;border-top:1px solid var(--emp-gray-100);padding:.75rem 1rem;text-align:right}.leave-card-footer .applied-date{color:#9ca3af;color:var(--emp-gray-400);font-size:.7rem}
/*# sourceMappingURL=main.967e1140.css.map*/