*{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}.permission-gate-overlay{align-items:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#000000b3;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:10000}.permission-gate-card{animation:permGateSlideUp .35s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:440px;padding:36px 32px;width:100%}@keyframes permGateSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.permission-gate-header{margin-bottom:28px;text-align:center}.permission-gate-icon{font-size:48px;margin-bottom:12px}.permission-gate-header h2{color:#1a1a2e;font-size:22px;font-weight:700;margin:0 0 6px}.permission-gate-header p{color:#666;font-size:14px;line-height:1.4;margin:0}.permission-gate-rows{display:flex;flex-direction:column;gap:14px;margin-bottom:24px}.permission-row{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;display:flex;gap:14px;padding:14px 16px}.permission-row-icon{flex-shrink:0;font-size:28px}.permission-row-info{flex:1 1;min-width:0}.permission-row-info h4{color:#1a1a2e;font-size:15px;font-weight:600;margin:0 0 2px}.permission-row-info p{color:#888;font-size:12px;line-height:1.3;margin:0}.permission-row-status{flex-shrink:0}.permission-grant-btn{background:#f7931a;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:6px 16px;transition:background .2s}.permission-grant-btn:hover{background:#e0850f}.permission-grant-btn:disabled{cursor:not-allowed;opacity:.6}.permission-status-granted{color:#22c55e;font-size:22px;font-weight:700}.permission-status-denied{color:#ef4444;font-size:22px;font-weight:700}.permission-gate-cta{background:#f7931a;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:14px;transition:background .2s;width:100%}.permission-gate-cta:hover{background:#e0850f}.permission-gate-cta:disabled{cursor:not-allowed;opacity:.6}.permission-denied-notice{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-top:16px;padding:12px 14px;text-align:center}.permission-denied-notice p{color:#b91c1c;font-size:13px;line-height:1.5;margin:0}@media (max-width:480px){.permission-gate-card{padding:28px 20px}.permission-row{flex-direction:column;gap:10px;text-align:center}.permission-row-info h4{font-size:14px}}: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-divider{margin-top:.5rem;padding:.75rem 1.5rem .25rem}.sidebar-divider span{color:#78716c;font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.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;flex:1 1;font-size:1rem;padding:.875rem 1rem;transition:all .2s ease}.search-input:focus{box-shadow:0 0 0 3px #f7931a1a}.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}.modal-content.daily-report-modal{display:flex;flex-direction:column;max-height:85vh;max-width:80%;overflow:visible!important;width:80%}.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;display:inline-flex;font-size:.75rem;font-weight:600;padding:.2rem .5rem}.idle-indicator{background:#fef3c7;color:#92400e}.idle-indicator,.resolved-indicator{align-items:center;border-radius:8px;display:inline-flex;font-size:.65rem;font-weight:600;margin-left:.5rem;padding:.15rem .4rem}.resolved-indicator{background:#d1fae5;color:#065f46;gap:.2rem}.mark-employee-list{display:flex;flex-direction:column;gap:.5rem}.mark-employee-item{align-items:center;background:#f9fafb;border:1px solid #f3f4f6;border-radius:8px;display:flex;justify-content:space-between;padding:.75rem}.mark-employee-info{display:flex;flex-direction:column;gap:.15rem;min-width:0}.mark-employee-name{color:#1f2937;font-size:.9rem;font-weight:600}.mark-employee-meta{color:#6b7280;font-size:.75rem}.mark-selected-employee{align-items:center;background:#fff8f0;border:1px solid #f7931a;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:1rem;padding:.75rem}.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;display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-content .modal-form{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.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}.btn-remove{align-items:center;background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;gap:.375rem;min-width:-webkit-fit-content;min-width:fit-content;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap;width:auto}.btn-remove:hover{background:#dc2626}.image-preview-container .btn-remove{min-width:-webkit-fit-content;min-width:fit-content;width:auto}@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-section-label{color:#9ca3af;font-size:.7rem;font-weight:700;letter-spacing:.6px;margin-bottom:.5rem;padding-left:.25rem;text-transform:uppercase}.report-section-label:not(:first-child){margin-top:.75rem}.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}.detail-section-title{border-top:1px solid #f3f4f6;color:#9ca3af;font-size:.75rem;letter-spacing:.05em;margin-top:.75rem;padding-top:.75rem}.detail-section-title,.form-section h3{font-weight:600;text-transform:uppercase}.form-section h3{border-bottom:1px solid #f3f4f6;color:#6b7280;font-size:.8rem;letter-spacing:.04em;margin:1rem 0 .5rem;padding-bottom:.25rem}.form-section:first-child h3{margin-top:0}.loading-state{align-items:center;color:#6b7280;display:flex;justify-content:center;padding:3rem}.exit-type-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:.75rem;font-weight:600;padding:.2rem .65rem;text-transform:capitalize}.exit-type-badge.resignation{background:#fef3c7;color:#92400e}.exit-type-badge.termination{background:#fee2e2;color:#991b1b}.fnf-status-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:.75rem;font-weight:600;padding:.2rem .65rem;text-transform:capitalize}.fnf-status-badge.pending{background:#f3f4f6;color:#6b7280}.fnf-status-badge.calculated{background:#fef3c7;color:#d97706}.fnf-status-badge.approved{background:#dbeafe;color:#2563eb}.fnf-status-badge.paid{background:#d1fae5;color:#059669}.fnf-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:1.25rem}.fnf-breakdown{background:#f9fafb;border-radius:8px;padding:1rem}.fnf-table{display:flex;flex-direction:column;gap:0}.fnf-row{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:.625rem .75rem}.fnf-row:last-child{border-bottom:none}.fnf-row .fnf-label{color:#374151;font-size:.875rem;font-weight:500}.fnf-row .fnf-value{color:#1f2937;font-size:.9rem;font-weight:600}.fnf-row .fnf-value.earning{color:#059669}.fnf-row .fnf-value.deduction{color:#dc2626}.fnf-row.fnf-subtotal{background:#f3f4f6;border-radius:6px;margin:4px 0}.fnf-row.fnf-subtotal .fnf-label,.fnf-row.fnf-subtotal .fnf-value{font-weight:700}.fnf-row.fnf-total{background:linear-gradient(135deg,#f7931a,#ffb347);border-radius:8px;margin-top:8px;padding:.875rem}.fnf-row.fnf-total .fnf-label{color:#fff;font-size:.95rem;font-weight:700}.fnf-row.fnf-total .fnf-value{color:#fff;font-size:1.1rem;font-weight:700}.fnf-edit-form{background:#f9fafb;border-radius:8px;padding:1rem}.fnf-edit-form .form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.fnf-edit-form .form-group{margin-bottom:.75rem}.fnf-edit-form .form-group label{font-size:.8rem;margin-bottom:.375rem}.fnf-edit-form .form-group input{font-size:.9rem;padding:.5rem .75rem}.adjustment-row input{border:1px solid #e5e7eb;border-radius:6px;font-size:.85rem;padding:.5rem .75rem}.adjustment-row input:focus{border-color:#f7931a;outline:none}@media (max-width:640px){.fnf-edit-form .form-row{grid-template-columns:1fr}.adjustment-row{flex-wrap:wrap}}.pagination-container{align-items:center;border-top:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin-top:1rem;padding:.75rem 0}.pagination-info{color:#6b7280;font-size:.8rem;white-space:nowrap}.pagination-controls{align-items:center;display:flex;gap:.25rem}.pagination-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:500;height:32px;justify-content:center;min-width:32px;padding:0 .375rem;transition:all .15s ease}.pagination-btn:hover:not(:disabled):not(.active){background:#f3f4f6;border-color:#9ca3af}.pagination-btn:disabled{cursor:not-allowed;opacity:.4}.pagination-btn.active{background:#4a6cf7;border-color:#4a6cf7;color:#fff}.pagination-ellipsis{align-items:center;color:#9ca3af;display:inline-flex;font-size:.8rem;height:32px;justify-content:center;min-width:32px}@media (max-width:640px){.pagination-container{align-items:center;flex-direction:column;justify-content:center}}.leaflet-image-layer,.leaflet-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane,.leaflet-pane>canvas,.leaflet-pane>svg,.leaflet-tile,.leaflet-tile-container,.leaflet-zoom-box{left:0;position:absolute;top:0}.leaflet-container{overflow:hidden}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.leaflet-tile::selection{background:#0000}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{height:1600px;-webkit-transform-origin:0 0;width:1600px}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-height:none!important;max-width:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer{max-height:none!important;max-width:none!important;padding:0;width:auto}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{box-sizing:border-box;height:0;width:0;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{height:1px;width:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{pointer-events:visiblePainted;pointer-events:auto;position:relative;z-index:800}.leaflet-bottom,.leaflet-top{pointer-events:none;position:absolute;z-index:1000}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{clear:both;float:left}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-pan-anim .leaflet-tile,.leaflet-zoom-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-control,.leaflet-popup-pane{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:grabbing}.leaflet-image-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-image-layer.leaflet-interactive,.leaflet-marker-icon.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{background:#ffffff80;border:2px dotted #38f}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{border-radius:4px;box-shadow:0 1px 5px #000000a6}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;color:#000;display:block;height:26px;line-height:26px;text-align:center;text-decoration:none;width:26px}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:focus,.leaflet-bar a:hover{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom:none;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.leaflet-bar a.leaflet-disabled{background-color:#f4f4f4;color:#bbb;cursor:default}.leaflet-touch .leaflet-bar a{height:30px;line-height:30px;width:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{background:#fff;border-radius:5px;box-shadow:0 1px 5px #0006}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);height:36px;width:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{height:44px;width:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{background:#fff;color:#333;padding:6px 10px 6px 6px}.leaflet-control-layers-scrollbar{overflow-x:hidden;overflow-y:scroll;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{border-top:1px solid #ddd;height:0;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{color:#333;line-height:1.4;padding:0 5px}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:focus,.leaflet-control-attribution a:hover{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;height:.6669em;vertical-align:initial!important;width:1em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{background:#fffc;border:2px solid #777;border-top:none;box-sizing:border-box;line-height:1.1;padding:2px 5px 1px;text-shadow:1px 1px #fff;white-space:nowrap}.leaflet-control-scale-line:not(:first-child){border-bottom:none;border-top:2px solid #777;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers{box-shadow:none}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-layers{background-clip:padding-box;border:2px solid #0003}.leaflet-popup{margin-bottom:20px;position:absolute;text-align:center}.leaflet-popup-content-wrapper{border-radius:12px;padding:1px;text-align:left}.leaflet-popup-content{font-size:13px;font-size:1.08333em;line-height:1.3;margin:13px 24px 13px 20px;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{height:20px;left:50%;margin-left:-20px;margin-top:-1px;overflow:hidden;pointer-events:none;position:absolute;width:40px}.leaflet-popup-tip{height:17px;margin:-10px auto 0;padding:1px;pointer-events:auto;transform:rotate(45deg);width:17px}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;box-shadow:0 3px 14px #0006;color:#333}.leaflet-container a.leaflet-popup-close-button{background:#0000;border:none;color:#757575;font:16px/24px Tahoma,Verdana,sans-serif;height:24px;position:absolute;right:0;text-align:center;text-decoration:none;top:0;width:24px}.leaflet-container a.leaflet-popup-close-button:focus,.leaflet-container a.leaflet-popup-close-button:hover{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678,M12=0.70710678,M21=-0.70710678,M22=0.70710678);margin:0 auto;width:24px}.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{background-color:#fff;border:1px solid #fff;border-radius:3px;box-shadow:0 1px 3px #0006;color:#222;padding:6px;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;white-space:nowrap}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before,.leaflet-tooltip-top:before{background:#0000;border:6px solid #0000;content:"";pointer-events:none;position:absolute}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{border-top-color:#fff;bottom:0;margin-bottom:-12px}.leaflet-tooltip-bottom:before{border-bottom-color:#fff;margin-left:-6px;margin-top:-12px;top:0}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{margin-top:-6px;top:50%}.leaflet-tooltip-left:before{border-left-color:#fff;margin-right:-12px;right:0}.leaflet-tooltip-right:before{border-right-color:#fff;left:0;margin-left:-12px}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.geofence-section{border-top:1px solid #e5e7eb;margin-top:1.25rem;padding-top:1.25rem}.geofence-toggle{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.geofence-toggle label{color:#374151;font-size:.9rem;font-weight:500}.geofence-toggle-switch{flex-shrink:0;height:24px;position:relative;width:44px}.geofence-toggle-switch input{height:0;opacity:0;width:0}.geofence-toggle-slider{background-color:#d1d5db;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:background-color .2s}.geofence-toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:transform .2s;width:18px}.geofence-toggle-switch input:checked+.geofence-toggle-slider{background-color:#f7931a}.geofence-toggle-switch input:checked+.geofence-toggle-slider:before{transform:translateX(20px)}.geofence-editor{margin-top:.5rem}.geofence-map-wrapper{border:1px solid #e5e7eb;border-radius:8px;height:300px;overflow:hidden}.geofence-controls{align-items:center;display:flex;justify-content:space-between;margin-top:.5rem}.geofence-instructions{color:#6b7280;font-size:.8rem;font-style:italic;margin:0}.geofence-clear-btn{background:none;border:none;border-radius:4px;color:#ef4444;cursor:pointer;font-size:.8rem;font-weight:500;padding:.25rem .5rem;white-space:nowrap}.geofence-clear-btn:hover{background-color:#fef2f2}.geofence-badge{background-color:#fff7ed;border:1px solid #fdba74;border-radius:9999px;color:#c2410c;display:inline-block;font-size:.7rem;font-weight:600;margin-top:.35rem;padding:.15rem .5rem}.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}}.office-badge{align-items:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;color:#2563eb;display:inline-flex;font-size:.7rem;font-weight:500;gap:.25rem;line-height:1.4;padding:.125rem .5rem;white-space:nowrap}.calendar-tabs{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;display:flex;gap:0;margin-bottom:1.5rem;overflow:hidden}.calendar-tabs button{background:#fff;border:none;border-bottom:3px solid #0000;color:#57534e;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;padding:.875rem 1.5rem;transition:all .2s}.calendar-tabs button:hover{background:#fafaf9;color:#f7931a}.calendar-tabs button.active{background:#fffbf5;border-bottom-color:#f7931a;color:#f7931a}.calendar-nav{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;gap:1rem;margin-bottom:1.5rem}.calendar-nav .btn-icon{align-items:center;background:#f5f5f4;border:none;border-radius:8px;color:#57534e;cursor:pointer;display:flex;font-size:1.1rem;height:36px;justify-content:center;transition:all .2s;width:36px}.calendar-nav .btn-icon:hover{background:#f7931a;color:#fff}.calendar-nav-center{align-items:center;display:flex;flex:1 1;gap:.75rem;justify-content:center}.calendar-nav-center select{background:#fff;border:1px solid #e7e5e4;border-radius:8px;color:#1c1917;font-size:.9rem;padding:.5rem .75rem}.employee-select{min-width:220px}.calendar-grid{grid-gap:1px;background:#e7e5e4;border-radius:12px;box-shadow:0 1px 3px #00000014;gap:1px;overflow:hidden}.calendar-header-cell{background:#292524;color:#fff;font-size:.8rem;font-weight:700;letter-spacing:.05em;padding:.75rem .5rem;text-align:center;text-transform:uppercase}.calendar-cell{background:#fff;display:flex;flex-direction:column;gap:.25rem;min-height:80px;padding:.5rem;position:relative}.calendar-cell.empty{background:#fafaf9}.calendar-cell.today{border:2px solid #f7931a;z-index:1}.calendar-cell.holiday{background:#fff1f2}.calendar-cell.weekend{background:#f5f5f4}.day-number{color:#1c1917;font-size:.85rem}.calendar-cell.weekend .day-number{color:#a8a29e}.holiday-tag{background:#fecdd3;border-radius:4px;color:#be123c;font-size:.65rem;font-weight:600;max-width:100%;overflow:hidden;padding:.1rem .35rem;text-overflow:ellipsis;white-space:nowrap}.attendance-dot{border-radius:50%;display:inline-block;flex-shrink:0;height:8px;width:8px}.leave-tag{background:#dbeafe;border-radius:4px;color:#1d4ed8;font-size:.6rem;font-weight:600;padding:.1rem .35rem;text-transform:capitalize}.aggregate-text{color:#57534e;font-size:.7rem;font-weight:600;margin-top:auto}.calendar-legend{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;color:#57534e;font-size:.85rem;gap:1.25rem;margin-top:1rem;padding:1rem 1.5rem}.calendar-legend>span{align-items:center;display:flex;gap:.5rem}.legend-box{border:1px solid #e7e5e4;border-radius:4px;display:inline-block;height:16px;width:16px}.legend-box.holiday{background:#fff1f2;border-color:#fecdd3}.legend-box.weekend{background:#f5f5f4}.balance-cards{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.balance-card{background:#fff;border-radius:12px;border-top:3px solid #e7e5e4;box-shadow:0 1px 3px #00000014;flex:1 1;min-width:120px;padding:1rem;text-align:center}.balance-card.casual{border-top-color:#3b82f6}.balance-card.sick{border-top-color:#ef4444}.balance-card.personal{border-top-color:#8b5cf6}.balance-card.vacation{border-top-color:#22c55e}.balance-card.other{border-top-color:#f59e0b}.balance-type{color:#78716c;font-size:.75rem;font-weight:700;letter-spacing:.05em;margin-bottom:.25rem;text-transform:uppercase}.balance-value{color:#1c1917;font-size:1.5rem;font-weight:700}.balance-label{color:#a8a29e;font-size:.75rem}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-input-wrapper .search-icon{color:#a8a29e;font-size:.9rem;left:.75rem;pointer-events:none;position:absolute}.search-input{border:1px solid #e7e5e4;border-radius:8px;font-size:.9rem;min-width:200px;padding:.5rem .75rem .5rem 2.25rem}.search-input:focus{border-color:#f7931a;outline:none}.filter-bar{align-items:center;gap:.75rem}.leave-balance-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.leave-balance-pill{align-items:center;background:#fff;border-radius:20px;box-shadow:0 1px 3px #00000014;display:flex;font-size:.85rem;font-weight:600;gap:.5rem;padding:.5rem 1rem}.leave-balance-pill .pill-type{color:#57534e;text-transform:capitalize}.leave-balance-pill .pill-value{color:#1c1917}.leave-balance-pill.casual .pill-dot{background:#3b82f6}.leave-balance-pill.sick .pill-dot{background:#ef4444}.leave-balance-pill.personal .pill-dot{background:#8b5cf6}.leave-balance-pill.vacation .pill-dot{background:#22c55e}.leave-balance-pill.other .pill-dot{background:#f59e0b}.pill-dot{border-radius:50%;display:inline-block;height:8px;width:8px}@media (max-width:768px){.calendar-grid{font-size:.8rem}.calendar-cell{min-height:60px;padding:.25rem}.calendar-nav,.calendar-nav-center{flex-wrap:wrap}.employee-select{min-width:100%}.balance-cards{flex-direction:column}.calendar-legend{font-size:.75rem;gap:.75rem}.filter-bar{flex-wrap:wrap}}.attendance-map-container{border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;position:relative}.overview-map-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:1.25rem}.map-title{align-items:center;color:#1f2937;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.leaflet-container{border-radius:8px;font-family:inherit}.no-location-data{align-items:center;background:#f3f4f6;border-radius:8px;color:#6b7280;display:flex;justify-content:center;text-align:center}.no-location-data p{font-size:.9rem;margin:0}.map-legend{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-start;padding:.75rem 0 0}.legend-item{font-size:.8rem}.legend-dot{border-radius:50%}.legend-dot.checkin{background:#22c55e}.legend-dot.checkout{background:#ef4444}.legend-dot.active{background:#f97316}.legend-dot.completed{background:#3b82f6}.legend-info{color:#9ca3af;font-size:.75rem;margin-left:auto}.map-popup{min-width:120px;padding:.25rem 0}.map-popup strong{color:#1f2937;display:block;font-size:.9rem;margin-bottom:.25rem}.popup-label{font-weight:600;letter-spacing:.025em;text-transform:uppercase}.popup-id,.popup-label{color:#6b7280;font-size:.75rem}.popup-id{margin-bottom:.25rem}.popup-time{color:#374151;font-size:.8rem}.popup-accuracy{color:#9ca3af;font-size:.7rem;margin-top:.25rem}.popup-status{border-radius:9999px;display:inline-block;font-size:.75rem;font-weight:600;margin-top:.25rem;padding:.125rem .5rem}.popup-status.active{background:#f9731626;color:#ea580c}.leaflet-popup-content-wrapper{border-radius:8px;box-shadow:0 4px 12px #00000026}.leaflet-popup-content{font-family:inherit;margin:8px 12px}.leaflet-popup-tip{box-shadow:0 4px 12px #0000001a}.location-section{background:#f9fafb;border-radius:8px;margin-top:1.5rem;padding:1rem}.location-section h4{align-items:center;color:#374151;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;margin:0 0 1rem}@media (max-width:640px){.overview-map-container{padding:1rem}.map-legend{align-items:flex-start;flex-direction:column;gap:.5rem}.legend-info{margin-left:0;margin-top:.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{justify-content:center;margin-bottom:2rem}.spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#f7931a;height:50px;width:50px}.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{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.location-status{margin-bottom:.5rem;max-width:400px;width:100%}.location-loading{align-items:center;background:#f7931a1a;border:1px solid #f7931a33;border-radius:8px;border-radius:var(--emp-radius);color:#f7931a;color:var(--emp-primary);display:flex;font-size:.85rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1rem}.location-loading svg{animation:spin 1s linear infinite}.location-success{background:#10b9811a;border:1px solid #10b98133;border-radius:8px;border-radius:var(--emp-radius);color:#10b981;color:var(--emp-success)}.location-error,.location-success{align-items:center;display:flex;font-size:.85rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1rem}.location-error{background:#ef44441a;border:1px solid #ef444433;border-radius:8px;border-radius:var(--emp-radius);color:#ef4444;color:var(--emp-danger);flex-wrap:wrap}.location-error .btn-small{background:#ef4444;background:var(--emp-danger);border:none;border-radius:8px;border-radius:var(--emp-radius);color:#fff;cursor:pointer;font-size:.75rem;font-weight:600;padding:.375rem .75rem;transition:all .2s ease}.location-error .btn-small:hover{background:#dc2626}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.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.d3d3dd3c.css.map*/