:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page-skeleton{min-height:580px}.page-skeleton header{margin-bottom:22px}.page-skeleton h2{color:#132c56;margin:0 0 12px;font-size:25px}.skeleton-shine{background:linear-gradient(100deg,#edf2f9 25%,#f8faff 45%,#edf2f9 65%) 0 0/220% 100%;border-radius:6px;animation:1.6s ease-in-out infinite skeleton-loading;display:block}.skeleton-subtitle{width:44%;max-width:350px;height:13px}.page-skeleton-layout{gap:18px;display:grid}.page-skeleton-profile .page-skeleton-layout{grid-template-columns:310px minmax(0,1fr)}.page-skeleton-card{box-sizing:border-box;background:#fff;border:1px solid #dce7f6;border-radius:10px;padding:22px}.page-skeleton-layout>aside{align-self:start;min-height:425px}.skeleton-avatar{border-radius:50%;width:96px;height:96px;margin:10px auto 22px}.skeleton-name{width:160px;max-width:65%;height:18px}.page-skeleton-layout>aside>.skeleton-name{margin:0 auto 12px}.skeleton-tag{border-radius:16px;width:100px;height:25px}.page-skeleton-layout>aside>.skeleton-tag{margin:0 auto 25px}.skeleton-contact .page-skeleton-fields{grid-template-columns:1fr;gap:18px}.skeleton-contact .skeleton-input{width:85%;height:15px}.skeleton-contact .skeleton-label{display:none}.page-skeleton-main{gap:18px;display:grid}.skeleton-card-heading{align-items:center;gap:12px;margin-bottom:23px;display:flex}.skeleton-icon{border-radius:9px;flex-shrink:0;width:38px;height:38px}.page-skeleton-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.skeleton-label{width:90px;max-width:70%;height:11px;margin-bottom:9px}.skeleton-input{border-radius:8px;width:100%;height:42px}.skeleton-footer{justify-content:flex-end;margin-top:22px;display:flex}.skeleton-footer .skeleton-tag{border-radius:7px;width:110px;height:32px}@keyframes skeleton-loading{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion:reduce){.skeleton-shine{animation:none}}@media (width<=1000px){.page-skeleton-profile .page-skeleton-layout{grid-template-columns:1fr}.page-skeleton-layout>aside{display:none}}@media (width<=600px){.page-skeleton-fields{grid-template-columns:1fr}}.notification-settings{gap:18px;display:grid}.notice-heading{justify-content:space-between;align-items:center;gap:18px;display:flex}.notice-heading h2,.notice-heading h3,.notice-card h3{margin:0 0 6px}.notification-settings p{color:#60769b;margin:5px 0 12px}.notice-actions,.notice-status,.notice-test,.notice-pagination{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.notification-settings button{color:#075ee8;cursor:pointer;background:#fff;border:1px solid #cbdcff;border-radius:8px;padding:9px 14px;font-weight:600}.notification-settings button.primary-button{color:#fff;background:#0865ed}.notification-settings button:disabled{opacity:.45;cursor:default}.notice-card{background:#fff;border:1px solid #dce7f6;border-radius:12px;padding:20px}.notice-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.notice-option{background:#f7faff;border:1px solid #e5ecf7;border-radius:10px;justify-content:space-between;align-items:center;gap:18px;padding:16px;display:flex}.notice-option strong{font-size:14px;display:block}.notice-option small,.notice-fields small{color:#6b7e9e;margin-top:6px;line-height:1.5;display:block}.notice-option input{accent-color:#0865ed;flex-shrink:0;width:36px;height:20px}.notice-unavailable{color:#7b89a3;margin-top:16px}.notice-badge{white-space:nowrap;color:#677b9d;vertical-align:middle;background:#edf2fa;border-radius:6px;padding:5px 8px;font-size:11px;font-weight:600;display:inline-block}.notice-badge.ready{color:#00844e;background:#dcf8eb}.notice-status{background:#eef5ff;border-radius:8px;margin:12px 0;padding:12px;font-size:13px}.notice-status button{margin-left:auto}.notice-help{font-size:13px;line-height:1.65}.notice-fields{grid-template-columns:1fr 1fr 180px;gap:16px;margin:20px 0;display:grid}.notice-fields label{font-size:13px;font-weight:600}.notice-fields label>span{color:#7b89a3;font-weight:400}.notice-fields input{box-sizing:border-box;color:#132e59;background:#fff;border:1px solid #cbdcff;border-radius:7px;width:100%;margin-top:8px;padding:11px;display:block}.notice-fields small[role=alert]{color:#c32645}.notice-test small{color:#7183a0;font-size:12px}.notice-save-state{font-size:12px}.notice-inbox-item{border-bottom:1px solid #e6edf8;justify-content:space-between;align-items:center;gap:20px;padding:16px;display:flex}.notice-inbox-item.unread{background:#f4f8ff;border-left:3px solid #1b75f0}.notice-inbox-item small{color:#7a8ba5;font-size:12px}.notice-inbox-item p{margin:6px 0;font-size:13px}.notice-pagination{color:#7183a0;justify-content:flex-end;margin-top:16px;font-size:12px}.notice-pagination span{margin-right:auto}.notice-empty{text-align:center;color:#7183a0;background:#f8faff;border-radius:8px;padding:28px}.notice-delivery{border-bottom:1px solid #e7eef8;grid-template-columns:140px 190px 1fr;gap:12px;padding:12px 0;font-size:13px;display:grid}.notice-delivery small{color:#7183a0}@media (width<=1100px){.notice-grid,.notice-fields{grid-template-columns:1fr}.notice-heading{flex-wrap:wrap;align-items:flex-start}.notice-delivery{grid-template-columns:1fr}.notice-inbox-item{flex-wrap:wrap}}.notice-option input[role=switch]{appearance:none;cursor:pointer;background:#b9c8e3;border:0;border-radius:20px;transition:background .15s;position:relative}.notice-option input[role=switch]:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0002}.notice-option input[role=switch]:checked{background:#1670f6}.notice-option input[role=switch]:checked:after{transform:translate(16px)}.notice-option input[role=switch]:disabled{opacity:.5;cursor:default}.notice-option input[role=switch]:focus-visible{outline-offset:3px;outline:3px solid #99c4ff}.notice-bell-count{color:#fff;background:#e33454;border-radius:12px;min-width:12px;padding:3px 5px;font-size:10px;font-weight:700;position:absolute;top:-6px;right:-5px}.notice-bell-panel{z-index:200;background:#fff;border:1px solid #d4e2f7;border-radius:14px;width:min(440px,85vw);max-height:70vh;padding:18px;position:absolute;top:48px;right:0;overflow:auto;box-shadow:0 15px 50px #0c315633}.notice-bell-panel button{color:#0865ed;cursor:pointer;background:#fff;border:1px solid #d4e2f7;border-radius:6px;padding:6px 10px}.notice-bell-panel button:disabled{opacity:.4}.notice-bell-panel h3{margin:0;font-size:16px}.notice-bell-panel p{color:#60769b;font-size:13px}.notice-fields select{background:#fff;border:1px solid #cbdcff;border-radius:7px;width:100%;margin-top:8px;padding:11px;display:block}#root{min-height:100vh}*{box-sizing:border-box}body{color:#17212b;background:#eef2f5;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{border-radius:8px}.login-page{color:#081044;background:#f7fbff;grid-template-columns:minmax(560px,1.52fr) minmax(520px,.98fr);width:100%;min-height:100dvh;display:grid;overflow:hidden}.login-visual{color:#081044;background:linear-gradient(90deg,#f6fbfff5 0%,#f6fbffc7 42%,#f6fbff3d 72%),url(/assets/new_login_bg-CsQiWrFK.png) 50%/cover no-repeat,#eef7ff;flex-direction:column;min-width:0;padding:clamp(32px,4.5vw,72px) clamp(34px,5vw,86px);display:flex;position:relative;overflow:hidden}.login-visual:after{content:"";pointer-events:none;background:linear-gradient(#ffffff24,#ffffff6b);position:absolute;inset:0}.login-brand,.login-trust-pill,.login-copy,.login-feature-grid,.login-stats{z-index:1;position:relative}.login-brand{gap:4px;width:fit-content;display:grid}.login-brand img{width:clamp(172px,16vw,230px);height:auto;display:block}.login-brand p,.login-product p,.login-heading p{color:#426096;margin:0}.login-trust-pill{color:#183b80;background:#ffffff8f;border:1px solid #d8e7f7;border-radius:999px;align-items:center;gap:9px;width:fit-content;margin-top:clamp(34px,5vh,58px);padding:9px 16px;font-weight:800;display:inline-flex;box-shadow:0 10px 30px #3f6fac14}.login-trust-pill span{color:#1578ff}.login-copy{width:min(670px,100%);margin-top:clamp(24px,4vh,42px)}.login-copy h1{color:#081044;letter-spacing:0;margin:0;font-size:clamp(42px,4.7vw,70px);line-height:1.06}.login-copy h1 span,.login-product h2 span{color:#0d7cff}.login-copy p{color:#415c91;width:min(620px,100%);margin:18px 0 0;font-size:clamp(18px,1.55vw,24px);line-height:1.44}.login-feature-grid{gap:22px;width:min(650px,100%);margin-top:clamp(32px,5vh,54px);display:grid}.login-feature-grid article{grid-template-columns:58px minmax(0,1fr);align-items:center;gap:18px;display:grid}.feature-icon{color:#147cff;background:linear-gradient(135deg,#e0efff,#f2f8ff);border-radius:14px;place-items:center;width:58px;height:58px;display:grid;position:relative}.feature-icon:before,.feature-icon:after{content:"";position:absolute}.feature-icon.screen:before{border:3px solid;border-radius:3px;width:25px;height:17px}.feature-icon.screen:after{border-bottom:3px solid;border-radius:0 0 8px 8px;width:22px;height:13px;bottom:15px}.feature-icon.shield:before{clip-path:polygon(50% 0,100% 18%,86% 78%,50% 100%,14% 78%,0 18%);border:3px solid;border-radius:14px 14px 18px 18px;width:24px;height:28px}.feature-icon.bars:before{background:linear-gradient(currentColor,currentColor) 0 15px/5px 13px no-repeat,linear-gradient(currentColor,currentColor) 10px 8px/5px 20px no-repeat,linear-gradient(currentColor,currentColor) 20px 0/5px 28px no-repeat;width:28px;height:28px}.feature-icon.team:before{background:radial-gradient(circle at 50% 6px,currentColor 0 5px,#0000 6px),radial-gradient(circle at 9px 10px,currentColor 0 4px,#0000 5px),radial-gradient(circle at 22px 10px,currentColor 0 4px,#0000 5px),linear-gradient(currentColor,currentColor) 50% 17px/31px 8px no-repeat;border-radius:999px 999px 8px 8px;width:31px;height:22px}.login-feature-grid strong{color:#081044;font-size:17px;line-height:1.2;display:block}.login-feature-grid p{color:#415c91;margin:4px 0 0;font-size:14px;line-height:1.35}.login-stats{flex-wrap:wrap;gap:0;margin-top:auto;padding-top:34px;display:flex}.login-stats span{color:#536b9e;border-right:1px solid #c9daf0;gap:2px;min-width:118px;margin-right:28px;padding-right:28px;font-size:14px;display:grid}.login-stats span:last-child{border-right:0}.login-stats strong{color:#0d2d70;font-size:25px;line-height:1}.login-panel{background:radial-gradient(circle at 86% 14%,#2090ff24,#0000 24%),linear-gradient(#fbfdff 0%,#f3f9ff 100%);place-items:center;min-width:0;padding:clamp(42px,6vh,68px) clamp(34px,4.6vw,64px);display:grid;position:relative}.theme-toggle{color:#28477f;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;font-weight:700;display:inline-flex;position:absolute;top:30px;right:56px}.theme-toggle span{color:#0c357c}.login-card{background:#fffffff0;border:1px solid #dbe8f8;border-radius:18px;gap:24px;width:min(540px,100%);padding:clamp(30px,4.5vh,44px) clamp(30px,3.5vw,46px) 28px;display:grid;box-shadow:0 28px 74px #2a599224}.login-product{text-align:center;justify-items:center;gap:12px;display:grid}.login-product-icon{background:linear-gradient(135deg,#2094ff,#065de9);border-radius:10px;place-items:center;width:74px;height:74px;display:grid;box-shadow:0 16px 34px #166bff3b}.login-product-icon img{object-fit:contain;filter:brightness(0)invert();width:50px;height:50px}.login-product h2{color:#081044;margin:4px 0 0;font-size:34px;line-height:1}.login-heading{gap:8px;display:grid}.login-heading h1{color:#081044;margin:0;font-size:30px;line-height:1.05}.login-form{gap:16px;display:grid}.login-field{gap:8px;display:grid}.login-field span{color:#081044;font-size:14px;font-weight:900}.login-field input{color:#07142f;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:16px}.login-input{background:#fff;border:1px solid #cdddf1;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;min-height:46px;padding:0 16px;display:grid}.login-input:focus-within{border-color:#1578ff;box-shadow:0 0 0 4px #1578ff1c}.login-field input::placeholder{color:#7382af}.input-symbol{color:#4c629a;width:22px;height:22px;display:block;position:relative}.input-symbol.link:before{content:"";border:2px solid;border-radius:999px;width:10px;height:7px;position:absolute;top:8px;left:3px;transform:rotate(-28deg)}.input-symbol.link:after{content:"";border:2px solid;border-radius:999px;width:10px;height:7px;position:absolute;top:8px;right:3px;transform:rotate(-28deg)}.input-symbol.mail:before{content:"";border:2px solid;border-radius:3px;position:absolute;inset:5px 2px}.input-symbol.mail:after{content:"";border-bottom:2px solid;border-left:2px solid;width:13px;height:8px;position:absolute;top:8px;left:5px;transform:rotate(-45deg)}.input-symbol.lock:before{content:"";border:2px solid;border-radius:3px;width:13px;height:10px;position:absolute;top:10px;left:5px}.input-symbol.lock:after{content:"";border:2px solid;border-bottom:0;border-radius:8px 8px 0 0;width:7px;height:10px;position:absolute;top:3px;left:8px}.input-symbol.eye:before{content:"";border:2px solid;border-radius:50%;position:absolute;inset:7px 2px}.input-symbol.eye:after{content:"";background:currentColor;border-radius:2px;width:2px;height:17px;position:absolute;top:4px;left:10px;transform:rotate(-45deg)}.input-symbol.building:before,.input-symbol.user:before{content:"";border:2px solid;border-radius:4px;position:absolute;inset:4px}.input-symbol.user:before{border-radius:50%}.login-options{color:#29457d;justify-content:space-between;align-items:center;gap:18px;font-size:15px;display:flex}.login-options label{align-items:center;gap:9px;display:inline-flex}.login-options input{accent-color:#1578ff;width:18px;height:18px}.login-options button{color:#0759e3;font:inherit;cursor:pointer;background:0 0;border:0;font-weight:800}.login-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1687ff,#0759e3);border:0;border-radius:8px;justify-content:center;align-items:center;gap:12px;min-height:50px;font-size:20px;font-weight:900;display:inline-flex;box-shadow:0 16px 28px #166bff33}.login-submit:disabled,.workspace-button:disabled{cursor:not-allowed;opacity:.62}.login-divider{color:#536b9e;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;display:grid}.login-divider span{background:#d6e3f7;height:1px}.login-divider p{margin:0;font-size:14px}.workspace-button{color:#07142f;cursor:pointer;background:#fff;border:1px solid #cdddf1;border-radius:8px;justify-content:center;align-items:center;gap:12px;min-height:48px;font-size:16px;font-weight:900;display:inline-flex}.workspace-button span{color:#e94235;font-size:21px}.login-status{color:#526575;background:#f8fafc;border:1px solid #d5e0e7;border-radius:8px;padding:12px 14px}.login-status.success{color:#176b57;background:#edf9f5;border-color:#9fd8c8}.login-terms{color:#52649c;text-align:center;margin:0;font-size:13px}.login-terms button{color:#0759e3;background:0 0;border:0;padding:0;font-weight:800}@media (width<=1180px){.login-page{grid-template-columns:1fr;overflow:auto}.login-visual{min-height:760px}.login-card{max-height:none}}@media (width<=720px){.login-page{min-width:360px}.login-visual{min-height:auto;padding:28px 20px 36px}.login-brand p{padding-left:58px}.login-copy h1{font-size:38px}.login-feature-grid{gap:18px}.login-feature-grid article{grid-template-columns:52px minmax(0,1fr)}.feature-icon{width:52px;height:52px}.login-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.login-stats span{border-right:0;margin:0;padding:0}.login-panel{padding:72px 18px 34px}.theme-toggle{top:24px;right:22px}.login-card{border-radius:16px;padding:24px}.login-input,.workspace-button,.login-submit{min-height:50px}}.login-page{background:#f7fbff;grid-template-columns:minmax(0,58%) minmax(420px,42%);height:auto;min-height:100vh;overflow:hidden auto}.login-visual{background:linear-gradient(90deg,#fffffff0 0%,#ffffffd1 44%,#ffffff61 100%),url(/assets/new_login_bg-CsQiWrFK.png) 50%/cover no-repeat;justify-content:flex-start;min-height:100vh;padding:48px 54px 44px 70px}.feature-icon{width:56px;height:56px}.login-stats{margin-top:34px;padding-top:0}.theme-toggle{top:30px;right:48px}.login-submit{min-height:50px}.workspace-button{min-height:48px}@media (width<=1180px){.login-page{grid-template-columns:1fr}.login-visual,.login-panel{min-height:auto}.login-panel{padding:84px 24px 36px}}@media (width<=720px){.login-visual{padding:30px 22px}.login-copy h1{font-size:38px}.login-copy p{font-size:18px}.login-card{padding:26px 22px}}.login-page{grid-template-columns:minmax(0,58%) minmax(420px,42%);height:100vh;min-height:0;overflow:hidden}.login-visual{gap:0;min-height:100vh;padding:34px 48px 28px 68px}.login-brand img{width:220px}.login-brand p{padding-left:90px;font-size:14px}.login-trust-pill{margin-top:34px;padding:7px 15px;font-size:15px}.login-copy{max-width:610px;margin-top:34px}.login-copy h1{max-width:590px;font-size:clamp(38px,3.65vw,58px);line-height:1.08}.login-copy p{max-width:560px;margin-top:16px;font-size:20px;line-height:1.35}.login-feature-grid{gap:12px;max-width:590px;margin-top:30px}.login-feature-grid article{grid-template-columns:48px minmax(0,1fr);gap:14px}.feature-icon{border-radius:12px;width:48px;height:48px}.login-feature-grid strong{font-size:16px}.login-feature-grid p{font-size:13px;line-height:1.25}.login-stats{display:none}.login-panel{place-items:center;min-height:100vh;padding:28px 42px;overflow:hidden}.theme-toggle{display:none}.login-card{border-radius:18px;gap:14px;width:min(540px,100%);padding:28px 44px 24px}.login-product{gap:8px}.login-product-icon{width:68px;height:68px}.login-product-icon img{width:44px;height:44px}.login-product h2{font-size:32px}.login-product p,.login-heading p{font-size:15px}.login-heading h1{font-size:29px}.login-form{gap:12px}.login-field{gap:7px}.login-field span{font-size:14px}.login-input{min-height:44px}.login-submit{min-height:50px;font-size:20px}.workspace-button{min-height:46px;font-size:16px}.login-status{padding:10px 14px}.login-terms{font-size:12px}@media (height<=820px){.login-visual{padding-top:24px;padding-bottom:20px}.login-brand img{width:195px}.login-trust-pill{margin-top:22px}.login-copy{margin-top:24px}.login-copy h1{font-size:clamp(34px,3.25vw,50px)}.login-copy p{font-size:18px}.login-feature-grid{gap:10px;margin-top:22px}.login-card{gap:11px;padding-top:24px;padding-bottom:20px}.login-product-icon{width:60px;height:60px}.login-product h2{font-size:30px}.login-input{min-height:42px}.login-submit{min-height:46px}}.login-stats span{color:#526b9e;border-right:1px solid #c9daf0;grid-template-rows:auto auto;grid-template-columns:18px auto;column-gap:8px;min-width:96px;margin-right:18px;padding-right:18px;font-size:13px;line-height:1.15;display:grid;position:relative}.login-stats span:before{content:"";opacity:.95;background:currentColor;grid-row:1/3;width:18px;height:18px;margin-top:3px}.login-stats span:first-child:before{color:#147cff;clip-path:path("M9 2a4 4 0 0 1 4 4v1h1.5A2.5 2.5 0 0 1 17 9.5V16H1V9.5A2.5 2.5 0 0 1 3.5 7H5V6a4 4 0 0 1 4-4Zm0 2a2 2 0 0 0-2 2v1h4V6a2 2 0 0 0-2-2Z")}.login-stats span:nth-child(2):before{color:#13b979;clip-path:polygon(50% 0,62% 36%,100% 36%,69% 58%,80% 96%,50% 73%,20% 96%,31% 58%,0 36%,38% 36%)}.login-stats span:nth-child(3):before{color:#ff9d22;clip-path:path("M9 1.5 11.2 6l4.8.7-3.5 3.4.8 4.8L9 12.6 4.7 14.9l.8-4.8L2 6.7 6.8 6 9 1.5Z")}.login-stats span:nth-child(4):before{color:#6f39ed;clip-path:path("M9 1.5a6 6 0 0 0-6 6V11a3 3 0 0 0 3 3h1V8H5V7.5a4 4 0 0 1 8 0V8h-2v6h1a3 3 0 0 0 3-3V7.5a6 6 0 0 0-6-6Z")}@media (height<=820px){.login-stats{margin-top:14px}.login-stats span{min-width:84px;margin-right:12px;padding-right:12px;font-size:12px}.login-stats strong{font-size:19px}}.login-stats{grid-template-columns:repeat(4,max-content);align-items:center;gap:0;margin-top:20px;padding-top:0;display:grid}.login-stats span{color:#526b9e;border-right:1px solid #c9daf0;grid-template-rows:auto auto;grid-template-columns:20px auto;column-gap:8px;min-width:104px;margin-right:18px;padding-right:18px;font-size:13px;line-height:1.15;display:grid}.login-stats span:last-child{border-right:0;margin-right:0;padding-right:0}.login-stats span:before{content:none}.login-stats svg{grid-row:1/3;align-self:center}.login-stats span:first-child svg{color:#147cff}.login-stats span:nth-child(2) svg{color:#13b979}.login-stats span:nth-child(3) svg{color:#ff9d22}.login-stats span:nth-child(4) svg{color:#6f39ed}.login-stats strong{color:#0d2d70;grid-column:2;font-size:22px;line-height:1}@media (height<=820px){.login-stats{margin-top:12px}.login-stats span{min-width:90px;margin-right:12px;padding-right:12px;font-size:12px}.login-stats strong{font-size:19px}}.login-trust-pill span{display:none}.login-trust-pill svg{color:#147cff;flex:none}.feature-icon:before,.feature-icon:after{content:none;display:none}.feature-icon svg{z-index:1;width:25px;height:25px;position:relative}.feature-icon.screen{color:#147cff;background:linear-gradient(135deg,#e0efff,#f2f8ff)}.feature-icon.shield{color:#13b979;background:linear-gradient(135deg,#dff8ec,#c9f3e1)}.feature-icon.bars{color:#ff9d22;background:linear-gradient(135deg,#fff1df,#ffe3b8)}.feature-icon.team{color:#6f39ed;background:linear-gradient(135deg,#eadfff,#ddd2ff)}.login-input svg{color:#4c629a;flex:none}.login-input:focus-within svg{color:#1578ff}.login-status.muted{color:#456094;background:#f7fbff;border-color:#d8e4f4}.workspace-button svg{color:#147cff;flex:none}.workspace-button span{display:none}.dashboard-shell{color:#080f46;background:#f4f9ff;grid-template-columns:290px minmax(0,1fr);min-height:100vh;display:grid}.dashboard-sidebar{color:#fff;background:linear-gradient(#061b3afa,#081f3afa),#071d35;flex-direction:column;gap:28px;height:100vh;padding:20px 12px;display:flex;position:sticky;top:0;overflow-y:auto}.dashboard-brand{align-items:center;gap:14px;padding:0 6px;display:flex}.dashboard-brand strong{font-size:18px;line-height:1;display:block}.dashboard-brand strong span{color:#08a8ff}.dashboard-brand p{color:#c7dcff;margin:7px 0 0;font-size:12px}.dashboard-brand-logo{object-fit:contain;width:190px;max-width:100%;height:auto;display:block}.dashboard-logo{color:#08a8ff;border:3px solid #08a8ff;border-radius:8px;flex:none;place-items:center;width:46px;height:46px;display:grid;position:relative}.dashboard-logo:before,.dashboard-logo:after{content:none}.dashboard-logo:before{content:"";border:2px solid #08a8ff;border-radius:3px;position:absolute;inset:11px 9px 15px}.dashboard-logo:after{content:"";border-bottom:2px solid #08a8ff;width:22px;height:10px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.dashboard-nav{gap:8px;display:grid}.dashboard-nav-item{color:#e7f1ff;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:18px;width:100%;min-height:50px;padding:12px 16px;font-weight:700;display:flex}.dashboard-nav-item:hover,.dashboard-nav-item.active{color:#fff;background:linear-gradient(135deg,#1687ff,#0759e3)}.nav-icon{flex:none;place-items:center;width:22px;height:22px;display:grid}.nav-icon:before,.nav-icon:after{content:none}.nav-icon:before{content:"";border:2px solid;border-radius:5px;position:absolute;inset:3px}.nav-icon.home:before{border-radius:3px;transform:rotate(45deg)}.nav-icon.user:before{border-radius:50%}.nav-icon.activity:before{border-radius:999px}.nav-icon.briefcase:after{content:"";border:2px solid;border-bottom:0;border-radius:4px 4px 0 0;height:6px;position:absolute;top:0;left:7px;right:7px}.nav-icon.team:before{border-top:0;border-radius:0 0 999px 999px;inset:8px 2px 3px}.nav-icon.team:after{content:"";border:2px solid;border-radius:50%;width:12px;height:12px;position:absolute;top:2px;left:5px}.nav-icon.clock:before{border-radius:50%}.nav-icon.clock:after{content:"";border-bottom:2px solid;border-left:2px solid;width:6px;height:7px;position:absolute;top:7px;left:11px}.nav-icon.calendar:before{border-radius:4px}.nav-icon.calendar:after{content:"";background:currentColor;height:2px;position:absolute;top:8px;left:5px;right:5px}.dashboard-logo:before,.dashboard-logo:after,.nav-icon:before,.nav-icon:after{content:none;display:none}.nav-icon.image:after{content:"";background:linear-gradient(135deg,#0000 43%,currentColor 44% 56%,#0000 57%),radial-gradient(circle at 75% 25%,currentColor 0 2px,#0000 3px);height:7px;position:absolute;bottom:6px;left:6px;right:6px}.nav-icon.file:before{inset:2px 5px}.nav-icon.file:after{content:"";border-bottom:2px solid;border-left:2px solid;width:7px;height:7px;position:absolute;top:2px;right:5px}.nav-icon.policy:after{content:"";background:currentColor;border-radius:50%;position:absolute;inset:7px}.dashboard-session{background:#ffffff14;border-radius:8px;align-items:center;gap:12px;margin-top:auto;padding:12px;display:flex}.session-avatar,.profile-button>span{color:#fff;background:linear-gradient(135deg,#8ec7ff,#1678ff);border-radius:50%;place-items:center;width:44px;height:44px;font-weight:800;display:grid}.dashboard-session strong{font-size:14px;display:block}.dashboard-session p,.profile-button p{color:#bdd4f5;margin:4px 0 0;font-size:12px}.dashboard-logout{color:#fff;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;min-height:44px;padding:10px 18px;font-weight:700}.dashboard-main{grid-template-rows:70px 1fr;min-width:0;display:grid}.dashboard-topbar{background:#f4f9ffe6;border-bottom:1px solid #dce8f7;justify-content:space-between;align-items:center;gap:24px;padding:14px 24px;display:flex}.dashboard-search{background:#fff;border:1px solid #d4e1f2;border-radius:6px;grid-template-columns:auto 1fr;align-items:center;gap:10px;width:min(490px,100%);min-height:38px;padding:0 14px;display:grid}.dashboard-search svg{color:#4365a8;flex:none}.dashboard-search input{color:#172554;min-width:0;font:inherit;border:0;outline:0}.dashboard-top-actions{align-items:center;gap:14px;display:flex}.date-button,.notification-button,.profile-button,.refresh-button{color:#14275f;cursor:pointer;background:#fff;border:1px solid #d4e1f2;border-radius:6px;min-height:38px;font-weight:700}.date-button{justify-content:center;align-items:center;gap:9px;padding:0 18px;display:inline-flex}.notification-button{justify-content:center;align-items:center;width:44px;display:inline-flex;position:relative}.notification-button:before{content:none}.notification-button span{color:#fff;background:#ff1f32;border-radius:50%;place-items:center;width:19px;height:19px;font-size:11px;display:grid;position:absolute;top:-7px;right:-5px}.profile-button{background:0 0;border:0;align-items:center;gap:10px;display:flex}.profile-button strong{color:#071047;font-size:14px;display:block}.refresh-button{color:#fff;background:#116eff;border:0;justify-content:center;align-items:center;gap:9px;padding:0 16px;display:inline-flex}.dashboard-content{min-width:0;padding:24px}@media (width<=980px){.dashboard-shell{grid-template-columns:1fr}.dashboard-sidebar{height:auto;position:static}.dashboard-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-main{grid-template-rows:auto 1fr}.dashboard-topbar{flex-direction:column;align-items:stretch}.dashboard-search{width:100%}.dashboard-top-actions{flex-wrap:wrap}}.nav-icon.apps:before{background:linear-gradient(currentColor 0 0) 0 0/7px 7px no-repeat,linear-gradient(currentColor 0 0) 100% 0/7px 7px no-repeat,linear-gradient(currentColor 0 0) 0 100%/7px 7px no-repeat,linear-gradient(currentColor 0 0) 100% 100%/7px 7px no-repeat;border:0;border-radius:3px;inset:2px}.dashboard-session{text-align:left;cursor:pointer;border:0;width:100%}.dashboard-session:hover{background:#ffffff29}.dashboard-shell{background:linear-gradient(#eef6ff 0%,#f8fbff 100%);grid-template-columns:246px minmax(0,1fr)}.dashboard-sidebar{background:linear-gradient(#061d38 0%,#082844 100%);gap:30px;padding:24px 14px}.dashboard-main{grid-template-rows:58px 1fr}.dashboard-topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f6faffeb;padding:11px 24px}.dashboard-content{padding:18px 24px 14px}.dashboard-search{border-radius:8px;width:min(455px,100%);min-height:36px;box-shadow:0 8px 24px #254b800f}.dashboard-nav-item{border-radius:8px;min-height:50px;padding:12px 18px}.dashboard-session{background:#ffffff14;border-radius:8px}.refresh-button{background:linear-gradient(135deg,#1687ff,#0759e3);min-width:112px}.admin-overview{gap:14px;display:grid}.overview-heading{justify-content:space-between;align-items:end;gap:24px;display:flex}.overview-heading h1{color:#070d3f;margin:0;font-size:30px;line-height:1.1}.overview-heading p,.overview-card p{color:#2e438c;margin:4px 0 0}.range-tabs{background:#f8fbff;border:1px solid #d3e3f8;border-radius:8px;grid-template-columns:repeat(4,minmax(92px,1fr));display:grid;overflow:hidden}.range-tabs button{color:#294181;cursor:pointer;background:0 0;border:0;border-right:1px solid #d3e3f8;min-height:38px;font-weight:700}.range-tabs button:last-child{border-right:0}.range-tabs button.active{color:#fff;background:linear-gradient(135deg,#1687ff,#0759e3)}.overview-range-filter{justify-items:end;gap:8px;display:grid}.custom-range-fields{color:#294181;justify-content:flex-end;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.custom-range-fields input{color:#10205e;min-height:34px;font:inherit;background:#fff;border:1px solid #d3e3f8;border-radius:7px;padding:0 10px}.range-tabs button:disabled,.custom-range-fields input:disabled{cursor:progress;opacity:.68}.admin-metric-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.overview-metric,.overview-card{background:#fffffff0;border:1px solid #dce8f7;border-radius:8px;box-shadow:0 10px 34px #254b8014}.overview-metric{grid-template-columns:66px minmax(0,1fr);align-items:center;gap:14px;min-height:124px;padding:14px;display:grid}.metric-icon{background:#eaf3ff;border-radius:10px;width:66px;height:66px;position:relative}.metric-icon:before,.metric-icon:after{content:"";position:absolute}.metric-icon.users:before{border:3px solid;border-top:0;border-radius:0 0 18px 18px;inset:22px 18px 16px}.metric-icon.screen:before{border:3px solid;border-radius:4px;inset:18px 16px 24px}.metric-icon.screen:after{background:currentColor;width:20px;height:3px;bottom:17px;left:23px}.metric-icon.clock:after{border-bottom:3px solid;border-left:3px solid;width:12px;height:14px;top:24px;left:33px}.metric-icon.file:before{border:3px solid;border-radius:4px;inset:16px 20px}.metric-icon.file:after{border-bottom:3px solid;border-left:3px solid;width:14px;height:14px;top:16px;right:20px}.overview-metric p{color:#314a91;margin:0;font-size:14px}.overview-metric strong{color:#070d3f;margin-top:5px;font-size:24px;line-height:1;display:block}.overview-metric small{color:#00a85a;margin-top:9px;font-weight:800;display:inline-block}.overview-metric small.down{color:#ff1f32}.overview-metric em{color:#314a91;margin-top:8px;font-size:13px;font-style:normal;display:block}.overview-grid{gap:10px;display:grid}.overview-card{min-width:0;padding:14px}.overview-card h2{color:#070d3f;margin:0;font-size:18px;line-height:1.2}.card-title-row{justify-content:space-between;align-items:start;gap:16px;display:flex}.chart-legend,.overview-attendance-legend,.status-legend{color:#2e438c;align-items:center;gap:16px;font-size:13px;display:flex}.chart-legend span,.overview-attendance-legend span,.status-legend span{align-items:center;gap:7px;display:inline-flex}.chart-legend span:before,.overview-attendance-legend i,.status-legend i{content:"";background:#1678ff;border-radius:999px;width:13px;height:8px}.chart-legend .idle-line:before,.status-legend i.idle{background:#aec8f5}.line-chart{margin-top:12px}.active-area{fill:#1678ff1f;stroke:none}.idle-area{fill:#aec8f52e;stroke:none}.active-path,.idle-path{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.2px}.active-path{stroke:#1678ff}.idle-path{stroke:#aec8f5}.active-dot{fill:#1678ff}.idle-dot{fill:#aec8f5}.chart-axis{color:#2e438c;grid-template-columns:repeat(6,1fr);margin-top:-8px;font-size:12px;display:grid}.usage-list{gap:13px;margin-top:18px;display:grid}.usage-row{color:#10205e;grid-template-columns:28px minmax(72px,.8fr) minmax(90px,1fr) auto auto;align-items:center;gap:10px;font-size:13px;display:grid}.app-icon,.activity-row>span{color:#1678ff;background:#e8f2ff;border-radius:7px;place-items:center;width:26px;height:26px;font-weight:900;display:grid}.usage-row strong{font-size:13px}.usage-track{background:#d5e3f8;border-radius:999px;height:9px;overflow:hidden}.usage-track i{border-radius:inherit;background:#1678ff;height:100%;display:block}.usage-row b{white-space:nowrap}.usage-row em{color:#31509a;background:#edf4ff;border-radius:6px;padding:5px 7px;font-style:normal}.card-link{color:#0759e3;cursor:pointer;background:0 0;border:0;justify-self:end;width:fit-content;padding:0;font-weight:800}.employee-status-card{display:grid}.employee-donut{background:radial-gradient(circle,#fff 0 42%,#0000 43%),#e5edf6;border-radius:50%;justify-self:center;place-items:center;width:162px;height:162px;margin-top:8px;display:grid}.employee-donut div{text-align:center}.employee-donut strong{color:#070d3f;font-size:30px;line-height:1;display:block}.employee-donut span{color:#2e438c;font-size:13px}.status-legend{flex-wrap:wrap;justify-content:center;margin-top:8px}.status-legend span{grid-template-columns:auto auto;gap:4px 7px;display:grid}.status-legend b{color:#10205e;grid-column:2;font-weight:700}.status-legend i{width:12px;height:12px}.status-legend i.active{background:#10bf72}.status-legend i.offline{background:#ff5b67}.recent-screenshot-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.recent-shot{min-width:0;margin:0}.recent-shot div{aspect-ratio:16/9;background:#e8f2ff;border-radius:7px;overflow:hidden}.recent-shot img{object-fit:cover;width:100%;height:100%;display:block}.recent-shot div span{color:#31509a;place-items:center;height:100%;font-weight:800;display:grid}.recent-shot figcaption{color:#2e438c;gap:3px;margin-top:7px;font-size:12px;display:grid}.recent-shot strong{color:#10205e;font-size:13px}.activity-list,.leave-card{gap:10px;display:grid}.activity-row,.leave-row{border-bottom:1px solid #edf2fb;align-items:center;gap:10px;padding-bottom:9px;display:grid}.activity-row{grid-template-columns:auto minmax(0,1fr) auto}.activity-row strong,.leave-row strong{color:#10205e;display:block}.activity-row small,.leave-row small,.activity-row time{color:#31509a;font-size:12px}.leave-row{border:1px solid #e3edf9;border-radius:9px;grid-template-columns:38px minmax(0,1fr) auto auto;padding:9px}.leave-row>span{color:#17377f;background:#dceafe;border-radius:50%;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.leave-row b{color:#2e438c;white-space:nowrap;font-size:12px}.leave-row em{border-radius:7px;padding:7px 9px;font-size:12px;font-style:normal;font-weight:800}.leave-row em.pending{color:#ff7a00;background:#fff1dc}.leave-row em.approved{color:#079652;background:#dff8ec}.leave-row em.rejected{color:#e40018;background:#ffe3e7}.attendance-bar{background:#d4e3f8;border-radius:999px;height:19px;margin:16px 0;display:flex;overflow:hidden}.attendance-bar span{display:block}.attendance-bar .present,.overview-attendance-legend i.present{background:#10bf72}.attendance-bar .absent,.overview-attendance-legend i.absent{background:#ff5b67}.attendance-bar .leave,.overview-attendance-legend i.leave{background:#aec8f5}.overview-attendance-legend{flex-wrap:wrap;justify-content:space-between}.overview-attendance-legend i{width:12px;height:12px}.overview-attendance-legend b{color:#10205e}.department-chart{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));align-items:end;gap:10px;min-height:116px;padding-top:12px;display:grid}.department-column{justify-items:center;gap:4px;display:grid}.department-column strong{color:#10205e;font-size:12px}.department-column span{border-radius:5px 5px 0 0;width:100%;max-width:64px;min-height:0}.department-column small{color:#2e438c;font-size:11px}.empty-card-text{color:#6376a7;margin:14px 0 0;font-weight:700}@media (width<=1400px){.admin-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.main-widgets,.lower-widgets,.summary-widgets{grid-template-columns:1fr}}@media (width<=760px){.overview-heading{flex-direction:column;align-items:stretch}.range-tabs,.admin-metric-grid,.recent-screenshot-row,.department-chart,.overview-metric,.usage-row,.leave-row{grid-template-columns:1fr}}.admin-overview{gap:10px}.overview-heading{margin-bottom:2px}.overview-heading h1{letter-spacing:0;font-size:30px}.admin-metric-grid{gap:10px}.overview-metric,.overview-card{background:linear-gradient(#fff 0%,#fbfdff 100%);border-color:#d9e7f7;box-shadow:0 12px 30px #2a548c14}.overview-metric{grid-template-columns:52px minmax(0,1fr);min-height:112px;padding:12px 14px}.metric-icon{border-radius:10px;width:52px;height:52px}.overview-metric strong{font-size:23px}.main-widgets{grid-template-columns:minmax(0,1.8fr) minmax(330px,1.13fr) minmax(270px,.95fr)}.lower-widgets{grid-template-columns:minmax(0,1.62fr) minmax(320px,.9fr) minmax(320px,.95fr)}.summary-widgets{grid-template-columns:minmax(0,1.05fr) minmax(0,1.08fr)}.overview-card{padding:14px 16px}.line-chart svg{height:170px}.usage-list{gap:11px;margin-top:16px}.usage-row{grid-template-columns:28px minmax(100px,1fr) minmax(92px,1fr) auto auto}.employee-donut{width:148px;height:148px}.recent-screenshot-row{gap:10px}.leave-row{min-height:58px}.attendance-bar{height:16px}.department-chart{min-height:104px}.card-link{color:#0768f6;background:#fff;border:1px solid #d9e7f7;border-radius:7px;padding:8px 12px}@media (width<=1400px){.main-widgets,.lower-widgets,.summary-widgets{grid-template-columns:1fr}}.overview-metric{isolation:isolate;grid-template-columns:54px minmax(0,1fr);position:relative;overflow:hidden}.metric-content{z-index:2;min-width:0;position:relative}.metric-icon{z-index:2;border-radius:10px;flex:none;width:54px;height:54px;display:block;position:relative}.metric-icon:before,.metric-icon:after{content:"";box-sizing:border-box;display:block;position:absolute}.metric-icon.users:before{border:3px solid;border-top:0;border-radius:0 0 16px 16px;width:28px;height:16px;top:25px;left:13px}.metric-icon.users:after{border:3px solid;border-radius:50%;width:17px;height:17px;top:12px;left:18px}.metric-icon.screen:before{border:3px solid;border-radius:4px;width:28px;height:22px;top:15px;left:13px}.metric-icon.screen:after{background:currentColor;border-radius:999px;width:18px;height:3px;bottom:11px;left:19px}.metric-icon.clock:before{border:3px solid;border-radius:50%;inset:13px}.metric-icon.clock:after{border-bottom:3px solid;border-left:3px solid;border-radius:0 0 0 3px;width:10px;height:13px;top:18px;left:27px}.metric-icon.image:before{border:3px solid;border-radius:4px;inset:14px}.metric-icon.image:after{background:linear-gradient(135deg,#0000 44%,currentColor 45% 55%,#0000 56%),radial-gradient(circle at 72% 22%,currentColor 0 3px,#0000 4px);width:22px;height:13px;top:28px;left:18px}.metric-icon.file:before{border:3px solid;border-radius:4px;width:20px;height:30px;top:12px;left:18px}.metric-icon.file:after{background:0 0;border-bottom:3px solid;border-left:3px solid;width:11px;height:11px;top:12px;right:16px}.overview-metric.blue .metric-icon{color:#126bff;background:#e9f2ff}.overview-metric.green .metric-icon{color:#0aa862;background:#e4f8ee}.overview-metric.purple .metric-icon{color:#8b35ff;background:#f1e7ff}.overview-metric.red .metric-icon{color:#ff2f48;background:#ffe9ee}.overview-metric.orange .metric-icon{color:#ff8700;background:#fff2df}.metric-wave{z-index:1;opacity:.9;pointer-events:none;background:linear-gradient(135deg,#0000 8%,#3b82f661);width:126px;height:58px;position:absolute;bottom:10px;right:12px;-webkit-mask:url("data:image/svg+xml,%3Csvg width='150' height='70' viewBox='0 0 150 70' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 70 C24 61 31 39 50 42 C73 46 76 18 101 15 C125 12 131 36 150 22 L150 70 Z' fill='black'/%3E%3Cpath d='M18 70 C42 58 48 42 66 45 C88 49 96 25 116 23 C133 21 139 34 150 29 L150 70 Z' fill='black' opacity='.55'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg width='150' height='70' viewBox='0 0 150 70' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 70 C24 61 31 39 50 42 C73 46 76 18 101 15 C125 12 131 36 150 22 L150 70 Z' fill='black'/%3E%3Cpath d='M18 70 C42 58 48 42 66 45 C88 49 96 25 116 23 C133 21 139 34 150 29 L150 70 Z' fill='black' opacity='.55'/%3E%3C/svg%3E") 50%/contain no-repeat}.overview-metric.blue .metric-wave{background:linear-gradient(135deg,#0000 8%,#3b82f661)}.overview-metric.green .metric-wave{background:linear-gradient(135deg,#0000 8%,#22c55e6b)}.overview-metric.purple .metric-wave{background:linear-gradient(135deg,#0000 8%,#9333ea61)}.overview-metric.red .metric-wave{background:linear-gradient(135deg,#0000 8%,#ef44445c)}.overview-metric.orange .metric-wave{background:linear-gradient(135deg,#0000 8%,#f59e0b66)}.productivity-card .card-title-row{align-items:flex-start}.line-chart{width:100%;max-width:660px;margin:18px auto 0}.line-chart svg{width:100%;height:165px;display:block;overflow:visible}.chart-axis{color:#2e438c;grid-template-columns:repeat(6,1fr);width:100%;max-width:660px;margin:2px auto 0;font-size:12px;display:grid}.active-path,.idle-path{stroke-width:1.8px}.active-dot,.idle-dot{transform-box:fill-box;transform-origin:50%}.active-dot{r:1.8}.idle-dot{r:1.65}.productivity-card{min-height:304px}.line-chart{width:100%;max-width:none;margin:18px 0 0;padding:0 8px}.line-chart svg{width:100%;height:170px;display:block}.chart-grid line{stroke:#d8e6f7;stroke-width:.45px}.active-area{fill:#1678ff21}.idle-area{fill:#aec8f538}.active-path,.idle-path{fill:none;stroke-linecap:round;stroke-linejoin:round}.active-path{stroke:#1678ff;stroke-width:1.45px}.idle-path{stroke:#9fc2f7;stroke-width:1.35px}.active-dot{fill:#1678ff;stroke:#fff;stroke-width:.8px}.idle-dot{fill:#9fc2f7;stroke:#fff;stroke-width:.7px}.chart-axis{color:#2e438c;grid-template-columns:repeat(7,1fr);margin-top:4px;padding:0 8px;font-size:12px;display:grid}.chart-axis span{text-align:center}.chart-axis span:first-child{text-align:left}.chart-axis span:last-child{text-align:right}.productivity-bar-chart{min-height:190px;margin-top:18px;padding:18px 14px 0;position:relative;overflow-x:auto}.bar-chart-grid{pointer-events:none;grid-template-rows:repeat(4,1fr);display:grid;position:absolute;inset:18px 14px 28px}.bar-chart-grid span{border-top:1px solid #dce8f7}.bar-chart-bars{z-index:1;grid-template-columns:repeat(var(--bar-count,7), minmax(0, 1fr));align-items:end;gap:18px;height:160px;display:grid;position:relative}.bar-group{justify-items:center;gap:8px;min-width:0;display:grid}.bar-pair{justify-content:center;align-items:end;gap:5px;height:128px;display:flex}.bar-pair span{border-radius:7px 7px 2px 2px;width:13px;min-height:0;box-shadow:0 8px 18px #1678ff24}.active-bar{background:linear-gradient(#1687ff,#0759e3)}.idle-bar{background:linear-gradient(#bdd5fb,#8db8f7)}.bar-group small{color:#2e438c;white-space:nowrap;font-size:12px}.recent-screenshots-card{min-height:356px}.recent-screenshot-row{grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:14px 12px}.recent-shot div{aspect-ratio:16/9}.recent-shot figcaption{min-height:54px}.overview-summary-panels .overview-card{min-width:0;padding:22px}.summary-panel-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.summary-panel-heading p{color:#73829a;margin-top:5px;font-size:13px}.summary-count-tag{color:#526783;white-space:nowrap;background:#f1f6fd;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:600}.attendance-rate-block{align-items:center;gap:24px;margin:6px 0 24px;display:flex}.attendance-rate-ring{border-radius:50%;flex:0 0 116px;width:116px;height:116px;padding:9px}.attendance-rate-ring>div{background:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:100%;height:100%;display:flex}.attendance-rate-ring strong{color:#102a47;font-size:27px}.attendance-rate-ring span{color:#74849a;font-size:11px}.attendance-rate-copy>span{color:#697c93;font-size:13px}.attendance-rate-copy>strong{color:#102a47;margin:5px 0;font-size:32px;display:block}.attendance-rate-copy small{color:#74849a;font-size:15px;font-weight:500}.attendance-rate-copy p{color:#74849a;font-size:12px}.attendance-status-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.attendance-status-tile{background:#fafcff;border:1px solid #e8eef6;border-radius:10px;padding:14px 12px}.attendance-status-tile>span{color:#596d87;align-items:center;gap:6px;font-size:12px;display:flex}.attendance-status-tile i{border-radius:50%;flex:0 0 7px;width:7px;height:7px}.attendance-status-tile strong{color:#102a47;margin:9px 0 3px;font-size:26px;display:block}.attendance-status-tile small{color:#7c8ca2;font-size:11px}.attendance-status-tile.is-present{background:#f1fbf7;border-color:#d9f2e7}.attendance-status-tile.is-present i,.attendance-distribution .is-present{background:#12b981}.attendance-status-tile.is-absent i,.attendance-distribution .is-absent{background:#f17887}.attendance-status-tile.is-leave i,.attendance-distribution .is-leave{background:#93b2ee}.attendance-distribution{background:#edf2f8;border-radius:5px;height:6px;margin:20px 0 16px;display:flex;overflow:hidden}.summary-panel-link{color:#1766dc;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0;font-size:12px;font-weight:600;display:inline-flex}.summary-panel-link:hover{color:#0849ad;text-decoration:underline}.summary-panel-link:focus-visible{outline-offset:4px;border-radius:3px;outline:2px solid #1766dc}.department-distribution-card{flex-direction:column;display:flex}.department-distribution-list{scrollbar-width:thin;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px;max-height:280px;padding-right:6px;display:grid;overflow-y:auto}.department-distribution-row{align-items:center;gap:10px;min-width:0;padding:9px 0;display:flex}.department-mark{border-radius:8px;flex:0 0 30px;place-items:center;height:30px;font-size:12px;font-weight:700;display:grid}.department-distribution-info{flex:1;min-width:0}.department-distribution-info>span{color:#435975;overflow-wrap:anywhere;margin-bottom:7px;font-size:12px;display:block}.department-distribution-track{background:#edf2f8;border-radius:4px;height:4px;overflow:hidden}.department-distribution-track i{border-radius:inherit;height:100%;display:block}.department-distribution-row>strong{text-align:center;color:#183b65;min-width:26px;font-size:13px}.department-distribution-row>strong.is-empty{color:#a0adbd}.department-distribution-footer{color:#8491a4;border-top:1px solid #edf2f8;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:16px;font-size:12px;display:flex}.department-distribution-footer>span strong{color:#435975}@media (width<=600px){.overview-summary-panels .overview-card{padding:16px}.summary-panel-heading{flex-wrap:wrap;gap:8px}.attendance-rate-block{gap:16px}.attendance-rate-copy>strong{font-size:26px}.attendance-status-tiles{grid-template-columns:1fr}.attendance-status-tile{grid-template-columns:1fr auto;align-items:center;display:grid}.attendance-status-tile strong{grid-area:1/2/span 2;margin:0}.department-distribution-list{grid-template-columns:1fr}}.admin-overview .polished-productivity,.admin-overview .polished-usage,.admin-overview .polished-activity,.admin-overview .polished-leaves{min-width:0;padding:20px}.admin-overview .polished-usage,.admin-overview .polished-leaves{flex-direction:column;display:flex}.admin-overview .polished-productivity .card-title-row,.admin-overview .polished-usage .card-title-row,.admin-overview .polished-activity .card-title-row,.admin-overview .polished-leaves .card-title-row{align-items:flex-start;gap:12px;margin-bottom:18px}.admin-overview .polished-productivity .card-title-row p,.admin-overview .polished-usage .card-title-row p,.admin-overview .polished-activity .card-title-row p,.admin-overview .polished-leaves .card-title-row p{color:#7a889c;margin-top:5px;font-size:12px}.productivity-totals{border-bottom:1px solid #edf2f8;flex-wrap:wrap;align-items:center;gap:16px;padding-bottom:14px;display:flex}.productivity-totals>div{color:#75859b;align-items:center;gap:6px;font-size:12px;display:flex}.productivity-totals strong{color:#193558;margin-left:3px;font-size:14px}.stat-dot{border-radius:50%;width:7px;height:7px}.stat-dot.active{background:#1678ff}.stat-dot.idle{background:#b5cff3}.recorded-time-caption{color:#96a1b2;margin-left:auto;font-size:11px}.productivity-axis-note{color:#8898ab;margin-top:14px;font-size:10px}.admin-overview .polished-productivity .productivity-bar-chart{min-height:175px;margin-top:0;padding-top:12px}.admin-overview .polished-productivity .bar-chart-grid{top:12px}.admin-overview .polished-productivity .bar-chart-grid span{border-top:1px dashed #e3ebf5}.admin-overview .polished-productivity .bar-chart-bars{gap:10px}.admin-overview .polished-productivity .bar-group small{color:#8290a5;font-size:10px}.admin-overview .polished-productivity .bar-pair span{width:12px;box-shadow:none;border-radius:5px 5px 0 0}.admin-overview .polished-usage .usage-list{gap:17px;margin:0 0 18px;display:grid}.ranked-app-row{align-items:center;gap:11px;min-width:0;display:flex}.ranked-app-icon{color:#1d74e9;background:#edf5ff;border:1px solid #dfebff;border-radius:10px;flex:0 0 34px;place-items:center;width:34px;height:34px;font-size:14px;font-weight:700;display:grid}.ranked-app-icon[data-rank="1"]{color:#0a9877;background:#eafaf4;border-color:#dbf4e9}.ranked-app-icon[data-rank="2"]{color:#8a58de;background:#f4efff;border-color:#eadefc}.ranked-app-icon[data-rank="3"]{color:#d69728;background:#fff8e9;border-color:#f8eccf}.ranked-app-details{flex:1;min-width:0}.ranked-app-title{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.ranked-app-title strong{color:#294361;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.ranked-app-title b{color:#506681;white-space:nowrap;font-size:11px;font-weight:600}.ranked-app-meter{align-items:center;gap:9px;margin-top:7px;display:flex}.ranked-app-meter>span{background:#edf2f8;border-radius:5px;flex:1;height:5px;display:block;overflow:hidden}.ranked-app-meter i{border-radius:inherit;background:#3087fa;height:100%;display:block}.ranked-app-meter small{color:#8998ac;text-align:right;min-width:28px;font-size:10px}.usage-card-footer{border-top:1px solid #edf2f8;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:13px;display:flex}.usage-card-footer>span{color:#8998ac;font-size:11px}.overview-activity-timeline{display:grid}.overview-activity-item{align-items:flex-start;gap:11px;min-width:0;padding:0 0 22px;display:flex;position:relative}.overview-activity-item:not(:last-child):after{content:"";background:#e5edf7;width:1px;position:absolute;top:34px;bottom:4px;left:16px}.overview-activity-item:last-child{padding-bottom:4px}.overview-activity-icon{color:#367fde;background:#f0f6ff;border:1px solid #e4edfb;border-radius:10px;flex:0 0 34px;place-items:center;height:34px;font-size:13px;font-weight:700;display:grid}.overview-activity-content{flex:1;min-width:0;padding-top:1px}.overview-activity-content>strong{color:#294361;text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.overview-activity-content p{color:#94a0b2;margin-top:5px;font-size:11px}.overview-activity-content p span{color:#71869f}.overview-activity-time{color:#8e9db0;white-space:nowrap;padding-top:3px;font-size:10px}.overview-leave-item{border-bottom:1px solid #edf2f8;align-items:center;gap:10px;min-width:0;padding:14px 0;display:flex}.overview-leave-item:last-child{border-bottom:0;padding-bottom:4px}.overview-leave-item:first-of-type{padding-top:0}.overview-leave-avatar{color:#5e7dab;background:#edf3fd;border-radius:50%;flex:0 0 34px;place-items:center;height:34px;font-size:11px;font-weight:700;display:grid}.overview-leave-info{flex:1;min-width:0}.overview-leave-info>strong{color:#294361;text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.overview-leave-info>small{color:#71869f;margin-top:4px;font-size:11px;display:block}.overview-leave-info>span{color:#9aa6b7;margin-top:5px;font-size:10px;display:block}.overview-leave-status{color:#68819f;white-space:nowrap;background:#f0f4f9;border-radius:6px;padding:5px 8px;font-size:10px;font-style:normal;font-weight:600}.overview-leave-status.approved{color:#149875;background:#ebf9f2}.overview-leave-status.pending{color:#c68b2a;background:#fff7e8}.overview-leave-status.rejected{color:#d76374;background:#fff0f2}@media (width<=600px){.admin-overview .polished-productivity,.admin-overview .polished-usage,.admin-overview .polished-activity,.admin-overview .polished-leaves{padding:16px}.recorded-time-caption{display:none}.overview-activity-time{font-size:9px}.productivity-totals{gap:10px}}.admin-overview .polished-activity .overview-activity-timeline{gap:10px}.admin-overview .polished-activity .overview-activity-item{text-align:left;width:100%;font:inherit;cursor:pointer;background:#fff;border:1px solid #e7eef8;border-radius:11px;align-items:center;padding:13px 12px;transition:background .15s,border-color .15s}.admin-overview .polished-activity .overview-activity-item:hover{background:#f5f9ff;border-color:#cddfff}.admin-overview .polished-activity .overview-activity-item:focus-visible{outline-offset:2px;outline:2px solid #2878ed}.admin-overview .polished-activity .overview-activity-item:after{display:none}.admin-overview .polished-activity .overview-activity-icon{color:#4775b6;background:#edf4ff;border:0;border-radius:50%;flex-basis:38px;width:38px;height:38px;font-size:11px}.admin-overview .polished-activity .overview-activity-content>strong{color:#233d60;font-size:13px;line-height:1.4}.admin-overview .polished-activity .overview-activity-content p{color:#8a99ad;margin:5px 0 0;font-size:12px;line-height:1.4}.admin-overview .polished-activity .overview-activity-content p span{color:#597593}.overview-activity-trailing{flex-direction:column;justify-content:center;align-items:flex-end;gap:6px;display:flex}.admin-overview .polished-activity .overview-activity-time{color:#8c9db3;padding:0;font-size:11px}.overview-activity-trailing>span{color:#7b9cc8;font-size:15px;line-height:1}.overview-metric .metric-icon.metric-svg{place-items:center;display:grid}.overview-metric .metric-icon.metric-svg:before,.overview-metric .metric-icon.metric-svg:after{content:none;display:none}.metric-svg svg{flex-shrink:0;display:block}.overview-load-status{color:#7b8ea9;align-items:center;gap:8px;min-height:18px;margin-top:-8px;font-size:12px;display:flex}.overview-load-status[role=alert]{color:#c03551}.overview-load-status button{color:#1769de;cursor:pointer;background:#fff;border:1px solid #d2dff2;border-radius:6px;padding:4px 10px}.overview-refresh-indicator{background:#2380ff;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #e5f0ff}.overview-skeleton .overview-card{min-height:330px;padding:20px}.overview-skeleton .lower-widgets .overview-card{min-height:220px}.overview-skeleton-icon,.overview-skeleton-range,.overview-skeleton-line,.overview-skeleton-value,.overview-skeleton-title,.overview-skeleton-chart,.overview-image-placeholder{background:linear-gradient(100deg,#ecf2fa 25%,#f8faff 45%,#ecf2fa 65%) 0 0/220% 100%;border-radius:7px;animation:1.6s ease-in-out infinite overview-loading;display:block}.overview-skeleton-icon{flex-shrink:0;width:54px;height:54px}.overview-skeleton .metric-content{flex:1}.overview-skeleton-line{width:110px;max-width:90%;height:11px;margin:5px 0 12px}.overview-skeleton-line.short{width:75px;margin-bottom:0}.overview-skeleton-value{width:65px;height:23px;margin-bottom:12px}.overview-skeleton-title{width:150px;max-width:65%;height:17px;margin-bottom:30px}.overview-skeleton-chart{background-color:#f6f9fd;height:230px}.overview-skeleton-chart.small{height:150px}.overview-skeleton-range{width:300px;height:38px}.overview-image-placeholder{color:#a7bddb;place-items:center;width:100%;height:100%;display:grid!important}.recent-shot img{object-fit:cover}@keyframes overview-loading{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion:reduce){.overview-skeleton-icon,.overview-skeleton-range,.overview-skeleton-line,.overview-skeleton-value,.overview-skeleton-title,.overview-skeleton-chart,.overview-image-placeholder{animation:none}}@media (width<=700px){.overview-skeleton-range{display:none}}.employees-page{align-content:start;gap:14px;display:grid}.employees-header{justify-content:space-between;align-items:center;gap:18px;display:flex}.employees-header h1{color:#070d3f;margin:0;font-size:30px;line-height:1.1}.employees-header p{color:#2e438c;margin:5px 0 0}.employee-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.employee-bulk-button{color:#0759e3;cursor:pointer;background:#fff;border:1px solid #d3e3f8;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 18px;font-weight:800;display:inline-flex}.employee-add-button,.employee-create-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1687ff,#0759e3);border:0;border-radius:7px;min-height:40px;padding:0 18px;font-weight:800;box-shadow:0 10px 22px #0759e338}.employee-add-button{white-space:nowrap;align-items:center;gap:10px;display:inline-flex}.employee-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:10px;display:grid}.employee-stat-card,.employees-table-card,.employee-modal{background:#fffffff5;border:1px solid #dce8f7;border-radius:8px;box-shadow:0 10px 34px #254b8014}.employee-stat-card{grid-template-columns:58px minmax(0,1fr);align-items:center;gap:16px;min-height:124px;padding:14px;display:grid;position:relative;overflow:hidden}.employee-stat-icon{color:#126bff;background:#e9f2ff;border-radius:9px;place-items:center;width:58px;height:58px;display:grid}.employee-stat-card.green .employee-stat-icon{color:#0aa862;background:#e4f8ee}.employee-stat-card.red .employee-stat-icon{color:#ff1f32;background:#ffe9ee}.employee-stat-card.purple .employee-stat-icon{color:#6d3cff;background:#efe7ff}.employee-stat-wave{pointer-events:none;background:url("data:image/svg+xml,%3Csvg width='180' height='72' viewBox='0 0 180 72' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 61C12 29 28 19 48 28C68 37 77 45 97 27C116 10 132 1 180 18V72H0V61Z' fill='%23126BFF' fill-opacity='0.2'/%3E%3Cpath d='M0 61C12 29 28 19 48 28C68 37 77 45 97 27C116 10 132 1 180 18' stroke='%23126BFF' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E") 100% 100%/100% 72px no-repeat;border-radius:0 0 8px;width:37%;min-width:142px;height:72px;position:absolute;bottom:0;right:0}.employee-stat-copy{z-index:2;position:relative}.employee-stat-card{position:relative;overflow:hidden}.employee-stat-icon,.employee-stat-copy{z-index:2;position:relative}.employee-stat-wave{opacity:.9;pointer-events:none;background:linear-gradient(135deg,#0000 8%,#3b82f661);width:126px;height:58px;position:absolute;bottom:10px;right:12px;-webkit-mask:url("data:image/svg+xml,%3Csvg width='150' height='70' viewBox='0 0 150 70' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 70 C24 61 31 39 50 42 C73 46 76 18 101 15 C125 12 131 36 150 22 L150 70 Z' fill='black'/%3E%3Cpath d='M18 70 C42 58 48 42 66 45 C88 49 96 25 116 23 C133 21 139 34 150 29 L150 70 Z' fill='black' opacity='.55'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg width='150' height='70' viewBox='0 0 150 70' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 70 C24 61 31 39 50 42 C73 46 76 18 101 15 C125 12 131 36 150 22 L150 70 Z' fill='black'/%3E%3Cpath d='M18 70 C42 58 48 42 66 45 C88 49 96 25 116 23 C133 21 139 34 150 29 L150 70 Z' fill='black' opacity='.55'/%3E%3C/svg%3E") 50%/contain no-repeat}.employee-stat-card.blue .employee-stat-wave{background:linear-gradient(135deg,#0000 8%,#3b82f661)}.employee-stat-card.green .employee-stat-wave{background:linear-gradient(135deg,#0000 8%,#22c55e6b)}.employee-stat-card.red .employee-stat-wave{background:linear-gradient(135deg,#0000 8%,#ef44445c)}.employee-stat-card.purple .employee-stat-wave{background:linear-gradient(135deg,#0000 8%,#9333ea61)}.employee-stat-card p{color:#314a91;margin:0;font-size:14px}.employee-stat-card strong{color:#070d3f;margin-top:5px;font-size:24px;line-height:1;display:block}.employee-stat-card small{color:#00a85a;margin-top:8px;font-weight:800;display:inline-block}.employee-stat-card em{color:#314a91;margin-top:8px;font-size:13px;font-style:normal;display:block}.employees-table-card{min-width:0;padding:12px}.employee-filters{grid-template-columns:minmax(240px,1.5fr) repeat(3,minmax(150px,.8fr)) auto auto;gap:10px;margin-bottom:12px;display:grid}.employee-search,.employee-filters select,.employee-reset-button,.employee-icon-button,.employee-field input,.employee-field select{color:#10205e;background:#fff;border:1px solid #d3e3f8;border-radius:7px;min-height:40px}.employee-search{grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:0 12px;display:grid}.employee-search svg{color:#4365a8;flex:none}.employee-search input{color:#10205e;min-width:0;font:inherit;border:0;outline:0}.employee-filters select,.employee-field input,.employee-field select{outline:0;padding:0 12px}.employee-reset-button,.employee-icon-button{color:#0759e3;cursor:pointer;justify-content:center;align-items:center;padding:0 16px;font-weight:800;display:inline-flex}.employee-reset-button{gap:8px}.employee-icon-button{width:42px;padding:0}.employees-table-wrap{border-radius:8px;overflow-x:auto}.employees-table{border-collapse:collapse;width:100%;min-width:900px}.employees-table th,.employees-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #e3edf9;padding:11px 10px}.employees-table th{color:#314a64;background:#f2f7ff;font-size:12px}.employees-table td{color:#17265f;font-size:13px}.employee-person{align-items:center;gap:10px;display:flex}.employee-person>span{color:#17377f;background:#dceafe;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-weight:900;display:grid}.employee-person strong{color:#071047;font-size:14px;display:block}.employee-person small{color:#31509a;margin-top:3px;font-size:12px;display:block}.department-chip,.employee-status-pill,.work-mode-pill{border-radius:7px;justify-content:center;min-width:58px;padding:6px 10px;font-size:12px;font-weight:800;display:inline-flex}.employee-status-pill{align-items:center;gap:7px}.employee-status-pill:before{content:"";background:currentColor;border-radius:50%;flex:none;width:8px;height:8px}.department-chip.it,.department-chip.software{color:#0759e3;background:#dceeff}.department-chip.marketing{color:#e4007f;background:#ffe0f2}.department-chip.sales{color:#d65c00;background:#ffe7d2}.department-chip.hr{color:#7132d6;background:#eadcff}.department-chip.finance{color:#af7500;background:#fff0ca}.department-chip.operations{color:#008092;background:#d8f7fb}.employee-status-pill.active{color:#079652;background:#dff8ec}.employee-status-pill.inactive{color:#e40018;background:#ffe3e7}.employee-status-pill.leave{color:#ff7a00;background:#fff1dc}.work-mode-pill{color:#31509a;background:#edf4ff;align-items:center;gap:6px}.employee-actions{justify-content:center;align-items:center;gap:8px;display:flex}.employee-actions button{color:#0759e3;text-align:center;cursor:pointer;background:#fff;border:1px solid #cfe0f8;border-radius:7px;justify-content:center;align-items:center;width:36px;min-width:36px;height:31px;padding:0;font-size:12px;font-weight:900;display:inline-flex}.employee-actions button svg{pointer-events:none}.employee-actions button.delete{color:#ff1f32;background:#ffe9ee;border-color:#ffd0d9}.employee-actions button:disabled{cursor:not-allowed;opacity:.45}.employee-pagination{color:#31509a;justify-content:space-between;align-items:center;gap:16px;padding-top:14px;font-size:13px;display:flex}.employee-pagination>div{align-items:center;gap:8px;display:flex}.employee-pagination button,.employee-pagination select{color:#31509a;background:#fff;border:1px solid #d3e3f8;border-radius:7px;min-width:34px;height:34px;font-weight:700}.employee-pagination button.active{color:#fff;background:#0759e3}.employee-pagination select{min-width:108px;padding:0 10px}.employee-modal-backdrop{z-index:20;background:#07122e6b;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.employee-modal{border-radius:18px;width:min(940px,100%);overflow:hidden}.employee-modal-header{background:radial-gradient(circle at 80% 0,#1687ff29,#0000 34%),linear-gradient(#f8fbff 0%,#fff 100%);padding:24px 38px 12px}.employee-modal-header h2{font-size:28px}.employee-modal-header button{color:#17469b;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.employee-step-tabs{background:#fff;grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr) 56px minmax(0,1fr);align-items:center;padding:0 38px}.employee-step-tabs button{color:#5069a4;border-bottom-width:3px;justify-content:center;align-items:center;gap:12px;display:inline-flex}.employee-step-tabs button span{color:#17469b;background:#dbeafe;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.employee-step-tabs button.active span{color:#fff;background:#0759e3}.employee-step-tabs i{background:#cfe0f8;height:1px}.employee-modal-body{padding:18px 38px 28px}.employee-step-tabs.two-step{grid-template-columns:minmax(0,1fr) 90px minmax(0,1fr);padding:0 38px}.employee-step-tabs.two-step button{white-space:nowrap;min-height:64px}.employee-step-tabs.two-step i{width:100%}.employee-photo-upload span{color:#0759e3;background:#eaf3ff;border:1px dashed #9ec3ff;width:88px;height:88px}.employee-form-grid.two-columns{gap:16px 22px}.employee-field span{align-items:center;gap:7px;display:inline-flex}.employee-field span i{color:#31509a;place-items:center;display:inline-grid}.employee-field input,.employee-field select,.employee-field textarea{border-radius:8px;min-height:44px;font-size:15px}.employee-field textarea{resize:vertical;outline:0;min-height:98px;padding:12px}.employee-form-section-title{color:#071047;grid-template-columns:auto auto 1fr;align-items:center;gap:12px;margin:26px 0 14px;display:grid}.employee-form-section-title svg{color:#0759e3}.employee-form-section-title span{background:#cfe0f8;height:1px}.employee-create-button{justify-content:center;align-items:center;gap:9px;min-width:150px;display:inline-flex}.employee-modal-actions{background:#f4f9ff;padding:18px 38px}.employee-modal{grid-template-rows:auto auto minmax(0,1fr) auto;width:min(820px,100%);max-height:calc(100vh - 48px);display:grid;overflow:hidden}.employee-modal-header{align-items:flex-start;padding:24px 38px 14px}.employee-modal-header h2{line-height:1.1}.employee-modal-header p{max-width:560px}.employee-step-tabs{border-bottom:1px solid #dce8f7;grid-template-columns:repeat(3,1fr);padding:0 22px;display:grid}.employee-step-tabs button{color:#2e438c;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:12px 6px;font-weight:800}.employee-step-tabs button.active{color:#0759e3;border-bottom-color:#0759e3}.employee-modal-body{padding:18px 22px;overflow-y:auto}.employee-photo-upload{color:#0759e3;cursor:pointer;justify-items:center;gap:6px;margin-bottom:18px;display:grid}.employee-photo-upload span{color:#31509a;background:#e9f2ff;border:1px solid #cfe0f8;border-radius:50%;place-items:center;width:86px;height:86px;font-size:30px;display:grid}.employee-photo-upload small{color:#31509a}.employee-photo-upload input{opacity:0;pointer-events:none;position:absolute}.employee-photo-upload img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.employee-form-grid{grid-template-columns:1fr;gap:14px;display:grid}.employee-form-grid.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-field{gap:8px;display:grid}.employee-field span{color:#070d3f;font-size:13px;font-weight:800}.employee-field b{color:#ff1f32}.employee-field input:focus,.employee-field select:focus{border-color:#0759e3;box-shadow:0 0 0 3px #0759e31f}.phone-field{grid-template-columns:82px 1fr;display:grid}.phone-field select{border-radius:7px 0 0 7px}.phone-field input{border-left:0;border-radius:0 7px 7px 0}.employee-form-warning{color:#e40018;margin:14px 0 0;font-size:13px;font-weight:800}.employee-permissions{color:#10205e;gap:14px;font-weight:700;display:grid}.employee-permissions label{align-items:center;gap:10px;display:flex}.employee-modal-actions{border-top:1px solid #dce8f7;justify-content:flex-end;gap:10px;padding:14px 22px 18px;display:flex}.employee-cancel-button,.employee-back-button{color:#31509a;cursor:pointer;background:#f7fbff;border:1px solid #d3e3f8;border-radius:7px;min-height:40px;padding:0 18px;font-weight:800}.employee-create-button:disabled{cursor:not-allowed;opacity:.55}@media (width<=1100px){.employee-stats-grid,.employee-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-search{grid-column:1/-1}}@media (width<=680px){.employees-header,.employee-pagination,.employee-modal-actions{flex-direction:column;align-items:stretch}.employee-stats-grid,.employee-filters,.employee-form-grid.two-columns,.employee-step-tabs{grid-template-columns:1fr}.employee-modal-backdrop{padding:12px}}.employee-modal-header{justify-content:space-between;align-items:flex-start;gap:18px;padding:24px 38px 14px;display:flex}.employee-modal-header button{flex:none;margin-top:-4px}.employee-step-tabs.two-step{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:0 38px}.employee-step-tabs.two-step i{display:none}.employee-step-tabs.two-step button{min-height:64px}.employee-export-message{color:#47698f;background:#f5f9ff;border-bottom:1px solid #e4edf9;margin:0;padding:10px 14px;font-size:12px}.employee-export-message button{color:#1769df;font:inherit;cursor:pointer;background:0 0;border:0;text-decoration:underline}.employee-editor-only>:not(.employee-modal-backdrop){display:none}.employee-account-dialog{color:#10205e;border:1px solid #dce8f7;border-radius:18px;width:min(540px,100vw - 32px);max-height:90dvh;padding:0;overflow-y:auto;box-shadow:0 28px 90px #07193a40}.employee-account-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0c1e3b73}.employee-account-dialog header{background:#f1f7ff;justify-content:space-between;gap:12px;padding:24px;display:flex}.employee-account-dialog h2{margin:0;font-size:24px}.employee-account-dialog p{font-size:13px;line-height:1.6}.employee-account-dialog header button{cursor:pointer;background:0 0;border:0;align-self:start}.employee-account-body{gap:16px;padding:24px;display:grid}.employee-account-body label{gap:8px;font-size:13px;font-weight:600;display:grid}.employee-account-body input{border:1px solid #d3e3f8;border-radius:8px;min-height:44px;padding:0 12px}.employee-account-dialog footer{background:#f5f9ff;justify-content:flex-end;gap:10px;padding:18px 24px;display:flex}.employee-account-dialog footer button{cursor:pointer;color:#24558c;background:#fff;border:1px solid #d3e3f8;border-radius:7px;padding:11px 18px;font-weight:600}.employee-account-dialog footer .primary{color:#fff;background:#0875f5;border:0}.employee-account-error{color:#c42237}.employee-account-message{color:#087c49;background:#e5f8ee;border-radius:8px;padding:12px 16px}.employee-location-bulk{background:#f4f8ff;border:1px solid #d4e1f4;border-radius:8px;flex-wrap:wrap;align-items:center;gap:12px;margin:12px 0;padding:12px;display:flex}.employee-location-bulk select,.employee-location-bulk button{color:#0765ef;background:#fff;border:1px solid #c9daf1;border-radius:6px;min-height:38px;padding:7px 12px}.employee-location-bulk button:disabled{opacity:.5}.departments-page{grid-template-columns:minmax(0,1fr);align-items:start;gap:22px;display:grid}.departments-main{align-content:start;gap:14px;min-width:0;display:grid}.departments-header{justify-content:space-between;align-items:center;gap:18px;display:flex}.departments-header h1{color:#070d3f;margin:0;font-size:30px;line-height:1.1}.departments-header p,.department-editor-header p{color:#2e438c;margin:5px 0 0}.department-create-button,.department-save-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1687ff,#0759e3);border:0;border-radius:7px;min-height:40px;padding:0 18px;font-weight:800;box-shadow:0 10px 22px #0759e338}.department-create-button{white-space:nowrap;align-items:center;gap:10px;display:inline-flex}.department-create-button span{font-size:22px;line-height:1}.department-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.department-stat-card,.departments-table-card,.department-editor-card{background:#fffffff5;border:1px solid #dce8f7;border-radius:8px;box-shadow:0 10px 34px #254b8014}.department-stat-card{grid-template-columns:58px minmax(0,1fr);align-items:center;gap:16px;min-height:118px;padding:14px;display:grid}.department-stat-icon{color:#126bff;background:#e9f2ff;border-radius:9px;place-items:center;width:58px;height:58px;font-size:12px;font-weight:900;display:grid;position:relative}.department-stat-card.green .department-stat-icon{color:#0aa862;background:#e4f8ee}.department-stat-card.orange .department-stat-icon{color:#ff7a00;background:#fff2df}.department-stat-card.red .department-stat-icon{color:#ff1f32;background:#ffe9ee}.department-stat-icon:before,.department-stat-icon:after{content:"";position:absolute}.department-stat-icon.nodes:before{background:currentColor;width:4px;height:28px;top:14px;left:27px}.department-stat-icon.nodes:after{border:4px solid;border-top:0;border-radius:0 0 16px 16px;width:28px;height:20px;top:18px;left:15px}.department-stat-icon.team:before{border:3px solid;border-top:0;border-radius:0 0 18px 18px;inset:20px 13px 15px}.department-stat-icon.team:after{border:3px solid;border-radius:50%;width:15px;height:15px;top:13px;left:21px}.department-stat-icon.building:before{border:3px solid;border-radius:4px;inset:14px 18px}.department-stat-icon.building:after{background:repeating-linear-gradient(currentColor 0 3px,#0000 3px 7px);width:8px;height:22px;top:22px;left:25px}.department-stat-icon.clock:before{border:3px solid;border-radius:50%;inset:15px}.department-stat-icon.clock:after{border-bottom:3px solid;border-left:3px solid;width:9px;height:12px;top:22px;left:29px}.department-stat-card p{color:#314a91;margin:0;font-size:14px}.department-stat-card strong{color:#070d3f;margin-top:5px;font-size:24px;line-height:1;display:block}.department-stat-card small{color:#00a85a;margin-top:8px;font-weight:800;display:inline-block}.department-stat-card em{color:#314a91;margin-top:8px;font-size:13px;font-style:normal;display:block}.departments-table-card{min-width:0;padding:12px}.department-filters{grid-template-columns:minmax(260px,1fr) minmax(180px,.45fr) auto;gap:10px;margin-bottom:12px;display:grid}.department-search,.department-filters select,.department-reset-button,.department-field input,.department-field select,.department-field textarea{color:#10205e;background:#fff;border:1px solid #d3e3f8;border-radius:7px}.department-search,.department-filters select,.department-reset-button,.department-field input,.department-field select{min-height:40px}.department-search{grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:0 12px;display:grid}.department-search span{border:2px solid #4365a8;border-radius:50%;width:14px;height:14px;position:relative}.department-search span:after{content:"";background:#4365a8;width:7px;height:2px;position:absolute;bottom:-4px;right:-5px;transform:rotate(45deg)}.department-search input{color:#10205e;min-width:0;font:inherit;border:0;outline:0}.department-filters select,.department-field input,.department-field select{outline:0;padding:0 12px}.department-reset-button{color:#0759e3;cursor:pointer;padding:0 18px;font-weight:800}.departments-table-wrap{border-radius:8px;overflow-x:auto}.departments-table{border-collapse:collapse;width:100%;min-width:850px}.departments-table th,.departments-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #e3edf9;padding:12px 10px}.departments-table th{color:#10205e;background:#f2f7ff;font-size:12px}.departments-table td{color:#17265f;font-size:13px}.department-name-cell{align-items:center;gap:10px;display:flex}.department-name-cell strong{color:#071047}.department-row-icon{color:#0759e3;background:#dceeff;border-radius:50%;place-items:center;width:36px;height:36px;font-size:11px;font-weight:900;display:grid}.department-row-icon.sales{color:#d65c00;background:#ffe7d2}.department-row-icon.marketing{color:#7132d6;background:#eadcff}.department-row-icon.hr{color:#008092;background:#d8f7fb}.department-row-icon.finance{color:#af7500;background:#fff0ca}.department-row-icon.operations{color:#0759e3;background:#dceafe}.department-row-icon.admin{color:#ff1f32;background:#ffe3e7}.department-row-icon.support{color:#31509a;background:#e8f2ff}.department-status-pill{border-radius:7px;justify-content:center;min-width:64px;padding:7px 10px;font-size:12px;font-weight:800;display:inline-flex}.department-status-pill.active{color:#079652;background:#dff8ec}.department-status-pill.inactive{color:#e40018;background:#ffe3e7}.department-actions{align-items:center;gap:8px;display:flex}.department-actions button{color:#0759e3;cursor:pointer;background:#fff;border:1px solid #cfe0f8;border-radius:7px;min-width:34px;height:31px;font-size:12px;font-weight:900}.department-actions button.delete{color:#ff1f32;background:#ffe9ee;border-color:#ffd0d9}.department-pagination{color:#31509a;justify-content:space-between;align-items:center;gap:16px;padding-top:14px;font-size:13px;display:flex}.department-pagination>div{align-items:center;gap:8px;display:flex}.department-pagination button,.department-pagination select{color:#31509a;background:#fff;border:1px solid #d3e3f8;border-radius:7px;min-width:34px;height:34px;font-weight:700}.department-pagination button.active{color:#fff;background:#0759e3}.department-pagination select{min-width:108px;padding:0 10px}.department-editor-card{align-self:start;gap:18px;padding:20px;display:grid}.department-editor-header{justify-content:space-between;align-items:start;gap:16px;display:flex}.department-editor-header h2{color:#070d3f;margin:0;font-size:24px}.department-editor-header button{color:#31509a;cursor:pointer;background:0 0;border:0;font-size:26px}.department-form{gap:16px;display:grid}.department-field{gap:8px;display:grid}.department-field span,.department-status-options p{color:#070d3f;margin:0;font-size:13px;font-weight:800}.department-field b{color:#ff1f32}.department-field textarea{resize:vertical;width:100%;min-height:92px;font:inherit;outline:0;padding:12px}.department-field input:focus,.department-field select:focus,.department-field textarea:focus{border-color:#0759e3;box-shadow:0 0 0 3px #0759e31f}.department-textarea-wrap{display:grid;position:relative}.department-textarea-wrap span{color:#31509a;font-size:12px;font-weight:500;position:absolute;bottom:9px;right:12px}.department-status-options{gap:14px;display:grid}.department-status-options label{color:#10205e;cursor:pointer;align-items:start;gap:12px;display:flex}.department-status-options input{margin-top:3px}.department-status-options strong,.department-status-options small{display:block}.department-status-options small{color:#31509a;margin-top:6px;font-size:12px}.department-editor-actions{grid-template-columns:1fr 1.45fr;gap:10px;margin-top:8px;display:grid}.department-cancel-button{color:#31509a;cursor:pointer;background:#f7fbff;border:1px solid #d3e3f8;border-radius:7px;min-height:42px;font-weight:800}@media (width<=1500px){.departments-page{grid-template-columns:1fr}.department-editor-card{order:-1}}@media (width<=1100px){.department-stats-grid,.department-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.department-search{grid-column:1/-1}}@media (width<=680px){.departments-header,.department-pagination{flex-direction:column;align-items:stretch}.department-stats-grid,.department-filters,.department-editor-actions{grid-template-columns:1fr}}.department-create-button,.department-save-button,.department-reset-button,.department-actions button,.department-employee-count{justify-content:center;align-items:center;display:inline-flex}.department-create-button,.department-save-button,.department-reset-button{gap:9px}.department-create-button span{font-size:inherit}.department-stats-grid{gap:12px}.department-stat-card{min-height:124px;position:relative;overflow:hidden}.department-stat-icon{z-index:2;position:relative}.department-stat-icon:before,.department-stat-icon:after{content:none;display:none}.department-stat-copy{z-index:2;position:relative}.department-stat-wave{opacity:.9;pointer-events:none;background:linear-gradient(135deg,#0000 8%,#3b82f661);width:126px;height:58px;position:absolute;bottom:10px;right:12px;-webkit-mask:url("data:image/svg+xml,%3Csvg width='150' height='70' viewBox='0 0 150 70' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 70 C24 61 31 39 50 42 C73 46 76 18 101 15 C125 12 131 36 150 22 L150 70 Z' fill='black'/%3E%3Cpath d='M18 70 C42 58 48 42 66 45 C88 49 96 25 116 23 C133 21 139 34 150 29 L150 70 Z' fill='black' opacity='.55'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg width='150' height='70' viewBox='0 0 150 70' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 70 C24 61 31 39 50 42 C73 46 76 18 101 15 C125 12 131 36 150 22 L150 70 Z' fill='black'/%3E%3Cpath d='M18 70 C42 58 48 42 66 45 C88 49 96 25 116 23 C133 21 139 34 150 29 L150 70 Z' fill='black' opacity='.55'/%3E%3C/svg%3E") 50%/contain no-repeat}.department-stat-card.green .department-stat-wave{background:linear-gradient(135deg,#0000 8%,#22c55e6b)}.department-stat-card.orange .department-stat-wave{background:linear-gradient(135deg,#0000 8%,#f9731657)}.department-stat-card.red .department-stat-wave{background:linear-gradient(135deg,#0000 8%,#ef44445c)}.department-filters{grid-template-columns:minmax(260px,1fr) minmax(160px,.35fr) minmax(190px,.45fr) auto}.department-search svg{color:#4365a8;flex:none}.department-search span,.department-search span:after{display:none}.department-reset-button{min-height:40px}.department-status-pill{align-items:center;gap:7px}.department-employee-count{color:#31509a;gap:7px;font-weight:800}.department-actions{justify-content:flex-start}.department-actions button{width:36px;min-width:36px;padding:0}.department-actions button svg{pointer-events:none}.department-editor-card{border-radius:12px;padding:24px;box-shadow:0 18px 42px #254b801a}.department-editor-header h2{font-size:28px}.department-editor-header button{border-radius:50%;place-items:center;width:34px;height:34px;display:grid;transform:rotate(90deg)}.department-field span{align-items:center;gap:7px;display:inline-flex}.department-field span i{color:#31509a;place-items:center;display:inline-grid}.department-field input,.department-field select,.department-field textarea{border-radius:8px;min-height:44px;font-size:15px}.department-status-options label{background:#fff;border:1px solid #d3e3f8;border-radius:9px;padding:13px 14px}.department-status-options label:has(input:checked){border-color:#1678ff;box-shadow:0 0 0 3px #1678ff1a}.department-editor-actions{grid-template-columns:120px 1fr}@media (width<=1100px){.department-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}.department-filters{align-items:center;grid-template-columns:minmax(360px,1fr) 160px 220px 104px!important}.department-reset-button{gap:8px;width:104px;min-height:44px}.department-control{display:grid;position:relative}.department-control.with-icon>i{z-index:2;color:#31509a;pointer-events:none;place-items:center;display:grid;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.department-control.with-icon input,.department-control.with-icon select,.department-control.with-icon textarea{padding-left:44px}.department-control.with-icon textarea+span,.department-textarea-wrap span{bottom:9px;right:12px}.department-field>span{gap:0;margin-bottom:8px;display:inline-flex}.department-field>span i{display:none}.department-editor-card{border-radius:12px;width:384px;padding:24px}.department-save-button{white-space:nowrap;gap:9px;min-width:0;line-height:1.2}.department-actions button{justify-content:center;align-items:center;width:36px;min-width:36px;padding:0;display:inline-flex}.department-status-pill{align-items:center;gap:7px;display:inline-flex}.department-status-pill:before{content:"";background:currentColor;border-radius:50%;width:8px;height:8px}.department-modal{color:#10205e;background:#fff;border:1px solid #dce8f7;border-radius:20px;width:min(780px,100vw - 32px);max-width:none;max-height:calc(100dvh - 48px);padding:0;overflow:hidden;box-shadow:0 28px 90px #07193a3d}.department-modal::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0c1e3b73}.department-modal .department-editor-card{width:100%;max-height:calc(100dvh - 50px);box-shadow:none;border:0;border-radius:0;flex-direction:column;gap:0;padding:0;display:flex}.department-modal .department-editor-header{background:linear-gradient(120deg,#fbfdff 40%,#e7f2ff);border-bottom:1px solid #e3edf9;flex:none;padding:28px 30px}.department-modal .department-editor-header h2{font-size:27px}.department-modal .department-editor-header p{font-size:14px;line-height:1.5}.department-modal .department-editor-header button{background:#fff;border:1px solid #d3e3f8;flex-shrink:0;transform:none}.department-modal .department-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;min-height:0;padding:26px 30px;overflow-y:auto}.department-modal .department-field{align-content:start;min-width:0}.department-modal .department-field:nth-child(3),.department-modal .department-status-options{grid-column:1/-1}.department-modal .department-status-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.department-modal .department-status-options p{grid-column:1/-1}.department-modal .department-field>span{margin-bottom:0}.department-modal .department-field input,.department-modal .department-field select{width:100%;min-width:0}.department-modal .department-field textarea{min-height:100px;padding-bottom:30px}.department-modal .department-editor-actions{background:#f5f9ff;border-top:1px solid #e3edf9;flex:none;justify-content:flex-end;margin:0;padding:18px 30px;display:flex}.department-modal .department-cancel-button{padding:0 24px}.department-modal button:disabled{opacity:.6;cursor:wait}@media (width<=1100px){.department-filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}}@media (width<=680px){.department-modal{max-height:calc(100dvh - 24px)}.department-modal .department-editor-card{max-height:calc(100dvh - 26px)}.department-modal .department-editor-header{padding:22px 20px}.department-modal .department-form{grid-template-columns:minmax(0,1fr);padding:22px 20px}.department-modal .department-status-options{grid-template-columns:minmax(0,1fr)}.department-modal .department-editor-actions{padding:16px 20px}.department-filters{grid-template-columns:minmax(0,1fr)!important}}.primary-button,.secondary-button,.danger-button{cursor:pointer;border-radius:8px;min-height:42px;padding:10px 15px;font-weight:900}.primary-button{color:#fff;background:#166bff;border:0}.secondary-button{color:#243442;background:#fff;border:1px solid #cbd8e0}.danger-button{color:#b42318;background:#fff7f7;border:1px solid #e7b5b5}.primary-button:hover{background:#0759e3}.secondary-button:hover{background:#f5f8fa}.danger-button:hover{background:#ffecec}.primary-button:disabled,.secondary-button:disabled,.danger-button:disabled{cursor:not-allowed;opacity:.58}.topbar-actions,.form-actions,.row-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.field{gap:7px;display:grid}.field span{color:#526575;font-size:13px;font-weight:900}.field input,.field select{color:#17212b;background:#fff;border:1px solid #cad7df;border-radius:8px;outline:none;width:100%;min-height:44px;padding:10px 12px}.field input:focus,.field select:focus{border-color:#166bff;box-shadow:0 0 0 3px #166bff24}.employee-form{border-bottom:1px solid #e2e9ee;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px;padding-bottom:20px;display:grid}.form-actions{align-items:end}.compact-button{min-height:34px;padding:7px 10px;font-size:13px}.status-box{color:#526575;background:#f8fafc;border:1px solid #d5e0e7;border-radius:8px;padding:12px 14px}.status-box.success{color:#176b57;background:#edf9f5;border-color:#9fd8c8}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:760px}.data-table th,.data-table td{text-align:left;vertical-align:top;border-bottom:1px solid #e2e9ee;padding:13px 12px}.data-table th{color:#526575;letter-spacing:.04em;text-transform:uppercase;font-size:12px}.data-table td{color:#25313d;font-size:14px}.data-table tbody tr:hover{background:#f8fbfd}.data-explorer{gap:20px;display:grid}.data-section{gap:12px;display:grid}.data-section h4{color:#18212b;margin:0;font-size:16px}.screenshot-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}@media (width<=900px){.employee-form{grid-template-columns:1fr}}@media (width<=640px){.screenshot-grid{grid-template-columns:1fr}.agent-row,.rank-row{grid-template-columns:auto minmax(0,1fr)}.agent-row small,.rank-row b{grid-column:2}}.managers-page{grid-template-columns:minmax(0,1fr) 384px;align-items:start;gap:22px;display:grid}.managers-main{align-content:start;gap:14px;min-width:0;display:grid}.managers-header h1{color:#070d3f;margin:0;font-size:30px;line-height:1.1}.managers-header p,.manager-assign-header p{color:#2e438c;margin:5px 0 0}.manager-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:10px;display:grid}.manager-stat-card,.manager-table-card,.manager-assign-card{background:#fffffff5;border:1px solid #dce8f7;border-radius:8px;box-shadow:0 10px 34px #254b8014}.manager-stat-card{grid-template-columns:58px minmax(0,1fr);align-items:center;gap:16px;min-height:118px;padding:14px;display:grid;position:relative;overflow:hidden}.manager-stat-icon,.manager-stat-copy{z-index:2;position:relative}.manager-stat-icon{color:#126bff;background:#e9f2ff;border-radius:9px;place-items:center;width:58px;height:58px;display:grid}.manager-stat-card.green .manager-stat-icon{color:#0aa862;background:#e4f8ee}.manager-stat-card.red .manager-stat-icon{color:#ff1f32;background:#ffe9ee}.manager-stat-card.purple .manager-stat-icon{color:#6d3cff;background:#efe7ff}.manager-stat-wave{opacity:.9;pointer-events:none;background:linear-gradient(135deg,#0000 8%,#3b82f661);width:126px;height:58px;position:absolute;bottom:10px;right:12px;-webkit-mask:url("data:image/svg+xml,%3Csvg width='150' height='70' viewBox='0 0 150 70' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 70 C24 61 31 39 50 42 C73 46 76 18 101 15 C125 12 131 36 150 22 L150 70 Z' fill='black'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg width='150' height='70' viewBox='0 0 150 70' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 70 C24 61 31 39 50 42 C73 46 76 18 101 15 C125 12 131 36 150 22 L150 70 Z' fill='black'/%3E%3C/svg%3E") 50%/contain no-repeat}.manager-stat-card.green .manager-stat-wave{background:linear-gradient(135deg,#0000 8%,#22c55e6b)}.manager-stat-card.red .manager-stat-wave{background:linear-gradient(135deg,#0000 8%,#ef44445c)}.manager-stat-card.purple .manager-stat-wave{background:linear-gradient(135deg,#0000 8%,#9333ea61)}.manager-stat-card p{color:#314a91;margin:0;font-size:14px}.manager-stat-card strong{color:#070d3f;margin-top:5px;font-size:24px;line-height:1;display:block}.manager-stat-card small{color:#314a91;margin-top:8px;font-size:13px;font-weight:500;display:block}.manager-stat-card em{color:#00a85a;margin-top:6px;font-size:13px;font-style:normal;font-weight:800;display:block}.manager-table-card{min-width:0;padding:12px}.manager-filters{grid-template-columns:minmax(250px,1.3fr) repeat(3,minmax(135px,.7fr)) auto auto;gap:10px;margin-bottom:12px;display:grid}.manager-search,.manager-filters select,.manager-filters button,.manager-field select{color:#10205e;background:#fff;border:1px solid #d3e3f8;border-radius:7px;min-height:40px}.manager-search{grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:0 12px;display:grid}.manager-search svg{color:#4365a8}.manager-search input{color:#10205e;min-width:0;font:inherit;border:0;outline:0}.manager-filters select,.manager-field select{outline:0;width:100%;min-width:0;padding:0 12px}.manager-reset-button,.manager-export-button{color:#0759e3;cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:800;display:inline-flex}.manager-table-wrap{border-radius:8px;overflow-x:auto}.manager-table{border-collapse:collapse;width:100%;min-width:980px}.manager-table th,.manager-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #e3edf9;padding:11px 10px}.manager-table th{color:#10205e;background:#f2f7ff;font-size:12px}.manager-table td{color:#17265f;font-size:13px}.manager-person-cell,.manager-mini-cell{align-items:center;gap:10px;display:flex}.manager-person-cell>span,.manager-mini-cell>span{color:#17377f;background:#dceafe;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-weight:900;display:grid}.manager-person-cell strong,.manager-mini-cell strong{color:#071047;display:block}.manager-person-cell small,.manager-mini-cell small{color:#31509a;margin-top:3px;font-size:12px;display:block}.manager-mini-cell.empty>span{color:#31509a;background:#eef3fb}.manager-department-chip,.manager-status-pill{border-radius:7px;justify-content:center;align-items:center;min-width:68px;padding:7px 10px;font-size:12px;font-weight:800;display:inline-flex}.manager-status-pill{gap:7px}.manager-status-pill:before{content:"";background:currentColor;border-radius:50%;flex:none;width:8px;height:8px}.manager-department-chip.it{color:#0759e3;background:#dceeff}.manager-department-chip.marketing{color:#e4007f;background:#ffe0f2}.manager-department-chip.sales{color:#d65c00;background:#ffe7d2}.manager-department-chip.hr{color:#7132d6;background:#eadcff}.manager-department-chip.finance{color:#af7500;background:#fff0ca}.manager-department-chip.operations{color:#008092;background:#d8f7fb}.manager-status-pill.assigned{color:#079652;background:#dff8ec}.manager-status-pill.unassigned{color:#e40018;background:#ffe3e7}.manager-actions{align-items:center;gap:8px;display:flex}.manager-actions button{color:#0759e3;cursor:pointer;background:#fff;border:1px solid #cfe0f8;border-radius:7px;min-width:120px;min-height:32px;padding:0 12px;font-weight:800}.manager-more-button{color:#0759e3;cursor:pointer;background:#fff;border:1px solid #cfe0f8;border-radius:7px;justify-content:center;align-items:center;width:36px;min-width:36px;height:32px;padding:0;display:inline-flex}.manager-pagination{color:#31509a;justify-content:space-between;align-items:center;gap:16px;padding-top:14px;font-size:13px;display:flex}.manager-pagination>div{align-items:center;gap:8px;display:flex}.manager-pagination button,.manager-pagination select{color:#31509a;background:#fff;border:1px solid #d3e3f8;border-radius:7px;min-width:34px;height:34px;font-weight:700}.manager-pagination button.active{color:#fff;background:#0759e3}.manager-pagination select{min-width:118px;padding:0 10px}.manager-assign-card{align-self:start;gap:18px;min-width:0;padding:20px;display:grid;overflow:hidden}.manager-assign-header{justify-content:space-between;align-items:start;gap:16px;display:flex}.manager-assign-header h2{color:#070d3f;margin:0;font-size:24px}.manager-assign-header button{color:#31509a;cursor:pointer;background:0 0;border:0}.manager-selected-employee{border:1px solid #dce8f7;border-radius:8px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;padding:14px;display:grid}.manager-selected-employee>span{color:#17377f;background:#dceafe;border-radius:50%;place-items:center;width:48px;height:48px;font-weight:900;display:grid}.manager-selected-employee div{min-width:0}.manager-selected-employee strong,.manager-selected-employee small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.manager-selected-employee small{color:#31509a;margin-top:4px}.manager-selected-employee em{color:#7132d6;background:#eadcff;border-radius:7px;padding:7px 10px;font-size:12px;font-style:normal;font-weight:800}.manager-field{gap:8px;min-width:0;display:grid}.manager-field span{color:#070d3f;font-size:13px;font-weight:800}.manager-field b{color:#ff1f32}.manager-field select:focus{border-color:#0759e3;box-shadow:0 0 0 3px #0759e31f}.manager-picker-list{border:1px solid #dce8f7;border-radius:8px;display:grid;overflow:hidden}.manager-picker-list button{text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #e3edf9;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;min-height:58px;padding:10px 12px;display:grid}.manager-picker-list button:last-child{border-bottom:0}.manager-picker-list button.active,.manager-picker-list button:hover{background:#f2f7ff}.manager-picker-list span{color:#7132d6;background:#eadcff;border-radius:50%;place-items:center;width:36px;height:36px;font-weight:900;display:grid}.manager-picker-list strong,.manager-picker-list small{display:block}.manager-picker-list strong{color:#071047}.manager-picker-list small{color:#31509a;margin-top:3px;font-size:12px}.manager-info-note{color:#31509a;background:#eaf4ff;border-radius:8px;grid-template-columns:auto minmax(0,1fr);gap:10px;padding:14px;display:grid}.manager-info-note svg{color:#0759e3}.manager-info-note p{margin:0;font-size:13px;line-height:1.45}.manager-assign-actions{grid-template-columns:minmax(0,1fr) minmax(0,1.45fr);gap:10px;margin-top:2px;display:grid}.manager-cancel-button,.manager-save-button{cursor:pointer;border-radius:7px;min-width:0;min-height:42px;padding:0 12px;font-weight:800}.manager-cancel-button{color:#31509a;background:#f7fbff;border:1px solid #d3e3f8}.manager-save-button{color:#fff;background:linear-gradient(135deg,#1687ff,#0759e3);border:0;justify-content:center;align-items:center;gap:8px;display:inline-flex;box-shadow:0 10px 22px #0759e32e}.manager-save-button:disabled{cursor:not-allowed;opacity:.55;box-shadow:none}@media (width<=1500px){.managers-page{grid-template-columns:1fr}.manager-assign-card{order:-1}}@media (width<=1100px){.manager-stats-grid,.manager-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.manager-search{grid-column:1/-1}}@media (width<=680px){.manager-stats-grid,.manager-filters,.manager-assign-actions{grid-template-columns:1fr}.manager-pagination{flex-direction:column;align-items:stretch}.manager-selected-employee{grid-template-columns:48px minmax(0,1fr)}.manager-selected-employee em{grid-column:2;width:fit-content}}.managers-page{grid-template-columns:minmax(0,1fr)}.managers-header{justify-content:space-between;align-items:center;gap:20px;display:flex}.manager-create-button{white-space:nowrap;flex-shrink:0;padding:0 20px}.manager-assign-modal{color:#10205e;background:#fff;border:1px solid #dce8f7;border-radius:20px;width:min(720px,100vw - 32px);max-width:none;max-height:calc(100dvh - 48px);padding:0;overflow:hidden;box-shadow:0 28px 90px #07193a3d}.manager-assign-modal::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0c1e3b73}.manager-assign-modal .manager-assign-card{max-height:calc(100dvh - 50px);box-shadow:none;border:0;border-radius:0;flex-direction:column;gap:0;padding:0;display:flex}.manager-assign-modal .manager-assign-header{background:linear-gradient(120deg,#fbfdff 40%,#e7f2ff);border-bottom:1px solid #e3edf9;flex:none;padding:28px 30px}.manager-assign-modal .manager-assign-header h2{font-size:27px}.manager-assign-modal .manager-assign-header p{font-size:14px;line-height:1.5}.manager-assign-modal .manager-assign-header button{background:#fff;border:1px solid #d3e3f8;border-radius:50%;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.manager-assign-body{border:0;gap:20px;min-width:0;min-height:0;margin:0;padding:26px 30px;display:grid;overflow-y:auto}.manager-assign-modal .manager-field select{border-radius:8px;min-height:46px}.manager-assign-modal .manager-selected-employee{background:#f8fbff}.manager-assign-modal .manager-picker-list{max-height:220px;overflow-y:auto}.manager-assign-modal .manager-picker-list button.active{background:#edf5ff;box-shadow:inset 3px 0 #1678ff}.manager-assign-modal .manager-assign-actions{background:#f5f9ff;border-top:1px solid #e3edf9;flex:none;justify-content:flex-end;margin:0;padding:18px 30px;display:flex}.manager-assign-modal .manager-assign-actions button{padding:0 24px}.manager-assign-error{color:#c42237;margin:0;font-size:14px}.manager-empty-note{color:#64748b;margin:0;font-size:14px}.manager-assign-modal button:disabled{cursor:not-allowed;opacity:.6}@media (width<=680px){.managers-header{flex-direction:column;align-items:stretch}.manager-assign-modal{max-height:calc(100dvh - 24px)}.manager-assign-modal .manager-assign-card{max-height:calc(100dvh - 26px)}.manager-assign-modal .manager-assign-header,.manager-assign-body{padding:22px 20px}.manager-assign-modal .manager-assign-actions{padding:16px 20px}}.working-hours-page{grid-template-columns:minmax(0,1fr) 384px;align-items:start;gap:22px;display:grid}.working-hours-main{gap:14px;min-width:0;display:grid}.working-hours-header{justify-content:space-between;align-items:center;gap:18px;display:flex}.working-hours-header h1{color:#070d3f;margin:0;font-size:30px;line-height:1.1}.working-hours-header p{color:#2e438c;margin:5px 0 0}.working-create-button,.working-save-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1687ff,#0759e3);border:0;border-radius:7px;min-height:40px;padding:0 18px;font-weight:800;box-shadow:0 10px 22px #0759e338}.working-create-button{white-space:nowrap;align-items:center;gap:10px;display:inline-flex}.working-create-button span{font-size:22px;line-height:1}.working-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.working-stat-card,.working-table-card,.working-editor-card{background:#fffffff5;border:1px solid #dce8f7;border-radius:8px;box-shadow:0 10px 34px #254b8014}.working-stat-card{grid-template-columns:58px minmax(0,1fr);align-items:center;gap:16px;min-height:118px;padding:14px;display:grid}.working-stat-card>span{background:#e9f2ff;border-radius:9px;width:58px;height:58px}.working-stat-card.green>span{background:#e4f8ee}.working-stat-card.orange>span{background:#fff2df}.working-stat-card.purple>span{background:#f1e7ff}.working-stat-card p{color:#314a91;margin:0;font-size:14px}.working-stat-card strong{color:#070d3f;margin-top:5px;font-size:24px;line-height:1;display:block}.working-stat-card em{color:#314a91;margin-top:8px;font-size:13px;font-style:normal;display:block}.working-table-card{min-width:0;padding:12px}.working-filters{grid-template-columns:minmax(260px,1fr) minmax(160px,.45fr) minmax(140px,.35fr) auto;gap:10px;margin-bottom:12px;display:grid}.working-search,.working-filters select,.working-filters button,.working-field input,.working-field select,.working-field textarea{color:#10205e;background:#fff;border:1px solid #d3e3f8;border-radius:7px}.working-search,.working-filters select,.working-filters button,.working-field input,.working-field select{min-height:40px}.working-search{grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:0 12px;display:grid}.working-search span{border:2px solid #4365a8;border-radius:50%;width:14px;height:14px;position:relative}.working-search span:after{content:"";background:#4365a8;width:7px;height:2px;position:absolute;bottom:-4px;right:-5px;transform:rotate(45deg)}.working-search input{color:#10205e;min-width:0;font:inherit;border:0;outline:0}.working-filters select,.working-field input,.working-field select{outline:0;width:100%;min-width:0;padding:0 12px}.working-filters button{color:#0759e3;cursor:pointer;padding:0 18px;font-weight:800}.working-table-wrap{border-radius:8px;overflow-x:auto}.working-table{border-collapse:collapse;width:100%;min-width:980px}.working-table th,.working-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #e3edf9;padding:12px 10px}.working-table th{color:#10205e;background:#f2f7ff;font-size:12px}.working-table td{color:#17265f;font-size:13px}.working-table td strong,.working-table td small{display:block}.working-table td small{color:#31509a;margin-top:4px}.working-name-cell{align-items:center;gap:10px;display:flex}.working-name-cell strong{color:#071047}.working-row-icon{color:#ff7a00;background:#fff2df;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-size:11px;font-weight:900;display:grid}.working-row-icon.remote{color:#0aa862;background:#e4f8ee}.working-row-icon.hybrid{color:#126bff;background:#e9f2ff}.working-days{flex-wrap:wrap;gap:4px;display:flex}.working-days span{color:#0759e3;text-align:center;background:#dceeff;border-radius:5px;min-width:20px;padding:4px 6px;font-size:11px;font-weight:800}.working-status-pill{border-radius:7px;justify-content:center;min-width:64px;padding:7px 10px;font-size:12px;font-weight:800;display:inline-flex}.working-status-pill.active{color:#079652;background:#dff8ec}.working-status-pill.inactive{color:#e40018;background:#ffe3e7}.working-actions{align-items:center;gap:8px;display:flex}.working-actions button{color:#0759e3;cursor:pointer;background:#fff;border:1px solid #cfe0f8;border-radius:7px;min-width:42px;height:31px;padding:0 9px;font-size:12px;font-weight:900}.working-actions button.delete{color:#ff1f32;background:#ffe9ee;border-color:#ffd0d9}.working-pagination{color:#31509a;justify-content:space-between;align-items:center;gap:16px;padding-top:14px;font-size:13px;display:flex}.working-pagination>div{align-items:center;gap:8px;display:flex}.working-pagination button,.working-pagination select{color:#31509a;background:#fff;border:1px solid #d3e3f8;border-radius:7px;min-width:34px;height:34px;font-weight:700}.working-pagination button.active{color:#fff;background:#0759e3}.working-pagination select{min-width:108px;padding:0 10px}.working-editor-card{align-self:start;gap:18px;padding:20px;display:grid}.working-editor-header{justify-content:space-between;align-items:start;gap:16px;display:flex}.working-editor-header h2{color:#070d3f;margin:0;font-size:22px}.working-editor-header button{color:#31509a;cursor:pointer;background:0 0;border:0;font-size:26px}.working-step-tabs{border-bottom:1px solid #dce8f7;grid-template-columns:repeat(3,1fr);display:grid}.working-step-tabs button{color:#2e438c;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:0 0 12px;font-weight:800}.working-step-tabs button.active{color:#0759e3;border-bottom-color:#0759e3}.working-form{gap:16px;display:grid}.working-field{gap:8px;display:grid}.working-field span,.working-radio-group p,.working-day-picker p{color:#070d3f;margin:0;font-size:13px;font-weight:800}.working-field b{color:#ff1f32}.working-field textarea{resize:vertical;width:100%;min-height:100px;font:inherit;outline:0;padding:12px}.working-field input:focus,.working-field select:focus,.working-field textarea:focus{border-color:#0759e3;box-shadow:0 0 0 3px #0759e31f}.working-textarea-wrap{display:grid;position:relative}.working-textarea-wrap span{color:#31509a;font-size:12px;position:absolute;bottom:9px;right:12px}.working-radio-group{gap:12px;display:grid}.working-radio-group label{color:#10205e;align-items:center;gap:8px;font-weight:700;display:inline-flex}.working-two-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.working-total-hours{color:#0759e3;background:#edf4ff;border-radius:7px;padding:13px 14px;font-weight:800}.working-toggle{color:#10205e;justify-content:space-between;align-items:center;gap:12px;display:flex}.working-toggle strong,.working-toggle small{display:block}.working-toggle small{color:#31509a;margin-top:5px}.working-day-picker{gap:12px;display:grid}.working-day-picker>div{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.working-day-picker button{color:#31509a;cursor:pointer;background:#fff;border:1px solid #d3e3f8;border-radius:7px;min-height:36px;font-weight:800}.working-day-picker button.active{color:#fff;background:#0759e3}.working-editor-actions{grid-template-columns:1fr 1.45fr;gap:10px;margin-top:8px;display:grid}.working-cancel-button{color:#31509a;cursor:pointer;background:#f7fbff;border:1px solid #d3e3f8;border-radius:7px;min-height:42px;font-weight:800}@media (width<=1500px){.working-hours-page{grid-template-columns:1fr}.working-editor-card{order:-1}}@media (width<=1100px){.working-stats-grid,.working-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.working-search{grid-column:1/-1}}@media (width<=680px){.working-hours-header,.working-pagination{flex-direction:column;align-items:stretch}.working-stats-grid,.working-filters,.working-two-fields,.working-editor-actions{grid-template-columns:1fr}.working-step-tabs{grid-template-columns:1fr;gap:8px}}.working-stat-card{position:relative;overflow:hidden}.working-stat-icon,.working-stat-copy{z-index:2;position:relative}.working-stat-icon{color:#126bff;place-items:center;display:grid}.working-stat-card.green .working-stat-icon{color:#0aa862}.working-stat-card.orange .working-stat-icon{color:#e46f00}.working-stat-card.purple .working-stat-icon{color:#6d3cff}.working-stat-card small{color:#00a85a;margin-top:8px;font-size:13px;font-weight:800;display:block}.working-stat-wave{opacity:.9;pointer-events:none;background:linear-gradient(135deg,#0000 8%,#3b82f661);width:126px;height:58px;position:absolute;bottom:10px;right:12px;-webkit-mask:url("data:image/svg+xml,%3Csvg width='150' height='70' viewBox='0 0 150 70' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 70 C24 61 31 39 50 42 C73 46 76 18 101 15 C125 12 131 36 150 22 L150 70 Z' fill='black'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg width='150' height='70' viewBox='0 0 150 70' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 70 C24 61 31 39 50 42 C73 46 76 18 101 15 C125 12 131 36 150 22 L150 70 Z' fill='black'/%3E%3C/svg%3E") 50%/contain no-repeat}.working-stat-card.green .working-stat-wave{background:linear-gradient(135deg,#0000 8%,#22c55e6b)}.working-stat-card.orange .working-stat-wave{background:linear-gradient(135deg,#0000 8%,#f9731657)}.working-stat-card.purple .working-stat-wave{background:linear-gradient(135deg,#0000 8%,#9333ea61)}.working-search svg{color:#4365a8}.working-reset-button,.working-export-button{justify-content:center;align-items:center;gap:8px;display:inline-flex}.working-status-pill{align-items:center;gap:7px}.working-status-pill:before{content:"";background:currentColor;border-radius:50%;flex:none;width:8px;height:8px}.working-actions{justify-content:flex-start}.working-actions .working-icon-action{justify-content:center;align-items:center;width:34px;min-width:34px;padding:0;display:inline-flex}.working-radio-group p b{color:#ff1f32}.working-work-mode-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.working-work-mode-card{color:#31509a;cursor:pointer;background:#fff;border:1px solid #d3e3f8;border-radius:8px;place-items:center;gap:6px;min-height:68px;display:grid}.working-work-mode-card input{opacity:0;pointer-events:none;position:absolute}.working-work-mode-card:has(input:checked){color:#0759e3;background:#eef7ff;border-color:#1678ff;box-shadow:0 0 0 3px #1678ff1a}.working-total-hours-card{color:#0759e3;background:#edf4ff;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:13px 14px;display:grid}.working-total-hours-card small{color:#31509a;margin-top:4px;font-size:12px;display:block}.working-save-button{justify-content:center;align-items:center;gap:9px;display:inline-flex}.working-hours-page{grid-template-columns:minmax(0,1fr)}.working-schedule-modal{color:#10205e;background:#fff;border:1px solid #dce8f7;border-radius:20px;width:min(780px,100vw - 32px);max-width:none;max-height:calc(100dvh - 48px);padding:0;overflow:hidden;box-shadow:0 28px 90px #07193a3d}.working-schedule-modal::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0c1e3b73}.working-schedule-modal .working-editor-card{width:100%;max-height:calc(100dvh - 50px);box-shadow:none;border:0;border-radius:0;flex-direction:column;gap:0;padding:0;display:flex}.working-schedule-modal .working-editor-header{background:linear-gradient(120deg,#fbfdff 40%,#e7f2ff);border-bottom:1px solid #e3edf9;flex:none;padding:28px 30px}.working-schedule-modal .working-editor-header h2{font-size:27px}.working-schedule-modal .working-editor-header p{color:#64799c;margin:7px 0 0;font-size:14px}.working-schedule-modal .working-editor-header button{background:#fff;border:1px solid #d3e3f8;border-radius:50%;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.working-editor-body{overscroll-behavior:contain;scrollbar-gutter:stable;flex:auto;min-width:0;min-height:0;padding:0 30px 26px;overflow-y:auto}.working-editor-fields{border:0;min-width:0;margin:0;padding:0}.working-schedule-modal .working-step-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-bottom:24px}.working-schedule-modal .working-step-tabs button{padding:18px 8px;font-size:14px}.working-schedule-modal .working-form{gap:20px}.working-schedule-modal .working-field{min-width:0}.working-schedule-modal .working-field input,.working-schedule-modal .working-field select{width:100%;min-width:0;min-height:44px}.working-schedule-modal .working-field textarea{padding-bottom:30px}.working-schedule-modal .working-editor-actions{background:#f5f9ff;border-top:1px solid #e3edf9;flex:none;justify-content:flex-end;margin:0;padding:18px 30px;display:flex}.working-schedule-modal .working-editor-actions button{padding:0 24px}.working-schedule-modal button:disabled{opacity:.6;cursor:not-allowed}.working-save-error{color:#c42237;margin:16px 0 0;font-size:14px}@media (width<=680px){.working-schedule-modal{max-height:calc(100dvh - 24px)}.working-schedule-modal .working-editor-card{max-height:calc(100dvh - 26px)}.working-schedule-modal .working-editor-header{padding:22px 20px}.working-editor-body{padding:0 20px 22px}.working-schedule-modal .working-step-tabs button{padding:16px 4px;font-size:12px}.working-schedule-modal .working-editor-actions{flex-wrap:wrap;padding:16px 20px}}.attendance-page{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:10px;display:grid}.mark-attendance-overlay{z-index:80;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#040f289e;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.mark-attendance-modal{background:#fff;border:1px solid #d8e5f7;border-radius:8px;width:min(682px,100vw - 32px);max-height:calc(100vh - 34px);overflow:auto;box-shadow:0 28px 90px #03103061}.attendance-export-overlay{z-index:85;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#040f289e;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.attendance-export-modal{background:#fff;border:1px solid #d8e5f7;border-radius:8px;width:min(460px,100vw - 32px);box-shadow:0 28px 90px #03103061}.attendance-export-header{grid-template-columns:44px minmax(0,1fr) 34px;align-items:center;gap:14px;padding:22px 22px 14px;display:grid}.attendance-export-icon{color:#0759e3;background:#eaf3ff;border-radius:8px;place-items:center;width:44px;height:44px;display:grid}.attendance-export-header h2{color:#06165f;margin:0;font-size:22px}.attendance-export-header p{color:#2d4796;margin:5px 0 0;font-weight:800}.attendance-export-header>button{color:#06165f;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.attendance-export-form{gap:16px;padding:0 22px 18px;display:grid}.attendance-export-form label{color:#06165f;gap:8px;font-weight:900;display:grid}.attendance-export-form input{color:#06165f;border:1px solid #cfe0f6;border-radius:8px;width:100%;min-height:48px;padding:0 13px;font-weight:900}.attendance-export-error{color:#d80d22;background:#fff4f6;border:1px solid #ffd1d8;border-radius:8px;margin:0;padding:10px 12px;font-weight:900}.attendance-export-actions{border-top:1px solid #edf2fa;grid-template-columns:120px minmax(0,1fr);gap:16px;padding:16px 22px 22px;display:grid}.attendance-export-actions button{color:#06165f;cursor:pointer;background:#fff;border:1px solid #cfe0f6;border-radius:8px;min-height:46px;font-weight:900}.attendance-export-actions button.primary{color:#fff;background:linear-gradient(135deg,#1687ff,#0759e3);border-color:#0759e3}.mark-attendance-header{grid-template-columns:44px minmax(0,1fr) 34px;align-items:center;gap:14px;padding:22px 22px 14px;display:grid}.mark-attendance-icon{color:#0759e3;background:#eaf3ff;border-radius:8px;place-items:center;width:44px;height:44px;display:grid}.mark-attendance-header h2{color:#06165f;margin:0;font-size:22px;line-height:1.1}.mark-attendance-header p{color:#2d4796;margin:5px 0 0;font-weight:800}.mark-attendance-header>button{color:#06165f;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.mark-attendance-form{gap:16px;padding:0 22px 18px;display:grid}.mark-form-row{gap:16px;min-width:0;display:grid}.date-status-row{grid-template-columns:196px minmax(0,1fr)}.time-break-row{grid-template-columns:repeat(3,minmax(0,1fr))}.calculated-row{grid-template-columns:repeat(2,minmax(0,1fr))}.mark-attendance-field{color:#06165f;gap:8px;min-width:0;font-weight:900;display:grid}.mark-attendance-field b{line-height:1.2}.mark-attendance-field b span{color:#e30d21}.mark-attendance-field input,.mark-attendance-field select,.mark-attendance-field textarea{color:#06165f;background:#fff;border:1px solid #cfe0f6;border-radius:8px;width:100%;min-height:48px;padding:0 13px;font-weight:900}.mark-attendance-field textarea{resize:vertical;min-height:96px;padding:14px;line-height:1.35}.mark-attendance-field>small{color:#5267a7;justify-self:end;margin-top:-31px;padding-right:10px;font-weight:900}.mark-employee-select{background:#fff;border:1px solid #cfe0f6;border-radius:8px;grid-template-columns:44px minmax(0,1fr) 20px;align-items:center;gap:12px;min-height:58px;padding:7px 12px;display:grid;position:relative}.mark-employee-select span{color:#0759e3;background:#dcecff;border-radius:999px;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.mark-employee-select strong{color:#06165f;display:block}.mark-employee-select small{color:#2d4796;margin-top:2px;font-weight:800;display:block}.mark-employee-select select{opacity:0;cursor:pointer;width:100%;height:100%;min-height:0;position:absolute;inset:0}.mark-status-segments{background:#f8fbff;border:1px solid #dce8f7;border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));min-height:48px;display:grid;overflow:hidden}.mark-status-segments button{color:#06165f;cursor:pointer;background:#f8fbff;border:0;border-right:1px solid #e3ecfa;justify-content:center;align-items:center;gap:7px;min-width:0;min-height:48px;padding:0 10px;font-size:13px;font-weight:900;line-height:1.1;display:inline-flex}.mark-status-segments button:last-child{border-right:0}.mark-status-segments button svg{width:16px;height:16px}.mark-status-segments button.active{color:#00a862;background:linear-gradient(135deg,#e9fff2,#f5fff9);box-shadow:inset 0 0 0 1px #1687ff}.mark-calculated-card{gap:8px;min-width:0;display:grid}.mark-calculated-card small{color:#06165f;font-weight:900}.mark-calculated-card small em{color:#38529c;font-style:normal;font-weight:800}.mark-calculated-card strong{color:#06165f;background:#f1f4f9;border-radius:8px;align-items:center;gap:10px;min-height:48px;padding:0 14px;font-size:15px;display:flex}.mark-calculated-card strong svg{color:#0759e3}.mark-calculated-card.late strong{color:#f56b00;background:#fff2e8}.mark-audit-box{background:#f3f8ff;border:1px solid #cfe0f6;border-radius:8px;padding:14px 16px}.mark-audit-box strong{color:#06165f;margin-bottom:4px;display:block}.mark-audit-box p{color:#38529c;margin:0;font-weight:800;line-height:1.45}.mark-audit-box b{color:#0759e3}.mark-attendance-error{color:#d80d22;background:#fff4f6;border:1px solid #ffd1d8;border-radius:8px;margin:-4px 0 0;padding:10px 12px;font-weight:900}.mark-attendance-actions{border-top:1px solid #edf2fa;grid-template-columns:120px minmax(0,1fr);gap:16px;padding:16px 22px 22px;display:grid}.mark-attendance-actions button{color:#06165f;cursor:pointer;background:#fff;border:1px solid #cfe0f6;border-radius:8px;min-height:46px;font-weight:900}.mark-attendance-actions button.primary{color:#fff;background:linear-gradient(135deg,#1687ff,#0759e3);border-color:#0759e3;box-shadow:0 10px 22px #0759e333}.mark-attendance-actions button:disabled{cursor:not-allowed;opacity:.68}@media (width<=760px){.mark-attendance-form,.mark-attendance-actions,.date-status-row,.time-break-row,.calculated-row{grid-template-columns:1fr}.mark-status-segments{grid-template-columns:repeat(2,minmax(0,1fr))}}.attendance-main{min-width:0;display:contents}.attendance-header,.attendance-stats-grid,.attendance-widgets{grid-column:1}.attendance-header{justify-content:space-between;align-items:end;gap:18px;display:flex}.attendance-header h1{color:#070d3f;margin:0;font-size:30px;line-height:1.1}.attendance-header p,.attendance-card p{color:#2e438c;margin:5px 0 0}.attendance-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.attendance-export-button,.attendance-mark-button,.attendance-apply-button{cursor:pointer;border-radius:7px;min-height:40px;padding:0 18px;font-weight:800}.attendance-export-button{color:#0759e3;background:#fff;border:1px solid #d3e3f8;align-items:center;gap:10px;display:inline-flex}.attendance-export-button span,.attendance-mark-button span{font-size:21px;line-height:1}.attendance-mark-button,.attendance-apply-button{color:#fff;background:linear-gradient(135deg,#1687ff,#0759e3);border:0;justify-content:center;align-items:center;gap:10px;display:inline-flex;box-shadow:0 10px 22px #0759e338}.attendance-stats-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.attendance-stat,.attendance-card,.attendance-filter-card{background:#fffffff5;border:1px solid #dce8f7;border-radius:8px;box-shadow:0 10px 34px #254b8014}.attendance-stat{grid-template-columns:56px minmax(0,1fr);align-items:center;gap:14px;min-height:102px;padding:13px;display:grid}.attendance-stat-icon{color:#0aa862;background:#e4f8ee;border-radius:9px;width:56px;height:56px;position:relative}.attendance-stat.red .attendance-stat-icon{color:#ff1f32;background:#ffe9ee}.attendance-stat.orange .attendance-stat-icon{color:#ff9500;background:#fff2df}.attendance-stat.purple .attendance-stat-icon{color:#8a22ff;background:#f1e7ff}.attendance-stat-icon:before,.attendance-stat-icon:after{content:"";position:absolute}.attendance-stat-icon.person:before{border:3px solid;border-top:0;border-radius:0 0 18px 18px;inset:24px 15px 13px}.attendance-stat-icon.person:after{border:3px solid;border-radius:50%;width:15px;height:15px;top:13px;left:20px}.attendance-stat-icon.check:before,.attendance-stat-icon.cross:before,.attendance-stat-icon.clock:before{border:3px solid;border-radius:50%;inset:15px}.attendance-stat-icon.check:after{border-bottom:3px solid;border-left:3px solid;width:15px;height:8px;top:26px;left:21px;transform:rotate(-45deg)}.attendance-stat-icon.cross:after{background:currentColor;width:17px;height:3px;top:26px;left:20px;transform:rotate(45deg);box-shadow:0 0}.attendance-stat-icon.cross{overflow:hidden}.attendance-stat-icon.cross span{display:none}.attendance-stat-icon.cross:before{box-shadow:inset 0 0 0 999px #0000}.attendance-stat-icon.cross:after{box-shadow:0 0}.attendance-stat-icon.clock:after{border-bottom:3px solid;border-left:3px solid;width:10px;height:13px;top:21px;left:28px}.attendance-stat p{color:#314a91;margin:0;font-size:13px}.attendance-stat strong{color:#070d3f;margin-top:5px;font-size:23px;line-height:1;display:block}.attendance-stat em{color:#314a91;margin-top:9px;font-size:12px;font-style:normal;display:block}.attendance-widgets{grid-template-columns:minmax(0,1.5fr) minmax(300px,.9fr);gap:10px;display:grid}.attendance-card{min-width:0;padding:14px}.attendance-card-heading{justify-content:space-between;align-items:start;gap:16px;display:flex}.attendance-card h2,.attendance-filter-card h2{color:#070d3f;margin:0;font-size:18px;line-height:1.2}.attendance-card-heading button{color:#0759e3;cursor:pointer;background:0 0;border:0;padding:0;font-weight:800}.attendance-legend{color:#2e438c;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:13px;font-size:12px;display:flex}.attendance-legend span{align-items:center;gap:6px;display:inline-flex}.attendance-legend span:before{content:"";background:#10bf72;border-radius:50%;width:10px;height:10px}.attendance-legend .absent:before{background:#ff5b67}.attendance-legend .leave:before{background:#ffba2d}.attendance-legend .late:before{background:#aec8f5}.attendance-chart{background:linear-gradient(#dce8f7 1px,#0000 1px) 0 0/100% 25%,linear-gradient(90deg,#e8f0fb 1px,#0000 1px) 0 0/14.285% 100%;border-radius:8px;grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:16px;height:202px;margin-top:17px;padding:15px 22px 0;display:grid}.attendance-chart-column{place-items:end center;gap:8px;display:grid}.attendance-bar-stack{background:#d6e3f6;border-radius:4px 4px 0 0;flex-direction:column-reverse;width:42px;height:150px;display:flex;overflow:hidden}.attendance-bar-stack span{flex:none;display:block}.attendance-chart-column small{color:#31509a;font-size:12px}.department-attendance-list{gap:12px;margin-top:14px;display:grid}.department-attendance-row{color:#10205e;grid-template-columns:minmax(76px,1fr) 48px minmax(90px,1.4fr) 40px;align-items:center;gap:10px;font-size:13px;display:grid}.department-attendance-row strong{font-size:13px}.department-attendance-row span,.department-attendance-row em{color:#31509a;text-align:right;font-style:normal}.department-attendance-row div{background:#d8e4f6;border-radius:999px;height:10px;overflow:hidden}.department-attendance-row i{border-radius:inherit;height:100%;display:block}.employee-attendance-card{grid-column:1/-1;width:100%;margin-top:-2px;padding:12px}.attendance-table-wrap{border-radius:8px;margin-top:12px;overflow-x:auto}.attendance-table{border-collapse:collapse;width:100%;min-width:1140px}.attendance-table th,.attendance-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #e3edf9;padding:10px}.attendance-table th{color:#314a64;background:#f2f7ff;font-size:12px}.attendance-table td{color:#17265f;font-size:13px}.attendance-person{align-items:center;gap:10px;display:flex}.attendance-person>span{color:#17377f;background:#dceafe;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.attendance-person strong{color:#071047;font-size:13px;display:block}.attendance-person small{color:#31509a;margin-top:3px;font-size:12px;display:block}.attendance-success-text{font-weight:800;color:#079652!important}.attendance-status{border-radius:7px;justify-content:center;min-width:68px;padding:7px 10px;font-size:12px;font-weight:800;display:inline-flex}.attendance-status.present,.attendance-status.late{color:#079652;background:#dff8ec}.attendance-status.absent{color:#e40018;background:#ffe3e7}.attendance-status.leave{color:#ff7a00;background:#fff1dc}.attendance-status.half_day{color:#8a22ff;background:#f1e7ff}.attendance-actions{align-items:center;gap:8px;display:flex}.attendance-actions button{color:#0759e3;cursor:pointer;background:#fff;border:1px solid #cfe0f8;border-radius:7px;height:31px;padding:0 9px;font-size:12px;font-weight:900}.attendance-actions button:last-child{width:31px;padding:0;font-size:18px;line-height:1}.attendance-pagination{color:#31509a;justify-content:space-between;align-items:center;gap:16px;padding-top:14px;font-size:13px;display:flex}.attendance-pagination>div{align-items:center;gap:8px;display:flex}.attendance-pagination button,.attendance-pagination select{color:#31509a;background:#fff;border:1px solid #d3e3f8;border-radius:7px;min-width:34px;height:34px;font-weight:700}.attendance-pagination button.active{color:#fff;background:#0759e3}.attendance-pagination select{min-width:112px;padding:0 10px}.attendance-filter-card{grid-area:1/2/4;grid-template-rows:auto repeat(4,auto) minmax(40px,1fr);align-self:stretch;gap:17px;min-width:0;min-height:432px;padding:16px;display:grid}.attendance-filter-card *{box-sizing:border-box}.attendance-filter-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.attendance-filter-heading button{color:#0759e3;cursor:pointer;background:0 0;border:0;padding:0;font-weight:800}.attendance-filter-field{gap:8px;display:grid}.attendance-filter-field input,.attendance-filter-field select,.attendance-filter-search{color:#10205e;background:#fff;border:1px solid #d3e3f8;border-radius:7px;width:100%;min-height:41px}.attendance-filter-field input,.attendance-filter-field select{outline:0;padding:0 12px}.attendance-filter-search{grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:0 12px;display:grid}.attendance-filter-search span{border:2px solid #4365a8;border-radius:50%;width:14px;height:14px;position:relative}.attendance-filter-search span:after{content:"";background:#4365a8;width:7px;height:2px;position:absolute;bottom:-4px;right:-5px;transform:rotate(45deg)}.attendance-filter-search input{min-width:0;min-height:0;font:inherit;border:0;outline:0;padding:0}.attendance-apply-button{align-self:end;width:100%;min-height:40px}.employee-detail-top{justify-content:space-between;align-items:end;gap:18px;display:flex}.employee-detail-back{color:#0759e3;cursor:pointer;background:0 0;border:0;padding:0;font-weight:800}.employee-detail-top h1{color:#070d3f;margin:8px 0 0;font-size:30px;line-height:1.1}.employee-detail-top p,.employee-profile-card p,.employee-detail-card p{color:#2e438c;margin:5px 0 0}.employee-detail-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.employee-detail-actions button,.employee-detail-card-heading button{color:#0759e3;cursor:pointer;background:#fff;border:1px solid #d3e3f8;border-radius:7px;min-height:38px;padding:0 16px;font-weight:800}.employee-detail-actions button.danger{color:#e40018}.employee-detail-actions button.icon{width:46px;padding:0}.employee-profile-card{grid-template-columns:minmax(300px,1.3fr) minmax(260px,1fr) minmax(300px,1fr);align-items:center;gap:22px;padding:16px;display:grid}.employee-profile-main{align-items:center;gap:18px;display:flex}.employee-profile-main>span{color:#071047;background:#dceafe;border-radius:50%;flex:none;place-items:center;width:86px;height:86px;font-size:32px;font-weight:900;display:grid}.employee-profile-main h2{color:#070d3f;align-items:center;gap:12px;margin:0;font-size:24px;display:flex}.employee-profile-main h2 em{color:#079652;background:#dff8ec;border-radius:7px;padding:7px 12px;font-size:12px;font-style:normal}.employee-profile-main strong,.employee-profile-side strong{color:#10205e}.employee-profile-info{gap:13px;display:grid}.employee-info-item{grid-template-columns:24px minmax(0,1fr);align-items:center;gap:10px;min-width:0;display:grid}.employee-info-item span{color:#31509a;background:0 0;border:0;border-radius:0;place-items:center;width:24px;height:24px;display:grid}.employee-info-item span svg{stroke-width:2px;width:18px;height:18px;display:block}.employee-info-item p{color:#233f8f;overflow-wrap:anywhere;min-width:0;margin:0}.employee-profile-side{border-left:1px solid #dce8f7;grid-template-columns:1fr 1fr;gap:16px;padding-left:24px;display:grid}.employee-profile-side div:last-child{grid-column:1/-1}.employee-detail-stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.employee-detail-stat{grid-template-columns:56px minmax(0,1fr);align-items:center;gap:14px;min-height:98px;padding:13px;display:grid}.employee-detail-stat>span{background:#e4f8ee;border-radius:9px;width:56px;height:56px}.employee-detail-stat.red>span{background:#ffe9ee}.employee-detail-stat.orange>span{background:#fff2df}.employee-detail-stat.purple>span{background:#f1e7ff}.employee-detail-stat.blue>span{background:#e9f2ff}.employee-detail-stat p{color:#314a91;margin:0;font-size:13px}.employee-detail-stat strong{color:#070d3f;margin-top:5px;font-size:22px;line-height:1;display:block}.employee-detail-stat em{color:#314a91;margin-top:9px;font-size:12px;font-style:normal;display:block}.employee-detail-tabs{border-bottom:1px solid #dce8f7;grid-template-columns:repeat(6,minmax(110px,1fr)) minmax(220px,auto);align-items:center;gap:8px;display:grid}.employee-detail-tabs button{color:#2e438c;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;min-height:44px;font-weight:800}.employee-detail-tabs button.active{color:#0759e3;border-bottom-color:#0759e3}.employee-detail-tabs select{color:#31509a;background:#fff;border:1px solid #d3e3f8;border-radius:7px;min-height:38px;padding:0 12px}.employee-detail-grid{grid-template-columns:minmax(0,1.45fr) minmax(330px,.75fr);gap:12px;display:grid}.employee-detail-left,.employee-detail-right{align-content:start;gap:12px;display:grid}.employee-detail-card{min-width:0;padding:14px}.employee-detail-card-heading{justify-content:space-between;align-items:start;gap:16px;display:flex}.employee-detail-card h2{color:#070d3f;margin:0;font-size:18px}.employee-detail-table-wrap{border-radius:8px;margin-top:12px;overflow-x:auto}.employee-detail-table{border-collapse:collapse;width:100%;min-width:760px}.employee-detail-table th,.employee-detail-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #e3edf9;padding:10px}.employee-detail-table th{color:#314a64;background:#f2f7ff;font-size:12px}.employee-detail-table td{color:#17265f;font-size:13px}.employee-screenshot-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.employee-shot{min-width:0;margin:0}.employee-shot-preview{aspect-ratio:16/9;background:linear-gradient(135deg,#0759e31f,#10bf722e),repeating-linear-gradient(90deg,#24345f 0 8px,#0f1b37 8px 16px);border-radius:7px}.employee-shot figcaption{color:#fff;margin-top:-26px;padding:0 8px 7px;font-weight:800;position:relative}.today-overview-item{grid-template-columns:32px minmax(0,1fr);align-items:center;gap:10px;display:grid}.today-overview-item span,.employee-activity-item>span{background:#dff8ec;border-radius:50%;width:32px;height:32px}.today-overview-item p{color:#31509a;margin:0;font-size:12px}.today-overview-item strong{color:#071047;margin-top:3px;font-size:15px;display:block}.employee-activity-list{gap:16px;margin-top:16px;display:grid}.employee-activity-item{grid-template-columns:66px 32px minmax(0,1fr);align-items:center;gap:10px;display:grid}.employee-activity-item time{color:#31509a;font-size:13px}.employee-activity-item>span.orange{background:#fff2df}.employee-activity-item strong{color:#071047;font-size:14px}.employee-activity-item p{color:#31509a;margin:3px 0 0;font-size:12px}@media (width<=1400px){.attendance-page{grid-template-columns:1fr}.attendance-filter-card{grid-template-columns:repeat(4,minmax(0,1fr))}.attendance-filter-heading,.attendance-apply-button{grid-column:1/-1}}@media (width<=1100px){.attendance-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.attendance-widgets,.attendance-filter-card,.employee-detail-grid,.employee-profile-card{grid-template-columns:1fr}.employee-detail-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-profile-side{border-left:0;padding-left:0}}@media (width<=760px){.attendance-header,.attendance-pagination,.attendance-card-heading,.employee-detail-top,.employee-detail-card-heading{flex-direction:column;align-items:stretch}.attendance-stats-grid,.employee-detail-stats,.employee-screenshot-row,.today-overview-grid,.employee-profile-side,.employee-detail-tabs{grid-template-columns:1fr}}.attendance-stat{position:relative;overflow:hidden}.attendance-stat-icon{place-items:center;display:grid}.attendance-stat-icon:before,.attendance-stat-icon:after{display:none}.attendance-stat>div,.attendance-stat-icon{z-index:2;position:relative}.attendance-stat-wave{opacity:.9;pointer-events:none;background:linear-gradient(135deg,#0000 8%,#22c55e61);width:118px;height:52px;position:absolute;bottom:8px;right:10px;-webkit-mask:url("data:image/svg+xml,%3Csvg width='150' height='70' viewBox='0 0 150 70' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 70 C24 61 31 39 50 42 C73 46 76 18 101 15 C125 12 131 36 150 22 L150 70 Z' fill='black'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg width='150' height='70' viewBox='0 0 150 70' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 70 C24 61 31 39 50 42 C73 46 76 18 101 15 C125 12 131 36 150 22 L150 70 Z' fill='black'/%3E%3C/svg%3E") 50%/contain no-repeat}.attendance-stat.red .attendance-stat-wave{background:linear-gradient(135deg,#0000 8%,#ef44445c)}.attendance-stat.orange .attendance-stat-wave{background:linear-gradient(135deg,#0000 8%,#f9731657)}.attendance-stat.purple .attendance-stat-wave{background:linear-gradient(135deg,#0000 8%,#9333ea61)}.attendance-status{align-items:center;gap:7px}.attendance-status:before{content:"";background:currentColor;border-radius:50%;flex:none;width:8px;height:8px}.attendance-export-button svg,.attendance-mark-button svg,.attendance-filter-search svg{flex:none}.attendance-filter-search svg{color:#4365a8}.attendance-more-button{justify-content:center;align-items:center;display:inline-flex}.attendance-more-button svg{pointer-events:none}.attendance-pagination button:disabled{cursor:not-allowed;opacity:.55}.department-attendance-card.enhanced{padding:18px}.department-attendance-heading{align-items:center;margin-bottom:18px}.department-attendance-title{align-items:center;gap:14px;display:flex}.department-attendance-title-icon{color:#126bff;background:#e9f2ff;border-radius:16px;place-items:center;width:56px;height:56px;display:grid}.department-view-all-button{align-items:center;gap:8px;min-height:42px;display:inline-flex;background:#eaf4ff!important;border-radius:999px!important;padding:0 18px!important}.department-attendance-list.enhanced{gap:0;margin-top:0}.department-attendance-row.enhanced{background:#fff;border:1px solid #e3edf9;border-radius:10px;grid-template-columns:48px minmax(120px,1.1fr) 120px minmax(120px,1.4fr) 70px;min-height:58px;margin-bottom:6px;padding:9px 12px}.department-attendance-row.enhanced strong{color:#071047;font-size:13px}.department-attendance-icon{border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.department-attendance-row.blue .department-attendance-icon,.department-attendance-row.blue em{color:#126bff;background:#e9f2ff}.department-attendance-row.green .department-attendance-icon,.department-attendance-row.green em{color:#0aa862;background:#e4f8ee}.department-attendance-row.purple .department-attendance-icon,.department-attendance-row.purple em{color:#6d3cff;background:#efe7ff}.department-attendance-row.orange .department-attendance-icon,.department-attendance-row.orange em{color:#ff7a00;background:#fff2df}.department-attendance-row.cyan .department-attendance-icon,.department-attendance-row.cyan em{color:#008092;background:#d8f7fb}.department-attendance-row.indigo .department-attendance-icon,.department-attendance-row.indigo em{color:#4f62f1;background:#eceeff}.department-attendance-counts{text-align:left;gap:2px;display:grid}.department-attendance-counts b{color:#10205e;font-size:14px}.department-attendance-counts small{color:#7587b0;font-size:11px;font-weight:800}.department-attendance-progress{background:#d8e4f6;border-radius:999px;height:10px;overflow:hidden}.department-attendance-progress i{border-radius:inherit;background:linear-gradient(90deg,#1678ff,#4f8dff);height:100%;display:block}.department-attendance-row.enhanced em{text-align:center;border-radius:999px;min-width:58px;padding:8px 10px;font-weight:900}.department-attendance-card.enhanced{grid-template-rows:auto minmax(0,1fr);max-height:454px;display:grid;overflow:hidden}.department-attendance-heading{grid-template-columns:minmax(0,1fr) auto;gap:12px;margin-bottom:12px;display:grid}.department-attendance-title{min-width:0}.department-attendance-title h2{font-size:18px;line-height:1.15}.department-attendance-title p{font-size:13px}.department-attendance-title-icon{border-radius:12px;width:44px;height:44px}.department-view-all-button{white-space:nowrap;min-width:88px;min-height:38px;padding:0 12px!important}.department-attendance-list.enhanced{min-height:0;max-height:330px;padding-right:4px;overflow-y:auto}.department-attendance-list.enhanced::-webkit-scrollbar{width:6px}.department-attendance-list.enhanced::-webkit-scrollbar-thumb{background:#c9d8ee;border-radius:999px}.department-attendance-row.enhanced{grid-template-columns:38px minmax(92px,1fr) 62px minmax(72px,.8fr) 44px;gap:8px;min-height:50px;margin-bottom:6px;padding:7px 9px}.department-attendance-icon{border-radius:9px;width:32px;height:32px}.department-attendance-icon svg{width:18px;height:18px}.department-attendance-row.enhanced strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;overflow:hidden}.department-attendance-counts{text-align:right}.department-attendance-counts b{font-size:12px}.department-attendance-counts small{font-size:10px;line-height:1.15;display:block}.department-attendance-progress{height:8px}.department-attendance-row.enhanced em{min-width:42px;padding:6px 7px;font-size:11px}.attendance-trend-card{grid-template-rows:auto minmax(0,1fr);min-height:440px;display:grid;overflow:hidden}.attendance-trend-card .attendance-card-heading{align-items:center;margin-bottom:10px}.attendance-trend-card .attendance-card-heading>div{padding-left:54px;position:relative}.attendance-trend-card .attendance-card-heading>div:before{content:"";background:#e9f2ff;border-radius:12px;width:42px;height:42px;position:absolute;top:2px;left:0}.attendance-trend-card .attendance-card-heading>div:after{content:"";background:#7fa2ff;border-radius:999px;width:5px;height:17px;position:absolute;top:17px;left:12px;box-shadow:9px -7px #6d91f5,18px -14px #5b80ee}.attendance-trend-card h2{font-size:19px}.attendance-trend-card p{font-size:14px}.attendance-legend{background:#fff;border:1px solid #dce8f7;border-radius:999px;min-height:36px;padding:0 14px}.attendance-chart{background:linear-gradient(#dce8f7 1px,#0000 1px) 0 0/100% 25%,linear-gradient(90deg,#e8f0fb 1px,#0000 1px) 0 0/14.285% 100%;align-items:end;gap:18px;height:320px;margin-top:8px;padding:36px 18px 22px}.attendance-chart-column{min-width:0;position:relative}.attendance-bar-stack{background:#d6e3f6;border-radius:9px 9px 0 0;width:min(52px,76%);height:230px}.attendance-bar-stack .present{background:linear-gradient(#17d887,#08b968)}.attendance-bar-stack .absent{background:linear-gradient(#ff6371,#ff4257)}.attendance-bar-stack .leave{background:linear-gradient(#ffd15a,#ffb92f)}.attendance-bar-stack .late{background:linear-gradient(#b8ccfb,#9cb5ef)}.attendance-chart-column:before{content:"";color:#071047;font-size:14px;font-weight:900;position:absolute;top:-28px;left:50%;transform:translate(-50%)}.attendance-chart-column small{color:#31509a;margin-top:4px;font-weight:700}@media (width<=1300px){.attendance-trend-card{min-height:380px}.attendance-chart{gap:12px;height:260px;padding:32px 12px 18px}.attendance-bar-stack{width:min(44px,78%);height:184px}.attendance-legend{gap:9px;padding:0 10px;font-size:11px}}.attendance-page{align-items:start}.attendance-widgets{align-items:stretch}.attendance-trend-card{height:440px;min-height:0;padding-bottom:12px}.attendance-trend-card .attendance-card-heading{margin-bottom:6px}.attendance-chart{height:300px;margin-top:0;padding:30px 18px 16px}.attendance-bar-stack{height:218px}.department-attendance-card.enhanced{height:440px;max-height:440px}.department-attendance-list.enhanced{max-height:330px}.attendance-filter-card{grid-template-rows:auto repeat(4,auto) auto;align-self:start;height:555px;min-height:0;margin-top:72px}.attendance-apply-button{align-self:start;margin-top:16px}.employee-attendance-card{margin-top:0}.attendance-header{grid-template-columns:minmax(0,1fr) auto;align-items:end;display:grid}.attendance-header-actions{justify-self:end;transform:translate(290px)}@media (width<=1500px){.attendance-header-actions{transform:none}}.employee-detail-page{gap:12px;display:grid}.employee-detail-actions button{align-items:center;gap:8px;display:inline-flex}.employee-detail-actions .primary{color:#fff;background:#0759e3}.employee-profile-card,.employee-detail-card,.employee-detail-stat{background:#fff;border:1px solid #dce8f7;border-radius:8px;box-shadow:0 10px 32px #254b8014}.employee-detail-stat>span,.today-overview-item span{place-items:center;display:grid}.employee-detail-stat.green>span,.today-overview-item:first-child span{color:#079652;background:#dff8ec}.employee-detail-stat.red>span,.today-overview-item:nth-child(2) span{color:#ff3f55;background:#ffe3e7}.employee-detail-stat.orange>span,.today-overview-item:nth-child(4) span{color:#f59e0b;background:#fff1dc}.employee-detail-stat.purple>span,.today-overview-item:nth-child(5) span{color:#8a22ff;background:#f1e7ff}.employee-detail-stat.blue>span,.today-overview-item:nth-child(3) span,.today-overview-item:nth-child(6) span{color:#0759e3;background:#e9f2ff}.employee-detail-tabs button{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:9px;display:inline-flex}.employee-detail-tabs button.active{background:#f4f9ff;border-color:#afd0ff}.today-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.today-overview-item{border:1px solid #e3edf9;border-radius:8px;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:10px;min-height:64px;padding:8px;display:grid}.today-overview-item span{border-radius:8px;width:40px;height:40px}.employee-row-action{color:#0759e3;cursor:pointer;background:#eef6ff;border:0;border-radius:7px;place-items:center;width:28px;height:28px;display:grid}.employee-shot-preview{aspect-ratio:16/9;background:linear-gradient(90deg,#0759e333,#0000000d),repeating-linear-gradient(90deg,#10234a 0 9px,#1a3d68 9px 18px);border-radius:7px;position:relative;overflow:hidden}.employee-shot-preview:after{content:"";background:#00000094;border-radius:5px;width:24px;height:24px;position:absolute;top:6px;right:6px}.employee-shot-preview img{object-fit:cover;width:100%;height:100%;display:block}.employee-shot-preview>span{color:#fff;place-items:center;font-size:12px;font-weight:800;display:grid;position:absolute;inset:0}.employee-empty-note{color:#31509a;grid-column:1/-1;margin:0;font-size:13px}.employee-screenshot-panel{gap:12px;display:grid}.employee-screenshot-toolbar,.employee-screenshot-filters{gap:8px;display:grid}.employee-screenshot-toolbar{grid-template-columns:minmax(150px,190px) repeat(8,minmax(64px,auto)) minmax(190px,1fr);align-items:center}.employee-screenshot-filters{grid-template-columns:minmax(190px,260px) minmax(190px,260px) minmax(240px,1fr) auto}.employee-screenshot-toolbar select,.employee-screenshot-filters select,.employee-screenshot-search{color:#263f90;background:#fff;border:1px solid #d2e3fa;border-radius:7px;min-height:38px}.employee-screenshot-toolbar select,.employee-screenshot-filters select{padding:0 12px;font-weight:700}.employee-screenshot-toolbar button,.employee-screenshot-view-buttons button,.employee-screenshot-image button,.employee-screenshot-meta>button{color:#0759e3;cursor:pointer;background:#fff;border:1px solid #d2e3fa;border-radius:7px;font-weight:800}.employee-screenshot-toolbar button{min-height:38px;padding:0 14px}.employee-screenshot-toolbar button.active,.employee-screenshot-view-buttons button.active{color:#fff;background:#0759e3;border-color:#0759e3}.employee-download-button{justify-self:end;align-items:center;gap:8px;display:inline-flex}.employee-screenshot-search{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:0 12px;display:grid}.employee-screenshot-search input{color:#17265f;border:0;outline:0;min-width:0}.employee-screenshot-view-buttons{align-items:center;gap:8px;display:flex}.employee-screenshot-view-buttons button{place-items:center;width:40px;height:38px;display:grid}.employee-screenshot-gallery{grid-template-columns:repeat(4,minmax(220px,1fr));gap:12px;display:grid}.employee-screenshot-card{background:#fff;border:1px solid #dce8f7;border-radius:8px;min-width:0;overflow:hidden;box-shadow:0 10px 24px #224b8414}.employee-screenshot-image{aspect-ratio:16/9;background:#eaf2fb;place-items:center;display:grid;position:relative;overflow:hidden}.employee-screenshot-image img{object-fit:cover;width:100%;height:100%;display:block}.employee-screenshot-check{z-index:2;background:#fff;border:2px solid #5c74ca;border-radius:4px;width:18px;height:18px;position:absolute;top:8px;left:8px}.employee-screenshot-image button{color:#fff;background:#0f1e3eb8;border-color:#ffffff4d;place-items:center;width:28px;height:28px;padding:0;display:grid;position:absolute;top:8px;right:8px}.employee-screenshot-meta{gap:8px;padding:8px 10px 12px;display:grid;position:relative}.employee-screenshot-meta time{color:#31509a;font-size:12px;font-weight:800}.employee-screenshot-meta>button{background:0 0;border:0;place-items:center;width:28px;height:28px;padding:0;display:grid;position:absolute;bottom:12px;right:7px}.employee-screenshot-app{grid-template-columns:28px minmax(0,1fr);align-items:center;column-gap:8px;padding-right:28px;display:grid}.employee-screenshot-app span{color:#0759e3;background:#e9f2ff;border-radius:7px;grid-row:span 2;place-items:center;width:28px;height:28px;font-size:11px;font-weight:900;display:grid}.employee-screenshot-app strong,.employee-screenshot-app small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.employee-screenshot-app strong{color:#071047;font-size:13px}.employee-screenshot-app small{color:#31509a;font-size:11px}.employee-working-panel{gap:12px;display:grid}.employee-working-stats{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.employee-working-stats .employee-detail-stat{grid-template-columns:48px minmax(0,1fr);min-height:84px;padding:11px}.employee-working-stats .employee-detail-stat>span{width:48px;height:48px}.employee-working-stats .employee-detail-stat strong{font-size:20px}.employee-working-table{min-width:1040px}.employee-productivity{vertical-align:middle;background:#e8edf3;border-radius:999px;width:120px;height:9px;display:inline-block;overflow:hidden}.employee-productivity i{border-radius:inherit;background:#1378ff;height:100%;display:block}.employee-working-table small{color:#31509a;margin-left:10px;font-weight:800}.employee-working-chart-card{padding-bottom:18px}.employee-chart-legend{color:#31509a;align-items:center;gap:18px;font-size:12px;font-weight:700;display:flex}.employee-chart-legend span{align-items:center;gap:7px;display:inline-flex}.employee-chart-legend i{background:#1378ff;border-radius:50%;width:9px;height:9px}.employee-chart-legend i.break{background:#58b8ff}.employee-chart-legend i.standard{background:0 0;border-top:2px dashed #31509a;border-radius:0;width:30px;height:0}.employee-working-chart{grid-template-columns:42px minmax(0,1fr);min-height:170px;margin-top:16px;display:grid;position:relative}.employee-working-chart:after{content:"";border-top:2px dashed #31509a;position:absolute;top:42px;left:42px;right:0}.employee-chart-grid{color:#31509a;grid-template-rows:repeat(5,1fr);font-size:12px;display:grid}.employee-chart-bars{background:linear-gradient(#e5eef9 1px,#0000 1px) 0 0/100% 25%,linear-gradient(90deg,#e5eef9 1px,#0000 1px) 0 0/14.285% 100%;border-bottom:1px solid #dce8f7;border-left:1px solid #dce8f7;grid-template-columns:repeat(7,minmax(0,1fr));gap:18px;padding:12px 18px 0;display:grid}.employee-chart-column{grid-template-rows:minmax(0,1fr) auto;justify-items:center;gap:8px;display:grid}.employee-chart-bar{flex-direction:column-reverse;align-self:end;width:46px;height:120px;display:flex;overflow:hidden}.employee-chart-bar span{display:block}.employee-chart-bar .active{background:#1378ff}.employee-chart-bar .break{background:#58b8ff}.employee-chart-column small{color:#31509a;font-size:12px;font-weight:700}.employee-leaves-panel{gap:12px;display:grid}.employee-leave-stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.employee-leaves-layout{grid-template-columns:minmax(0,1.6fr) minmax(320px,.8fr);gap:12px;display:grid}.employee-leaves-main,.employee-leaves-side{align-content:start;gap:12px;min-width:0;display:grid}.employee-leave-subtabs,.employee-leave-filters{gap:8px;display:grid}.employee-leave-subtabs{grid-template-columns:repeat(3,minmax(0,1fr))}.employee-leave-subtabs button{color:#263f90;cursor:pointer;background:#fff;border:1px solid #d2e3fa;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;font-weight:800;display:inline-flex}.employee-leave-subtabs button.active{color:#0759e3;background:#f4f9ff;border-color:#0759e3}.employee-leave-filters{background:#fff;border:1px solid #dce8f7;border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(220px,1.2fr);padding:10px}.employee-leave-filters select,.employee-leave-filters span{color:#263f90;background:#fff;border:1px solid #d2e3fa;border-radius:7px;min-height:38px;padding:0 12px;font-weight:700}.employee-leave-filters span{align-items:center;display:flex}.employee-leave-table{min-width:940px}.employee-leave-calendar .employee-detail-card-heading strong{color:#263f90;font-size:13px}.employee-calendar-grid{text-align:center;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;margin-top:14px;display:grid}.employee-calendar-grid b{color:#31509a;font-size:12px}.employee-calendar-grid span{color:#31509a;border-radius:7px;place-items:center;min-height:32px;font-size:13px;font-weight:800;display:grid}.employee-calendar-grid .leave-day.approved{color:#079652;background:#dff8ec}.employee-calendar-grid .leave-day.pending{color:#f59e0b;background:#fff1dc}.employee-calendar-grid .leave-day.rejected{color:#e40018;background:#ffe3e7}.employee-calendar-grid .today{color:#0759e3;background:#e9f2ff}.employee-calendar-legend{color:#31509a;flex-wrap:wrap;gap:10px 14px;margin-top:16px;font-size:12px;font-weight:700;display:flex}.employee-calendar-legend span:before{content:"";background:currentColor;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.employee-calendar-legend .approved{color:#079652}.employee-calendar-legend .pending{color:#f59e0b}.employee-calendar-legend .rejected{color:#e40018}.employee-calendar-legend .today{color:#0759e3}.employee-calendar-legend .period{color:#b7f0dd}.employee-leave-balance-list{gap:12px;margin-top:12px;display:grid}.employee-leave-balance-row{grid-template-columns:38px minmax(0,1fr) minmax(92px,120px) 42px;align-items:center;gap:10px;display:grid}.employee-leave-balance-row>span{color:#e40018;background:#ffe3e7;border-radius:8px;place-items:center;width:38px;height:38px;font-size:11px;font-weight:900;display:grid}.employee-leave-balance-row strong,.employee-leave-balance-row small{min-width:0;display:block}.employee-leave-balance-row strong{color:#071047;font-size:13px}.employee-leave-balance-row small,.employee-leave-balance-row em{color:#31509a;font-size:12px;font-style:normal}.employee-leave-balance-row i{background:#e8edf3;border-radius:999px;height:9px;overflow:hidden}.employee-leave-balance-row i b{border-radius:inherit;background:#1378ff;height:100%;display:block}.employee-activity-panel{gap:12px;display:grid}.employee-activity-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.employee-activity-timeline-card{overflow:hidden}.employee-activity-legend{color:#31509a;align-items:center;gap:18px;font-size:12px;font-weight:800;display:flex}.employee-activity-legend span{align-items:center;gap:7px;display:inline-flex}.employee-activity-legend span:before,.employee-activity-segment>span{content:"";border-radius:50%;width:10px;height:10px}.employee-activity-legend .active:before,.employee-activity-segment>span.active{background:#2fd27e}.employee-activity-legend .idle:before,.employee-activity-segment>span.idle{background:#ff5368}.employee-activity-legend .break:before,.employee-activity-segment>span.break{background:#b9c5dc}.employee-activity-hours{color:#31509a;grid-template-columns:repeat(10,minmax(0,1fr));margin-top:22px;font-size:12px;font-weight:700;display:grid}.employee-activity-track{background:#dfe7f2;border-radius:4px;height:28px;margin-top:16px;position:relative;overflow:hidden}.employee-activity-track>span{position:absolute;top:0;bottom:0}.employee-activity-track .active{background:linear-gradient(90deg,#30d983,#27c973)}.employee-activity-track .idle{background:linear-gradient(90deg,#ff6a7b,#ff4e65)}.employee-activity-track .break{background:linear-gradient(90deg,#dce3ee,#cdd7e8)}.employee-activity-range-table-wrap{border:1px solid #e1ebf7;border-radius:8px;margin-top:14px;overflow-x:auto}.employee-activity-range-table{border-collapse:collapse;color:#071047;width:100%;min-width:980px}.employee-activity-range-table th,.employee-activity-range-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #e4edf8;padding:11px 12px;font-size:13px}.employee-activity-range-table th{color:#071047;background:#f3f7fd;font-size:12px;font-weight:900}.employee-activity-range-table tbody tr:hover{background:#f8fbff}.employee-activity-range-table tbody tr:last-child td{border-bottom:0}.employee-activity-day-track{background:#dfe7f2;border-radius:5px;height:18px;position:relative;overflow:hidden}.employee-activity-day-track>span:not(.employee-activity-no-data){position:absolute;top:0;bottom:0}.employee-activity-day-track .active{background:linear-gradient(90deg,#20c96f,#32d889)}.employee-activity-day-track .idle{background:linear-gradient(90deg,#ff5268,#ff405b)}.employee-activity-day-track.off{place-items:center;display:grid}.employee-activity-no-data{color:#31509a;font-size:11px;font-weight:800}.employee-activity-day-times{color:#31509a;justify-content:space-between;margin-top:4px;font-size:11px;font-weight:700;display:flex}.employee-activity-active-cell,.employee-activity-total-row td:nth-child(2){color:#079652;font-weight:900}.employee-activity-idle-cell,.employee-activity-total-row td:nth-child(3){color:#ff405b;font-weight:900}.employee-activity-status{border-radius:6px;justify-content:center;min-width:76px;padding:5px 10px;font-size:12px;font-weight:900;display:inline-flex}.employee-activity-status.present{color:#079652;background:#d9f8e8}.employee-activity-status.absent{color:#e40018;background:#ffe3e7}.employee-activity-status.weekly_off{color:#7c3aed;background:#efe4ff}.employee-activity-total-row td{color:#071047;background:#eef6ff;font-size:14px;font-weight:900}.employee-activity-segments{grid-template-columns:repeat(7,minmax(120px,1fr));gap:14px;margin-top:18px;display:grid}.employee-activity-segment{color:#31509a;grid-template-columns:auto minmax(0,1fr);gap:2px 8px;display:grid}.employee-activity-segment strong{color:#071047;font-size:13px}.employee-activity-segment p,.employee-activity-segment small{grid-column:2;margin:0;font-size:12px}.employee-activity-layout{grid-template-columns:minmax(320px,.7fr) minmax(0,1.3fr);gap:12px;display:grid}.employee-activity-summary{grid-template-columns:150px minmax(0,1fr);align-items:center;gap:24px;display:grid}.employee-activity-donut{border-radius:50%;place-items:center;width:130px;height:130px;display:grid}.employee-activity-donut span{color:#31509a;text-align:center;background:#fff;border-radius:50%;place-items:center;width:76px;height:76px;font-size:12px;font-weight:800;display:grid}.employee-activity-donut strong{color:#071047;font-size:28px;display:block}.employee-activity-summary-list{gap:14px;display:grid}.employee-activity-summary-list p{color:#31509a;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin:0;font-weight:800;display:grid}.employee-activity-summary-list span{border-radius:50%;width:11px;height:11px}.employee-activity-summary-list .active{background:#2fd27e}.employee-activity-summary-list .idle{background:#ff5368}.employee-activity-summary-list strong{color:#071047}.employee-activity-bars{background:linear-gradient(#e5eef9 1px,#0000 1px) 0 0/100% 33.33%;border-bottom:1px solid #dce8f7;grid-template-columns:repeat(9,minmax(0,1fr));align-items:end;gap:18px;min-height:170px;padding:22px 18px 0;display:grid}.employee-activity-bar-column{justify-items:center;gap:8px;display:grid}.employee-activity-bar-column>div{border-radius:4px 4px 0 0;flex-direction:column-reverse;width:34px;height:110px;display:flex;overflow:hidden}.employee-activity-bar-column span{display:block}.employee-activity-bar-column .active{background:#2fd27e}.employee-activity-bar-column .idle{background:#ff5368}.employee-activity-bar-column small{color:#31509a;font-size:12px;font-weight:800}.employee-activity-table{min-width:860px}.employee-activity-badge{border-radius:5px;justify-content:center;min-width:54px;padding:3px 8px;font-size:12px;font-weight:900;display:inline-flex}.employee-activity-badge.active{color:#079652;background:#d9f8e8}.employee-activity-badge.idle{color:#e40018;background:#ffe3e7}.employee-activity-badge.break{color:#31509a;background:#e9eef6}@media (width<=1100px){.employee-activity-stats,.employee-activity-layout{grid-template-columns:1fr}.employee-activity-segments{grid-template-columns:repeat(2,minmax(0,1fr))}}.employee-app-usage-panel{gap:12px;display:grid}.employee-app-usage-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.employee-app-usage-top{grid-template-columns:minmax(0,1.4fr) minmax(320px,.85fr);gap:12px;display:grid}.employee-app-usage-hours{color:#31509a;grid-template-columns:repeat(10,minmax(0,1fr));margin-top:18px;font-size:12px;font-weight:800;display:grid}.employee-app-usage-track{background:#dfe7f2;border-radius:4px;height:30px;margin-top:14px;position:relative;overflow:hidden}.employee-app-usage-track span{position:absolute;top:0;bottom:0}.employee-app-usage-track .productive{background:#35d383}.employee-app-usage-track .non_productive{background:#ff5368}.employee-app-usage-track .other{background:#8b5cf6}.employee-app-usage-track .inactive{background:#dfe7f2}.employee-app-usage-legend{color:#31509a;flex-wrap:wrap;gap:18px;margin-top:14px;font-size:12px;font-weight:800;display:flex}.employee-app-usage-legend span,.employee-app-category-list p{align-items:center;gap:8px;display:inline-flex}.employee-app-usage-legend span:before,.employee-app-category-list span{content:"";border-radius:50%;width:10px;height:10px}.employee-app-usage-legend .productive:before,.employee-app-category-list .productive{background:#35d383}.employee-app-usage-legend .non_productive:before,.employee-app-category-list .non_productive{background:#ff5368}.employee-app-usage-legend .other:before,.employee-app-category-list .other{background:#8b5cf6}.employee-app-usage-legend .inactive:before{background:#b9c5dc}.employee-app-category-content{grid-template-columns:150px minmax(0,1fr);align-items:center;gap:20px;margin-top:12px;display:grid}.employee-app-category-donut{border-radius:50%;place-items:center;width:130px;height:130px;display:grid}.employee-app-category-donut span{color:#31509a;text-align:center;background:#fff;border-radius:50%;place-items:center;width:76px;height:76px;font-size:12px;font-weight:800;display:grid}.employee-app-category-donut strong{color:#071047;font-size:20px;display:block}.employee-app-category-list{gap:14px;display:grid}.employee-app-category-list p{color:#31509a;grid-template-columns:auto minmax(0,1fr) auto auto;margin:0;font-size:13px;font-weight:800;display:grid}.employee-app-category-list strong{color:#071047}.employee-app-category-list em{color:#31509a;font-size:12px;font-style:normal}.employee-app-toolbar{grid-template-columns:minmax(360px,1fr) minmax(220px,280px) minmax(140px,180px);gap:10px;margin-bottom:12px;display:grid}.employee-app-filter-tabs{grid-template-columns:repeat(4,minmax(0,auto));gap:8px;display:grid}.employee-app-filter-tabs button,.employee-app-search,.employee-app-toolbar select{color:#263f90;background:#fff;border:1px solid #d2e3fa;border-radius:7px;min-height:38px;font-weight:800}.employee-app-filter-tabs button{cursor:pointer;padding:0 14px}.employee-app-filter-tabs button.active{color:#fff;background:#0759e3;border-color:#0759e3}.employee-app-search{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;padding:0 12px;display:grid}.employee-app-search input{border:0;outline:0;min-width:0}.employee-app-toolbar select{padding:0 12px}.employee-app-usage-table{min-width:1080px}.employee-app-name{align-items:center;gap:9px;font-weight:800;display:inline-flex}.employee-app-name i{color:#0759e3;background:#e9f2ff;border-radius:6px;place-items:center;width:24px;height:24px;font-size:10px;font-style:normal;font-weight:900;display:grid}.employee-app-category{border-radius:6px;justify-content:center;min-width:86px;padding:4px 8px;font-size:12px;font-weight:900;display:inline-flex}.employee-app-category.productive{color:#079652;background:#d9f8e8}.employee-app-category.non_productive{color:#e40018;background:#ffe3e7}.employee-app-category.other{color:#7c3aed;background:#efe4ff}.employee-app-progress{vertical-align:middle;background:#e8edf3;border-radius:999px;width:150px;height:9px;display:inline-block;overflow:hidden}.employee-app-progress i{border-radius:inherit;background:#1378ff;height:100%;display:block}.employee-app-usage-table small{color:#31509a;margin-left:10px;font-size:12px;font-weight:800}.employee-app-window{color:#31509a;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;max-width:180px;font-size:12px;font-weight:700;display:inline-block;overflow:hidden}.employee-app-table-footer{color:#31509a;margin:14px 0 0;font-size:13px;font-weight:700}@media (width<=1100px){.employee-app-usage-stats,.employee-app-usage-top,.employee-app-toolbar{grid-template-columns:1fr}.employee-app-filter-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}.employee-profile-main img{object-fit:cover;border-radius:50%;width:86px;height:86px}.attendance-trend-card.attendance-trend-live{flex-direction:column;height:auto;min-height:440px;padding:22px;display:flex;overflow:visible}.trend-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.trend-heading h2{margin:0;font-size:19px}.trend-heading p{color:#7b8ba6;margin:6px 0 0;font-size:12px}.trend-source{color:#3670ba;white-space:nowrap;background:#eff6ff;border-radius:7px;padding:6px 9px;font-size:11px}.trend-summary{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:22px 0 16px;display:flex}.trend-summary strong{color:#102b50;font-size:26px}.trend-summary strong span{color:#6e809c;font-size:12px;font-weight:500}.trend-summary>span{color:#956211;background:#fff8e8;border-radius:6px;padding:6px 9px;font-size:11px}.trend-key{color:#657793;flex-wrap:wrap;gap:16px;margin-bottom:16px;font-size:11px;display:flex}.trend-key span{align-items:center;gap:6px;display:inline-flex}.trend-key span:before{content:"";background:#10b981;border-radius:3px;width:8px;height:8px}.trend-key .absent:before{background:#fda4af}.trend-key .leave:before{background:#fbbf24}.trend-plot{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;padding-top:8px;display:grid}.trend-day{border-radius:10px;flex-direction:column;align-items:center;min-width:0;padding:8px 0;display:flex}.trend-day.selected{background:#f0f6ff}.trend-column{outline-offset:2px;border-radius:6px;flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.trend-column>strong{color:#123353;margin-bottom:10px;font-size:15px}.trend-column>strong small{color:#92a1b7;font-size:11px;font-weight:500}.trend-stack{background:#edf2f8;border-radius:7px;flex-direction:column;justify-content:flex-end;width:min(36px,70%);height:155px;display:flex;overflow:hidden}.trend-stack span{flex-shrink:0}.trend-stack .present{background:#10b981}.trend-stack .absent{background:#fda4af}.trend-stack .leave{background:#fbbf24}.trend-date{color:#47617f;white-space:nowrap;margin-top:12px;font-size:11px;font-weight:600}.trend-late{color:#a77b2c;margin-top:5px;font-size:10px}.trend-tooltip{z-index:10;color:#fff;pointer-events:none;background:#142b4b;border-radius:9px;width:max-content;padding:12px;font-size:11px;line-height:1.8;display:none;position:absolute;top:20px;left:50%;transform:translate(-50%);box-shadow:0 8px 25px #10233e30}.trend-tooltip span,.trend-tooltip b,.trend-column:hover .trend-tooltip,.trend-column:focus .trend-tooltip{display:block}.trend-day:first-child .trend-tooltip{left:0;transform:none}.trend-day:last-child .trend-tooltip{left:auto;right:0;transform:none}.attendance-trend-live .trend-footnote{color:#7b8ba6;border-top:1px solid #edf2f8;margin:16px 0 0;padding-top:12px;font-size:11px;line-height:1.6}@media (width<=680px){.attendance-trend-card.attendance-trend-live{padding:16px}.trend-plot{gap:2px}.trend-source{display:none}}.attendance-trend-card.attendance-trend-live{min-height:440px;overflow:visible}.trend-rate-summary{justify-content:space-between;align-items:center;gap:12px;margin:20px 0 24px;display:flex}.trend-rate-summary>div{flex-direction:column;gap:5px;display:flex}.trend-rate-summary strong{color:#152f51;letter-spacing:-1px;font-size:34px;line-height:1}.trend-rate-summary strong small{color:#7587a1;margin-left:2px;font-size:22px}.trend-rate-summary>div>span{color:#788ba6;font-size:11px}.trend-rate-summary b{color:#9aa8bc;font-weight:400}.trend-line-key{color:#6e829d;align-items:center;gap:7px;font-size:11px;display:flex}.trend-line-key i{background:#3484f5;border-radius:3px;width:18px;height:3px}.trend-line-chart{margin:0 12px 0 0;padding:0 0 30px 42px;position:relative}.trend-y-axis{color:#9aa8bc;flex-direction:column;justify-content:space-between;height:192px;font-size:10px;display:flex;position:absolute;top:-6px;left:0}.trend-line-canvas{height:180px;position:relative}.trend-line-canvas svg{width:100%;height:100%;display:block;overflow:visible}.trend-point{cursor:pointer;z-index:2;background:#fff;border:2px solid #3484f5;border-radius:50%;width:10px;height:10px;padding:0;position:absolute;transform:translate(-50%,50%)}.trend-point.selected{background:#3484f5;box-shadow:0 0 0 5px #3484f51a}.trend-point:hover,.trend-point:focus-visible{z-index:4;outline:3px solid #3484f52b}.trend-point-tip{color:#fff;text-align:left;pointer-events:none;background:#173254;border-radius:9px;width:max-content;padding:11px 14px;font-size:11px;line-height:1.8;display:none;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #17325424}.trend-point-tip span,.trend-point-tip b,.trend-point:hover .trend-point-tip,.trend-point:focus-visible .trend-point-tip{display:block}.trend-point:first-of-type .trend-point-tip{left:-8px;transform:none}.trend-point:last-child .trend-point-tip{left:auto;right:-8px;transform:none}.trend-x-axis{color:#8b9bb1;justify-content:space-between;font-size:10px;display:flex;position:absolute;bottom:4px;left:42px;right:0}.trend-x-axis span{text-align:center;width:42px;margin-left:-21px;margin-right:-21px}.trend-x-axis .selected{color:#2674de;font-weight:700}.trend-daily-totals{border-top:1px solid #edf2f8;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:22px;padding-top:16px;display:grid}.trend-daily-totals>div{grid-template-columns:7px 1fr;align-items:center;gap:6px;display:grid}.trend-daily-totals i{background:#10b981;border-radius:50%;width:6px;height:6px}.trend-daily-totals i.absent{background:#fb7185}.trend-daily-totals i.leave{background:#fbbf24}.trend-daily-totals i.late{background:#a78bfa}.trend-daily-totals span{color:#7b8ba6;font-size:10px}.trend-daily-totals strong{color:#19385a;grid-column:2;font-size:19px}@media (width<=680px){.trend-daily-totals{grid-template-columns:repeat(2,minmax(0,1fr))}.trend-rate-summary{align-items:flex-end}}.attendance-card.department-attendance-card.enhanced{flex-direction:column;align-self:stretch;height:auto;min-height:0;max-height:none;padding:20px;display:flex}.department-attendance-card.enhanced .department-attendance-heading{flex:none;margin-bottom:18px}.department-attendance-card.enhanced .department-attendance-title{gap:11px}.department-attendance-card.enhanced .department-attendance-title h2{font-size:17px;line-height:1.3}.department-attendance-card.enhanced .department-attendance-title p{color:#8b9bb1;margin-top:5px;font-size:11px}.department-attendance-card.enhanced .department-attendance-title-icon{border-radius:11px;width:38px;height:38px}.department-attendance-card.enhanced .department-attendance-list.enhanced{flex-direction:column;flex:1 1 0;gap:10px;min-height:300px;max-height:none;padding-right:5px;display:flex;overflow-y:auto}.department-attendance-card.enhanced .department-attendance-row.enhanced{background:#fff;border:1px solid #e9eff7;border-radius:10px;flex-shrink:0;grid-template-columns:34px minmax(0,1fr) auto;gap:7px 10px;min-height:70px;margin:0;padding:12px;display:grid}.department-attendance-card.enhanced .department-attendance-icon{grid-area:1/1/3}.department-attendance-card.enhanced .department-attendance-row.enhanced>strong{grid-area:1/2;font-size:12px}.department-attendance-card.enhanced .department-attendance-counts{text-align:left;grid-area:2/2}.department-attendance-card.enhanced .department-attendance-counts b{display:none}.department-attendance-card.enhanced .department-attendance-counts small{color:#8b9bb1;font-size:10px;font-weight:400}.department-attendance-card.enhanced .department-attendance-progress{background:#edf2f9;grid-area:3/2/auto/4;height:4px;margin-top:3px}.department-attendance-card.enhanced .department-attendance-row.enhanced>em{border-radius:7px;grid-area:1/3/3;min-width:42px;padding:6px 9px;font-size:12px}.attendance-filter-card{grid-template-rows:none;align-content:start;gap:18px;height:auto;padding:22px 18px}.attendance-filter-heading{border-bottom:1px solid #edf2f8;padding-bottom:14px}.attendance-filter-heading h2{font-size:17px}.attendance-filter-heading button{background:#f0f6ff;border-radius:6px;padding:6px 10px;font-size:12px;font-weight:600}.attendance-filter-hint{color:#8b9bb1;margin:-6px 0 0;font-size:11px}.attendance-filter-field>span{color:#5c718e;font-size:11px;font-weight:600}.attendance-filter-field input,.attendance-filter-field select,.attendance-filter-search{border-color:#e0e8f3;border-radius:8px;min-height:42px;font-size:13px}.attendance-filter-search input{border:0;min-height:40px}.attendance-filter-result{border-top:1px solid #edf2f8;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:7px;padding-top:16px;display:flex}.attendance-filter-result>span{color:#6e829d;font-size:11px}.attendance-filter-result strong{color:#1b416a;font-size:20px}.attendance-filter-result small{color:#9ba9bd;font-size:11px;font-weight:400}.attendance-filter-result p{color:#8b9bb1;flex-basis:100%;margin:0;font-size:10px}@media (width<=1100px){.department-attendance-card.enhanced .department-attendance-list.enhanced{flex-basis:auto;max-height:360px}}@media (width>=1101px){.attendance-filter-card{align-content:space-between;align-self:stretch;height:auto}}.employee-screenshot-check{appearance:auto;cursor:pointer;z-index:3;accent-color:#1678ff;margin:0}.employee-screenshot-meta{position:relative}.screenshot-action-menu{z-index:8;background:#fff;border:1px solid #dce8f7;border-radius:8px;min-width:145px;padding:5px;display:grid;position:absolute;top:30px;right:10px;box-shadow:0 8px 25px #142b4b24}.screenshot-action-menu button{text-align:left;color:#24558c;cursor:pointer;background:#fff;border:0!important;width:auto!important;height:auto!important;padding:9px!important;position:static!important}.screenshot-action-menu button:hover{background:#edf5ff}.employee-screenshot-panel button:disabled{opacity:.5;cursor:not-allowed}.employee-screenshot-gallery.screenshot-list-view{grid-template-columns:1fr}.screenshot-list-view .employee-screenshot-card{grid-template-columns:240px minmax(0,1fr);display:grid;overflow:visible}.screenshot-list-view .employee-screenshot-image{height:140px}.screenshot-list-view .employee-screenshot-meta{padding:18px}.screenshot-preview-content>img{object-fit:contain;background:#10203a;width:100%;max-height:65dvh;display:block}.employee-account-dialog:has(.screenshot-preview-content){width:min(1250px,100vw - 40px)}@media (width<=680px){.screenshot-list-view .employee-screenshot-card{grid-template-columns:130px minmax(0,1fr)}.screenshot-list-view .employee-screenshot-image{height:100px}}.employee-screenshot-card:has(.screenshot-action-menu){z-index:5;position:relative;overflow:visible}.employee-screenshot-card:has(.screenshot-action-menu) .employee-screenshot-image{border-radius:8px 8px 0 0;overflow:hidden}.employee-screenshot-toolbar .employee-screenshot-hour-select{min-width:200px;max-width:100%}.activity-data-note{color:#557499;background:#f2f7ff;border:1px solid #deebfc;border-radius:9px;margin:0 0 12px;padding:12px 16px;font-size:13px}.activity-view-day{color:#1269df;cursor:pointer;white-space:nowrap;background:#f7faff;border:1px solid #d3e3f8;border-radius:7px;padding:7px 11px;font-size:12px}.activity-pagination{color:#7b8ba6;justify-content:space-between;align-items:center;gap:12px;padding-top:16px;font-size:12px;display:flex}.activity-pagination>div{gap:8px;display:flex}.activity-pagination button,.activity-pagination select{color:#315b8c;background:#fff;border:1px solid #d3e3f8;border-radius:7px;padding:8px 10px}.activity-pagination button:disabled{opacity:.45;cursor:not-allowed}.activity-empty{text-align:center;color:#8495ac;padding:30px!important}.employee-activity-bars{grid-template-columns:none;grid-auto-columns:minmax(90px,1fr);grid-auto-flow:column;overflow-x:auto}.employee-activity-bar-column small{font-size:9px;line-height:1.5}.employee-activity-day-track .break{background:#fbbf24}@media (width<=680px){.activity-pagination{flex-direction:column;align-items:flex-start}}.activity-insights-grid{grid-template-columns:minmax(330px,.85fr) minmax(0,1.65fr);gap:14px;display:grid}.activity-balance-card,.activity-hours-card{min-width:0;padding:22px}.activity-insight-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.activity-insight-heading h2{color:#142e50;margin:0;font-size:17px}.activity-insight-heading p{color:#8293ab;margin:6px 0 0;font-size:11px}.activity-balance-body{align-items:center;gap:28px;padding:24px 0;display:flex}.activity-balance-ring{border-radius:50%;flex-shrink:0;width:132px;height:132px;padding:13px}.activity-balance-ring>div{background:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:6px;height:100%;display:flex}.activity-balance-ring strong{color:#173454;letter-spacing:-1px;font-size:28px}.activity-balance-ring span{color:#8b9bb1;font-size:10px}.activity-balance-values{flex:1;gap:15px;min-width:0;display:grid}.activity-balance-values>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.activity-balance-values span{color:#71839e;align-items:center;gap:8px;font-size:12px;display:flex}.activity-balance-values strong{color:#193a5d;white-space:nowrap;font-size:13px}.activity-balance-values i,.activity-hour-key i{background:#e7edf5;border-radius:50%;width:7px;height:7px;display:inline-block}.activity-balance-values .active,.activity-hour-key .active{background:#20bf86}.activity-balance-values .idle,.activity-hour-key .idle{background:#fb7185}.activity-balance-values .break{background:#fbbf24}.activity-balance-total{border-top:1px solid #edf2f8;justify-content:space-between;gap:12px;padding-top:15px;display:flex}.activity-balance-total span{color:#7c8ea8;font-size:12px}.activity-balance-total strong{color:#183957;font-size:16px}.activity-hour-key{color:#7386a1;gap:14px;font-size:11px;display:flex}.activity-hour-key span{align-items:center;gap:6px;display:flex}.activity-hours-chart{gap:12px;margin-top:25px;display:flex}.activity-hours-scale{color:#9aa8bb;flex-direction:column;flex-shrink:0;justify-content:space-between;height:145px;padding-bottom:0;font-size:10px;display:flex}.activity-hours-scroll{flex:1;padding:0 8px;overflow-x:auto}.activity-hours-columns{background:repeating-linear-gradient(0deg,#eaf0f7 0 1px,#0000 1px 36px) 0 0/100% 145px no-repeat;min-width:100%;display:grid}.activity-hour-track{outline-offset:-2px;justify-content:center;align-items:flex-end;height:145px;display:flex;position:relative}.activity-hour-stack{border-radius:5px 5px 0 0;flex-direction:column-reverse;justify-content:flex-start;width:25px;height:100%;display:flex;overflow:hidden}.activity-hour-stack .active{background:#20bf86}.activity-hour-stack .idle{background:#fb7185}.activity-hour-label{text-align:center;color:#8092ab;white-space:nowrap;margin-top:10px;font-size:10px;display:block}.activity-hour-tip{color:#fff;z-index:4;pointer-events:none;background:#183553;border-radius:8px;width:max-content;padding:10px 12px;font-size:10px;line-height:1.7;display:none;position:absolute;bottom:15px;left:50%;transform:translate(-50%)}.activity-hour-tip span,.activity-hour-tip b,.activity-hour-track:hover .activity-hour-tip,.activity-hour-track:focus .activity-hour-tip{display:block}.activity-hour-column:first-child .activity-hour-tip{left:0;transform:none}.activity-hour-column:last-child .activity-hour-tip{left:auto;right:0;transform:none}.activity-hour-caption{color:#8a9ab1;border-top:1px solid #edf2f8;margin:18px 0 0;padding-top:12px;font-size:10px;line-height:1.6}@media (width<=1100px){.activity-insights-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=480px){.activity-balance-body{gap:16px}.activity-balance-ring{width:105px;height:105px;padding:10px}.activity-insight-heading{flex-wrap:wrap}}.working-day-actions{position:relative}.working-day-menu{z-index:6;background:#fff;border:1px solid #dce8f7;border-radius:8px;min-width:160px;padding:5px;display:grid;position:absolute;top:38px;right:20px;box-shadow:0 8px 24px #142b4b24}.working-day-menu button{text-align:left;color:#24558c;cursor:pointer;background:#fff;border:0;padding:9px 12px}.working-day-menu button:hover{background:#edf5ff}.employee-working-panel .employee-detail-table-wrap{margin-bottom:-65px;padding-bottom:90px}.working-hours-chart-new .employee-detail-card-heading>span{color:#53769f;font-size:12px}.working-hours-plot{gap:16px;padding:20px 15px 35px 0;display:flex}.working-hours-scale{color:#8e9db3;flex-direction:column;justify-content:space-between;min-width:30px;height:200px;font-size:11px;display:flex}.working-hours-columns{background:repeating-linear-gradient(0deg,#e8eff8 0 1px,#0000 1px 50px);flex:1;grid-template-columns:repeat(7,minmax(0,1fr));height:200px;display:grid;position:relative}.working-hours-column{flex-direction:column;justify-content:flex-end;align-items:center;height:200px;display:flex;position:relative}.working-hours-bar{outline-offset:3px;background:linear-gradient(#4799ff,#1a73ed);border-radius:6px 6px 0 0;width:min(36px,60%);min-height:2px;position:relative}.working-hours-column small{color:#7188a5;white-space:nowrap;font-size:11px;position:absolute;bottom:-24px}.working-shift-reference{z-index:2;pointer-events:none;border-top:2px dashed #a7b9d3;position:absolute;left:0;right:0}.working-hours-tip{color:#fff;z-index:8;pointer-events:none;background:#193554;border-radius:8px;width:max-content;padding:11px;font-size:11px;display:none;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.working-hours-tip span,.working-hours-tip b{line-height:1.8;display:block}.working-hours-bar:hover .working-hours-tip,.working-hours-bar:focus .working-hours-tip{display:block}.working-hours-column:first-child .working-hours-tip{left:0;transform:none}.working-hours-column:last-child .working-hours-tip{left:auto;right:0;transform:none}.working-day-detail{padding:24px}.working-day-detail header{background:0 0;padding:0}.working-day-detail dl>div{border-bottom:1px solid #edf2f8;justify-content:space-between;padding:10px 0;font-size:13px;display:flex}.working-day-detail dd{font-weight:600}.working-hours-chart-new{padding:24px 26px 26px}.working-hours-chart-new .employee-detail-card-heading{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:0}.working-hours-chart-new .employee-detail-card-heading h2{color:#173452;margin:0;font-size:18px}.working-hours-chart-new .employee-detail-card-heading p{color:#8b9cb2;margin-top:6px;font-size:12px}.working-hours-legend{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.working-hours-legend span{color:#7d90aa;align-items:center;gap:7px;font-size:11px;display:flex}.working-hours-legend i{background:#5b94ee;border-radius:3px;width:8px;height:8px;display:inline-block}.working-hours-legend .shift i{background:0 0;border-top:2px dashed #a5b8d2;width:18px;height:0}.working-hours-week-summary{flex-direction:column;gap:5px;margin:24px 0 8px;display:flex}.working-hours-week-summary strong{color:#173452;letter-spacing:-.7px;font-size:27px;line-height:1.2}.working-hours-week-summary span{color:#91a0b5;font-size:11px}.working-hours-plot{gap:15px;padding-top:30px;padding-bottom:30px}.working-hours-scale{color:#9eacc0;font-size:10px}.working-hours-columns{background:repeating-linear-gradient(0deg,#edf2f9 0 1px,#0000 1px 50px)}.working-hours-column{padding:0 12px}.working-hours-column.selected:before{content:"";z-index:0;background:#f5f9ff;border-radius:10px;position:absolute;inset:-24px 14% -30px}.working-hours-column>*{z-index:1}.working-hours-bar{background:linear-gradient(#82b3fa,#4c8ce9);border-radius:6px 6px 0 0;width:min(40px,65%)}.working-hours-column.selected .working-hours-bar{background:linear-gradient(#5099ff,#176fe8)}.working-hours-value{color:#6e85a3;white-space:nowrap;font-size:11px;font-weight:600;position:absolute;top:-22px}.working-hours-column.selected .working-hours-value{color:#216ed0}.working-hours-column small{font-size:10px;font-weight:500;bottom:-23px}.working-hours-column.selected small{color:#216ed0;font-weight:700}.working-shift-reference{z-index:2;border-top-width:1px;border-top-color:#a9bad1}@media (width<=680px){.working-hours-chart-new{padding:20px 14px}.working-hours-column{padding:0 3px}.working-hours-value{font-size:9px}.working-hours-legend{gap:12px}}.leave-workspace .employee-leave-subtabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.leave-workspace-filters{background:#fff;border:1px solid #dce8f7;border-radius:10px;flex-wrap:wrap;align-items:flex-end;gap:14px;padding:16px;display:flex}.leave-workspace-filters label{color:#788ca6;flex:1;gap:7px;min-width:150px;font-size:11px;display:grid}.leave-workspace-filters select{color:#284e7c;background:#fff;border:1px solid #dce8f7;border-radius:7px;min-height:42px;padding:0 12px}.leave-workspace-filters>button{color:#1269df;cursor:pointer;background:#f5f9ff;border:1px solid #dce8f7;border-radius:7px;min-height:42px;padding:0 18px}.leave-calendar-workspace{grid-template-columns:minmax(0,2.5fr) minmax(260px,1fr);gap:14px;display:grid}.leave-calendar-navigation{justify-content:space-between;align-items:center;gap:14px;margin-bottom:22px;display:flex}.leave-calendar-navigation h2,.leave-date-detail h2{color:#183653;margin:0;font-size:18px}.leave-calendar-navigation p,.leave-date-detail>p{color:#8395ad;font-size:12px}.leave-calendar-navigation>div:last-child{gap:7px;display:flex}.leave-calendar-navigation button{color:#315e90;cursor:pointer;background:#f6faff;border:1px solid #deebfc;border-radius:6px;padding:7px 12px}.leave-full-calendar{grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;display:grid}.leave-full-calendar>b{color:#8d9eb6;text-align:center;padding-bottom:10px;font-size:11px;font-weight:500}.leave-full-calendar>button{text-align:left;cursor:pointer;color:#54708f;background:#fff;border:1px solid #e9eff7;border-radius:8px;flex-direction:column;gap:5px;min-height:95px;padding:9px;display:flex;overflow:hidden}.leave-full-calendar>button.today{background:#f4f8ff}.leave-full-calendar>button.selected{border-color:#3484f5;box-shadow:0 0 0 2px #3484f51a}.leave-full-calendar strong{font-size:12px}.leave-full-calendar button span{text-overflow:ellipsis;white-space:nowrap;border-radius:4px;width:100%;padding:4px;font-size:9px;overflow:hidden}.leave-full-calendar .approved{color:#09905a;background:#e2f7ee}.leave-full-calendar .pending{color:#b17b17;background:#fff4dc}.leave-full-calendar .rejected{color:#c94e66;background:#ffe9ec}.leave-full-calendar small{font-size:9px}.leave-date-detail{align-self:start}.leave-date-detail>button{text-align:left;color:#315b88;cursor:pointer;background:#f9fbff;border:1px solid #e2ebf7;border-radius:8px;gap:7px;width:100%;margin-top:10px;padding:14px;display:grid}.leave-date-detail button span,.leave-date-detail small{font-size:11px;font-weight:400}.leave-balance-tiles{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;display:grid}.leave-balance-tiles article{border:1px solid #e2ebf7;border-radius:12px;padding:20px}.leave-balance-tiles header{align-items:center;gap:10px;margin-bottom:24px;display:flex}.leave-balance-tiles header>span{color:#3381e7;background:#edf5ff;border-radius:8px;padding:10px;font-size:11px}.leave-balance-tiles h3{color:#315575;margin:0;font-size:14px}.leave-balance-tiles article>strong{color:#193a5c;font-size:27px}.leave-balance-tiles small{color:#8e9fb5;font-size:11px;font-weight:400}.leave-balance-meter{background:#edf2f8;border-radius:6px;height:5px;margin:18px 0;overflow:hidden}.leave-balance-meter i{border-radius:inherit;background:#4c95f4;height:100%;display:block}.leave-balance-tiles footer{color:#8a9bb1;justify-content:space-between;font-size:11px;display:flex}.leave-balance-tiles footer b{color:#43617d;margin-top:7px;font-size:14px;display:block}.leave-policy-note{color:#8495ae;margin:20px 0;font-size:12px;line-height:1.7}.leave-policy-row{color:#426582;border-top:1px solid #edf2f8;gap:7px;padding:14px 0;font-size:13px;display:grid}.leave-policy-row span{color:#8b9db4;font-size:11px}@media (width<=1000px){.leave-calendar-workspace{grid-template-columns:minmax(0,1fr)}}@media (width<=680px){.leave-full-calendar>button{min-height:65px;padding:4px}.leave-full-calendar button span{font-size:8px}.leave-workspace .employee-leave-subtabs{grid-template-columns:minmax(0,1fr)}}.employee-app-usage-hours{gap:4px}.employee-app-usage-hours span{white-space:nowrap;color:#7b90ac;font-size:10px;font-weight:500}.employee-app-usage-track>span:focus{z-index:3;outline:2px solid #163658}.app-details-events{border:1px solid #e8eff8;border-radius:8px;max-height:330px;overflow-y:auto}.app-details-events>div{border-bottom:1px solid #edf2f8;gap:6px;padding:12px;display:grid}.app-details-events strong{color:#456986;font-size:12px}.app-details-events span{color:#8a9cb4;overflow-wrap:anywhere;font-size:11px}.app-details-events small{color:#6f8aaa;font-size:10px}.working-day-detail>.activity-view-day{margin:12px 0}.leave-page{grid-template-columns:minmax(0,1fr) 356px;align-items:start;gap:14px;display:grid}.leave-main{min-width:0}.leave-header{justify-content:space-between;align-items:end;gap:16px;margin-bottom:18px;display:flex}.leave-header h1{color:#050b4f;margin:0;font-size:30px;line-height:1.1}.leave-header p{color:#30459b;margin:6px 0 0}.leave-header-actions{flex-wrap:wrap;gap:10px;display:flex}.leave-outline-button,.leave-primary-button,.leave-cancel-button,.leave-save-button{cursor:pointer;border-radius:7px;min-height:40px;padding:0 16px;font-weight:800}.leave-outline-button{color:#0759e3;background:#fff;border:1px solid #cfe0fa}.leave-primary-button,.leave-save-button{color:#fff;background:linear-gradient(135deg,#147eff,#0659ec);border:0;box-shadow:0 10px 22px #0759e338}.leave-tabs{border-bottom:1px solid #dbe7f8;gap:18px;margin-bottom:14px;display:flex}.leave-tabs button{color:#31499f;cursor:pointer;background:0 0;border:0;padding:0 22px 12px;font-weight:700}.leave-tabs button.active{color:#006dff;border-bottom:3px solid #127bff}.leave-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.leave-stat-card,.leave-table-card,.leave-editor-card{background:#fffffff5;border:1px solid #dce8f7;border-radius:8px;box-shadow:0 10px 34px #254b8014}.leave-stat-card{grid-template-columns:56px minmax(0,1fr);align-items:center;gap:14px;min-height:104px;padding:14px;display:grid}.leave-stat-card>span{background:#e4f8ee;border-radius:9px;width:56px;height:56px}.leave-stat-card.blue>span{background:#e9f3ff}.leave-stat-card.red>span{background:#ffe9ee}.leave-stat-card p{color:#324899;margin:0 0 4px;font-size:13px}.leave-stat-card strong{color:#050b4f;font-size:25px;line-height:1;display:block}.leave-stat-card em{color:#0ca65e;margin-top:6px;font-size:13px;font-style:normal;display:block}.leave-stat-card.red em{color:#ec1224}.leave-table-card{padding:10px}.leave-filters{grid-template-columns:minmax(220px,1fr) 132px 132px 116px 190px 70px;gap:8px;margin-bottom:10px;display:grid}.leave-search,.leave-filters select,.leave-filters input,.leave-filters button,.leave-field select,.leave-field input,.leave-field textarea{color:#10247a;background:#fff;border:1px solid #d5e3f7;border-radius:7px}.leave-search{align-items:center;min-height:40px;padding:0 12px;display:flex}.leave-search input{border:0;outline:0;width:100%}.leave-filters select,.leave-filters input,.leave-filters button{min-height:40px;padding:0 10px;font-weight:700}.leave-filters button{color:#0759e3;cursor:pointer}.leave-table-wrap{overflow-x:auto}.leave-table{border-collapse:collapse;width:100%;min-width:920px}.leave-table th,.leave-table td{color:#10247a;text-align:left;white-space:nowrap;border-bottom:1px solid #e7effa;padding:10px 8px;font-size:12px}.leave-table th{color:#06165f;background:#f8fbff;font-weight:800}.leave-employee{align-items:center;gap:9px;display:flex}.leave-employee>span{color:#07146a;background:#dce9ff;border-radius:50%;place-items:center;width:32px;height:32px;font-weight:900;display:grid}.leave-employee strong{color:#06165f;display:block}.leave-employee small{color:#30459b;margin-top:2px;display:block}.leave-type-pill,.leave-status-pill{border-radius:6px;align-items:center;min-height:26px;padding:0 10px;font-size:11px;font-weight:800;display:inline-flex}.leave-type-pill.casual{color:#0066f4;background:#dcecff}.leave-type-pill.sick{color:#f01b32;background:#ffe0e6}.leave-type-pill.earned,.leave-type-pill.maternity{color:#6b23da;background:#eadbff}.leave-type-pill.office{color:#0c9558;background:#d6f5e5}.leave-type-pill.paternity,.leave-type-pill.unpaid{color:#0079bd;background:#dff2ff}.leave-status-pill.approved{color:#0a9d59;background:#d9f8e8}.leave-status-pill.pending{color:#dc7c00;background:#fff0cc}.leave-status-pill.rejected{color:#e30d21;background:#ffe1e6}.leave-actions{gap:6px;display:flex}.leave-actions button{color:#0759e3;cursor:pointer;background:#fff;border:1px solid #d8e6f8;border-radius:7px;min-width:34px;min-height:32px;font-size:11px;font-weight:800}.leave-actions button:disabled{opacity:.45;cursor:not-allowed}.leave-pagination{color:#30459b;justify-content:space-between;align-items:center;gap:12px;padding:14px 0 2px;display:flex}.leave-pagination>div{align-items:center;gap:6px;display:flex}.leave-pagination button,.leave-pagination select{color:#17409e;background:#fff;border:1px solid #d6e5f8;border-radius:7px;min-width:34px;min-height:34px;font-weight:800}.leave-pagination button.active{color:#fff;background:#096dff}.leave-editor-card{padding:18px;position:sticky;top:88px}.leave-editor-heading{justify-content:space-between;gap:12px;margin-bottom:16px;display:flex}.leave-editor-heading h2{color:#050b4f;margin:0;font-size:20px}.leave-editor-heading p{color:#30459b;margin:4px 0 0}.leave-editor-heading button{color:#5c6db6;cursor:pointer;background:0 0;border:0;font-size:28px}.leave-form{gap:12px;display:grid}.leave-field{color:#07146a;gap:7px;font-weight:800;display:grid}.leave-field b{color:#f01b32}.leave-field select,.leave-field input{min-height:48px;padding:0 12px}.leave-field textarea{resize:vertical;min-height:74px;padding:12px}.leave-textarea-wrap{position:relative}.leave-textarea-wrap textarea{width:100%;padding-bottom:28px}.leave-textarea-wrap span{color:#4258a8;font-size:12px;position:absolute;bottom:9px;right:12px}.leave-options,.leave-status-options{color:#07146a;gap:10px;display:grid}.leave-options p,.leave-status-options p{margin:0;font-weight:900}.leave-options label,.leave-status-options label{color:#10247a;align-items:center;gap:10px;font-weight:700;display:inline-flex}.leave-status-options{grid-template-columns:repeat(3,max-content)}.leave-status-options p{grid-column:1/-1}.leave-editor-actions{grid-template-columns:1fr 1fr;gap:12px;margin-top:20px;display:grid}.leave-cancel-button{color:#0759e3;background:#fff;border:1px solid #d8e6f8}.leave-save-button:disabled{opacity:.6;cursor:wait}@media (width<=1280px){.leave-page{grid-template-columns:1fr}.leave-editor-card{position:static}}@media (width<=900px){.leave-header,.leave-pagination{flex-direction:column;align-items:flex-start}.leave-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.leave-filters{grid-template-columns:1fr}}.leave-balance-layout{grid-template-columns:360px minmax(0,1fr);gap:12px;display:grid}.leave-balance-card{background:#fffffff5;border:1px solid #dce8f7;border-radius:8px;padding:14px;box-shadow:0 10px 34px #254b8014}.leave-balance-heading{justify-content:space-between;gap:12px;margin-bottom:14px;display:flex}.leave-balance-heading h2{color:#050b4f;margin:0;font-size:20px}.leave-balance-heading p{color:#30459b;margin:5px 0 0}.leave-balance-heading strong{color:#0759e3;background:#eaf3ff;border-radius:7px;place-items:center;height:34px;padding:0 12px;display:inline-grid}.leave-type-form{gap:12px;display:grid}.leave-type-list{gap:8px;margin-top:16px;display:grid}.leave-type-list>p{color:#30459b;margin:0}.leave-type-row{border:1px solid #e3ecfa;border-radius:8px;grid-template-columns:70px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.leave-type-row strong{color:#06165f}.leave-type-row em{color:#30459b;font-style:normal;font-weight:800}@media (width<=1100px){.leave-balance-layout{grid-template-columns:1fr}}.leave-balance-table th,.leave-balance-table td{padding-top:13px;padding-bottom:13px}.leave-total-days{color:#0759e3;background:#eef6ff;border-radius:7px;place-items:center;min-width:54px;min-height:34px;font-size:16px;display:inline-grid}.leave-remaining-days{color:#079557;background:#e6f9ef;border-radius:7px;place-items:center;min-width:54px;min-height:34px;font-size:16px;display:inline-grid}.leave-breakdown-list{flex-wrap:wrap;gap:6px;max-width:360px;display:flex}.leave-breakdown-pill{color:#0759e3;background:#e8f2ff;border-radius:7px;align-items:center;min-height:28px;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.leave-breakdown-pill.sick{color:#e30d21;background:#ffe5eb}.leave-breakdown-pill.earned,.leave-breakdown-pill.maternity{color:#6824d6;background:#efe4ff}.leave-breakdown-pill.office{color:#087d4b;background:#daf8e9}.leave-breakdown-pill.paternity,.leave-breakdown-pill.unpaid{color:#0077b8;background:#e0f5ff}.leave-muted{color:#6b7bb9;font-weight:700}.holiday-layout{grid-template-columns:360px minmax(0,1fr);gap:12px;display:grid}.holiday-calendar{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.holiday-calendar>strong{color:#31499f;text-align:center;font-size:12px}.holiday-date{color:#07146a;background:#fff;border:1px solid #e1ebfa;border-radius:8px;min-height:78px;padding:8px}.holiday-date span{font-weight:900;display:block}.holiday-date small{color:#0759e3;background:#e8f2ff;border-radius:6px;margin-top:8px;padding:5px;font-weight:800;display:block}.holiday-date.marked{background:#f4f9ff;border-color:#8dbdff}.holiday-date.marked.festival small{color:#b86a00;background:#fff0cc}.holiday-date.marked.national small{color:#087d4b;background:#e4f8ee}.holiday-date.marked.local small{color:#6824d6;background:#efe4ff}.holiday-date.marked.optional small{color:#e30d21;background:#ffe5eb}.holiday-list{gap:8px;margin-top:14px;display:grid}.holiday-list>p{color:#30459b;margin:0}.holiday-row{border:1px solid #e1ebfa;border-radius:8px;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.holiday-row strong{color:#06165f;display:block}.holiday-row small{color:#30459b;margin-top:3px;display:block}.holiday-row em{color:#079557;font-style:normal;font-weight:900}.holiday-dot{background:#0759e3;border-radius:50%;width:10px;height:10px}.holiday-dot.festival{background:#f2a000}.holiday-dot.national{background:#079557}.holiday-dot.local{background:#6824d6}.holiday-dot.optional{background:#e30d21}@media (width<=1100px){.holiday-layout{grid-template-columns:1fr}}.policy-layout{grid-template-columns:380px minmax(0,1fr);gap:12px;display:grid}.policy-list{gap:10px;display:grid}.policy-list>p{color:#30459b;margin:0}.policy-row{background:#fff;border:1px solid #e1ebfa;border-radius:8px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:12px;display:grid}.policy-row strong{color:#06165f;font-size:15px;display:block}.policy-row small{color:#30459b;margin-top:4px;font-weight:700;display:block}.policy-tags{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.policy-tags span{color:#0759e3;background:#e8f2ff;border-radius:7px;align-items:center;min-height:28px;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.policy-actions,.policy-form-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.policy-actions button,.policy-form-actions button{color:#0759e3;cursor:pointer;background:#fff;border:1px solid #bdd4fb;border-radius:8px;min-height:36px;padding:0 12px;font-weight:900}.policy-form-actions .leave-save-button{flex:1}@media (width<=1100px){.policy-layout,.policy-row{grid-template-columns:1fr}.policy-tags{justify-content:flex-start}}.leave-page{grid-template-columns:minmax(760px,1fr) 356px;gap:16px}.leave-header{align-items:end}.leave-outline-button,.leave-primary-button{justify-content:center;align-items:center;gap:9px;display:inline-flex}.leave-tabs{gap:24px}.leave-tabs button{min-height:42px;padding:0 22px 12px;font-size:15px}.leave-stat-card{grid-template-columns:58px minmax(0,1fr);gap:14px;min-height:104px;padding:14px}.leave-stat-card>span,.leave-stat-icon{border-radius:8px;place-items:center;width:56px;height:56px;display:grid}.leave-stat-card.green .leave-stat-icon{color:#0bbd73;background:#dcf8ee}.leave-stat-card.blue .leave-stat-icon{color:#0b73ff;background:#e8f3ff}.leave-stat-card.red .leave-stat-icon{color:#f01b32;background:#ffe9ee}.leave-stat-card p{font-size:13px}.leave-stat-card strong{font-size:25px}.leave-filters{grid-template-columns:minmax(260px,1fr) 132px 132px 116px 190px 70px}.leave-search{gap:10px}.leave-search svg{color:#4965bd;flex:none}.leave-search input{min-width:0;font:inherit}.leave-table th{height:40px}.leave-table td{height:52px}.leave-actions button{transition:border-color .16s,background .16s,color .16s}.leave-actions button:hover:not(:disabled){background:#f4f9ff;border-color:#0871ff}.leave-pagination button{justify-content:center;align-items:center;display:inline-flex}.leave-editor-card{max-height:calc(100vh - 112px);top:86px;overflow:hidden}.leave-editor-heading button{place-items:center;width:36px;height:36px;font-size:0;display:grid}.leave-field select,.leave-field input{font:inherit;font-weight:800}.leave-field textarea{font:inherit;font-weight:700}.leave-status-options input,.leave-options input{accent-color:#086dff}.leave-save-button,.leave-primary-button{box-shadow:0 12px 28px #0759e338}@media (width<=1280px){.leave-editor-card{max-height:none;overflow:visible}}.policy-list{gap:12px}.policy-row{background:linear-gradient(#fff 0%,#fbfdff 100%);border-color:#d8e6fb;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;min-height:74px;padding:14px 12px;box-shadow:0 8px 22px #0726780d}.policy-row>div:first-child{min-width:0}.policy-row strong{font-size:15px;line-height:1.25}.policy-row small{line-height:1.45}.policy-tags{justify-content:flex-end;align-items:center;gap:7px;min-width:0;display:flex}.policy-tags span{white-space:nowrap;color:#0759e3;background:#eaf3ff;border-radius:8px;min-height:30px;padding:0 11px;font-size:12px}.policy-actions button{color:#0759e3;cursor:pointer;background:#fff;border:1px solid #c7dcfb;border-radius:8px;min-width:44px;min-height:40px;padding:0 12px;font-weight:900}.policy-form-actions{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;display:grid}.policy-form-actions .leave-save-button{width:100%}.policy-form-actions .leave-outline-button{color:#0759e3;cursor:pointer;background:#fff;border:1px solid #bdd4fb;border-radius:8px;min-height:44px;padding:0 14px;font-weight:900}@media (width<=1320px){.policy-row{grid-template-columns:1fr}.policy-tags,.policy-actions{justify-content:flex-start}}.policy-actions{justify-content:flex-end;align-items:center;gap:8px;display:inline-flex}.policy-actions button{color:#0759e3;cursor:pointer;background:#fff;border:1px solid #c7dcfb;border-radius:8px;place-items:center;width:40px;min-width:40px;height:40px;min-height:40px;padding:0;display:inline-grid}.policy-actions button:hover{background:#edf5ff;border-color:#80b4ff}.policy-actions button svg{width:17px;height:17px}.policy-actions button.danger:hover{background:#ffe6ea;border-color:#ff99a7}.leave-page,.leave-balance-layout,.holiday-layout,.policy-layout{grid-template-columns:minmax(0,1fr)}.leave-header-actions{flex-wrap:wrap;justify-content:flex-end}.leave-editor-modal{color:#17365a;background:#fff;border:1px solid #dce8f7;border-radius:20px;width:min(800px,100vw - 32px);max-width:none;max-height:calc(100dvh - 48px);padding:0;overflow:hidden;box-shadow:0 28px 90px #07193a40}.leave-editor-modal::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0c1e3b73}.leave-editor-modal[open]{flex-direction:column;display:flex}.leave-modal-heading{background:linear-gradient(120deg,#fbfdff 40%,#e7f2ff);border-bottom:1px solid #e3edf9;flex:none;justify-content:space-between;align-items:flex-start;gap:15px;padding:26px 30px;display:flex}.leave-modal-heading h2{color:#142e50;margin:0;font-size:26px}.leave-modal-heading p{color:#7a8fa9;margin:8px 0 0;font-size:13px}.leave-modal-heading button{color:#315879;cursor:pointer;background:#fff;border:1px solid #d3e3f8;border-radius:50%;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.leave-modal-scroll{flex:auto;min-height:0;padding:24px 30px;overflow-y:auto}.leave-modal-scroll>fieldset{border:0;min-width:0;margin:0;padding:0}.leave-editor-modal .leave-balance-card,.leave-editor-modal .leave-editor-card{width:100%;min-width:0;height:auto;max-height:none;box-shadow:none;background:#fff;border:0;margin:0;padding:0;overflow:visible}.leave-editor-modal .leave-balance-heading,.leave-editor-modal .leave-editor-heading{display:none}.leave-editor-modal .leave-type-form,.leave-editor-modal .leave-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:0;display:grid}.leave-editor-modal .leave-form>.leave-option-group,.leave-editor-modal .leave-form>.leave-checkbox-options,.leave-editor-modal .policy-form-actions{grid-column:1/-1}.leave-editor-modal .leave-type-form>:has(textarea){grid-column:1/-1}.leave-editor-modal .leave-form>:has(textarea){grid-column:1/-1}.leave-editor-modal .leave-field{min-width:0}.leave-editor-modal input,.leave-editor-modal select,.leave-editor-modal textarea{max-width:100%}.leave-editor-modal .leave-save-button{min-height:42px}.leave-editor-modal .leave-editor-actions{grid-column:1/-1;justify-content:flex-end;display:flex}.leave-editor-modal .leave-editor-actions .leave-cancel-button{display:none}.leave-modal-footer{background:#f5f9ff;border-top:1px solid #e3edf9;flex:none;justify-content:flex-end;padding:16px 30px;display:flex}.leave-modal-footer button{padding:0 24px}.leave-editor-error{color:#bc3149;background:#fff1f3;border-radius:8px;margin:0 0 18px;padding:12px;font-size:13px}.leave-editor-modal button:disabled{opacity:.6;cursor:not-allowed}@media (width<=680px){.leave-modal-heading,.leave-modal-scroll{padding:22px 20px}.leave-modal-footer{padding:16px 20px}.leave-editor-modal .leave-type-form,.leave-editor-modal .leave-form{grid-template-columns:minmax(0,1fr)}.leave-header-actions{justify-content:flex-start}}.leave-editor-modal .leave-type-row{grid-template-columns:60px minmax(0,1fr) auto auto;align-items:center;gap:10px}.leave-type-row-actions{gap:7px;display:flex}.leave-type-row-actions button{color:#2376e5;cursor:pointer;background:#fff;border:1px solid #d4e3f7;border-radius:7px;place-items:center;width:32px;height:32px;display:grid}.leave-type-row-actions .danger{color:#e54861;background:#fff6f8;border-color:#ffd7df}@media (width<=680px){.leave-editor-modal .leave-type-row{grid-template-columns:50px minmax(0,1fr) auto}.leave-editor-modal .leave-type-row em{grid-area:2/2}.leave-type-row-actions{grid-area:1/3/3}}.screenshots-page{color:#07104d;grid-template-columns:minmax(760px,1fr) 420px;align-items:start;gap:16px;display:grid}.screenshots-workspace,.screenshot-preview-panel{background:#fffffff5;border:1px solid #dce9fb;border-radius:8px;min-width:0;box-shadow:0 12px 34px #224b8414}.screenshot-preview-panel{align-self:start}.screenshots-workspace{gap:12px;padding:20px 12px 12px;display:grid}.screenshots-heading{justify-content:space-between;align-items:start;gap:16px;padding:0 2px;display:flex}.screenshots-heading h1{color:#070d3f;margin:0;font-size:30px;line-height:1.05}.screenshots-heading p{color:#324aa0;margin:5px 0 0;font-size:15px}.screenshots-heading-actions,.screenshot-view-actions,.screenshot-pagination,.screenshot-pagination div,.preview-count,.preview-actions div{align-items:center;gap:8px;display:flex}.screenshot-action-button,.screenshot-filter select,.screenshot-view-actions button,.screenshot-pagination button,.page-size-button,.preview-actions button,.preview-info-row button{color:#075df1;cursor:pointer;background:#fff;border:1px solid #d2e3fa;border-radius:6px;min-height:38px;font-weight:800}.screenshot-action-button{justify-content:center;align-items:center;gap:9px;min-width:96px;padding:0 14px;display:inline-flex}.screenshot-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.screenshot-stat{background:#fff;border:1px solid #e2edfb;border-radius:8px;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:14px;min-height:112px;padding:12px;display:grid}.stat-icon{color:#0b73ff;background:#e8f3ff;border-radius:8px;place-items:center;width:58px;height:58px;display:grid}.screenshot-stat.green .stat-icon{color:#0bbd73;background:#dcf8ee}.screenshot-stat.purple .stat-icon{color:#8b20ee;background:#f0dcff}.screenshot-stat.orange .stat-icon{color:#ff7a00;background:#fff0df}.screenshot-stat p,.screenshot-stat em{color:#314a91;margin:0;font-size:12px;font-style:normal}.screenshot-stat strong{color:#07104d;margin-top:5px;font-size:22px;line-height:1;display:block}.screenshot-stat small{color:#00a85a;margin-top:8px;font-weight:800;display:inline-block}.screenshot-stat em{margin-top:5px;display:block}.screenshot-toolbar{grid-template-columns:1.05fr 1.05fr 1.1fr 1.1fr 1.05fr 1.05fr;gap:8px;display:grid}.screenshot-filter{min-width:0;position:relative}.screenshot-filter span{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.screenshot-filter select{appearance:none;color:#2a4192;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%;min-height:40px;padding:0 34px 0 12px;overflow:hidden}.screenshot-filter:after,.page-size-button:after{content:"";pointer-events:none;border-bottom:2px solid #526cc7;border-right:2px solid #526cc7;width:7px;height:7px;position:absolute;top:50%;right:12px;transform:translateY(-65%)rotate(45deg)}.screenshot-date-filter{min-width:0;position:relative}.screenshot-date-filter span{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.screenshot-date-filter input{color:#2a4192;background:#fff;border:1px solid #d2e3fa;border-radius:6px;width:100%;min-height:40px;padding:0 12px;font-weight:800}.page-size-button{position:relative}.page-size-button:after{color:#526cc7;right:10px}.screenshot-toolbar .wide{grid-column:auto}.screenshot-search-row{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.screenshot-search{background:#fff;border:1px solid #d2e3fa;border-radius:6px;grid-template-columns:auto 1fr;align-items:center;gap:11px;min-height:38px;padding:0 13px;display:grid}.screenshot-search svg{color:#4965bd;flex:none}.screenshot-search input{color:#1c2d72;border:0;outline:0;min-width:0}.screenshot-view-actions button{justify-content:center;align-items:center;width:44px;padding:0;display:inline-flex}.screenshot-view-actions .active{color:#fff;background:#0871ff;border-color:#0871ff}.screenshot-view-actions .reset-button{width:auto;min-width:82px}.screenshot-card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;min-height:390px;max-height:calc(100vh - 454px);padding-right:2px;display:grid;overflow:auto}.screenshot-tile{color:#07104d;text-align:left;cursor:pointer;background:#fff;border:1px solid #dae7f8;border-radius:7px;grid-template-rows:auto minmax(116px,auto);gap:0;min-height:258px;padding:0;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 20px #204c8712}.screenshot-tile.selected{border-color:#0871ff;box-shadow:0 0 0 2px #0871ff24,0 10px 24px #204c871f}.tile-checkbox{z-index:2;background:#fff;border:2px solid #5c74ca;border-radius:4px;width:18px;height:18px;position:absolute;top:7px;left:7px}.screenshot-tile.selected .tile-checkbox:after{content:"";border-bottom:2px solid #0871ff;border-right:2px solid #0871ff;width:5px;height:10px;position:absolute;top:1px;left:4px;transform:rotate(45deg)}.tile-image{aspect-ratio:16/9;background:#eaf2fb;place-items:center;height:auto;display:grid;overflow:hidden}.tile-image img,.preview-frame img{object-fit:cover;width:100%;height:100%}.tile-image span,.preview-frame>span,.screenshots-empty{color:#4965a9;font-weight:800}.tile-content{grid-template-rows:auto minmax(42px,auto) minmax(44px,auto);gap:7px;min-height:116px;padding:9px 12px 12px;display:grid;position:relative}.tile-content time{color:#6d86d8;letter-spacing:0;font-size:14px;font-weight:800;line-height:1.1}.tile-menu{color:#3154c8;place-items:center;display:grid;position:absolute;top:9px;right:8px}.tile-app-row,.tile-person-row,.preview-info-row>div{grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:8px;display:grid}.tile-app-row small,.tile-person-row small{color:#3952a3;text-overflow:ellipsis;white-space:nowrap;grid-column:2;font-size:11px;line-height:1.2;overflow:hidden}.tile-app-row strong,.tile-person-row strong{color:#07104d;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.15;overflow:hidden}.application-dot,.tile-person-row span,.person-chip{color:#fff;border-radius:50%;place-items:center;font-weight:900;display:grid}.application-dot{width:25px;height:25px;font-size:11px}.tile-person-row span,.person-chip{color:#233b91;background:#e8f0ff;width:34px;height:34px;font-size:12px}.tile-person-row{padding-top:4px}.screenshot-pagination{color:#314a91;border-top:1px solid #e4edfb;justify-content:space-between;padding:9px 2px 0}.screenshot-pagination button{color:#3154c8;justify-content:center;align-items:center;min-width:34px;padding:0 10px;display:inline-flex}.screenshot-pagination button.active{color:#fff;background:#0871ff;border-color:#0871ff}.page-size-button{color:#3154c8;min-width:122px}.screenshot-preview-panel{align-self:start;gap:13px;height:calc(100vh - 112px);padding:20px;display:grid;position:sticky;top:86px;overflow:hidden}.screenshot-preview-panel header{justify-content:space-between;align-items:center;display:flex}.screenshot-preview-panel h2,.preview-info h3,.preview-actions h3{color:#07104d;margin:0}.screenshot-preview-panel h2{font-size:20px}.screenshot-preview-panel header button{color:#6574bb;cursor:pointer;background:0 0;border:0;place-items:center;width:36px;height:36px;display:grid}.preview-count{justify-content:flex-end}.preview-count span{color:#334aa5;font-weight:800}.preview-count button{color:#7182cf;cursor:pointer;background:#fff;border:1px solid #d2e3fa;border-radius:6px;place-items:center;width:32px;height:32px;display:grid}.preview-frame{aspect-ratio:16/9;background:#dfeaf7;border-radius:8px;place-items:center;min-height:0;max-height:225px;display:grid;position:relative;overflow:hidden;box-shadow:0 16px 30px #1c366b24}.preview-frame button{color:#fff;cursor:pointer;background:#0f1c36bd;border:0;border-radius:6px;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:12px;right:12px}.preview-info,.preview-actions{gap:10px;min-width:0;display:grid}.preview-info h3,.preview-actions h3{font-size:16px}.preview-info-row{color:#102272;grid-template-columns:96px 24px minmax(0,1fr);align-items:center;gap:10px;font-size:13px;display:grid}.preview-info-row>span{color:#314a91}.preview-info-row>div{overflow-wrap:anywhere;min-width:0}.preview-info-row strong{color:#07104d;text-overflow:ellipsis;min-width:0;display:block;overflow:hidden}.preview-info-row small{color:#3b55a8;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-weight:500;display:block;overflow:hidden}.preview-info-row button{color:#075df1;min-height:34px;padding:0 10px;font-size:12px}.info-icon{color:#2849bd;place-items:center;width:22px;height:22px;display:grid}.status-dot{background:#10bf73;border-radius:50%;width:17px;height:17px}.preview-actions{border-top:1px solid #e1ebf9;padding-top:13px}.preview-actions div{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.preview-actions div button:last-child{grid-column:1/-1}.preview-actions button{white-space:nowrap;justify-content:center;align-items:center;gap:8px;min-width:0;padding:0 9px;font-size:12px;display:inline-flex}.preview-actions .danger{color:#ff1f32;background:#fff2f3;border-color:#ffc9cd}.screenshots-empty{background:#f8fbff;border:1px dashed #b8cdf0;border-radius:8px;grid-column:1/-1;place-items:center;min-height:260px;display:grid}@media (width<=1320px){.screenshots-page{grid-template-columns:1fr}.screenshot-preview-panel{position:static}}@media (width<=1100px){.screenshot-stats,.screenshot-card-grid,.screenshot-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.screenshot-toolbar .wide{grid-column:span 1}}@media (width<=720px){.screenshots-heading,.screenshot-search-row,.screenshot-pagination{flex-direction:column;align-items:stretch}.screenshots-heading{display:grid}.screenshots-heading-actions,.screenshot-pagination,.screenshot-pagination div{flex-wrap:wrap}.screenshot-stats,.screenshot-toolbar,.screenshot-card-grid{grid-template-columns:1fr}.preview-info-row{grid-template-columns:1fr;gap:6px}}.settings-page{align-content:start;gap:18px;display:grid}.settings-heading{justify-content:space-between;align-items:center;gap:18px;display:flex}.settings-title-wrap{align-items:center;gap:16px;display:flex}.settings-title-icon{color:#116dff;background:#eaf4ff;border-radius:16px;place-items:center;width:58px;height:58px;display:grid}.settings-heading h1{color:#070d3f;margin:0;font-size:34px;line-height:1.08}.settings-heading p{color:#2e438c;margin:5px 0 0}.settings-save-button{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#1687ff,#0759e3);border:0;border-radius:7px;align-items:center;gap:10px;min-height:48px;padding:0 24px;font-weight:800;display:inline-flex;box-shadow:0 12px 24px #0759e338}.settings-save-button:disabled{cursor:not-allowed;opacity:.65}.settings-layout{grid-template-columns:330px minmax(0,1fr);align-items:start;gap:18px;display:grid}.settings-menu,.settings-panel,.settings-card{background:#fffffff5;border:1px solid #dce8f7;border-radius:8px;box-shadow:0 10px 34px #254b8014}.settings-menu{padding:12px 0;display:grid;overflow:hidden}.settings-menu-item{color:#071047;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #e6eef8;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:12px;min-height:72px;padding:12px 20px;display:grid}.settings-menu-item:last-child{border-bottom:0}.settings-menu-item:hover,.settings-menu-item.active{background:#edf6ff}.settings-menu-item.active{box-shadow:inset 4px 0 #126bff}.settings-menu-icon,.settings-card-icon{color:#126bff;background:#eef5ff;border-radius:9px;place-items:center;width:38px;height:38px;display:grid}.settings-menu-item strong{color:#070d3f;font-size:14px;display:block}.settings-menu-item small{color:#31509a;margin-top:5px;font-size:12px;line-height:1.25;display:block}.settings-panel{gap:16px;min-width:0;padding:16px;display:grid}.settings-panel-header h2{color:#070d3f;margin:0;font-size:24px;line-height:1.1}.settings-panel-header p{color:#31509a;margin:6px 0 0}.settings-card{gap:18px;padding:16px 18px;display:grid}.settings-card-header{background:#f1f8ff;border-radius:7px;justify-content:space-between;align-items:center;gap:18px;padding:10px 12px;display:flex}.settings-card-title{align-items:center;gap:12px;display:flex}.settings-card h3{color:#070d3f;margin:0;font-size:20px}.settings-card-header p{color:#31509a;margin:3px 0 0;font-size:13px}.settings-card-note{color:#536da9;white-space:nowrap;align-items:center;gap:8px;font-size:12px;font-weight:700;display:inline-flex}.settings-company-grid{grid-template-columns:minmax(0,1.1fr) minmax(430px,1fr);gap:20px 24px;display:grid}.settings-logo-area{color:#070d3f;grid-row:span 2;gap:8px;font-size:13px;font-weight:800;display:grid}.settings-logo-row{grid-template-columns:122px minmax(0,1fr);align-items:center;gap:14px;display:grid}.company-logo-preview{color:#071047;letter-spacing:0;background:#fff;border:1px solid #d3e3f8;border-radius:7px;place-items:center;width:122px;height:112px;font-size:27px;font-weight:900;line-height:1;display:grid;overflow:hidden}.company-logo-preview:first-letter{color:#0759e3}.company-logo-preview img{object-fit:contain;width:100%;height:100%;padding:3px}.settings-logo-actions{grid-template-columns:minmax(150px,1fr) 120px;align-items:center;gap:10px;display:grid}.settings-logo-actions small{color:#5c70a8;grid-column:1/-1;font-weight:600;line-height:1.35}.settings-upload-button,.settings-remove-button{cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 14px;font-weight:800;display:inline-flex}.settings-upload-button input{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.settings-upload-button{color:#0759e3;background:#f7fbff;border:1px solid #bcd7fb}.settings-remove-button{color:#ff1f32;background:#fff2f3;border:1px solid #ffc9cf}.settings-form-grid{gap:16px;display:grid}.settings-form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-field{color:#070d3f;gap:8px;font-size:13px;font-weight:800;display:grid}.settings-field b{color:#ff1f32}.settings-input-shell,.settings-phone-field{color:#254891;background:#fff;border:1px solid #d3e3f8;border-radius:7px;align-items:center;min-height:40px;display:grid}.settings-input-shell{grid-template-columns:38px minmax(0,1fr)}.settings-input-shell.no-icon{grid-template-columns:minmax(0,1fr)}.settings-input-shell input,.settings-input-shell select,.settings-phone-field input,.settings-phone-field select{color:#10205e;background:0 0;border:0;outline:0;min-width:0;min-height:38px;padding:0 12px;font-weight:700}.settings-input-shell svg,.settings-phone-field svg{margin-left:12px}.settings-phone-field{grid-template-columns:38px 72px minmax(0,1fr)}.settings-phone-field select{border-right:1px solid #d3e3f8}.settings-input-shell:focus-within,.settings-phone-field:focus-within{border-color:#0759e3;box-shadow:0 0 0 3px #0759e31f}.settings-two-column,.settings-preferences-grid{grid-template-columns:minmax(0,1fr) minmax(330px,.9fr);gap:28px;display:grid}.settings-toggle-stack{border-left:1px solid #dbe7f6;align-content:start;gap:12px;padding-left:28px;display:grid}.settings-toggle-stack.columns{border-left:0;grid-template-columns:repeat(2,minmax(0,1fr));padding-left:0}.settings-toggle-row{color:#10205e;cursor:pointer;grid-template-columns:48px minmax(0,1fr);align-items:start;gap:12px;min-height:34px;display:grid}.settings-toggle-row input{opacity:0;pointer-events:none;position:absolute}.settings-toggle-row>span{background:#aebbe0;border-radius:999px;width:42px;height:22px;margin-top:2px;transition:background .18s;position:relative}.settings-toggle-row>span:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .18s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #07104733}.settings-toggle-row input:checked+span{background:#126bff}.settings-toggle-row input:checked+span:after{transform:translate(20px)}.settings-toggle-row strong{color:#10205e;font-size:13px;font-weight:800;line-height:1.25;display:block}.settings-toggle-row small{color:#536da9;margin-top:2px;font-size:12px;line-height:1.25;display:block}.settings-list,.settings-summary-grid{gap:10px;display:grid}.settings-list-item{background:#fbfdff;border:1px solid #e1ebf8;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;min-height:62px;padding:12px 14px;display:flex}.settings-list-item strong,.settings-list-item span{display:block}.settings-list-item strong{color:#071047}.settings-list-item span{color:#31509a;margin-top:4px;font-size:13px}.settings-list-item em{color:#0759e3;white-space:nowrap;background:#edf4ff;border-radius:7px;padding:6px 10px;font-size:12px;font-style:normal;font-weight:800}.settings-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-summary-tile{background:#fff;border:1px solid #dce8f7;border-radius:8px;padding:16px}.settings-summary-tile span,.settings-summary-tile small{color:#31509a}.settings-summary-tile strong{color:#070d3f;margin:7px 0 6px;font-size:24px;line-height:1;display:block}.settings-summary-tile small{font-size:13px}@media (width<=1180px){.settings-layout,.settings-company-grid,.settings-two-column,.settings-preferences-grid{grid-template-columns:1fr}.settings-toggle-stack{border-left:0;padding-left:0}.settings-location-row{grid-template-columns:54px minmax(0,1fr)}.settings-location-metric,.settings-location-actions{grid-column:2/3}.settings-location-form{grid-template-columns:1fr}}@media (width<=760px){.settings-heading,.settings-card-header{flex-direction:column;align-items:stretch}.settings-title-wrap{align-items:flex-start}.settings-save-button{justify-content:center}.settings-form-grid.two,.settings-summary-grid,.settings-logo-row,.settings-logo-actions,.settings-toggle-stack.columns{grid-template-columns:1fr}.settings-menu-item{grid-template-columns:40px minmax(0,1fr);padding:11px 14px}.company-logo-preview{width:100%}.settings-card-note{white-space:normal}}.settings-location-header-action{position:absolute;top:16px;right:18px}.settings-card{position:relative}.settings-add-location-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1687ff,#0759e3);border:0;border-radius:7px;align-items:center;gap:8px;min-height:42px;padding:0 18px;font-weight:800;display:inline-flex;box-shadow:0 10px 22px #0759e333}.settings-location-list{border:1px solid #dce8f7;border-radius:8px;gap:0;display:grid;overflow:hidden}.settings-location-row{background:#fff;border-bottom:1px solid #e5eef9;grid-template-columns:54px minmax(260px,1fr) repeat(3,minmax(120px,.34fr)) 140px;align-items:center;gap:14px;min-height:74px;padding:10px 12px;display:grid}.settings-location-row:last-child{border-bottom:0}.settings-location-icon{border-radius:9px;place-items:center;width:44px;height:44px;display:grid}.settings-location-icon.green{color:#13b76a;background:#dcfff0}.settings-location-icon.purple{color:#a329ff;background:#f3ddff}.settings-location-main{gap:7px;display:grid}.settings-location-title{align-items:center;gap:10px;display:flex}.settings-location-title strong{color:#071047;font-size:14px}.settings-location-title em{color:#0c9d56;background:#cbf7df;border-radius:999px;padding:4px 9px;font-size:11px;font-style:normal;font-weight:900}.settings-location-main>span{color:#31509a;align-items:center;gap:7px;font-size:12px;font-weight:700;display:inline-flex}.settings-location-main>span svg{color:#126bff}.settings-location-metric{background:#f1f7ff;border-radius:7px;align-content:center;gap:4px;min-height:48px;padding:8px 14px;display:grid}.settings-location-metric span{color:#5570aa;font-size:12px;font-weight:700}.settings-location-metric strong{color:#071047;font-size:15px;line-height:1}.settings-location-empty{color:#31509a;background:#fbfdff;border:1px dashed #cfe0f5;border-radius:8px;padding:18px;font-size:13px;font-weight:700}.settings-location-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.settings-location-actions button,.settings-location-form-actions button{color:#126bff;cursor:pointer;background:#fff;border:1px solid #d3e3f8;border-radius:7px;min-height:34px;font-weight:800}.settings-location-actions button:last-child{color:#ff1f32;background:#fff8f9;border-color:#ffc9cf}.settings-location-form{background:#fbfdff;border:1px solid #dce8f7;border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:14px;display:grid}.settings-location-default{color:#10205e;align-items:center;gap:8px;font-size:13px;font-weight:800;display:inline-flex}.settings-location-form-actions{justify-content:flex-end;align-items:end;gap:10px;display:flex}.settings-location-form-actions button{padding:0 16px}.settings-location-form-actions button:last-child{color:#fff;background:#126bff;border-color:#126bff}.monitoring-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.monitoring-wide-card{grid-column:1/-1}.monitoring-choice-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.monitoring-choice-card{color:#071047;cursor:pointer;background:#fff;border:1px solid #dce8f7;border-radius:8px;align-content:center;justify-items:center;gap:6px;min-height:118px;display:grid}.monitoring-choice-card.active{border-color:#126bff;box-shadow:0 0 0 1px #126bff}.monitoring-choice-icon{color:#126bff;background:#edf6ff;border-radius:8px;place-items:center;width:58px;height:40px;display:grid}.monitoring-choice-icon.purple{color:#933dff;background:#f2e8ff}.monitoring-choice-icon.green{color:#12b76a;background:#e7fbf0}.monitoring-choice-icon.amber{color:#f59e0b;background:#fff5df}.monitoring-choice-icon.rose{color:#f43f5e;background:#fff0f3}.monitoring-choice-icon.violet{color:#8b5cf6;background:#f2e8ff}.monitoring-choice-icon.sky{color:#38a3ff;background:#e7f3ff}.monitoring-choice-icon.slate{color:#64748b;background:#eef3f8}.monitoring-choice-card strong{font-size:13px}.monitoring-choice-card small{color:#5570aa;font-size:11px;font-weight:700}.monitoring-choice-card i{border:2px solid #adc2e5;border-radius:50%;width:16px;height:16px}.monitoring-choice-card.active i{border:5px solid #126bff}.monitoring-toggle-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px;display:grid}.monitoring-toggle-row{color:#071047;cursor:pointer;align-items:center;gap:12px;min-height:34px;display:flex}.monitoring-toggle-row input{opacity:0;pointer-events:none;width:0;height:0;position:fixed}.monitoring-toggle-row>span{background:#aebbe0;border-radius:999px;flex:0 0 42px;width:42px;height:22px;position:relative}.monitoring-toggle-row>span:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .18s;position:absolute;top:3px;left:3px}.monitoring-toggle-row input:checked+span{background:#126bff}.monitoring-toggle-row input:checked+span:after{transform:translate(20px)}.monitoring-toggle-row svg{color:#126bff;flex:0 0 20px;width:20px;height:20px}.monitoring-toggle-row strong{color:#071047;min-width:0;font-size:13px;font-weight:800;line-height:1.25}.monitoring-exceptions-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.monitoring-exception-panel{background:#fff;border:1px solid #dce8f7;border-radius:8px;gap:14px;padding:14px;display:grid}.monitoring-exception-heading{grid-template-columns:44px minmax(0,1fr);align-items:center;gap:10px;display:grid}.monitoring-exception-heading>span{color:#126bff;background:#eef5ff;border-radius:9px;place-items:center;width:38px;height:38px;display:grid}.monitoring-exception-heading strong{color:#071047;font-size:14px;display:block}.monitoring-exception-heading small{color:#5570aa;margin-top:3px;font-size:12px;font-weight:700;display:block}.monitoring-chip-list{flex-wrap:wrap;gap:8px;display:flex}.monitoring-chip,.monitoring-add-chip{color:#10205e;background:#f7fbff;border:1px solid #d3e3f8;border-radius:7px;align-items:center;gap:8px;min-height:34px;padding:0 12px;font-size:12px;font-weight:800;display:inline-flex}.monitoring-chip svg{color:#5570aa}.monitoring-add-chip{color:#126bff;cursor:pointer;border-style:dashed}@media (width<=1280px){.monitoring-grid,.monitoring-exceptions-grid{grid-template-columns:1fr}}@media (width<=760px){.monitoring-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.monitoring-toggle-list{grid-template-columns:1fr}}.settings-save-status{color:#657da0;justify-content:flex-end;align-items:center;gap:16px;margin:0 0 16px;font-size:13px;display:flex}.settings-save-status button{color:#0765ef;cursor:pointer;background:#fff;border:1px solid #d8e4f5;border-radius:7px;padding:8px 12px}.settings-inline-error{color:#b3263c;background:#fff5f5;border:1px solid #ffc8ce;border-radius:8px;padding:12px 16px}.settings-field>input,.settings-field>select{color:#142854;min-height:40px;font:inherit;background:#fff;border:1px solid #ccdcf3;border-radius:6px;padding:8px 12px}.settings-field small{color:#657da0;overflow-wrap:anywhere;font-size:12px;line-height:1.5}.settings-format-preview{color:#657da0;align-self:end;margin:0;padding:10px 0;font-size:13px}.settings-dialog{color:#142854;background:#fff;border:1px solid #d8e4f5;border-radius:15px;width:min(700px,94vw);max-height:90vh;padding:0}.settings-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#102a4c66}.settings-dialog>header{background:#f1f7ff;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.settings-dialog h2{margin:0;font-size:23px}.settings-dialog header button{color:#0765ef;background:#fff;border:1px solid #d4e1f4;border-radius:50%;width:32px;height:32px;font-size:22px}.settings-dialog .settings-location-form{margin:0;padding:24px;display:block}.settings-location-form fieldset{border:0;grid-template-columns:1fr 1fr;gap:18px;min-width:0;margin:0;padding:0;display:grid}.settings-location-form-actions{grid-column:1/-1}.settings-location-form fieldset>.settings-field:has(select[multiple]){grid-column:1/-1}.settings-location-form select[multiple]{width:100%;min-height:150px}.settings-location-form select[multiple] option{padding:7px 10px}.settings-page button:disabled,.settings-dialog button:disabled{opacity:.5;cursor:default}@media (width<=600px){.settings-location-form fieldset{grid-template-columns:1fr}}.settings-location-picker{grid-column:1/-1;gap:10px;display:grid}.settings-location-picker>input{font:inherit;border:1px solid #d4e1f4;border-radius:6px;padding:10px 12px}.settings-location-picker>div{border:1px solid #d4e1f4;border-radius:8px;max-height:200px;overflow:auto}.settings-location-picker label{cursor:pointer;border-bottom:1px solid #edf2fa;align-items:center;gap:10px;padding:10px 12px;display:flex}.settings-location-picker input[type=checkbox]{accent-color:#0765ef;width:17px;height:17px}.settings-location-picker small{color:#6c80a1;margin-top:3px;font-size:12px;display:block}.settings-field-error{color:#c32b44!important}.settings-company-fields{border:0;min-width:0;margin:0;padding:0}.settings-unassigned-location{background:#f4f8ff;border:1px solid #e0eaff;border-radius:8px;flex-wrap:wrap;align-items:center;gap:12px;margin:12px 0;padding:14px;display:flex}.settings-unassigned-location>div{flex:1;min-width:200px}.settings-unassigned-location small{color:#6c80a1;margin-top:4px;font-size:12px;line-height:1.5;display:block}.settings-unassigned-location select{background:#fff;border:1px solid #d4e1f4;border-radius:6px;min-height:40px;padding:8px}.settings-location-help{color:#6c80a1;font-size:12px}.monitoring-fields{border:0;min-width:0;margin:0;padding:0}.monitoring-fields>section,.monitoring-fields>div{margin-bottom:16px}.monitoring-unavailable{opacity:.65;align-items:flex-start}.monitoring-unavailable small{color:#647b9f;margin-top:5px;font-size:12px;font-weight:400;line-height:1.5;display:block}.monitoring-exception-input{min-width:220px;min-height:38px;font:inherit;border:1px solid #cadbf3;border-radius:6px;flex:1;padding:8px 12px}.monitoring-help{color:#647b9f;width:100%;margin:6px 0 0;font-size:12px;line-height:1.6}.monitoring-policies-page{align-content:start;gap:18px;display:grid}.monitoring-policies-header{justify-content:space-between;align-items:center;gap:18px;display:flex}.monitoring-policies-header h1{color:#070d3f;margin:0;font-size:30px;line-height:1.1}.monitoring-policies-header p{color:#2e438c;margin:6px 0 0}.policy-add-button{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#1687ff,#0759e3);border:0;border-radius:7px;align-items:center;gap:10px;min-height:44px;padding:0 22px;font-weight:800;display:inline-flex;box-shadow:0 10px 22px #0759e338}.policy-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.policy-stat-card,.policy-table-card{background:#fffffff5;border:1px solid #dce8f7;border-radius:8px;box-shadow:0 10px 34px #254b8014}.policy-stat-card{grid-template-columns:80px minmax(0,1fr);align-items:center;gap:18px;min-height:118px;padding:18px;display:grid}.policy-stat-icon{color:#126bff;background:#e9f2ff;border-radius:9px;place-items:center;width:80px;height:80px;display:grid}.policy-stat-card.green .policy-stat-icon{color:#0eb866;background:#e3f8ed}.policy-stat-card.red .policy-stat-icon{color:#ff3152;background:#ffe8ee}.policy-stat-card.purple .policy-stat-icon{color:#7438ff;background:#f0e8ff}.policy-stat-card p{color:#081452;margin:0;font-size:14px;font-weight:800}.policy-stat-card strong{color:#070d3f;margin-top:7px;font-size:28px;line-height:1;display:block}.policy-stat-card em{color:#536aa4;margin-top:9px;font-size:14px;font-style:normal;display:block}.policy-table-card{min-width:0;overflow:hidden}.policy-filters{border-bottom:1px solid #e3edf9;grid-template-columns:minmax(280px,1.6fr) minmax(150px,.55fr) minmax(190px,.75fr) minmax(170px,.65fr);gap:18px;padding:14px;display:grid}.policy-search,.policy-filters select{color:#10205e;background:#fff;border:1px solid #d3e3f8;border-radius:7px;min-height:42px}.policy-search{grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:0 12px;display:grid}.policy-search svg{color:#4365a8}.policy-search input{color:#10205e;min-width:0;font:inherit;border:0;outline:0}.policy-filters select{outline:0;width:100%;min-width:0;padding:0 14px;font-weight:700}.policy-table-wrap{overflow-x:auto}.policy-table{border-collapse:collapse;width:100%;min-width:1120px}.policy-table th,.policy-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #e3edf9;padding:12px 14px}.policy-table th{color:#223776;text-transform:uppercase;background:#f5f9ff;font-size:12px}.policy-table td{color:#182864;font-size:14px}.policy-name-cell{grid-template-columns:48px minmax(0,1fr);align-items:center;gap:14px;display:grid}.policy-name-cell strong,.policy-table td>strong{color:#07134d;display:block}.policy-table td small{color:#314a91;margin-top:3px;font-size:13px;display:block}.policy-icon{color:#0977f6;background:#e8f3ff;border-radius:9px;place-items:center;width:48px;height:48px;display:grid}.policy-icon.policy-application,.policy-type-badge.policy-application{color:#00a65a;background:#ddf8eb}.policy-icon.policy-screenshot,.policy-type-badge.policy-screenshot{color:#7c2dff;background:#efe2ff}.policy-icon.policy-time,.policy-type-badge.policy-time{color:#ff6a00;background:#ffe9d1}.policy-icon.policy-restriction,.policy-type-badge.policy-restriction{color:#ff1f32;background:#ffe4ea}.policy-icon.policy-internet,.policy-type-badge.policy-internet{color:#6e5a00;background:#fff2bf}.policy-type-badge{color:#006ee6;white-space:nowrap;background:#dcebff;border-radius:7px;justify-content:center;align-items:center;min-height:30px;padding:0 14px;font-size:13px;font-weight:800;display:inline-flex}.policy-status-toggle{cursor:pointer;vertical-align:middle;background:#94a3c7;border:0;border-radius:999px;align-items:center;width:42px;height:24px;padding:3px;display:inline-flex}.policy-status-toggle span{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .16s;box-shadow:0 3px 8px #0f172a33}.policy-status-toggle.active{background:#12b96b}.policy-status-toggle.active span{transform:translate(18px)}.policy-status-text{color:#111827;margin-left:10px;font-weight:700}.policy-actions{align-items:center;gap:9px;display:flex}.policy-actions button{color:#0876f8;cursor:pointer;background:#fff;border:1px solid #d5e5f9;border-radius:7px;place-items:center;width:40px;height:40px;display:grid}.policy-actions button.danger{color:#ff1f32;background:#fff0f3;border-color:#ffd3dc}.policy-table-footer{justify-content:space-between;align-items:center;gap:16px;padding:14px 22px;display:flex}.policy-table-footer p{color:#405899;margin:0}.policy-pagination{align-items:center;gap:8px;display:flex}.policy-pagination button{color:#4365a8;background:#fff;border:1px solid #d5e5f9;border-radius:7px;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.policy-pagination button.active{color:#fff;background:#0876f8;border-color:#0876f8}@media (width<=1180px){.policy-stats-grid,.policy-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.policy-search{grid-column:1/-1}}@media (width<=760px){.monitoring-policies-header,.policy-table-footer{flex-direction:column;align-items:stretch}.policy-stats-grid,.policy-filters{grid-template-columns:1fr}.policy-search{grid-column:auto}}.reports-page{color:#06104a;min-height:calc(100vh - 88px);position:relative}.reports-main{gap:16px;display:grid}.reports-header{justify-content:space-between;align-items:end;gap:18px;display:flex}.reports-header h1{margin:0;font-size:30px;line-height:1.1}.reports-header p{color:#5167a4;margin:6px 0 0;font-size:15px}.reports-export-button,.reports-apply-button,.reports-reset-button,.reports-actions button,.reports-pagination button,.reports-export-actions button{cursor:pointer;border-radius:7px;font-weight:800}.reports-export-button{color:#fff;background:linear-gradient(135deg,#167fff,#065fe8);border:0;align-items:center;gap:10px;min-height:44px;padding:0 22px;display:inline-flex;box-shadow:0 12px 24px #075fe838}.reports-tabs{border-bottom:1px solid #dce7f6;align-items:center;gap:24px;display:flex;overflow-x:auto}.reports-tabs button{color:#304987;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;min-height:44px;font-weight:700}.reports-tabs button.active{color:#075ff0;border-bottom-color:#075ff0}.reports-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.reports-stat,.reports-filter-bar,.reports-table-card,.reports-export-panel{background:#fffffff5;border:1px solid #dce7f6;border-radius:8px;box-shadow:0 12px 34px #22488014}.reports-stat{grid-template-columns:70px minmax(0,1fr);align-items:center;gap:16px;min-height:104px;padding:18px;display:grid}.reports-stat>span{border-radius:9px;place-items:center;width:70px;height:70px;display:grid}.reports-stat.blue>span{color:#0968f4;background:#e7f1ff}.reports-stat.green>span{color:#07a76b;background:#dcfaef}.reports-stat.orange>span{color:#ff6a00;background:#fff0e7}.reports-stat.sky>span{color:#17e;background:#eaf5ff}.reports-stat p{color:#14205a;margin:0;font-size:13px;font-weight:800}.reports-stat strong{margin-top:6px;font-size:26px;line-height:1;display:block}.reports-stat small{color:#5167a4;margin-top:8px;font-size:13px;display:block}.reports-filter-bar{grid-template-columns:220px minmax(150px,1fr) minmax(150px,1fr) minmax(150px,1fr) 90px auto auto;align-items:end;gap:12px;padding:14px;display:grid}.reports-filter{gap:7px;min-width:0;display:grid}.reports-filter span{color:#071052;font-size:12px;font-weight:900}.reports-filter select,.reports-filter input,.reports-search input,.reports-date-button{color:#071052;width:100%;min-height:40px;font:inherit;background:#fff;border:1px solid #cadbf3;border-radius:6px}.reports-filter select{padding:0 12px}.reports-date-button{align-items:center;gap:9px;padding:0 12px;display:inline-flex}.reports-date-button.wide{justify-content:flex-start}.reports-apply-button{color:#fff;background:#0765ef;border:0;min-height:40px;padding:0 18px}.reports-reset-button{color:#0765ef;background:#fff;border:1px solid #cfe0f7;min-height:40px;padding:0 16px}.reports-table-card{overflow:hidden}.reports-table-header{justify-content:space-between;align-items:center;gap:18px;padding:20px 20px 14px;display:flex}.reports-table-header h2{margin:0;font-size:22px}.reports-table-header p{color:#5167a4;margin:5px 0 0}.reports-search{color:#5470ad;border:1px solid #d4e1f4;border-radius:7px;align-items:center;gap:9px;width:230px;min-height:42px;padding:0 12px;display:flex}.reports-search input{border:0;outline:0;min-height:auto}.reports-table-wrap{overflow-x:auto}.reports-table{border-collapse:collapse;width:100%;min-width:1180px}.reports-table th,.reports-table td{text-align:left;vertical-align:middle;border-top:1px solid #e4edf9;padding:12px 14px;font-size:13px}.reports-table th{color:#071052;background:#f8fbff;font-size:12px;font-weight:900}.reports-employee{align-items:center;gap:10px;min-width:170px;display:flex}.reports-employee>span{color:#12145d;background:linear-gradient(135deg,#e9dcff,#cbb4ff);border-radius:50%;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.reports-employee strong,.reports-employee small{display:block}.reports-employee small{color:#5167a4;margin-top:2px}.reports-pill{border-radius:999px;justify-content:center;min-width:64px;padding:7px 10px;font-weight:800;display:inline-flex}.reports-pill.warning{color:#b45c00;background:#fff2cd}.reports-pill.success{color:#007f51;background:#d9f8eb}.reports-pill.danger{color:#e11212;background:#ffe1e1}.reports-pill.info{color:#0069e9;background:#e5f2ff}.reports-shot-stack,.reports-apps,.reports-actions{align-items:center;gap:7px;display:flex}.reports-shot,.reports-empty-shot{color:#0a66e8;background:#eef5ff;border:1px solid #bdd1eb;border-radius:4px;place-items:center;width:44px;height:28px;display:grid;overflow:hidden}.reports-shot img{object-fit:cover;width:100%;height:100%}.reports-app-icon,.reports-app-more{color:#075ff0;background:#eff5ff;border-radius:6px;place-items:center;width:28px;height:28px;font-size:11px;font-weight:900;display:grid}.reports-app-more{color:#243d83;border-radius:999px}.reports-actions button,.reports-pagination button{color:#0765ef;background:#fff;border:1px solid #d4e1f4;place-items:center;width:36px;height:36px;display:grid}.reports-pagination{color:#435994;justify-content:space-between;align-items:center;gap:14px;padding:16px 20px;display:flex}.reports-pagination div{align-items:center;gap:8px;display:flex}.reports-pagination button.active{color:#fff;background:#0765ef}.reports-pagination select{color:#263c80;border:1px solid #d4e1f4;border-radius:6px;min-height:36px;padding:0 10px}.reports-export-panel{z-index:5;gap:16px;width:360px;padding:18px;display:grid;position:absolute;top:54px;right:0}.reports-export-head,.reports-export-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.reports-export-head h2{margin:0;font-size:18px}.reports-export-head button{color:#48609c;cursor:pointer;background:0 0;border:0;font-size:24px}.reports-export-group{color:#273f82;gap:10px;font-size:13px;display:grid}.reports-export-group strong{color:#071052}.reports-export-group label{align-items:center;gap:9px;display:flex}.reports-export-group input{accent-color:#0765ef;width:16px;height:16px}.reports-export-actions button{color:#0765ef;background:#fff;border:1px solid #cfe0f7;flex:1;min-height:42px}.reports-export-actions button:last-child{color:#fff;background:#0765ef;border:0;justify-content:center;align-items:center;gap:9px;display:inline-flex}@media (width<=1200px){.reports-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reports-filter-bar{grid-template-columns:repeat(3,minmax(0,1fr))}.reports-export-panel{width:auto;position:static}}@media (width<=760px){.reports-header,.reports-table-header,.reports-pagination{flex-direction:column;align-items:stretch}.reports-stat-grid,.reports-filter-bar{grid-template-columns:1fr}.reports-search{width:auto}}.reports-page button:disabled{opacity:.5;cursor:default}.reports-meta{color:#627da6;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:12px;display:flex}.reports-notice{color:#a22536;background:#fff4f5;border:1px solid #ffc8ce;border-radius:8px;margin:0;padding:14px}.reports-empty{color:#627da6;text-align:center!important;padding:48px!important}.reports-detail-button{color:#0765ef;cursor:pointer;background:#f5f9ff;border:1px solid #d4e1f4;border-radius:6px;align-items:center;gap:6px;max-width:190px;padding:7px 10px;display:inline-flex}.reports-dialog{color:#06104a;border:1px solid #dce7f6;border-radius:16px;width:min(1000px,94vw);max-height:90vh;padding:0;box-shadow:0 24px 80px #102a4c44}.reports-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#102a4c66}.reports-dialog header{background:#f2f7ff;border-bottom:1px solid #dce7f6;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.reports-dialog h2{margin:0;font-size:20px}.reports-dialog header button{color:#0765ef;cursor:pointer;background:#fff;border:1px solid #d4e1f4;border-radius:50%;width:34px;height:34px;font-size:24px}.reports-dialog-body{padding:20px 24px}.reports-app-table{min-width:620px}.reports-shot-picker{flex-wrap:wrap;gap:8px;display:flex}.reports-shot-picker button{color:#0765ef;cursor:pointer;background:#f8fbff;border:1px solid #d4e1f4;border-radius:6px;align-items:center;gap:6px;padding:8px 12px;display:flex}.reports-shot-picker button.selected{color:#fff;background:#0765ef}.reports-preview{object-fit:contain;background:#eef3fa;border-radius:8px;width:100%;max-height:55vh;margin-top:16px;display:block}.reports-filter input{box-sizing:border-box;padding:0 10px}.reports-dialog:has(.reports-export-content){background:#fff;width:min(560px,100vw - 32px)}.reports-dialog:has(.reports-export-content) .reports-dialog-body{padding:24px}.reports-export-content{gap:20px;display:grid}.reports-export-intro{color:#617598;margin:0;font-size:14px;line-height:1.5}.reports-export-period{background:#f4f8ff;border:1px solid #e0eaff;border-radius:10px;gap:7px;padding:16px 18px;display:grid}.reports-export-period>span{color:#6a7fa4;letter-spacing:1px;font-size:10px;font-weight:800}.reports-export-period strong{color:#142854;font-size:16px}.reports-export-period small{color:#6a7fa4;font-size:12px}.reports-export-choices{gap:12px;display:grid}.reports-export-choices>button{color:#142854;cursor:pointer;text-align:left;font:inherit;background:#fff;border:1px solid #d8e4f7;border-radius:10px;align-items:center;gap:14px;padding:17px 16px;transition:background .15s,border-color .15s;display:flex}.reports-export-choices>button:hover:not(:disabled){background:#f3f8ff;border-color:#1677ff}.reports-export-choices>button:focus-visible{outline-offset:2px;outline:3px solid #a7caff}.reports-export-choice-icon{color:#0765ef;background:#eaf3ff;border-radius:10px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.reports-export-choices strong{font-size:14px;display:block}.reports-export-choices small{color:#687c9d;margin-top:5px;font-size:12px;line-height:1.5;display:block}.reports-export-format{color:#53729f;background:#f0f5fb;border-radius:4px;margin-left:auto;padding:5px 7px;font-size:10px;font-weight:800}.reports-export-note{color:#7384a1;align-items:flex-start;gap:8px;margin:0;font-size:12px;line-height:1.6;display:flex}.reports-export-note svg{flex-shrink:0;margin-top:2px}.reports-export-footer{border-top:1px solid #e8eef7;justify-content:space-between;align-items:center;gap:12px;padding-top:16px;display:flex}.reports-export-footer>span{color:#7384a1;font-size:11px}@media (width<=480px){.reports-export-format{display:none}.reports-export-footer{align-items:flex-start}}.admin-profile-page{gap:18px;display:grid}.admin-profile-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.admin-profile-header h1{color:#06165f;margin:0;font-size:30px;line-height:1.1}.admin-profile-header p{color:#38529c;margin:6px 0 0}.admin-profile-header nav{color:#5267a7;align-items:center;gap:10px;font-weight:800;display:inline-flex}.admin-profile-header nav span:after{content:">";color:#8aa0cf;margin-left:10px}.admin-profile-header nav strong{color:#06165f}.admin-profile-layout{grid-template-columns:310px minmax(0,1fr);align-items:start;gap:16px;display:grid}.admin-profile-card{background:#fff;border:1px solid #d9e6f8;border-radius:8px;box-shadow:0 14px 34px #07267812}.admin-profile-summary-card{text-align:center;min-height:520px;padding:30px 28px}.admin-profile-avatar-wrap{width:96px;height:96px;margin:4px auto 14px;position:relative}.admin-profile-avatar{color:#fff;background:linear-gradient(135deg,#0c7cff,#0759e3);border-radius:999px;place-items:center;width:96px;height:96px;font-size:30px;font-weight:900;display:grid;box-shadow:0 10px 24px #0759e33d}.admin-profile-avatar-wrap button{color:#fff;cursor:pointer;background:#09255d;border:3px solid #fff;border-radius:999px;place-items:center;width:34px;height:34px;display:grid;position:absolute;bottom:4px;right:0}.admin-profile-summary-card h2{color:#06165f;margin:0;font-size:21px}.admin-profile-role{color:#0759e3;background:#eaf3ff;border-radius:999px;margin-top:8px;padding:6px 12px;font-size:12px;font-weight:900;display:inline-flex}.admin-profile-contact-list{text-align:left;margin-top:22px;display:grid}.admin-profile-contact-list p{color:#06165f;border-bottom:1px solid #e4edf9;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:12px;margin:0;padding:14px 0;font-weight:800;display:grid}.admin-profile-contact-list svg{color:#0759e3}.admin-profile-contact-list strong{display:block}.admin-profile-main{gap:16px;display:grid}.admin-profile-card-heading{grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:18px;display:grid}.admin-profile-card-heading>span{color:#7c3cff;background:#eee7ff;border-radius:8px;place-items:center;width:42px;height:42px;display:grid}.admin-profile-card-heading h2{color:#06165f;margin:0;font-size:18px}.admin-profile-card-heading p{color:#5267a7;margin:4px 0 0}.admin-profile-card-heading button,.admin-password-actions button{color:#0759e3;cursor:pointer;background:#fff;border:1px solid #bdd4fb;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 14px;font-weight:900;display:inline-flex}.admin-profile-form-grid,.admin-password-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;padding:0 18px 20px;display:grid}.admin-password-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-profile-form-grid label,.admin-password-grid label{color:#06165f;gap:7px;font-weight:900;display:grid}.admin-profile-form-grid input,.admin-profile-form-grid select,.admin-password-grid input{color:#06165f;background:#fff;border:1px solid #cfe0f6;border-radius:8px;width:100%;min-height:42px;padding:0 13px;font-weight:800}.admin-profile-form-grid input[readonly],.admin-profile-form-grid select:disabled{color:#6173a6;background:#f3f6fb}.admin-password-actions{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:0 18px 18px;display:grid}.admin-password-actions p{color:#5267a7;background:#f3f8ff;border:1px solid #d3e5ff;border-radius:8px;align-items:center;gap:9px;min-height:42px;margin:0;padding:0 12px;font-weight:800;display:flex}.admin-password-actions p svg{color:#0759e3}.admin-password-actions .primary{color:#fff;background:#0759e3;border-color:#0759e3}.admin-profile-message{color:#0759e3;margin:-2px 18px 18px;font-weight:900}.admin-notification-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;padding:0 18px 18px;display:grid}.admin-notification-row{text-align:left;cursor:pointer;background:#fff;border:1px solid #e0eafa;border-radius:8px;grid-template-columns:42px minmax(0,1fr) 48px;align-items:center;gap:12px;min-height:64px;padding:10px;display:grid}.admin-notification-icon{color:#0759e3;background:#eaf3ff;border-radius:8px;place-items:center;width:42px;height:42px;display:grid}.admin-notification-row strong{color:#06165f;display:block}.admin-notification-row small{color:#5267a7;margin-top:4px;font-weight:700;display:block}.admin-notification-row i{background:#b8c3d6;border-radius:999px;width:48px;height:28px;position:relative}.admin-notification-row i:after{content:"";background:#fff;border-radius:999px;width:20px;height:20px;transition:transform .18s;position:absolute;top:4px;left:5px}.admin-notification-row i.on{background:#0b7cff}.admin-notification-row i.on:after{transform:translate(18px)}@media (width<=1180px){.admin-profile-layout,.admin-profile-form-grid,.admin-password-grid,.admin-notification-grid,.admin-password-actions{grid-template-columns:1fr}.admin-profile-card-heading{grid-template-columns:42px minmax(0,1fr)}.admin-profile-card-heading button{grid-column:1/-1}}.profile-fieldset{border:0;min-width:0;margin:0;padding:0}.admin-profile-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.admin-profile-contact-list p{align-items:flex-start}.admin-profile-contact-list p>span{overflow-wrap:anywhere;min-width:0;font-size:13px;font-weight:500;line-height:1.6}.admin-profile-contact-list p small{color:#7186a4;margin-top:4px;font-weight:400;display:block}.admin-profile-form-grid label>small{color:#7b8da8;font-size:11px;font-weight:400;line-height:1.5}.admin-profile-header nav button{color:#176ae6;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}.profile-phone-field{gap:8px;display:flex}.profile-phone-field select{flex-shrink:0;width:85px}.profile-phone-field input{flex:1;min-width:0}.profile-edit-actions{border-top:1px solid #e6edf7;justify-content:flex-end;align-items:center;gap:10px;margin-top:22px;padding-top:18px;display:flex}.profile-edit-actions>span{color:#788ba7;margin-right:auto;font-size:12px}.profile-edit-actions button,.profile-photo-actions button{color:#0967e9;cursor:pointer;background:#fff;border:1px solid #ccdcf4;border-radius:8px;padding:9px 15px;font-weight:600}.profile-edit-actions button.primary{color:#fff;background:#0967e9;border-color:#0967e9}.admin-profile-page button:disabled{opacity:.5;cursor:default}.profile-photo-actions{color:#7b8da8;justify-items:center;gap:8px;margin:14px 0;font-size:11px;display:grid}.profile-field-error{font-size:12px;line-height:1.5;color:#c62d4d!important}.profile-success{color:#07804e;background:#ecfaf3;border-radius:8px;padding:12px;font-size:13px}.admin-profile-card-heading>button{flex-shrink:0}.admin-profile-contact-list{margin-top:22px}.admin-profile-summary-card{align-self:start}.admin-profile-form-grid input:read-only{color:#546b8c;background:#f7f9fc}.admin-password-actions p{font-size:12px;line-height:1.6}@media (width<=900px){.admin-profile-card-heading,.profile-edit-actions{flex-wrap:wrap}.admin-profile-card-heading>button{margin-left:0}}.profile-edit-actions,.admin-profile-card>form>.profile-success,.admin-profile-card>form>.profile-field-error{margin:0 18px 18px}.admin-profile-summary-card{min-height:0}.admin-profile-contact-list svg{margin-top:3px}.admin-profile-form-grid label,.admin-password-grid label{font-size:13px;font-weight:600}.admin-profile-form-grid input,.admin-profile-form-grid select,.admin-password-grid input{font-weight:500}.admin-profile-card-heading p{font-size:13px;line-height:1.6}.admin-password-actions button{white-space:nowrap;font-weight:600}.admin-profile-header nav button:after{content:"›";color:#91a6c5;margin-left:12px;display:inline-block}.admin-profile-page input:focus-visible,.admin-profile-page select:focus-visible,.admin-profile-page button:focus-visible{outline-offset:2px;outline:2px solid #6ca9ff}.employee-import-backdrop{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0819347a;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.employee-import-dialog{color:#173452;background:#fff;border-radius:16px;flex-direction:column;width:min(900px,100%);max-height:90vh;display:flex;overflow:hidden;box-shadow:0 24px 80px #071c3e33}.employee-import-header{border-bottom:1px solid #e8eef6;justify-content:space-between;align-items:flex-start;gap:12px;padding:24px;display:flex}.employee-import-header h2{margin:0 0 6px;font-size:21px}.employee-import-header p,.employee-import-template p{color:#7b8ba1;margin:0;font-size:13px}.employee-import-header>button{color:#6a7e97;cursor:pointer;background:#f2f6fb;border:0;border-radius:6px;padding:6px}.employee-import-body{padding:24px;overflow-y:auto}.employee-import-template{justify-content:space-between;align-items:center;gap:16px;display:flex}.employee-import-template strong{margin-bottom:6px;font-size:14px;display:block}.employee-import-template button,.employee-import-footer button{color:#1766dc;font:inherit;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #d9e5f5;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:10px 14px;font-size:13px;font-weight:600;display:inline-flex}.employee-import-guide{color:#607793;background:#f7faff;border:1px solid #e5eefb;border-radius:10px;margin:18px 0;padding:12px 15px;font-size:12px;line-height:1.7}.employee-import-guide p{margin:0 0 5px}.employee-import-guide p:last-child{margin-bottom:0}.employee-import-file{color:#216fde;cursor:pointer;background:#f8fbff;border:1px dashed #94baf0;border-radius:12px;flex-direction:column;align-items:center;gap:10px;padding:22px;font-size:14px;display:flex}.employee-import-file>span{color:#778ca6;overflow-wrap:anywhere;font-size:12px}.employee-import-file input{max-width:100%;font-size:12px}.employee-import-note{color:#8592a6;font-size:11px;line-height:1.5}.employee-import-preview{margin-top:22px}.employee-import-preview h3{justify-content:space-between;align-items:center;gap:10px;font-size:14px;display:flex}.employee-import-preview h3 span{color:#6f859d;font-size:12px;font-weight:500}.employee-import-errors{color:#a43e4b;background:#fff3f4;border-radius:8px;max-height:160px;margin:12px 0;padding:12px 15px;font-size:12px;line-height:1.6;overflow-y:auto}.employee-import-errors ul{margin:6px 0 0;padding-left:20px}.employee-import-table{border:1px solid #e2eaf5;border-radius:8px;max-height:260px;overflow:auto}.employee-import-table table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:12px}.employee-import-table th,.employee-import-table td{text-align:left;border-bottom:1px solid #eaf0f8;padding:10px 12px}.employee-import-table th{background:#f1f6fd;position:sticky;top:0}.employee-import-footer{border-top:1px solid #e8eef6;align-items:center;gap:10px;padding:16px 24px;display:flex}.employee-import-footer>span{color:#8191a6;max-width:50%;margin-right:auto;font-size:11px;line-height:1.5}.employee-import-footer button.employee-import-primary{color:#fff;background:#116bf2;border-color:#116bf2}.employee-import-dialog button:disabled{opacity:.5;cursor:not-allowed}.employee-import-dialog button:focus-visible{outline-offset:3px;outline:2px solid #1766dc}.employee-import-error{color:#b24655;background:#fff3f4;border:1px solid #f8d8df;border-radius:8px;padding:12px;font-size:13px}.employee-import-success{text-align:center;color:#14956c;padding:32px}.employee-import-success h3{color:#1c425a;font-size:22px}.employee-import-success p{color:#7d90a5;font-size:13px}@media (width<=600px){.employee-import-backdrop{padding:8px}.employee-import-header,.employee-import-body{padding:18px}.employee-import-template,.employee-import-footer{flex-wrap:wrap}.employee-import-footer>span{width:100%;max-width:100%}.employee-import-template button{width:100%}}