.roleSentReport{background:#fff;border:1px solid #d8e4f0;border-radius:15px;padding:18px;position:relative;box-shadow:0 5px 18px #1230520a}.sentReportSummary{color:#2d4661;background:#f5f8fc;border-radius:10px;margin:14px 0;padding:11px 13px}.sentReportMeta{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;display:grid}.sentReportMeta>div{border:1px solid #e0e8f1;border-radius:10px;padding:10px}.sentReportMeta dt{color:#718398;font-size:11px}.sentReportMeta dd{margin:4px 0 0;font-weight:700}.roleSentReport footer{justify-content:space-between;align-items:center;margin-top:13px;display:flex}.roleSentReport footer span{color:#188356;background:#e8f7ef;border-radius:8px;padding:4px 8px;font-weight:800}.roleSentReport footer time{color:#718398;font-size:12px}.periodReportHighlights{grid-template-columns:minmax(180px,.55fr) minmax(0,1.45fr);gap:12px;margin:14px 0;display:grid}.periodCompletionBox{color:#137b4d;background:linear-gradient(135deg,#e9f9f0,#f4fcf7);border:1px solid #9ed8b9;border-radius:14px;align-items:center;gap:12px;padding:16px;display:flex}.periodCompletionBox>svg{color:#fff;background:#1da66a;border-radius:50%;width:34px;height:34px;padding:7px}.periodCompletionBox span{gap:2px;display:grid}.periodCompletionBox small{color:#4c7d65;font-weight:800}.periodCompletionBox strong{font-size:24px;line-height:1}.periodReportHighlights .reportMeta{grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.reportExceptionSummary{border-radius:12px;align-items:flex-start;gap:11px;margin:12px 0;padding:13px 14px;display:flex}.reportExceptionSummary>svg{flex:none;width:21px}.reportExceptionSummary>div{gap:3px;display:grid}.reportExceptionSummary strong{font-size:12px}.reportExceptionSummary small{color:inherit;opacity:.8}.reportExceptionSummary.hasNotes{color:#9a5c00;background:#fff7e5;border:1px solid #f0c36c}.reportExceptionSummary.clear{color:#18754d;background:#eff9f3;border:1px solid #b9dfca}.periodReportDetails li.hasNote{background:#fff9ec;border-color:#efbd5c}.periodReportDetails li>p{color:#805000;background:#fff1cf;border-radius:8px;align-items:flex-start;gap:7px;padding:8px 9px;font-weight:700;display:flex}.periodReportDetails li>p svg{flex:none;width:16px;height:16px}.periodReportInboxCard{border-inline-start-color:#20a66a!important}:root[data-theme=dark] .periodCompletionBox{color:#8ee0b4;background:#143126;border-color:#2f7555}:root[data-theme=dark] .reportExceptionSummary.hasNotes,:root[data-theme=dark] .periodReportDetails li.hasNote{color:#ffd887;background:#342a16;border-color:#73591f}:root[data-theme=dark] .reportExceptionSummary.clear{color:#8ee0b4;background:#143126;border-color:#2f7555}@media (width<=700px){.periodReportHighlights,.periodReportHighlights .reportMeta{grid-template-columns:1fr}}.periodReportDetails{margin-top:12px}.periodReportDetails summary{cursor:pointer;color:#1768ed;font-weight:700}.periodReportDetails ol{gap:8px;margin:12px 0 0;padding-inline-start:22px;display:grid}.periodReportDetails li{border:1px solid #e1e9f2;border-radius:9px;padding:9px 11px}.periodReportDetails p{color:#64778d;margin:5px 0 0}:root[data-theme=dark] .roleSentReport,:root[data-theme=dark] .sentReportMeta>div{background:#111c29;border-color:#304257}.roleSentReport .sentReportSummary{background:#172536}@media (width<=700px){.sentReportMeta{grid-template-columns:1fr}}.periodReportSubmit{background:#f4f9ff;border:1px solid #bad7f3;border-radius:15px;justify-content:space-between;align-items:center;gap:18px;margin-top:18px;padding:18px 20px;display:flex}.periodReportSubmit>div,.periodReportSubmit>div>span{align-items:center;gap:10px;display:flex}.periodReportSubmit>div>span{flex-direction:column;align-items:flex-start;gap:3px}.periodReportSubmit svg{color:#1768ed;width:21px}.periodReportSubmit small{color:#718398}.periodReportSubmit button{color:#fff;font:inherit;cursor:pointer;background:#1768ed;border:0;border-radius:10px;align-items:center;gap:8px;padding:11px 20px;font-weight:800;display:flex}.periodReportSubmit button:disabled{cursor:not-allowed;background:#b8c7d8}:root[data-theme=dark] .periodReportSubmit{background:#111c29;border-color:#304e70}@media (width<=650px){.periodReportSubmit{flex-direction:column;align-items:stretch}.periodReportSubmit button{justify-content:center}}*{box-sizing:border-box}.missionActions{background:#f7f9fc;border:1px solid #dce5ef;border-radius:13px;align-items:center;gap:8px;padding:4px;display:flex}.missionActions button{white-space:nowrap;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-width:86px;height:40px;padding:0 14px;font-weight:800;line-height:1;transition:background-color .18s,border-color .18s,box-shadow .18s,transform .18s;display:inline-flex}.missionActions button svg{stroke-width:2.2px;width:18px;height:18px}.missionActions button:hover{transform:translateY(-1px)}.missionActions button:focus-visible{outline-offset:2px;outline:3px solid #1d70d633}.missionActions .approve{color:#08753f;background:#e7f8ee;border-color:#a7ddbd}.missionActions .approve:hover{background:#d7f3e2;border-color:#70c793;box-shadow:0 5px 14px #0c8a4a1a}.missionActions .reject{color:#b42336;background:#fff0f1;border-color:#efb6bc}.missionActions .reject:hover{background:#ffe1e4;border-color:#df7f89;box-shadow:0 5px 14px #b4233617}:root[data-theme=dark] .missionActions{background:#0c1d33;border-color:#29415f}:root[data-theme=dark] .missionActions .approve{color:#75d89e;background:#123623;border-color:#286947}:root[data-theme=dark] .missionActions .reject{color:#ff9ba4;background:#3b1b20;border-color:#74343d}@media (width<=800px){.missionActions{box-sizing:border-box;width:100%}.missionActions button{flex:1}}.operationalFixedTasks{gap:10px;display:grid}.operationalFixedTasks>article{background:#fff;border:1px solid #d9e4ef;border-radius:13px;grid-template-columns:auto minmax(220px,1fr) minmax(260px,.8fr);align-items:center;gap:12px;padding:14px;display:grid}.operationalFixedTasks>article.done{background:#eff9f4;border-color:#bde2ce}.operationalFixedTasks>article>button{color:#159162;cursor:pointer;background:#fff;border:1px solid #bed0e2;border-radius:50%;width:36px;height:36px}.operationalFixedTasks>article>button svg{width:17px}.operationalFixedTasks>article>div{gap:4px;display:grid}.operationalFixedTasks small{color:#718398}.operationalFixedTasks label{background:#fff;border:1px solid #d2deea;border-radius:9px;align-items:center;gap:7px;padding:0 10px;display:flex}.operationalFixedTasks label svg{color:#1768ed;width:16px}.operationalFixedTasks input{width:100%;height:40px;font:inherit;background:0 0;border:0;outline:0}:root[data-theme=dark] .operationalFixedTasks>article,:root[data-theme=dark] .operationalFixedTasks label{color:#dce7f4;background:#111c29;border-color:#304257}@media (width<=760px){.operationalFixedTasks>article{grid-template-columns:auto 1fr}.operationalFixedTasks label{grid-column:1/-1}}.supervisorDailyTasks{background:#fff;border:1px solid #d9e4ef;border-radius:16px;margin:16px 0;padding:18px;box-shadow:0 6px 22px #1230520d}.supervisorDailyTasks>header,.supervisorDailyTasks>header>div{align-items:center;gap:11px;display:flex}.supervisorDailyTasks>header{justify-content:space-between;margin-bottom:13px}.supervisorDailyTasks>header svg{color:#1768ed;background:#eaf2ff;border-radius:10px;width:36px;height:36px;padding:9px}.supervisorDailyTasks h3,.supervisorDailyTasks p{margin:0}.supervisorDailyTasks p{color:#718398;margin-top:3px;font-size:12px}.supervisorDailyTasks>header>b{color:#1768ed;background:#eaf2ff;border-radius:9px;padding:6px 10px}.supervisorDailyTasks>div{gap:8px;display:grid}.supervisorDailyTasks article{background:#fbfdff;border:1px solid #dce6f1;border-radius:12px;grid-template-columns:auto minmax(180px,1fr) minmax(240px,.8fr);align-items:center;gap:11px;padding:11px;display:grid}.supervisorDailyTasks article.done{background:#f0faf5;border-color:#bfe6d1}.supervisorDailyTasks article>button{color:#20a96b;cursor:pointer;background:#fff;border:1px solid #bfd1e4;border-radius:50%;width:34px;height:34px}.supervisorDailyTasks article>button svg{width:17px}.supervisorDailyTasks article>span{gap:3px;display:grid}.supervisorDailyTasks article small{color:#718398}.supervisorDailyTasks article label{background:#fff;border:1px solid #d3dfeb;border-radius:9px;align-items:center;gap:7px;padding:0 10px;display:flex}.supervisorDailyTasks article label svg{color:#1768ed;width:16px}.supervisorDailyTasks article input{width:100%;height:38px;font:inherit;background:0 0;border:0;outline:0}.roleSentReport{position:relative}.roleSentReport>span{color:#188356;background:#e8f7ef;border-radius:8px;margin-top:10px;padding:4px 8px;font-weight:800;display:inline-block}.roleSentReport header{align-items:center;gap:9px;display:flex}.roleSentReport header>svg{color:#1768ed}.roleSentReport h3{margin:0}.roleSentReport small{color:#718398}:root[data-theme=dark] .supervisorDailyTasks,:root[data-theme=dark] .supervisorDailyTasks article,:root[data-theme=dark] .supervisorDailyTasks article label{color:#dce7f4;background:#111c29;border-color:#304257}@media (width<=760px){.supervisorDailyTasks article{grid-template-columns:auto 1fr}.supervisorDailyTasks article label{grid-column:1/-1}}body{color:#13213a;background:#f7f7f4;margin:0;font-family:Manrope,Arial,sans-serif;font-size:13px}.app{min-height:100vh}.sidebar{color:#fff;z-index:5;background:#09213f;flex-direction:column;width:200px;padding:24px 14px;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:-1.4px;margin:0 10px 35px;font-size:25px;font-weight:800}.sidebar button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;width:100%;margin:2px 0;padding:12px;display:flex}.sidebar svg{width:21px}.sidebar .active{background:#1768ed}.sidefoot{margin-top:auto}.sidefoot button:last-child{border-top:1px solid #496078;border-radius:0;margin-top:10px;padding-top:18px}.close{display:none!important}main{max-width:1600px;margin-left:200px;padding:0 16px 20px}header{justify-content:space-between;align-items:center;height:92px;padding:0 14px;display:flex}h1{letter-spacing:-.7px;margin:0 0 4px;font-size:23px}header p{color:#6b7585;margin:0}.headtools{align-items:center;gap:18px;display:flex}.headtools label{background:#fff;border:1px solid #d6dbe2;border-radius:11px;align-items:center;width:375px;height:44px;padding:0 13px;display:flex}.headtools label svg{width:19px}.headtools input{width:100%;font:inherit;border:0;outline:0;padding:10px}.icon,.menub{color:#1a2a43;background:0 0;border:0;position:relative}.icon i{color:#fff;background:#ef635d;border-radius:10px;padding:1px 5px;font-size:10px;font-style:normal;position:absolute;top:-5px;right:0}.profile{align-items:center;gap:9px;display:flex}.profile b{font-size:12px}.profile small{color:#6b7585;margin-top:4px;font-weight:400;display:block}.avatar{background:#e7ecf5;border-radius:50%;place-items:center;width:38px;height:38px;font-size:11px;font-weight:700;display:grid}.profilepic{background:#f2c4aa}.workforce,.panel{background:#fff;border:1px solid #d8dde4;border-radius:12px}.workforce{align-items:center;min-height:155px;margin-bottom:14px;padding:22px 36px;display:flex}.total{border-right:1px solid #d8dde4;width:260px}.total>small,.stat small{font-weight:700}.total>div{align-items:end;gap:22px;display:flex}.total strong{font-size:56px;line-height:1.15}.total span{color:#2caf62;font-weight:700}.total span small{color:#667085;font-weight:500}.statusrail{flex:1;justify-content:space-around;margin-left:55px;padding-top:15px;display:flex;position:relative}.rail{background:#dce1e8;height:3px;position:absolute;top:15px;left:7%;right:7%}.stat{min-width:90px;position:relative}.stat i{border-radius:50%;width:13px;height:13px;margin-bottom:11px;display:block;box-shadow:0 0 0 4px #fff}.stat strong{margin-top:7px;font-size:25px;display:block}.link{color:#075fe5;font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;align-items:center;font-weight:600;display:flex}.link svg{width:16px}.grid{grid-template-columns:1.05fr 1fr 1.18fr;gap:14px;display:grid}.panel{padding:16px}.panelhead{justify-content:space-between;align-items:center;display:flex}.panel h2{margin:0;font-size:14px}.panelhead select,.filters select,.filters button{color:#25324a;height:34px;font:inherit;background:#fff;border:1px solid #d8dde4;border-radius:8px;padding:0 12px}.legend{align-items:center;gap:15px;margin:19px 0 12px;font-size:11px;display:flex}.legend i{border-radius:50%;width:9px;height:9px}.g{background:#2caf62}.r{background:#ef635d}.o{background:#f28a22}.b{background:#1768ed}.chart{background:repeating-linear-gradient(#0000 0 39px,#e8ebef 40px);border-bottom:1px solid #dfe3e8;align-items:end;gap:13px;height:220px;padding:10px 4px 22px 35px;display:flex;position:relative}.ylabels{color:#617087;flex-direction:column;justify-content:space-between;font-size:10px;display:flex;position:absolute;top:0;bottom:18px;left:0}.day{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:7px;height:100%;display:flex}.bar{background:#2caf62;border-radius:3px 3px 0 0;width:22px;position:relative;overflow:hidden}.bar i,.bar b,.bar em{display:block;position:absolute;left:0;right:0}.bar i{background:#1768ed;height:12%;top:0}.bar b{background:#f28a22;height:8%;top:12%}.bar em{background:#ef635d;height:6%;top:20%}.day span{font-size:10px}.average{justify-content:space-between;padding-top:14px;font-size:11px;display:flex}.average b{color:#1768ed}.person{border-bottom:1px solid #e4e7ec;grid-template-columns:38px 1fr 1fr auto;align-items:center;gap:9px;padding:11px 0;display:grid}.person b,.person small{font-size:10px;display:block}.person small{color:#647086;margin-top:4px}.a0{background:#f0c9a0}.a1{background:#ecc0b5}.a2{background:#bed6ea}.days{color:#1768ed;font-size:10px}.actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.actions button,.primary,.empty>button{color:#ef635d;height:34px;font:inherit;cursor:pointer;background:#fff;border:1px solid #ef635d;border-radius:7px;padding:0 16px}.actions button:last-child,.primary{color:#fff;background:#1768ed;border-color:#1768ed;align-items:center;gap:6px;display:flex}.actions svg,.primary svg{width:15px}.task{text-align:left;width:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #e5e8ec;grid-template-columns:20px 1fr 64px 70px 15px;align-items:center;gap:9px;padding:13px 0;display:grid}.task>div b,.task>div small{font-size:10px;display:block}.task small{color:#647086;margin-top:5px}.check{border:1px solid #bcc5d0;border-radius:50%;width:18px;height:18px}.check.done{color:#fff;background:#2caf62;border-color:#2caf62}.check svg{width:13px}.progress span{font-size:10px}.progress i{background:#dfe4ea;border-radius:3px;height:4px;margin-top:7px;display:block}.progress i b{background:#1768ed;border-radius:3px;height:100%;display:block}.task em{color:#ef635d;font-size:9px;font-style:normal}.task em.complete{color:#2caf62}.task>svg{width:14px}.timeline{min-height:300px;margin-top:14px}.timeline .panelhead p{color:#6b7585;margin:5px 0 0;font-size:11px}.filters{gap:10px;display:flex}.filters button{align-items:center;gap:6px;display:flex}.filters svg{width:15px}.eventrail{margin-top:44px;padding-bottom:14px;display:flex;position:relative;overflow-x:auto}.eventrail:before{content:"";background:#1768ed;height:2px;position:absolute;top:36px;left:4%;right:4%}.eventrail article{text-align:center;flex-direction:column;flex:1;align-items:center;min-width:150px;display:flex;position:relative}.eventicon{z-index:1;background:#fff;border:1px solid #dce2e9;border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.eventicon svg{width:22px}.eventrail article>i{z-index:2;background:#fff;border:2px solid #1768ed;border-radius:50%;width:11px;height:11px;margin-top:-18px;margin-bottom:26px}.eventrail article>b{text-transform:capitalize;font-size:11px}.eventrail strong{margin-top:9px;font-size:10px}.eventrail span,.eventrail small{color:#657086;margin-top:5px;font-size:9px}.green{color:#2caf62}.blue{color:#1768ed}.violet{color:#7b4ded}.orange{color:#f07818}.empty{text-align:center;margin-top:20px;padding:100px 20px}.empty>svg{color:#1768ed;width:50px;height:50px}.empty h2{margin-top:20px;font-size:26px}.empty p{color:#667085}.empty>button{color:#243047;border-color:#d8dde4;align-items:center;gap:6px;margin:10px 4px;display:inline-flex}.empty>.primary{color:#fff;border-color:#1768ed}.menub{display:none}@media (width<=1100px){.grid{grid-template-columns:1fr 1fr}.tasks{grid-column:1/-1}.headtools label{width:260px}.workforce{padding:20px}.total{width:210px}.statusrail{margin-left:25px}}@media (width<=760px){main{margin-left:0;padding:0 10px}.sidebar{transition:all .25s;transform:translate(-100%)}.sidebar.open{transform:none}.close{position:absolute;top:15px;right:10px;width:auto!important;display:block!important}.menub{display:block}.headtools label,.profile b,.branchselect{display:none}header{height:76px;padding:0}.workforce{padding:18px;display:block}.total{border:0;border-bottom:1px solid #ddd;width:100%;padding-bottom:12px}.total strong{font-size:44px}.statusrail{grid-template-columns:1fr 1fr;gap:18px;margin:15px 0 0;display:grid}.rail{display:none}.workforce>.link{margin-top:16px}.grid{grid-template-columns:1fr}.tasks{grid-column:auto}.timeline .panelhead{flex-direction:column;align-items:flex-start;gap:15px}.filters{width:100%;overflow:auto}.eventrail article{min-width:135px}.chart{gap:8px}.panel{padding:14px}}.brand small{letter-spacing:2px;color:#a9bdd6;margin-top:2px;font-size:11px;display:block}.branchselect,.lang{color:#243047;height:38px;font:inherit;background:#fff;border:1px solid #d6dbe2;border-radius:9px;padding:0 10px}.lang{cursor:pointer;color:#1768ed;font-weight:700}[dir=rtl] main{font-family:Manrope,Segoe UI,Tahoma,sans-serif}[dir=rtl] .sidebar{left:auto;right:0}@media (width<=760px){[dir=rtl] main{margin-right:0}[dir=rtl] .sidebar{transform:translate(100%)}[dir=rtl] .sidebar.open{transform:none}}button,input,select{font-family:inherit}.login{background:#fff;grid-template-columns:minmax(360px,46%) 1fr;min-height:100vh;display:grid}.loginBrand{color:#fff;background:linear-gradient(145deg,#071d38,#0c315e);align-items:center;gap:16px;padding:64px;display:flex;position:relative;overflow:hidden}.loginBrand:after{content:"";border:1px solid #ffffff1c;border-radius:50%;width:520px;height:520px;position:absolute;bottom:-240px;right:-250px;box-shadow:0 0 0 70px #ffffff06,0 0 0 140px #ffffff05}.brandMark{background:#1768ed;border-radius:16px;place-items:center;width:58px;height:58px;font-size:31px;font-weight:800;display:grid}.loginBrand h1{margin:0;font-size:34px}.loginBrand h1 b{color:#4f8cff}.loginBrand p{color:#b9c9db;margin:5px 0}.loginBrand blockquote{letter-spacing:-.5px;margin:0;font-size:25px;font-weight:600;line-height:1.45;position:absolute;bottom:70px;left:64px}.loginForm{place-items:center;padding:30px;display:grid;position:relative}.loginControls{align-items:center;gap:10px;display:flex;position:absolute;top:25px;right:28px}.loginLang,.loginThemeToggle{background:#fff;border:1px solid #d6deea;border-radius:10px;min-height:38px}.loginLang{padding:0 13px}.loginThemeToggle{color:#31445d;cursor:pointer;place-items:center;width:38px;display:grid}.loginThemeToggle svg{width:18px}.loginForm form{width:min(430px,100%)}.secure{color:#1768ed;align-items:center;gap:8px;font-weight:700;display:flex}.secure svg{width:18px}.loginForm h2{margin:16px 0 32px;font-size:30px}.loginForm label,.employeeModal label{flex-direction:column;gap:8px;margin-bottom:18px;font-weight:700;display:flex}.loginForm input,.employeeModal input,.employeeModal select{height:46px;font:inherit;background:#fff;border:1px solid #ccd4df;border-radius:9px;outline:0;padding:0 12px}.loginForm input:focus,.employeeModal input:focus,.employeeModal select:focus{border-color:#1768ed;box-shadow:0 0 0 3px #1768ed1a}.password{border:1px solid #ccd4df;border-radius:9px;display:flex}.password:focus-within{border-color:#1768ed;box-shadow:0 0 0 3px #1768ed1a}.password input{border:0;flex:1;box-shadow:none!important}.password button{color:#657086;background:0 0;border:0;padding:0 13px}.password svg{width:19px}.loginButton{color:#fff;cursor:pointer;background:#1768ed;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;width:100%;height:48px;font-size:14px;font-weight:700;display:flex}.loginButton:disabled{opacity:.65}.forgotPassword,.authTextButton,.authBackButton{color:#1768ed;font:inherit;cursor:pointer;background:0 0;border:0;font-weight:700}.forgotPassword{margin:-8px 0 18px auto;padding:0;display:block}[dir=rtl] .forgotPassword{margin-left:0;margin-right:auto}.authTextButton{margin:16px auto 0;display:block}.authBackButton{color:#52647a;justify-content:center;align-items:center;gap:7px;margin:18px auto 0;display:flex}.authBackButton svg{width:17px}[dir=rtl] .authBackButton svg{transform:rotate(180deg)}.recoveryIntro{color:#657086;margin:-16px 0 24px;line-height:1.6}.formSuccess{color:#18723b;background:#ebf9f0;border-radius:9px;margin:0 0 18px;padding:12px 14px;line-height:1.55}.recoveryDone{width:min(430px,100%)}.recoveryDone h2{margin-bottom:24px}.formError,.apiError{color:#bf2c26;background:#fff1f0;border-radius:8px;margin:0 0 15px;padding:11px 13px}.apiError{margin:0 0 14px}.headerTitle p{white-space:nowrap;text-overflow:ellipsis;max-width:260px;overflow:hidden}.welcome{color:#fff;background:#0b294d;border-radius:16px;justify-content:space-between;align-items:center;min-height:145px;padding:31px 34px;display:flex;position:relative;overflow:hidden}.welcome:after{content:"";border:35px solid #ffffff0a;border-radius:50%;width:250px;height:250px;position:absolute;right:-65px}.welcome h2{margin:0 0 8px;font-size:27px}.welcome p{color:#b8c9dc;max-width:620px;margin:0;line-height:1.6}.primary{z-index:1;color:#fff;cursor:pointer;background:#1768ed;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 15px;font-weight:700;display:inline-flex;position:relative}.primary svg{width:17px}.summaryGrid{grid-template-columns:repeat(4,1fr);gap:14px;margin:14px 0;display:grid}.summary{background:#fff;border:1px solid #dce1e8;border-radius:12px;align-items:center;gap:14px;padding:21px;display:flex}.summary>span{border-radius:10px;place-items:center;width:43px;height:43px;display:grid}.summary svg{width:21px}.summary small{color:#667085;font-weight:600;display:block}.summary strong{margin-top:6px;font-size:29px;display:block}.foundation{background:#fff;border:1px solid #dce1e8;border-radius:12px;min-height:210px;padding:27px 30px}.foundation h3{margin:0 0 7px;font-size:17px}.foundation p{color:#687386;max-width:750px;line-height:1.6}.timelinePreview{justify-content:space-around;align-items:center;height:70px;margin-top:22px;display:flex;position:relative}.timelinePreview:before{content:"";background:#dbe5f5;height:2px;position:absolute;left:5%;right:5%}.timelinePreview i{z-index:1;background:#fff;border:4px solid #1768ed;border-radius:50%;width:18px;height:18px}.pageTitle{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.pageTitle h2{margin:0;font-size:25px}.pageTitle p{color:#6b7585;margin:5px 0 0}.tableTools{background:#fff;border:1px solid #dce1e8;border-bottom:0;border-radius:12px 12px 0 0;align-items:center;gap:10px;height:66px;padding:12px;display:flex}.tableTools label{border:1px solid #d2d8e1;border-radius:8px;align-items:center;width:min(420px,55%);height:40px;padding:0 11px;display:flex}.tableTools label svg,.tableTools button svg{width:18px}.tableTools input{width:100%;font:inherit;border:0;outline:0;padding:8px}.tableTools select{color:#243047;background:#fff;border:1px solid #d2d8e1;border-radius:8px;height:40px;padding:0 12px}.tableTools>button{color:#32415a;background:#fff;border:1px solid #d2d8e1;border-radius:8px;width:40px;height:40px}.employeeTable{background:#fff;border:1px solid #dce1e8;border-radius:0 0 12px 12px;min-height:370px;overflow:auto}.employeeTable table{border-collapse:collapse;width:100%;min-width:850px}.employeeTable th{text-align:left;color:#657086;text-transform:uppercase;letter-spacing:.35px;background:#f8fafc;padding:13px 16px;font-size:11px}.employeeTable td{border-top:1px solid #edf0f3;padding:14px 16px}.employeeTable td:nth-child(2){align-items:center;gap:10px;display:flex}.employeeTable td small{color:#7b8494;margin-top:3px;display:block}.employeeAvatar{color:#1768ed;background:#e8f0fd;border-radius:50%;place-items:center;width:35px;height:35px;font-weight:800;display:grid}.status{text-transform:capitalize;background:#edf1f5;border-radius:20px;padding:5px 9px;font-size:11px;font-weight:700}.status.active{color:#168846;background:#e7f8ed}.status.probation{color:#bd6a0b;background:#fff3df}.status.on_leave{color:#6944c4;background:#eeeaff}.emptyEmployees{text-align:center;padding:70px 20px}.emptyEmployees>svg{color:#a4afbd;width:44px;height:44px}.emptyEmployees h3{margin:12px 0 18px}.modalBack{z-index:1000;background:#03112394;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.employeeModal{background:#fff;border-radius:14px;width:min(820px,100%);max-height:92vh;padding:25px;overflow:auto}.modalHead{border-bottom:1px solid #e3e7ec;justify-content:space-between;gap:25px;margin-bottom:22px;padding-bottom:18px;display:flex}.modalHead h2{margin:0 0 5px}.modalHead p{color:#707b8b;margin:0}.modalHead button{background:0 0;border:0}.formGrid{grid-template-columns:1fr 1fr;gap:0 17px;display:grid}.employeeModal label{font-size:12px}.employeeModal .password{background:#fff;font-weight:400}.employeeModal .password input{background:0 0;height:44px}.employeeModal .password button{cursor:pointer}.employeeModal .fieldError{color:#c43838;line-height:1.5}.modalActions{border-top:1px solid #e3e7ec;justify-content:flex-end;gap:9px;padding-top:18px;display:flex}.modalActions>button:not(.primary){background:#fff;border:1px solid #ccd4df;border-radius:8px;min-height:38px;padding:0 16px}.coming{text-align:center;background:#fff;border:1px solid #dce1e8;border-radius:12px;padding:100px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}[dir=rtl] .employeeTable th{text-align:right}[dir=rtl] .loginControls{left:28px;right:auto}@media (width<=900px){.summaryGrid{grid-template-columns:1fr 1fr}.login{grid-template-columns:1fr}.loginBrand{display:none}}@media (width<=760px){.headtools{gap:7px}.welcome{padding:24px;display:block}.welcome .primary{margin-top:20px}.summaryGrid{grid-template-columns:1fr 1fr;gap:9px}.summary{padding:15px;display:block}.summary>span{margin-bottom:10px}.summary strong{font-size:24px}.foundation{padding:20px}.formGrid{grid-template-columns:1fr}.employeeModal{padding:18px}.tableTools label{width:100%}.tableTools select{max-width:130px}.pageTitle{align-items:flex-end}.pageTitle h2{font-size:21px}.loginForm{padding:22px}.loginForm h2{font-size:25px}.coming{padding:70px 20px}}.clickRow{cursor:pointer;transition:all .15s}.clickRow:hover{background:#f4f8ff}.backButton{color:#1768ed;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;margin:0 0 14px;font-weight:700;display:flex}.backButton svg{width:17px}.profileHero{color:#fff;background:#0b294d;border-radius:14px;align-items:center;gap:17px;margin-bottom:14px;padding:25px 28px;display:flex}.bigAvatar{background:#1768ed;border-radius:17px;place-items:center;width:66px;height:66px;font-size:23px;font-weight:800;display:grid}.profileHero h2{margin:0 0 5px;font-size:23px}.profileHero p{color:#bdd0e4;margin:0 0 9px}.profileHeroBadges{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.profileFingerprint{color:#245a9e;background:#eef5ff;border-radius:999px;align-items:center;gap:6px;min-height:28px;padding:4px 9px;font-size:13px;display:inline-flex}.profileFingerprint svg{width:16px;height:16px}.profileHeroActions{gap:8px;margin-left:auto;display:flex}.profileHeroActions>button{color:#fff;height:38px;font:inherit;background:0 0;border:1px solid #ffffff73;border-radius:8px;padding:0 14px;font-weight:700}.profileColumns{grid-template-columns:1.08fr .92fr;gap:14px;display:grid}.profileCard,.contactCard,.timelineCard{background:#fff;border:1px solid #dce1e8;border-radius:12px;padding:21px}.profileCard h3,.timelineCard h3{margin:0 0 18px}.profileForm{grid-template-columns:1fr 1fr;gap:0 13px;display:grid}.profileForm label,.noteModal label{flex-direction:column;gap:7px;margin-bottom:14px;font-size:11px;font-weight:700;display:flex}.profileForm input,.profileForm select,.noteModal input,.noteModal select,.noteModal textarea{min-height:40px;font:inherit;background:#fff;border:1px solid #d4dae3;border-radius:8px;padding:8px 10px}.profileForm input:disabled,.profileForm select:disabled{color:#26354d;background:#f7f9fb;border-color:#e6e9ee}.profileAdvanceSwitch,.profileLoanSwitch{background:#f7faff;border:1px solid #dce5ef;border-radius:10px;align-items:center;gap:10px;margin:4px 0 16px;padding:13px 14px;display:flex}.profileAdvanceSwitch>span,.profileLoanSwitch>span{gap:3px;display:grid}.profileAdvanceSwitch small,.profileLoanSwitch small{color:#66768b;font-weight:500}:is(.profileAdvanceSwitch:has(input:checked),.profileLoanSwitch:has(input:checked)){background:#eefaf4;border-color:#86c9ad}:is(.profileAdvanceSwitch:has(input:disabled),.profileLoanSwitch:has(input:disabled)){opacity:.75}.profileOvertimeSwitch{background:#f7faff;border:1px solid #dce5ef;border-radius:10px;align-items:center;gap:10px;margin:4px 0 16px;padding:13px 14px;display:flex}.profileOvertimeSwitch>span{gap:3px;display:grid}.profileOvertimeSwitch small{color:#66768b;font-weight:500}.profileOvertimeSwitch:has(input:checked){background:#fffaf0;border-color:#f2c56e}.profileOvertimeSwitch:has(input:disabled){opacity:.75}.departmentBox{border-top:1px solid #e6e9ee;flex-wrap:wrap;gap:12px;padding-top:17px;display:flex}.departmentBox>b{width:100%}.departmentBox label{align-items:center;gap:5px;font-size:11px;display:flex}.contactCard{grid-template-columns:1fr 1fr;gap:13px;margin-bottom:14px;display:grid}.contactCard div{align-items:center;gap:8px;min-width:0;display:flex}.contactCard svg{color:#1768ed;flex:none;width:18px}.contactCard span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.timelineHead{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.timelineHead h3{margin-bottom:4px}.timelineHead p{color:#768194;margin:0;font-size:11px}.timelineFilter{background:#fff;border:1px solid #d4dae3;border-radius:8px;width:100%;height:36px;margin:18px 0;padding:0 10px}.timelineStats{grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0 12px;display:grid}.timelineStats span{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;gap:2px;padding:10px 12px;font-size:10px;display:grid}.timelineStats b{color:#102a43;font-size:18px}.timelineTools{grid-template-columns:minmax(180px,1fr) minmax(150px,.8fr) auto auto auto;align-items:end;gap:8px;margin-bottom:18px;display:grid}.timelineTools>label{color:#64748b;gap:5px;font-size:10px;font-weight:700;display:grid}.timelineTools input,.timelineTools select{color:#26354d;width:100%;height:38px;font:inherit;background:#fff;border:1px solid #d4dae3;border-radius:8px;margin:0;padding:0 9px}.timelineSearch{position:relative}.timelineSearch svg{inset-inline-start:10px;color:#7b8794;width:17px;height:17px;position:absolute;bottom:10px}.timelineSearch input{padding-inline-start:35px}.timelineTools>button{color:#334e68;height:38px;font:inherit;background:#fff;border:1px solid #d4dae3;border-radius:8px;align-items:center;gap:5px;padding:0 10px;font-weight:700;display:inline-flex}.timelineTools>button svg{width:15px}.timelineLoading{color:#64748b;justify-content:center;align-items:center;gap:8px;min-height:100px;display:flex}.timelineEvent.source-manual article>i,.timelineEvent.source-manual>i{border-color:#8b5cf6}.timelineEvent.source-payroll>i{border-color:#16a34a}.timelineEvent.source-attendance>i{border-color:#f59e0b}.verticalTimeline{max-height:520px;padding:3px;overflow:auto}.verticalTimeline article{grid-template-columns:20px 1fr;gap:8px;padding-bottom:21px;display:grid;position:relative}.verticalTimeline article:before{content:"";background:#dfe7f2;width:2px;position:absolute;top:11px;bottom:-3px;left:7px}.verticalTimeline article:last-child:before{display:none}.verticalTimeline article>i{z-index:1;background:#fff;border:4px solid #1768ed;border-radius:50%;width:15px;height:15px}.verticalTimeline b,.verticalTimeline time{display:block}.verticalTimeline time{color:#7b8492;margin:4px 0;font-size:10px}.verticalTimeline p{color:#48566a;margin:5px 0;line-height:1.5}.verticalTimeline small{color:#1768ed;text-transform:uppercase;font-weight:700}.profileLoading{place-items:center;height:300px;display:grid}.profileLoading svg{width:35px}.noteModal{background:#fff;border-radius:14px;width:min(520px,100%);padding:24px}.noteModal .modalHead{align-items:center}.noteModal textarea{resize:vertical}.noteModal>.primary{width:100%}[dir=rtl] .profileHeroActions{margin-left:0;margin-right:auto}[dir=rtl] .verticalTimeline article:before{left:auto;right:7px}@media (width<=950px){.profileColumns{grid-template-columns:1fr}.profileForm,.timelineTools{grid-template-columns:1fr 1fr}}@media (width<=600px){.profileHero{flex-wrap:wrap;align-items:flex-start;padding:20px}.profileHeroActions{width:100%;margin:7px 0 0}.profileForm,.contactCard{grid-template-columns:1fr}.timelineHead{display:block}.timelineHead .primary{margin-top:12px}.timelineStats{grid-template-columns:1fr 1fr 1fr}.timelineStats span{padding:9px}.timelineTools{grid-template-columns:1fr 1fr}.timelineSearch,.timelineTools .timelineFilter{grid-column:1/-1}.timelineTools>button{grid-column:1/-1;justify-content:center}.profileCard,.contactCard,.timelineCard{padding:16px}}:root[data-theme=dark] .timelineStats span{color:#9fb0c3;background:#162333;border-color:#2a3a4d}:root[data-theme=dark] .timelineStats b{color:#f2f6fb}:root[data-theme=dark] .timelineTools input,:root[data-theme=dark] .timelineTools select,:root[data-theme=dark] .timelineTools>button{color:#e8eef7;background:#0d1724;border-color:#33465d}:root[data-theme=dark] .verticalTimeline p{color:#c8d4e3}.adminHero{color:#fff;background:#0b294d;border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:14px;padding:25px 28px;display:flex}.adminHero>div{grid-template-columns:48px 1fr;align-items:center;column-gap:14px;display:grid}.adminHero>div>span{background:#1768ed;border-radius:12px;grid-row:1/3;place-items:center;width:48px;height:48px;display:grid}.adminHero svg{width:21px}.adminHero h2{margin:0;font-size:22px}.adminHero p{color:#c0d0e1;margin:4px 0 0}.adminTabs{border-bottom:1px solid #d8dee7;gap:5px;margin-bottom:14px;display:flex}.adminTabs button{color:#667085;background:0 0;border:0;border-bottom:3px solid #0000;align-items:center;gap:8px;padding:13px 18px;font-weight:700;display:flex}.adminTabs button.active{color:#1768ed;border-color:#1768ed}.adminTabs svg{width:18px}.adminLayout{grid-template-columns:minmax(0,1fr) 370px;align-items:start;gap:14px;display:grid}.adminList{background:#fff;border:1px solid #dce1e8;border-radius:12px;overflow:hidden}.adminList article{border-bottom:1px solid #e8ebef;grid-template-columns:42px 1fr auto 60px;align-items:center;gap:11px;padding:14px 17px;display:grid}.adminList article:last-child{border:0}.adminList small{color:#788395;margin-top:4px;display:block}.adminList .departmentMeta{flex-wrap:wrap;align-items:center;gap:7px 12px;display:flex}.departmentEmployeeCount{color:#1768ed;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:0;font-weight:750;display:inline-flex}.departmentEmployeeCount:hover,.departmentEmployeeCount[aria-expanded=true]{text-decoration:underline}.departmentPeoplePanel{background:#f7faff;border:1px solid #d8e6fa;border-radius:10px;grid-column:1/-1;margin-top:2px;padding:14px}.departmentPeoplePanel>b{margin-bottom:10px;display:block}.departmentPeoplePanel>div{flex-wrap:wrap;gap:8px;display:flex}.departmentPeoplePanel>div>span,.departmentPeopleLoading{background:#fff;border:1px solid #dce5f0;border-radius:999px;align-items:center;gap:6px;padding:7px 10px;display:inline-flex}.departmentPeoplePanel svg{color:#1768ed;width:15px;height:15px}.departmentPeoplePanel small{margin:0}.departmentEmployeeCount svg{width:15px;height:15px}.adminList article>button{color:#1768ed;background:#fff;border:1px solid #d3dae3;border-radius:7px;height:33px;font-weight:700}.adminIcon{color:#1768ed;background:#eaf2ff;border-radius:9px;place-items:center;width:38px;height:38px;display:grid}.adminIcon svg{width:19px}.status.archived{color:#68707d;background:#f0f1f3}.adminEditor{background:#fff;border:1px solid #dce1e8;border-radius:12px;padding:20px;position:sticky;top:12px}.adminEditor label{flex-direction:column;gap:7px;margin-bottom:14px;font-size:11px;font-weight:700;display:flex}.adminEditor input,.adminEditor select{height:41px;font:inherit;background:#fff;border:1px solid #d1d8e2;border-radius:8px;padding:0 10px}.adminEditor .activeSwitch{flex-direction:row;align-items:center}.activeSwitch input{width:17px;height:17px}.activeSwitch svg{width:17px}.adminEditor>.primary{width:100%}@media (width<=850px){.adminLayout{grid-template-columns:1fr}.adminEditor{grid-row:1;position:static}.adminHero{align-items:flex-start;gap:15px}.adminHero>.primary{white-space:nowrap}}@media (width<=560px){.adminHero{padding:20px;display:block}.adminHero>.primary{margin-top:18px}.adminList article{grid-template-columns:38px 1fr auto}.adminList article>.status{display:none}.adminLayout{flex-direction:column;display:flex}.adminEditor,.adminList{width:100%}}.attendanceActions{gap:8px;display:flex}.attendanceActions>button:first-child{background:#fff;border:1px solid #d2d9e2;border-radius:8px;width:39px;height:39px}.attendanceActions svg{width:18px}.attendanceImportModal{width:min(560px,100vw - 28px)}.attendanceImportFile input{background:#f7fafc;border:1px dashed #a9bad0;margin-top:8px;padding:12px}.attendanceImportResult{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0;display:grid}.attendanceImportResult article{background:#f7fafc;border:1px solid #dce6f0;border-radius:12px;padding:12px}.attendanceImportResult article small,.attendanceImportResult article b{display:block}.attendanceImportResult article b{margin-top:4px;font-size:22px}.attendanceImportResult>p{color:#935d12;grid-column:1/-1;margin:0}@media (width<=620px){.attendanceImportResult{grid-template-columns:repeat(2,minmax(0,1fr))}}.attendanceSummary{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:15px;display:grid}.attendanceSummary article{background:#fff;border:1px solid #dce1e8;border-radius:12px;align-items:center;gap:13px;padding:18px;display:flex}.attendanceSummary article>span{border-radius:10px;place-items:center;width:41px;height:41px;display:grid}.attendanceSummary svg{width:20px}.attendanceSummary small{text-transform:capitalize;color:#697587;display:block}.attendanceSummary b{margin-top:4px;font-size:25px;display:block}.attendanceSummary .blue>span{color:#1768ed;background:#eaf2ff}.attendanceSummary .green>span{color:#188747;background:#e6f8ed}.attendanceSummary .orange>span{color:#d66d08;background:#fff1df}.attendanceSummary .red>span{color:#d9453f;background:#ffebea}.attendanceSummary article.green{background:linear-gradient(135deg,#ebf7ef,#dcefe4);border-color:#b9d9c6}.attendanceSummary article.orange{background:linear-gradient(135deg,#fff3e4,#ffe5c7);border-color:#e8c69e}.attendanceSummary article.red{background:linear-gradient(135deg,#fdeced,#f8d9dc);border-color:#e4b7bc}.attendanceSummary article.blue{background:linear-gradient(135deg,#edf2fc,#dce6f8);border-color:#b9c9e6}.attendanceSummary article:is(.green,.orange,.red,.blue)>span{color:#17345f;background:#ffffffad;box-shadow:inset 0 0 0 1px #17345f12}:root[data-theme=dark] .attendanceSummary article.green{background:linear-gradient(135deg,#142820,#183226);border-color:#28503b}:root[data-theme=dark] .attendanceSummary article.orange{background:linear-gradient(135deg,#2a2118,#352719);border-color:#584126}:root[data-theme=dark] .attendanceSummary article.red{background:linear-gradient(135deg,#2b1c20,#371f23);border-color:#593039}:root[data-theme=dark] .attendanceSummary article.blue{background:linear-gradient(135deg,#172334,#192b45);border-color:#2d486c}:root[data-theme=dark] .attendanceSummary article:is(.green,.orange,.red,.blue)>span{color:#17345f;background:#ffffffe6}.attendanceTabs{border-bottom:1px solid #dce1e8;display:flex}.attendanceTabs button{color:#697587;background:0 0;border:0;border-bottom:3px solid #0000;padding:13px 18px;font-weight:700}.attendanceTabs button.active{color:#1768ed;border-color:#1768ed}.attendanceToolbar{background:#fff;border:1px solid #dce1e8;border-bottom:0;border-radius:12px 12px 0 0;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:14px;padding:11px;display:flex}.attendanceFilters{flex-wrap:wrap;gap:9px;display:flex}.attendanceToolbar label,.attendanceToolbar button{background:#fff;border:1px solid #d2d9e2;border-radius:8px;align-items:center;gap:7px;height:38px;padding:0 11px;display:flex}.attendanceToolbar input{font:inherit;min-width:0;color:inherit;background:0 0;border:0}.attendanceToolbar select{color:inherit;font:inherit;background:0 0;border:0;min-width:135px}.attendanceSearch input{width:min(260px,36vw)}.attendanceEmpty{text-align:center;color:#697587;padding:28px!important}.attendanceToolbar svg{width:17px}.attendanceTable{background:#fff;border:1px solid #dce1e8;border-radius:0 0 12px 12px;overflow:auto}.attendanceTable table{border-collapse:collapse;width:100%;min-width:1050px}.attendanceTable th{text-align:left;color:#697587;text-transform:uppercase;background:#f8fafc;padding:12px;font-size:10px}.attendanceTable td{border-top:1px solid #e8ebef;padding:13px 12px}.attendanceTable td small{color:#7a8595;margin-top:4px;display:block}.attendanceStatus{text-transform:capitalize;border-radius:20px;padding:5px 8px;font-size:10px;font-weight:800}.attendanceStatus.present{color:#188747;background:#e6f8ed}.attendanceStatus.late{color:#ca6708;background:#fff1df}.attendanceStatus.absent{color:#d9453f;background:#ffebea}.attendanceStatus.scheduled{color:#1768ed;background:#eaf2ff}.attendanceStatus.day_off,.attendanceStatus.on_leave{color:#7252bf;background:#f0ecff}.attendanceStatus.worked_day_off{color:#087f78;background:#e4f7f6}.scheduleGrid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px;display:grid}.scheduleGrid article{background:#fff;border:1px solid #dce1e8;border-radius:12px;padding:20px}.scheduleGrid article>div{align-items:center;gap:9px;display:flex}.scheduleGrid h3{margin:0}.scheduleGrid svg{color:#1768ed}.scheduleGrid strong{margin:20px 0 8px;font-size:20px;display:block}.scheduleGrid p{color:#6c7788}.scheduleGrid article>span{color:#1768ed;background:#eaf2ff;border-radius:20px;padding:5px 9px;font-weight:700;display:inline-block}.holidayList{background:#fff;border:1px solid #dce1e8;border-radius:12px;margin-top:14px;padding:8px 18px}.holidayList article{border-bottom:1px solid #e8ebef;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:13px 0;display:grid}.holidayList article>span{color:#1768ed;background:#eaf2ff;border-radius:9px;place-items:center;width:37px;height:37px;display:grid}.holidayList svg{width:18px}.holidayList small{color:#7a8595;margin-top:4px;display:block}.punchModal{background:#fff;border-radius:14px;width:min(500px,100%);padding:23px}.punchModal>label{flex-direction:column;gap:7px;margin-bottom:14px;font-weight:700;display:flex}.punchModal select,.punchModal input{height:43px;font:inherit;background:#fff;border:1px solid #d2d9e2;border-radius:8px;padding:0 10px}.punchModal>.primary{width:100%}[dir=rtl] .attendanceTable th{text-align:right}@media (width<=800px){.attendanceSummary{grid-template-columns:1fr 1fr}.scheduleGrid{grid-template-columns:1fr}.attendanceTabs{overflow:auto}.attendanceTabs button{white-space:nowrap}}.scheduleHeader{background:#fff;border:1px solid #dce1e8;border-radius:12px;justify-content:space-between;align-items:center;margin-top:14px;padding:17px 19px;display:flex}.scheduleHeader h3{margin:0 0 4px}.scheduleHeader p{color:#738094;margin:0}.scheduleGrid article{position:relative}.scheduleGrid article>.editShift{color:#1768ed;background:#fff;border:1px solid #d0d8e3;border-radius:7px;height:31px;padding:0 10px;font-weight:700;position:absolute;top:15px;right:15px}.scheduleGrid .inactiveShift{color:#68707d;background:#f0f1f3;margin-left:5px}.scheduleModal{background:#fff;border-radius:14px;width:min(690px,100%);max-height:92vh;padding:23px;overflow:auto}.shiftForm{grid-template-columns:1fr 1fr;gap:0 14px;display:grid}.shiftForm label{flex-direction:column;gap:7px;margin-bottom:14px;font-size:11px;font-weight:700;display:flex}.shiftForm input{height:42px;font:inherit;border:1px solid #d2d9e2;border-radius:8px;padding:0 10px}.workDays{border:1px solid #dce1e8;border-radius:10px;flex-wrap:wrap;gap:7px;margin:3px 0 15px;padding:13px;display:flex}.workDays legend{padding:0 6px;font-weight:700}.workDays input{opacity:0;position:absolute}.workDays span{border:1px solid #d2d9e2;border-radius:7px;padding:8px 10px;display:block}.workDays input:checked+span{color:#fff;background:#1768ed;border-color:#1768ed}.shiftOptions{gap:22px;margin-bottom:17px;display:flex}.shiftOptions label{align-items:center;gap:7px;font-weight:700;display:flex}.shiftOptions select{background:#fff;border:1px solid #ccd6e2;border-radius:8px;min-width:180px;height:38px;padding:0 9px}.scheduleModal>.primary{width:100%;height:43px}[dir=rtl] .scheduleGrid article>.editShift{left:15px;right:auto}[dir=rtl] .scheduleGrid .inactiveShift{margin-left:0;margin-right:5px}@media (width<=600px){.scheduleHeader{align-items:flex-start}.scheduleHeader p{display:none}.shiftForm{grid-template-columns:1fr}.workDays{gap:4px}.workDays span{padding:7px}.scheduleModal{padding:17px}}.dashboardAttendance{background:#fff;border:1px solid #dce1e8;border-radius:12px;margin-bottom:14px;padding:20px}.dashboardOperations{background:#fff;border:1px solid #e5eaf0;border-radius:22px;margin-top:22px;padding:24px}.dashboardWorkStats{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px;display:grid}.dashboardWorkStats article{background:#f9fbfd;border:1px solid #e8edf3;border-radius:16px;align-items:center;gap:13px;padding:16px;display:flex}.dashboardWorkStats span,.dashboardPeopleTitle>span{border-radius:13px;flex:0 0 42px;place-items:center;width:42px;height:42px;display:grid}.dashboardWorkStats span.blue{color:#2563eb;background:#eaf1ff}.dashboardWorkStats span.red{color:#dc2626;background:#feeeee}.dashboardPeopleTitle>span.green{color:#15803d;background:#e9f8ee}.dashboardPeopleTitle>span.orange{color:#c2410c;background:#fff0e8}.dashboardWorkStats small,.dashboardWorkStats strong{display:block}.dashboardWorkStats strong{margin-top:2px;font-size:24px}.dashboardPeopleColumns{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px;display:grid}.dashboardPeopleColumns>article{border:1px solid #e8edf3;border-radius:18px;padding:18px}.dashboardPeopleTitle{align-items:center;gap:12px;display:flex}.dashboardPeopleTitle h4{margin:0 0 3px;font-size:16px}.dashboardPeopleTitle small{color:#748094}.dashboardRanking,.dashboardFollowUp{gap:8px;margin-top:16px;display:grid}.dashboardRanking button,.dashboardFollowUp button{width:100%;color:inherit;text-align:start;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:11px;padding:10px;display:flex}.dashboardRanking button:hover,.dashboardFollowUp button:hover{background:#f5f8fb}.dashboardRanking button>i{color:#166534;background:#dcfce7;border-radius:50%;place-items:center;width:28px;height:28px;font-style:normal;font-weight:800;display:grid}.dashboardRanking button>span,.dashboardFollowUp button>span:not(.employeeAvatar){flex:1;min-width:0}.dashboardRanking b,.dashboardRanking small,.dashboardFollowUp b,.dashboardFollowUp small{display:block}.dashboardRanking small,.dashboardFollowUp small{color:#748094;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dashboardRanking strong{color:#15803d;white-space:nowrap}.dashboardFollowUp>button>svg{width:17px}.dashboardEmpty{color:#748094;text-align:center;margin:22px 0 5px}@media (width<=850px){.dashboardWorkStats,.dashboardPeopleColumns{grid-template-columns:1fr}}.dashboardSectionHead{justify-content:space-between;align-items:flex-start;margin-bottom:17px;display:flex}.dashboardSectionHead h3{margin:0 0 5px;font-size:17px}.dashboardSectionHead p{color:#728094;margin:0}.dashboardSectionHead>button{color:#1768ed;background:0 0;border:0;align-items:center;gap:5px;font-weight:700;display:flex}.dashboardSectionHead svg{width:16px}.dashboardAttendanceGrid{grid-template-columns:repeat(4,1fr);gap:11px;display:grid}.dashboardAttendanceGrid>button{text-align:left;color:#15233b;cursor:pointer;background:#fff;border:1px solid #dce1e8;border-radius:11px;grid-template-columns:41px 1fr 17px;align-items:center;gap:11px;padding:16px;transition:all .15s;display:grid}.dashboardAttendanceGrid>button:hover{border-color:#1768ed;transform:translateY(-1px);box-shadow:0 7px 18px #0f284b12}.dashboardAttendanceGrid>button>span{border-radius:10px;place-items:center;width:41px;height:41px;display:grid}.dashboardAttendanceGrid svg{width:19px}.dashboardAttendanceGrid small{color:#687588;font-weight:700;display:block}.dashboardAttendanceGrid strong{margin-top:4px;font-size:25px;display:block}.dashboardAttendanceGrid .green>span{color:#188747;background:#e6f8ed}.dashboardAttendanceGrid .orange>span{color:#d66d08;background:#fff1df}.dashboardAttendanceGrid .red>span{color:#d9453f;background:#ffebea}.dashboardAttendanceGrid .blue>span{color:#1768ed;background:#eaf2ff}.attendancePeopleModal{background:#fff;border-radius:14px;width:min(760px,100%);max-height:85vh;padding:22px;overflow:auto}.attendancePeopleList article{border-bottom:1px solid #e7ebf0;grid-template-columns:42px 1.3fr 1fr auto;align-items:center;gap:11px;padding:13px 3px;display:grid}.attendancePeopleList article small{color:#748093;margin-top:4px;display:block}.noAttendancePeople{text-align:center;color:#788496;padding:55px 20px}.noAttendancePeople svg{width:40px;height:40px}.noAttendancePeople p{margin-bottom:0}[dir=rtl] .dashboardAttendanceGrid>button{text-align:right}@media (width<=900px){.dashboardAttendanceGrid{grid-template-columns:1fr 1fr}}@media (width<=600px){.dashboardAttendance{padding:15px}.dashboardSectionHead p{display:none}.dashboardAttendanceGrid{gap:8px}.dashboardAttendanceGrid>button{grid-template-columns:37px 1fr;padding:12px}.dashboardAttendanceGrid>button>svg{display:none}.dashboardAttendanceGrid>button>span{width:37px;height:37px}.attendancePeopleList article{grid-template-columns:38px 1fr auto}.attendancePeopleList article>div:nth-of-type(2){display:none}}.planner{margin-top:14px}.plannerToolbar{background:#fff;border:1px solid #dce1e8;border-radius:12px 12px 0 0;align-items:end;gap:12px;padding:15px 17px;display:flex}.plannerToolbar>div{margin-right:auto}.plannerToolbar h3{margin:0 0 4px}.plannerToolbar p{color:#758195;margin:0}.plannerToolbar label{flex-direction:column;gap:6px;font-size:11px;font-weight:700;display:flex}.plannerToolbar input,.plannerToolbar select{height:38px;font:inherit;background:#fff;border:1px solid #d1d9e3;border-radius:8px;min-width:155px;padding:0 9px}.plannerTable{background:#fff;border:1px solid #dce1e8;overflow:auto}.plannerTable table{border-collapse:collapse;width:100%;min-width:1100px}.plannerTable th{text-align:center;color:#667287;background:#f7f9fc;border-bottom:1px solid #dce1e8;padding:11px}.plannerTable th:first-child{text-align:left;min-width:190px}.plannerTable th b,.plannerTable th small{display:block}.plannerTable th small{margin-top:3px;font-weight:400}.plannerTable td{border-bottom:1px solid #e9ecf1;border-right:1px solid #edf0f4;padding:10px}.plannerTable td:first-child{z-index:1;background:#fff;position:sticky;left:0}.plannerTable td small{color:#7b8594;margin-top:4px;display:block}.plannerTable select{color:#26344c;background:#fff;border:1px solid #d4dae3;border-radius:7px;width:100%;min-width:115px;height:36px;padding:0 7px}.plannerTable select:not(:has(option:checked[value=""])){color:#135dce;background:#f3f7ff;border-color:#8bb5f7;font-weight:700}.shiftCell{color:#65758a;width:100%;min-width:145px;min-height:58px;text-align:inherit;cursor:pointer;background:#fafbfd;border:1px dashed #c9d4e2;border-radius:9px;padding:9px}.shiftCell.assigned{color:#115dcf;background:#f1f6ff;border-style:solid;border-color:#8bb5f7}.shiftCell b{display:block}.shiftCell small{align-items:center;gap:4px;font-size:10px;display:flex!important}.shiftCell small svg{width:12px;height:12px}.shiftAssignmentModal{background:#fff;border:1px solid #dbe4ee;border-radius:18px;width:min(540px,100vw - 28px);padding:26px;position:relative;box-shadow:0 28px 80px #04152d47}.shiftAssignmentModal .modalClose{top:16px;background:#f1f5f9;border:0;border-radius:10px;place-items:center;width:38px;height:38px;display:grid;position:absolute;inset-inline-end:16px}.shiftAssignmentModal .modalClose svg{width:19px}.shiftAssignmentModal>p{color:#64748b}.shiftAssignmentModal>label{gap:7px;margin-top:14px;font-weight:750;display:grid}.shiftAssignmentModal select{background:#fff;border:1px solid #ccd7e4;border-radius:9px;width:100%;min-height:44px;padding:0 11px}.shiftAssignmentModal .dangerText{color:#c73d45;margin-inline-end:auto}.plannerLegend{color:#6f7b8d;background:#fff;border:1px solid #dce1e8;border-top:0;border-radius:0 0 12px 12px;justify-content:space-between;padding:13px 16px;display:flex}.plannerLegend b{color:#1768ed}[dir=rtl] .plannerToolbar>div{margin-left:auto;margin-right:0}[dir=rtl] .plannerTable th:first-child{text-align:right}[dir=rtl] .plannerTable td:first-child{left:auto;right:0}@media (width<=750px){.plannerToolbar{flex-wrap:wrap;align-items:stretch}.plannerToolbar>div{width:100%}.plannerToolbar label{flex:1}.plannerToolbar input,.plannerToolbar select{width:100%;min-width:0}.plannerLegend{display:block}.plannerLegend b{margin-top:5px;display:block}}.permanentShiftHeader{background:#fff;border:1px solid #dce1e8;border-radius:14px 14px 0 0;justify-content:space-between;align-items:center;gap:16px;padding:18px;display:flex}.permanentShiftHeader>div{align-items:center;gap:12px;display:flex}.permanentShiftHeader>div>svg{color:#1768ed;background:#eaf2ff;border-radius:12px;width:42px;height:42px;padding:10px}.permanentShiftHeader h3,.permanentShiftHeader p{margin:0}.permanentShiftHeader p{color:#758195;margin-top:3px}.permanentShiftHeader>b{color:#1768ed;background:#edf4ff;border-radius:999px;padding:7px 11px}.permanentShiftFilters{background:#f8fafc;border-inline:1px solid #dce1e8;grid-template-columns:minmax(240px,1fr) minmax(170px,.4fr) minmax(170px,.4fr);gap:10px;padding:14px 18px;display:grid}.permanentShiftFilters label{align-items:center;gap:8px;display:flex}.permanentShiftFilters label svg{color:#64748b;width:18px}.permanentShiftFilters input,.permanentShiftFilters select,.permanentAssignmentForm input,.permanentAssignmentForm select{color:#1f2f46;background:#fff;border:1px solid #cfd9e5;border-radius:9px;width:100%;height:42px;padding:0 11px}.permanentAssignmentForm{background:#eef5ff;border:1px solid #c9dcfb;grid-template-columns:1.1fr 1fr 1fr .8fr auto;align-items:end;gap:11px;padding:16px 18px;display:grid}.permanentAssignmentForm label{gap:6px;font-size:11px;font-weight:750;display:grid}.permanentAssignmentForm button{white-space:nowrap;height:42px}.permanentAssignmentForm button:disabled{opacity:.5;cursor:not-allowed}.permanentEmployeeTable{border:1px solid #dce1e8;background:#fff;border-top:0;border-radius:0 0 14px 14px;overflow:auto}.permanentEmployeeTable table{border-collapse:collapse;width:100%;min-width:860px}.permanentEmployeeTable th{color:#667287;text-align:start;background:#f7f9fc;border-bottom:1px solid #dce1e8;padding:12px 14px}.permanentEmployeeTable th:first-child,.permanentEmployeeTable td:first-child{text-align:center;width:48px}.permanentEmployeeTable td{border-bottom:1px solid #e9edf3;padding:13px 14px}.permanentEmployeeTable td strong,.permanentEmployeeTable td small{display:block}.permanentEmployeeTable td small{color:#718096;margin-top:3px}.permanentEmployeeTable tr.selected td{background:#f2f7ff}.permanentEmployeeTable input[type=checkbox]{accent-color:#1768ed;width:17px;height:17px}.noPermanentShift{color:#718096;background:#f1f4f8;border-radius:999px;padding:5px 9px;display:inline-flex}.permanentShiftEmpty{text-align:center;color:#718096;margin:0;padding:28px}[dir=rtl] .permanentEmployeeTable th{text-align:right}[dir=rtl] .permanentEmployeeTable th:first-child{text-align:center}@media (width<=1050px){.permanentAssignmentForm{grid-template-columns:repeat(2,minmax(0,1fr))}.permanentAssignmentForm button{grid-column:1/-1}.permanentShiftFilters{grid-template-columns:1fr 1fr}.permanentShiftFilters label{grid-column:1/-1}}@media (width<=650px){.permanentShiftHeader{align-items:flex-start}.permanentShiftHeader>b{white-space:nowrap}.permanentShiftFilters,.permanentAssignmentForm{grid-template-columns:1fr}.permanentShiftFilters label,.permanentAssignmentForm button{grid-column:auto}}.leaveSummary{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:15px;display:grid}.employeeLeavePage{max-width:1120px;margin-inline:auto}.employeeLeavePage .leaveSummary{grid-template-columns:repeat(2,minmax(0,1fr))}.employeeLeavePage .balanceGrid{grid-template-columns:1fr}.employeeLeavePage .balanceGrid>article{width:100%;max-width:820px;margin-inline:auto}.employeeLeavePage .requestList article{grid-template-columns:42px minmax(150px,1fr) minmax(190px,1.2fr) 230px 170px auto}.reportTable td.reportState{font-weight:700}.reportTable td.reportState>*{vertical-align:middle}.reportState-approved,.reportState-paid,.reportState-completed{color:#16834b;background:#effaf4}.reportState-rejected,.reportState-cancelled,.reportState-urgent{color:#c83c3c;background:#fff3f3}.reportState-submitted,.reportState-pending,.reportState-manager_approved,.reportState-hr_approved,.reportState-ready,.reportState-high{color:#a96308;background:#fff8e9}.auditPage{max-width:1180px;margin-inline:auto}.auditHero{color:#fff;background:linear-gradient(135deg,#0b315f,#164f91);border-radius:16px;align-items:center;gap:16px;padding:24px 28px;display:flex;box-shadow:0 14px 32px #0b315f26}.auditHero>span{background:#ffffff24;border-radius:13px;place-items:center;width:48px;height:48px;display:grid}.auditHero svg{width:25px}.auditHero h2{margin:0 0 4px;font-size:25px}.auditHero p{color:#ffffffc7;margin:0}.auditFilters{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:repeat(4,minmax(130px,1fr)) minmax(230px,1.5fr) auto;align-items:end;gap:10px;margin-top:16px;padding:16px;display:grid}.auditFilters label{color:var(--muted);grid-template-columns:auto 1fr;align-items:center;gap:6px;font-size:12px;display:grid}.auditFilters label input,.auditFilters label select{border:1px solid var(--line);background:#fff;border-radius:9px;grid-column:1/-1;min-width:0;height:42px;padding:0 11px}.auditFilters svg{width:15px}.auditFilters>button,.auditToolbar button{border:1px solid var(--blue);min-height:42px;color:var(--blue);background:#fff;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:0 15px;font-weight:700;display:inline-flex}.auditFilters>button svg,.auditToolbar button svg{width:17px}.auditToolbar{justify-content:space-between;align-items:center;margin:16px 0 10px;display:flex}.auditToolbar>div{align-items:baseline;gap:7px;display:flex}.auditToolbar b{color:var(--navy);font-size:24px}.auditToolbar span{color:var(--muted)}.auditList{border:1px solid var(--line);background:#fff;border-radius:14px;overflow:hidden}.auditList>article+article{border-top:1px solid var(--line)}.auditRow{width:100%;text-align:inherit;grid-template-columns:170px 150px minmax(180px,1fr) minmax(160px,.8fr) 24px;align-items:center;gap:16px;padding:15px 18px;display:grid}.auditRow:hover{background:#f7faff}.auditRow time,.auditRow small{color:var(--muted);font-size:12px}.auditRow div{gap:3px;min-width:0;display:grid}.auditRow small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.auditRow>svg{width:18px;color:var(--muted)}.auditAction{color:#1857a1;background:#edf5ff;border-radius:999px;justify-self:start;padding:5px 9px;font-size:12px;font-weight:750}.audit-approve,.audit-approved,.audit-cash_payment{color:#147747;background:#eaf8f0}.audit-reject,.audit-rejected,.audit-deactivate,.audit-remove_shift{color:#b73434;background:#fff0f0}.auditDetails{background:#f8fbff;border-top:1px solid #dce8f6;padding:18px}.auditChangeHead{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.auditChangeHead b{color:var(--navy);font-size:15px}.auditChangeHead span{color:#28639f;background:#eaf3ff;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:700}.auditChangeList{border:1px solid var(--line);background:#fff;border-radius:12px;overflow:hidden}.auditChangeRow{grid-template-columns:minmax(130px,.7fr) minmax(150px,1fr) 24px minmax(150px,1fr);align-items:center;gap:12px;padding:12px 14px;display:grid}.auditChangeRow+.auditChangeRow{border-top:1px solid var(--line)}.auditChangeRow>strong{color:#263b55;font-size:13px}.auditChangeRow>span{overflow-wrap:anywhere;border-radius:9px;gap:4px;min-width:0;padding:9px 11px;font-size:12px;display:grid}.auditChangeRow>span small{font-size:10px;font-weight:700}.auditOldValue{color:#68798c;background:#f3f5f7}.auditNewValue{color:#155d3a;background:#edf9f2}.auditChangeRow>i{color:#6c91bd;text-align:center;font-style:normal;font-weight:800}[dir=rtl] .auditChangeRow>i{transform:rotate(180deg)}.auditNoChanges{color:var(--muted);text-align:center;padding:24px}.employeeCustodyCard{margin-top:14px;overflow:hidden}.employeeCustodyHead{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.employeeCustodyHead h3{align-items:center;gap:9px;margin:0 0 4px;display:flex}.employeeCustodyHead h3 svg{color:#4f46e5;width:20px}.employeeCustodyHead p{color:var(--muted);margin:0;font-size:13px}.employeeCustodyHead .primary,.custodyFormActions .primary{white-space:nowrap;align-items:center;gap:7px;display:inline-flex}.employeeCustodyHead button svg,.custodyFormActions button svg{width:16px}.custodyClearanceWarning{color:#92400e;background:#fffbeb;border:1px solid #f59e0b55;border-radius:12px;align-items:center;gap:12px;margin-bottom:16px;padding:13px 15px;display:flex}.custodyClearanceWarning>svg{flex:none;width:23px}.custodyClearanceWarning span{gap:2px;display:grid}.custodyClearanceWarning small{line-height:1.5}.employeeCustodyForm{border:1px solid var(--line);background:var(--soft);border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:17px;padding:16px;display:grid}.employeeCustodyForm label{gap:6px;font-size:12px;font-weight:700;display:grid}.employeeCustodyForm input,.employeeCustodyForm select{color:#26354d;width:100%;height:42px;font:inherit;background:#fff;border:1px solid #d4dce6;border-radius:9px;outline:none;padding:0 11px;transition:border-color .15s,box-shadow .15s}.employeeCustodyForm input:focus,.employeeCustodyForm select:focus{border-color:#70a6ef;box-shadow:0 0 0 3px #1768ed1a}.custodyDescription{grid-column:span 2}.custodyFormActions{grid-column:1/-1;justify-content:flex-end;gap:9px;padding-top:3px;display:flex}.custodyFormActions button{color:#334e68;min-height:40px;font:inherit;background:#fff;border:1px solid #d1d9e3;border-radius:9px;padding:0 14px;font-weight:750}.custodyFormActions button.primary{color:#fff;background:#1768ed;border-color:#1768ed}.employeeCustodyList{gap:10px;display:grid}.custodyItem{border:1px solid var(--line);border-radius:13px;grid-template-columns:auto minmax(150px,1fr) auto;align-items:center;gap:12px;padding:13px;display:grid}.custodyItem.issued{border-color:#f59e0b55}.custodyItemIcon{color:#4338ca;background:#eef2ff;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.custodyItemIcon svg{width:19px}.custodyItemInfo{gap:3px;min-width:0;display:grid}.custodyItemInfo small{color:var(--muted)}.custodyItemInfo p{color:var(--muted);margin:2px 0 0;font-size:12px}.custodyStatus{border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800}.custodyStatus.issued{color:#92400e;background:#fef3c7}.custodyStatus.returned{color:#166534;background:#dcfce7}.custodyStatus.deducted{color:#991b1b;background:#fee2e2}.custodyItemActions{flex-wrap:wrap;grid-column:2/-1;gap:8px;display:flex}.custodyItemActions button{align-items:center;gap:6px;font-size:12px;display:inline-flex}.custodyItemActions button svg{width:15px}.dangerSoft{color:#b91c1c!important;background:#fff7f7!important;border-color:#fecaca!important}.employeeCustodyEmpty{color:var(--muted);text-align:center;justify-items:center;gap:5px;padding:24px;display:grid}.employeeCustodyEmpty svg{opacity:.65;width:28px}:root[data-theme=dark] .employeeCustodyForm,:root[data-theme=dark] .employeeCustodyForm input,:root[data-theme=dark] .employeeCustodyForm select,:root[data-theme=dark] .custodyFormActions button{color:#e8eef7;background:#111c29;border-color:#304257}@media (width<=760px){.employeeCustodyHead{flex-direction:column}.employeeCustodyForm{grid-template-columns:1fr}.custodyDescription{grid-column:auto}.custodyItem{grid-template-columns:auto 1fr}.custodyStatus{grid-column:2;justify-self:start}.custodyItemActions{grid-column:1/-1}}.employeeDocumentsCard{margin-top:14px}.employeeDocumentsHead,.sectionHead{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.sectionHead h3{margin:0 0 4px}.sectionHead p{color:var(--muted);margin:0;font-size:12px}.sectionHead .primary{flex:none;align-items:center;gap:7px;min-height:39px;padding:0 13px;display:inline-flex}.sectionHead svg{width:17px}.employeeDocumentsHead h3{margin:0 0 4px}.employeeDocumentsHead p{color:var(--muted);margin:0;font-size:12px}.employeeDocumentsHead .primary{align-items:center;gap:7px;min-height:39px;padding:0 13px;display:inline-flex}.employeeDocumentsHead svg{width:17px}.employeeDocumentList{border:1px solid var(--line);border-radius:12px;overflow:hidden}.employeeDocumentList article{grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px;display:grid}.employeeDocumentList article+article{border-top:1px solid var(--line)}.employeeDocumentList article>span{color:#1d67c5;background:#edf5ff;border-radius:10px;place-items:center;width:40px;height:40px;display:grid}.employeeDocumentList article>span svg{width:20px}.employeeDocumentList article>div{gap:4px;min-width:0;display:grid}.employeeDocumentList article b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.employeeDocumentList article small{color:var(--muted);font-size:11px}.employeeDocumentList article button{border:1px solid var(--line);color:var(--blue);border-radius:8px;align-items:center;gap:6px;padding:7px 9px;font-weight:700;display:inline-flex}.employeeDocumentList article button svg{width:15px}.employeeDocumentsEmpty{min-height:150px;color:var(--muted);text-align:center;place-items:center;gap:6px;display:grid}.employeeDocumentsEmpty>svg{color:#77a8df;width:30px}.documentUploadModal{width:min(520px,100vw - 30px)}.documentUploadModal .modalHead p{color:var(--muted);margin:4px 0 0;font-size:12px}.documentDropField{color:#174e91;text-align:center;background:#f7fbff;border:1.5px dashed #a9c4e6;border-radius:12px;place-items:center;gap:8px;min-height:150px;padding:18px;display:grid}.documentDropField>svg{width:28px}.documentDropField input{width:100%}.documentDropField small{color:var(--muted)}@media (width<=650px){.employeeDocumentsHead{flex-direction:column;align-items:stretch}.employeeDocumentList article{grid-template-columns:40px minmax(0,1fr)}.employeeDocumentList article button{grid-column:1/-1;justify-content:center}}.auditEmpty{min-height:240px;color:var(--muted);place-items:center;gap:10px;display:grid}.auditEmpty svg{color:#76a9e7;width:36px}@media (width<=1050px){.auditFilters{grid-template-columns:repeat(3,1fr)}.auditSearch{grid-column:span 2}.auditRow{grid-template-columns:140px 120px 1fr 1fr 20px}}@media (width<=700px){.auditFilters{grid-template-columns:1fr}.auditSearch{grid-column:auto}.auditRow{grid-template-columns:1fr auto;gap:8px}.auditRow time{grid-column:1}.auditRow .auditAction{grid-area:1/2}.auditRow>svg{grid-area:2/2/4}.auditDetails{padding:12px}.auditChangeRow{grid-template-columns:1fr}.auditChangeRow>i,[dir=rtl] .auditChangeRow>i{transform:rotate(90deg)}}.leaveSummary article{background:#fff;border:1px solid #dce1e8;border-radius:12px;align-items:center;gap:12px;padding:18px;display:flex}.leaveSummary article>span{color:#1768ed;background:#eaf2ff;border-radius:10px;place-items:center;width:42px;height:42px;display:grid}.leaveSummary svg{width:20px}.leaveSummary small{color:#6e7a8d;display:block}.leaveSummary b{margin-top:5px;font-size:25px;display:block}.leaveTabs{border-bottom:1px solid #dce1e8;margin-bottom:14px;display:flex}.leaveTabs button{color:#687588;background:0 0;border:0;border-bottom:3px solid #0000;padding:13px 18px;font-weight:700}.leaveTabs button.active{color:#1768ed;border-color:#1768ed}.requestList,.leaveTypes{background:#fff;border:1px solid #dce1e8;border-radius:12px;overflow:hidden}.requestList article{border-bottom:1px solid #e7ebf0;grid-template-columns:42px 1.1fr 1fr 230px 170px 190px;align-items:center;gap:11px;padding:13px 16px;display:grid}.leaveRequestStatus{justify-items:start;gap:6px;min-width:0;display:grid}.leaveRequestDocument{justify-content:flex-start;min-width:0;display:flex}.leaveRequestActions{justify-content:flex-end;min-width:0;display:flex}.requestList article:last-child,.leaveTypes article:last-child{border:0}.requestList small,.leaveTypes small,.balancePerson small{color:#758195;margin-top:4px;display:block}.leaveStatus{white-space:nowrap;border-radius:20px;padding:6px 9px;font-size:10px;font-weight:800}.leaveStatus.submitted,.leaveStatus.manager_approved,.leaveStatus.hr_approved{color:#c96908;background:#fff1df}.leaveStatus.approved{color:#188747;background:#e6f8ed}.leaveStatus.rejected{color:#d9453f;background:#ffebea}.decisionButtons{justify-content:flex-end;gap:6px;display:flex}.decisionButtons button{background:#fff;border:1px solid #d4dae3;border-radius:7px;align-items:center;gap:5px;height:33px;padding:0 9px;display:flex}.decisionButtons button:last-child{color:#fff;background:#1768ed;border-color:#1768ed}.decisionButtons svg{width:15px}.balanceGrid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.balanceGrid>article{background:#fff;border:1px solid #dce1e8;border-radius:12px;padding:17px}.balancePerson{border-bottom:1px solid #e8ebef;align-items:center;gap:9px;padding-bottom:13px;display:flex}.balanceRow{grid-template-columns:1fr auto;gap:5px;padding-top:12px;display:grid}.balanceRow>i{background:#e6eaf0;border-radius:5px;grid-column:1/-1;height:5px;overflow:hidden}.balanceRow>i>em{background:#1768ed;height:100%;display:block}.leaveTypes article{border-bottom:1px solid #e7ebf0;grid-template-columns:42px 1fr auto;align-items:center;gap:11px;padding:14px 16px;display:grid}.leaveTypes article>span{color:#1768ed;background:#eaf2ff;border-radius:9px;place-items:center;width:39px;height:39px;display:grid}.leaveTypes svg{width:18px}.leaveTypes strong{font-size:17px}.leaveModal{background:#fff;border-radius:14px;width:min(540px,100%);padding:23px}.leaveModal>label,.leaveDates label{flex-direction:column;gap:7px;margin-bottom:14px;font-weight:700;display:flex}.leaveModal select,.leaveModal input,.leaveModal textarea{min-height:42px;font:inherit;background:#fff;border:1px solid #d2d9e2;border-radius:8px;padding:8px 10px}.leaveDates{grid-template-columns:1fr 1fr;gap:12px;display:grid}.leaveModal>.primary{width:100%;height:43px}.leaveEmployeePicker{margin-bottom:14px}.recurringAssigneeFilters.leaveEmployeeFilters{grid-template-columns:1fr}.recurringEmployeeList.leaveEmployeeList{grid-template-columns:1fr;max-height:220px}.leaveModal .leaveEmployeeList input{width:16px;height:16px;min-height:16px}@media (width<=900px){.leaveSummary{grid-template-columns:1fr 1fr}.balanceGrid{grid-template-columns:1fr}.requestList article{grid-template-columns:40px 1fr auto}.requestList article>div:nth-of-type(2){display:none}.requestList .leaveRequestActions{grid-column:2/-1}}@media (width<=550px){.leaveTabs{overflow:auto}.leaveTabs button{white-space:nowrap}.leaveDates{grid-template-columns:1fr}.leaveSummary{gap:8px}.leaveSummary article{padding:13px;display:block}.leaveSummary article>span{margin-bottom:7px}.requestList article{padding:12px}.requestList .leaveStatus{display:none}}img.profilePhotoImage{object-fit:cover;display:block}.employeePhotoButton{cursor:zoom-in;border:0;padding:0;overflow:hidden}.employeePhotoButton img{object-fit:cover;width:100%;height:100%;display:block}.photoUploadField{grid-column:span 2}.photoUploadField small,.documentUpload small{color:var(--muted);font-weight:400}.requiredDocumentsSection{background:#f8fbff;border:1px dashed #b9c8dd;border-radius:12px;grid-column:span 2;margin:6px 0 14px;padding:14px}.requiredDocumentsSection>b{font-size:13px;display:block}.requiredDocumentsSection>p{color:var(--muted);margin:4px 0 12px;font-size:12px}.requiredDocumentsGrid{grid-template-columns:1fr 1fr;gap:0 17px;display:grid}.requiredDocumentsNote{color:#8b641f;background:#fffaf0;border:1px solid #f2c56e;border-radius:9px;margin:12px 0 0;padding:9px 12px;font-size:12px;font-weight:600}@media (width<=760px){.requiredDocumentsSection{grid-column:span 1}.requiredDocumentsGrid{grid-template-columns:1fr}}.profilePhotoUpload{background:#f8fbff;border:1px dashed #b9c8dd;border-radius:12px;padding:14px}.leaveTypeAdd{grid-column:1/-1;width:max-content}.leaveTypes article>button,.documentButton{align-items:center;gap:6px;display:flex}.leaveTypes article>button svg,.documentButton svg{width:15px}.documentMissing{color:var(--muted);font-size:12px}.announcementAdmin{padding:16px 0}.announcementToolbar{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.announcementToolbar h3{margin:0;font-size:21px}.announcementToolbar p{color:var(--muted);margin:5px 0 0}.announcementComposer{border:1px solid var(--border);background:#fff;border-radius:16px;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px;padding:20px;display:grid}.announcementComposer label{flex-direction:column;gap:7px;font-weight:600;display:flex}.announcementComposer input,.announcementComposer textarea,.announcementComposer select{border:1px solid var(--border);font:inherit;border-radius:10px;padding:11px}.announcementComposer button{width:max-content}.announcementList{gap:10px;display:grid}.announcementList article{border:1px solid var(--border);background:#fff;border-radius:14px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:14px;padding:15px;display:grid}.announcementList p{color:#475569;white-space:pre-wrap;margin:4px 0}.announcementPriority{color:#1465e8;background:#eaf2ff;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.announcementPriority.important{color:#d97706;background:#fff2d9}.announcementPriority.urgent{color:#dc2626;background:#ffe3e3}.announcementPopup{text-align:center;background:#fff;border-top:7px solid #206ff0;border-radius:22px;width:min(560px,100vw - 32px);padding:30px;box-shadow:0 25px 80px #071b3a66}.announcementPopup.important{border-color:#f59e0b}.announcementPopup.urgent{border-color:#ef4444}.announcementPopupIcon{color:#1768ef;background:#eaf2ff;border-radius:18px;place-items:center;width:62px;height:62px;margin:-4px auto 18px;display:grid}.announcementPopupIcon svg{width:30px;height:30px}.announcementPopup small{color:var(--muted)}.announcementPopup h2{margin:8px 0 12px}.announcementPopup p{white-space:pre-wrap;color:#334155;line-height:1.75}.announcementPopup button{margin:20px auto 0}@media (width<=760px){.employeeLeavePage .leaveSummary{grid-template-columns:1fr}.employeeLeavePage .requestList article{grid-template-columns:auto 1fr}.announcementComposer{grid-template-columns:1fr}.announcementList article{grid-template-columns:auto 1fr}.announcementList article>button,.announcementList article>.status{grid-column:2}.photoUploadField{grid-column:span 1}.announcementToolbar{align-items:flex-start;gap:12px}.announcementToolbar p{display:none}}.leaveTypes article{grid-template-columns:42px 1fr auto auto}.leaveTypeActions{align-items:center;gap:7px;display:flex}.secondaryAction,.leaveTypes .secondaryAction,.announcementList .secondaryAction{color:#17406f;height:36px;font:inherit;box-shadow:none;background:#fff;border:1px solid #cfd8e6;border-radius:9px;align-items:center;gap:6px;padding:0 12px;font-weight:700;display:inline-flex}.secondaryAction:hover{background:#f5f9ff;border-color:#1768ed}.dangerIcon{place-items:center;width:36px;height:36px;color:#d94343!important;background:#fff!important;border:1px solid #f2c7c5!important;border-radius:9px!important;padding:0!important;display:grid!important}.dangerIcon:hover{background:#fff1f0!important}.decisionButtons button{border-radius:9px;height:37px;padding:0 12px;font-weight:700}.decisionButtons .approveAction{color:#fff;background:#1768ed;border-color:#1768ed}.workflowWaiting{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;align-items:center;max-width:220px;padding:9px 12px;font-size:12px;font-weight:700;line-height:1.4;display:inline-flex}.leaveApprover{white-space:normal;gap:7px;max-width:100%}.leaveApprover svg{flex:none;width:16px;height:16px}[data-theme=dark] .workflowWaiting{color:#bfdbfe;background:#1e40af38;border-color:#1e40af}.decisionButtons .rejectAction{color:#cf3d3d;background:#fff;border-color:#efc0be}.decisionButtons .rejectAction:hover{background:#fff4f3}.dangerButton{color:#fff;background:#d94343;border:0;border-radius:9px;align-items:center;gap:7px;height:41px;padding:0 16px;font-weight:700;display:inline-flex}.dangerButton svg{width:17px}.rejectModal .modalActions{justify-content:flex-end}.announcementList .secondaryAction{color:#526178}.announcementList .secondaryAction svg{width:16px}.announcementList .secondaryAction:hover{color:#b83b3b;background:#fff7f6;border-color:#e8b9b7}.announcementComposer>button{align-self:end}.announcementComposer select{min-height:43px}@media (width<=1000px){.requestList article{grid-template-columns:40px 1fr auto}.requestList .leaveRequestDocument{grid-column:2}.requestList .leaveRequestStatus,.requestList .leaveRequestActions{grid-column:2/-1}.leaveTypes article{grid-template-columns:40px 1fr auto}.leaveTypeActions{grid-column:2/-1}}.appCrash{text-align:center;background:#f5f7fb;place-items:center;min-height:100vh;padding:24px;display:grid}.appCrash>div{background:#fff;border:1px solid #dce3ed;border-radius:18px;width:min(480px,100%);padding:34px;box-shadow:0 20px 60px #0b2b5915}.appCrash h1{color:#0b2e57;margin:0 0 20px}.appCrash h2{margin:0 0 8px}.appCrash p{color:#64748b}.appCrash button{margin:18px auto}.appCrash small{color:#94a3b8;display:block}.taskSummary{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:15px;display:grid}.taskSummary article{background:#fff;border:1px solid #dce3ed;border-radius:12px;align-items:center;gap:12px;padding:17px;display:flex}.taskSummary article>span{color:#1768ed;background:#eaf2ff;border-radius:10px;place-items:center;width:42px;height:42px;display:grid}.taskSummary article.overdue>span{color:#dd6b08;background:#fff0e2}.taskSummary article.done>span{color:#168247;background:#e5f8ec}.taskSummary svg{width:20px}.taskSummary small{color:#6f7c8f;display:block}.taskSummary b{margin-top:4px;font-size:25px;display:block}.taskToolbar{background:#fff;border:1px solid #dce3ed;border-radius:12px;align-items:center;gap:10px;margin-bottom:12px;padding:10px;display:flex}.taskToolbar>label{border:1px solid #d5dce6;border-radius:9px;align-items:center;gap:8px;min-width:250px;height:39px;padding:0 11px;display:flex}.taskToolbar input{font:inherit;border:0;outline:0;width:100%}.taskToolbar svg{width:17px}.taskToolbar>div{gap:5px;display:flex;overflow:auto}.taskToolbar>div button{color:#68768a;white-space:nowrap;background:0 0;border:0;border-radius:8px;height:37px;padding:0 12px;font-weight:700}.taskToolbar>div button.active{color:#1768ed;background:#eaf2ff}.taskToolbar>button{background:#fff;border:1px solid #d5dce6;border-radius:9px;width:39px;height:39px;margin-left:auto}.taskList{gap:10px;display:grid}.taskList>article{cursor:pointer;background:#fff;border:1px solid #dce3ed;border-radius:13px;grid-template-columns:5px minmax(280px,1.5fr) auto 210px 22px;align-items:center;gap:18px;padding:16px 17px;transition:all .15s;display:grid;position:relative}.taskList>article:hover{border-color:#8cb6f4;transform:translateY(-1px);box-shadow:0 8px 24px #163b6c10}.taskPriority{background:#7d8a9d;border-radius:8px;align-self:stretch}.taskPriority.medium{background:#1768ed}.taskPriority.high{background:#ef8a23}.taskPriority.urgent{background:#e34b4b}.taskMain>div{gap:6px;display:flex}.taskMain h3{margin:8px 0 4px;font-size:16px}.taskMain p{color:#6f7b8d;white-space:nowrap;text-overflow:ellipsis;max-width:520px;margin:0;font-size:12px;overflow:hidden}.priorityBadge,.taskStatus{border-radius:20px;padding:5px 8px;font-size:10px;font-weight:800}.priorityBadge.low{color:#64748b;background:#edf1f5}.priorityBadge.medium{color:#1768ed;background:#eaf2ff}.priorityBadge.high{color:#ce6506;background:#fff0df}.priorityBadge.urgent{color:#d83e3e;background:#ffebea}.taskStatus{color:#59667a;background:#f1f3f6}.taskStatus.in_progress{color:#1768ed;background:#eaf2ff}.taskStatus.review{color:#7b3fd1;background:#f2eaff}.taskStatus.completed{color:#168247;background:#e5f8ec}.taskPeople{margin-top:10px;display:flex}.taskPeople span,.taskPeople i{color:#1768ed;background:#eaf2ff;border:2px solid #fff;border-radius:50%;place-items:center;width:29px;height:29px;margin-right:-6px;font-size:9px;font-style:normal;font-weight:800;display:grid}.taskPeople i{color:#667287;background:#f0f2f5}.taskMeta{color:#637085;gap:7px;font-size:11px;display:grid}.taskMeta span{align-items:center;gap:6px;display:flex}.taskMeta svg{width:15px}.taskMeta .lateDate{color:#d84942;font-weight:700}.taskProgress>div{justify-content:space-between;font-size:11px;display:flex}.taskProgress i{background:#e9edf2;border-radius:6px;height:6px;margin-top:8px;display:block;overflow:hidden}.taskProgress em{background:#1768ed;border-radius:6px;height:100%;display:block}.taskOpen{color:#8390a2;width:17px}.taskEmpty{text-align:center;color:#758195;padding:70px}.taskEmpty svg{width:45px;height:45px}.taskModal{background:#fff;border-radius:16px;width:min(850px,100%);max-height:92vh;padding:23px;overflow:auto}.taskFormGrid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.taskFormGrid label{flex-direction:column;gap:7px;font-size:11px;font-weight:700;display:flex}.taskFormGrid input,.taskFormGrid textarea,.taskFormGrid select{font:inherit;border:1px solid #d2dae5;border-radius:9px;padding:10px}.assigneePicker{border:1px solid #dce3ed;border-radius:11px;grid-template-columns:repeat(3,1fr);gap:7px;max-height:210px;margin:17px 0;padding:12px;display:grid;overflow:auto}.assigneePicker legend{align-items:center;gap:6px;padding:0 7px;font-weight:800;display:flex}.assigneePicker legend svg{width:18px}.assigneePicker label{border-radius:8px;align-items:center;gap:8px;padding:8px;display:flex}.assigneePicker label:hover{background:#f6f9fd}.assigneePicker span{font-weight:700}.assigneePicker small{color:#8490a1;display:block}.taskSubmit{width:100%;height:43px}.taskDetail{background:#fff;border-radius:16px;width:min(760px,100%);max-height:90vh;padding:23px;overflow:auto}.taskDetail .modalHead h2{margin-top:9px}.taskDescription{color:#4e5d72;white-space:pre-wrap;background:#f7f9fc;border-radius:10px;padding:14px;line-height:1.6}.taskDetailGrid{grid-template-columns:1fr 1fr;gap:12px;margin:16px 0;display:grid}.taskDetailGrid>label{flex-direction:column;gap:7px;font-weight:700;display:flex}.taskDetailGrid select{height:42px;font:inherit;background:#fff;border:1px solid #d2dae5;border-radius:9px;padding:0 10px}.progressControl{border:1px solid #d2dae5;border-radius:9px;align-items:center;gap:10px;height:42px;padding:0 10px;display:flex}.progressControl input{width:100%}.detailAssignees{border-bottom:1px solid #e4e8ee;flex-wrap:wrap;align-items:center;gap:7px;padding-bottom:15px;display:flex}.detailAssignees span{color:#1768ed;background:#eaf2ff;border-radius:20px;padding:6px 9px;font-size:11px;font-weight:700}.taskFiles{border-bottom:1px solid #e4e8ee;padding:16px 0}.taskFiles>div{justify-content:space-between;align-items:center;display:flex}.fileAction{color:#1768ed;cursor:pointer;align-items:center;gap:6px;font-weight:700;display:flex}.fileAction input{display:none}.fileAction svg{width:16px}.taskFiles>button{text-align:left;background:#fff;border:1px solid #d8e0ea;border-radius:9px;align-items:center;gap:8px;margin:9px 7px 0 0;padding:9px;display:inline-flex}.taskFiles>button svg{color:#1768ed;width:18px}.taskFiles>button small{color:#7b8798;display:block}.taskComments h3{align-items:center;gap:7px;display:flex}.taskComments h3 svg{width:19px}.taskComments article{background:#f7f9fc;border-radius:9px;margin-bottom:7px;padding:11px}.taskComments article time{float:right;color:#8490a0;font-size:10px}.taskComments article p{white-space:pre-wrap;margin:6px 0 0}.taskComments form{gap:8px;margin-top:10px;display:flex}.taskComments form input{height:41px;font:inherit;border:1px solid #d2dae5;border-radius:9px;flex:1;padding:0 11px}.taskComments form button{width:42px;padding:0}.taskComments form svg{width:17px}[dir=rtl] .taskToolbar>button{margin-left:0;margin-right:auto}[dir=rtl] .taskOpen{transform:rotate(180deg)}[dir=rtl] .taskComments article time{float:left}@media (width<=1000px){.taskSummary{grid-template-columns:1fr 1fr}.taskList>article{grid-template-columns:5px 1fr auto}.taskMeta{display:none}.taskProgress{grid-column:2}.taskOpen{grid-area:1/3/3}.assigneePicker{grid-template-columns:1fr 1fr}}@media (width<=650px){.taskToolbar{flex-wrap:wrap;align-items:stretch}.taskToolbar>label{width:100%;min-width:0}.taskToolbar>div{width:calc(100% - 50px)}.taskSummary{gap:8px}.taskSummary article{padding:12px;display:block}.taskSummary article>span{margin-bottom:7px}.taskList>article{gap:10px;padding:13px}.taskFormGrid,.taskDetailGrid,.assigneePicker{grid-template-columns:1fr}.taskModal,.taskDetail{padding:17px}.taskMain p{max-width:65vw}}.payrollTabs{border-bottom:1px solid #dce3ed;margin-bottom:14px;display:flex}.payrollTabs button{color:#68768a;background:0 0;border:0;border-bottom:3px solid #0000;align-items:center;gap:7px;padding:13px 18px;font-weight:700;display:flex}.payrollTabs button.active{color:#1768ed;border-color:#1768ed}.payrollTabs svg{width:18px}.payrollToolbar{background:#fff;border:1px solid #dce3ed;border-radius:12px;align-items:end;gap:10px;margin-bottom:12px;padding:13px;display:flex}.payrollToolbar label{align-items:center;gap:7px;font-weight:700;display:flex}.payrollToolbar input{height:38px;font:inherit;border:1px solid #d3dbe6;border-radius:8px;padding:0 9px}.payrollToolbar svg{width:17px}.payrollToolbar button{background:#fff;border:1px solid #d3dbe6;border-radius:8px;align-items:center;gap:6px;height:39px;padding:0 12px;font-weight:700;display:flex}.payrollToolbar .primary{color:#fff;background:#1768ed;border-color:#1768ed;margin-left:auto}.payrollSummary{grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;margin-bottom:12px;display:grid}.payrollSummary article{background:#fff;border:1px solid #dce3ed;border-radius:12px;align-items:center;gap:11px;padding:16px;display:flex}.payrollSummary article>svg{color:#1768ed;background:#eaf2ff;border-radius:10px;width:40px;height:40px;padding:10px}.payrollSummary .late>svg{color:#dc6a08;background:#fff0df}.payrollSummary .overtime>svg{color:#b96a00;background:#fff3d8}.payrollSummary .overtime small{color:#8b641f;margin-top:4px;font-size:11px;display:block}.payrollSummary .overtime.friday>svg{color:#2456c4;background:#e4eeff}.payrollSummary .overtime.friday small{color:#3a5aa0}.payrollSummary span{color:#6b788b}.payrollSummary b{color:#15243b;margin-top:5px;font-size:22px;display:block}.payrollTable{background:#fff;border:1px solid #dce3ed;border-radius:12px;overflow:auto}.payrollTable table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:1580px}.payrollTable th{color:#647187;text-align:center;vertical-align:middle;text-transform:uppercase;background:#f7f9fc;padding:11px;font-size:10px}.payrollTable td{text-align:center;vertical-align:middle;border-top:1px solid #e7ebf0;padding:11px}.payrollTable th:first-child,.payrollTable td:first-child{z-index:3;text-align:start;white-space:normal;overflow-wrap:anywhere;background:#fff;width:210px;min-width:210px;position:sticky;inset-inline-start:0;box-shadow:0 0 12px #14305217}.payrollTable th:first-child{z-index:26;background:#f7f9fc}.payrollTable th:nth-child(2),.payrollTable td:nth-child(2){width:150px}.payrollTable th:nth-child(3),.payrollTable td:nth-child(3),.payrollTable th:nth-child(4),.payrollTable td:nth-child(4),.payrollTable th:nth-child(5),.payrollTable td:nth-child(5){width:112px}.payrollTable td small{color:#7c8797;margin-top:4px;display:block}.payrollTable td input[type=number]{text-align:center;border:1px solid #d4dce7;border-radius:7px;width:90px;height:35px;padding:0 7px}.lateValue{font-weight:700;color:#d64b43!important}.payrollOvertimeCell{color:#738097}.payrollOvertimeCell.flagged{background:#fffaf0}.payrollOvertimeBadge{color:#9b5800;width:max-content;max-width:100%;font:inherit;white-space:nowrap;cursor:pointer;background:#fff3d8;border:1px solid #f2c56e;border-radius:12px;justify-content:center;align-items:center;gap:7px;margin:0 auto;padding:6px 9px;font-weight:800;transition:border-color .16s,box-shadow .16s,transform .16s;display:inline-flex}.payrollOvertimeBadge:hover,.payrollOvertimeBadge:focus-visible{border-color:#d99017;outline:none;transform:translateY(-1px);box-shadow:0 0 0 3px #d9901729}.payrollOvertimeBadge>span{text-align:center;gap:2px;display:grid}.payrollOvertimeBadge b{font-size:13px}.payrollOvertimeBadge small{color:#8b641f;margin:0;font-size:9px;line-height:1.2}.payrollOvertimeBadge svg{width:14px;height:14px}.payrollOvertimeBadge.friday{color:#2456c4;background:#eaf1ff;border-color:#a9c3f0}.payrollOvertimeBadge.friday:hover,.payrollOvertimeBadge.friday:focus-visible{border-color:#6f96de;box-shadow:0 0 0 3px #2456c429}.payrollOvertimeBadge.friday small{color:#3a5aa0}.payrollOvertimeCell small{color:#8b641f;white-space:normal;margin-top:5px;font-size:10px;display:block}.noOvertime{color:#7d8898}.uncompensatedOvertimeWarning{color:#b4341a;width:max-content;max-width:100%;font:inherit;white-space:normal;text-align:center;cursor:pointer;background:#fdeeeb;border:1px solid #f3b3a8;border-radius:10px;align-items:center;gap:5px;margin:5px auto 0;padding:3px 8px;font-size:10px;font-weight:700;transition:border-color .16s,box-shadow .16s;display:flex}.uncompensatedOvertimeWarning:hover,.uncompensatedOvertimeWarning:focus-visible{border-color:#d9634a;outline:none;box-shadow:0 0 0 3px #d9634a29}.uncompensatedOvertimeWarning svg{flex:none;width:12px;height:12px}.overtimeDetailsModal{background:#fff;border-radius:18px;width:min(760px,100vw - 32px);max-height:min(82vh,720px);padding:22px;overflow:auto;box-shadow:0 24px 70px #0922433d}.overtimeDetailsTotal{color:#8c5708;background:#fff8e8;border:1px solid #f2c56e;border-radius:14px;align-items:center;gap:11px;margin:16px 0;padding:14px 16px;display:flex}.overtimeDetailsTotal svg{background:#ffe8b5;border-radius:10px;width:34px;height:34px;padding:8px}.overtimeDetailsTotal span{color:#8b641f}.overtimeDetailsTotal b{color:#553200;margin-top:3px;font-size:22px;display:block}.overtimeDayList{gap:9px;display:grid}.overtimeDayList article{background:#fbfcfe;border:1px solid #e2e8f0;border-radius:13px;grid-template-columns:minmax(190px,1.4fr) minmax(100px,.8fr) minmax(110px,.8fr) auto;align-items:center;gap:12px;padding:13px 14px;display:grid}.overtimeDayList time{color:#132b4b;font-weight:800}.overtimeDayList span{color:#738097;font-size:11px}.overtimeDayList span b{color:#1b304c;margin-top:3px;font-size:14px;display:block}.overtimeDayList .dayOvertime b{color:#a45c00}.overtimeDayList em{color:#976000;white-space:nowrap;background:#fff0cf;border-radius:999px;justify-self:end;padding:6px 9px;font-size:10px;font-style:normal;font-weight:800}.overtimeDayList em.friday{color:#1768b7;background:#e8f2ff}@media (width<=720px){.overtimeDetailsModal{width:calc(100vw - 20px);padding:16px}.overtimeDayList article{grid-template-columns:1fr 1fr}.overtimeDayList time{grid-column:1/-1}.overtimeDayList em{justify-self:start}}.lateDeduct{white-space:nowrap;align-items:center;gap:6px;display:flex}.lateDeduct input{width:17px;height:17px}.deductionNotes{background:#fff;border:1px solid #dce3ed;border-radius:12px;margin-top:12px;padding:15px}.deductionNotes h3{margin:0 0 10px}.deductionNotes label{grid-template-columns:200px 1fr;align-items:center;gap:10px;margin-top:8px;display:grid}.deductionNotes input{height:38px;font:inherit;border:1px solid #d4dce7;border-radius:8px;padding:0 10px}.payrollHistory{gap:9px;display:grid}.payrollHistory article{cursor:pointer;background:#fff;border:1px solid #dce3ed;border-radius:12px;grid-template-columns:42px 1fr auto 160px 20px;align-items:center;gap:12px;padding:14px;display:grid}.payrollHistory article>span:first-child{color:#1768ed;background:#eaf2ff;border-radius:10px;place-items:center;width:40px;height:40px;display:grid}.payrollHistory svg{width:18px}.payrollHistory small{color:#7c8797;margin-top:4px;display:block}.runStatus{color:#c96508;background:#fff0df;border-radius:20px;padding:6px 9px;font-size:10px;font-weight:800}.runStatus.approved{color:#168247;background:#e5f8ec}.runModal{background:#fff;border-radius:16px;width:min(850px,100%);max-height:90vh;padding:23px;overflow:auto}.runEmployees article{border-bottom:1px solid #e6eaf0;grid-template-columns:1fr 100px 100px 150px auto;align-items:center;gap:10px;padding:12px;display:grid}.runEmployees small{color:#7d8898;margin-top:3px;display:block}.runEmployees button{color:#1768ed;background:#fff;border:1px solid #d3dbe6;border-radius:8px;align-items:center;gap:5px;height:36px;padding:0 10px;font-weight:700;display:flex}.runEmployees button svg{width:16px}.approvePayroll{width:100%;height:43px;margin-top:16px}.payslip{background:#fff;border-radius:4px;width:min(680px,100%);max-height:92vh;padding:32px;overflow:auto}.payslipHead{border-bottom:3px solid #0d315d;justify-content:space-between;padding-bottom:15px;display:flex}.payslipHead h2{color:#0d315d;margin:0}.payslipHead p{color:#677589;margin:4px 0 0}.payslipHead button{background:0 0;border:0}.payslip>h3{margin:22px 0}.payslip>h3 small{color:#7d8999;margin-top:4px;font-weight:400;display:block}.payslipHours{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.payslipHours span{color:#66758a;background:#f2f6fb;border-radius:8px;padding:12px}.payslipHours b{color:#15243b;margin-top:6px;font-size:18px;display:block}.payslipLines{margin-top:18px}.payslipLines p{border-bottom:1px solid #e3e7ed;justify-content:space-between;margin:0;padding:10px 3px;display:flex}.payslipLines .minus b{color:#d64545}.payslipLines .net{color:#fff;background:#0d315d;border-radius:8px;margin-top:12px;padding:15px;font-size:18px}.payslipNote{background:#fff4e7;border-radius:8px;padding:12px}.printPayslip{margin:20px auto 0}@media print{@page{size:A4;margin:10mm}body *{visibility:hidden}body.print-payroll-payslip .payslip,body.print-payroll-payslip .payslip *,body.print-my-salary .mySalary,body.print-my-salary .mySalary *{visibility:visible}body.print-payroll-payslip .payslip{box-sizing:border-box;break-inside:avoid;page-break-inside:avoid;width:100%;max-height:none;padding:16px 20px;position:absolute;inset:0;overflow:visible}body.print-payroll-payslip .payslipHours span,body.print-payroll-payslip .payslipLines p{padding-top:7px;padding-bottom:7px}body.print-payroll-payslip .salaryQr{margin-top:10px;padding:10px}body.print-payroll-payslip .salaryQr svg{width:112px;height:112px}body.print-my-salary .mySalary{width:100%;max-width:none;position:absolute;inset:0}.payslipHead button,.printPayslip{display:none}}.salaryAdvanceCard,.advanceAdminList{background:#fff;border:1px solid #d9e3f0;border-radius:16px;max-width:980px;margin:18px auto;padding:18px}.salaryAdvanceHead{align-items:center;gap:14px;display:flex}.salaryAdvanceHead>span{color:#1565e8;background:#eaf2ff;border-radius:14px;place-items:center;width:46px;height:46px;display:grid}.salaryAdvanceHead>div{flex:1}.salaryAdvanceHead h3,.salaryAdvanceHead p{margin:0}.salaryAdvanceHead p{color:#6b7b91;margin-top:4px}.salaryAdvanceFacts{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px;display:grid}.salaryAdvanceFacts span{color:#66768c;background:#f5f8fc;border-radius:12px;padding:12px}.salaryAdvanceFacts b{color:#092b54;margin-top:5px;display:block}.salaryAdvanceHistory{border-top:1px solid #e3eaf3;margin-top:12px}.salaryAdvanceHistory article{border-bottom:1px solid #edf1f6;justify-content:space-between;align-items:center;padding:12px 4px;display:flex}.salaryAdvanceHistory small{color:#718096;margin-top:3px;display:block}.salaryAdvanceHistory i,.advanceAdminList i{color:#a76500;background:#fff3d9;border-radius:999px;padding:5px 9px;font-style:normal}.salaryAdvanceHistory i.approved,.advanceAdminList i.approved{color:#08783c;background:#e3f7eb}.salaryAdvanceHistory i.paid{color:#06743a;background:#dff5e8}.salaryAdvanceHistory i.rejected,.advanceAdminList i.rejected{color:#a62f2f;background:#fde9e9}.advanceBlockedNote{color:#8a5a00;background:#fff7e8;border-radius:10px;margin-top:12px;padding:11px 13px}.advanceHistoryItem{flex-wrap:wrap}.advanceApprovalTrail{gap:7px;width:100%;margin-top:9px;display:grid}.advanceApprovalTrail>div{background:#f7faff;border:1px solid #d9e5f3;border-radius:10px;grid-template-columns:auto minmax(0,1fr);gap:3px 9px;padding:9px 11px;display:grid}.advanceApprovalTrail b{color:#08783c;font-size:12px}.advanceApprovalTrail span{font-size:12px;font-weight:700;color:#173a63!important}.advanceApprovalTrail small{color:#718096;white-space:normal;grid-column:1/-1}.advanceAdminList>article>.advanceApprovalTrail,.advanceAdminList>article>.workflowGuidance{grid-column:1/-1}.workflowGuidance{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;padding:10px 12px;font-size:12px;font-weight:700;line-height:1.55;display:block;color:#1d4ed8!important}.advanceQr{background:#f5f9ff;border:1px dashed #a9c6ee;border-radius:12px;align-items:center;gap:14px;width:100%;margin-top:8px;padding:14px;display:flex}.advanceQr small{color:#355779;max-width:260px}.advanceAdminList>article{border:1px solid #e1e8f1;border-radius:13px;grid-template-columns:1.4fr repeat(3,1fr) 1.5fr auto auto;align-items:center;gap:12px;margin-top:10px;padding:14px;display:grid}.advanceAdminList small,.advanceAdminList span{color:#718096}.advanceAdminList span b{color:#122d50;margin-top:4px;display:block}.advanceAdminList p{margin:0}.salaryAdvanceModal{max-width:520px}@media (width<=800px){.salaryAdvanceHead{flex-wrap:wrap;align-items:flex-start}.salaryAdvanceHead .primary{width:100%}.salaryAdvanceFacts{grid-template-columns:1fr}.advanceAdminList>article{grid-template-columns:1fr 1fr}.advanceAdminList>article>div:first-child,.advanceAdminList>article>p,.advanceAdminList>article>.decisionButtons{grid-column:1/-1}}.performancePage{max-width:1240px;margin:0 auto}.performanceHero{box-sizing:border-box;color:#fff;background:linear-gradient(135deg,#0b315f,#1459a6);border-radius:18px;align-items:center;gap:18px;min-height:116px;padding:24px 28px;display:flex;box-shadow:0 14px 34px #0b315f29}.performanceHero>span{background:#ffffff24;border-radius:15px;flex:none;place-items:center;width:54px;height:54px;display:grid}.performanceHero>span svg{width:27px}.performanceHero h2{margin:0 0 6px;font-size:25px}.performanceHero p{color:#ffffffc2;margin:0}.performanceHero .primary{color:#1768ed;background:#fff;border-radius:11px;align-items:center;gap:7px;min-height:43px;margin-inline-start:auto;padding:0 17px;display:flex}.performanceHero .primary svg{width:18px}.performanceStats{grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0;display:grid}.performanceStats article{background:#fff;border:1px solid #dce4ee;border-radius:14px;padding:19px 21px;position:relative;overflow:hidden;box-shadow:0 6px 18px #1530520a}.performanceStats article:after{content:"";inset-inline-end:0;background:#1768ed;width:4px;position:absolute;top:0;bottom:0}.performanceStats article:nth-child(2):after{background:#20a566}.performanceStats article:nth-child(3):after{background:#8b5cf6}.employeePerformanceWelcome{color:#183450;background:linear-gradient(135deg,#f4f9ff,#eef8f4);border:1px solid #cfe1f5;border-radius:14px;align-items:flex-start;gap:14px;margin:0 0 16px;padding:16px 18px;display:flex}.employeePerformanceWelcome>svg{color:#e6a217;fill:#ffe6a7;flex:none;width:22px}.employeePerformanceWelcome p{color:#62768a;margin:5px 0 0;line-height:1.6}.performanceStats small{color:#77869a;display:block}.performanceStats b{color:#10243e;margin-top:7px;font-size:25px;display:block}.performanceToolbar{border-bottom:1px solid #dae2ec;justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;display:flex}.performanceToolbar .segmented{background:#edf2f8;border-radius:11px;gap:5px;padding:4px;display:flex}.performanceToolbar .segmented button{color:#64748b;background:0 0;border:0;border-radius:8px;min-width:75px;min-height:34px;padding:0 12px;font-weight:750}.performanceToolbar .segmented button.active{color:#1768ed;background:#fff;box-shadow:0 2px 7px #142d501a}.performanceToolbar>button{color:#1768ed;background:#fff;border:1px solid #d5deea;border-radius:9px;align-items:center;gap:7px;padding:9px 13px;font-weight:700;display:flex}.performanceToolbar svg{width:17px}.criteriaPanel{background:#f8fbff;border:1px solid #d9e3ef;border-radius:14px;grid-template-columns:1.4fr 1fr;gap:15px;margin-top:14px;padding:16px;display:grid}.criteriaList{gap:7px;display:grid}.criteriaList article{background:#fff;border:1px solid #e0e6ef;border-radius:9px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.criteriaList article.inactive{opacity:.55}.criteriaList small{color:#78869a;margin-top:3px;display:block}.criteriaList button{color:#1768ed;background:#eaf2ff;border:0;border-radius:7px;padding:7px 10px}.criteriaPanel form{align-content:start;gap:9px;display:grid}.criteriaPanel form h3{margin:0 0 5px}.criteriaPanel input{border:1px solid #d3dce8;border-radius:8px;min-height:40px;padding:0 10px}.reviewGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px;display:grid}.reviewGrid>.emptyState{text-align:center;color:#738197;background:#fbfdff;border:1px dashed #bfd0e4;border-radius:16px;grid-column:1/-1;place-content:center;min-height:220px;display:grid}.reviewCard{background:#fff;border:1px solid #dbe3ed;border-radius:15px;padding:18px;position:relative}.employeeReviewCard{border-top:4px solid #1768ed;box-shadow:0 10px 30px #15305212}.employeeReviewCard .reviewScore{color:#fff;background:linear-gradient(145deg,#1768ed,#5b8ff3);box-shadow:0 8px 18px #1768ed33}.reportsPage{max-width:1240px;margin:0 auto}.reportsHero{color:#fff;background:linear-gradient(135deg,#0b315f,#174f8f);border-radius:17px;align-items:center;gap:16px;padding:23px 26px;display:flex;box-shadow:0 12px 32px #0b315f24}.reportsHero>span{background:#ffffff24;border-radius:14px;place-items:center;width:52px;height:52px;display:grid}.reportsHero h2{margin:0 0 5px;font-size:24px}.reportsHero p{color:#ffffffc2;margin:0}.reportTypes{border-bottom:1px solid #dce3ec;gap:7px;padding:15px 0 11px;display:flex;overflow:auto}.reportTypes button{white-space:nowrap;color:#637287;background:#fff;border:1px solid #d7e0eb;border-radius:10px;min-height:39px;padding:0 14px;font-weight:750}.reportTypes button.active{color:#fff;background:#1768ed;border-color:#1768ed;box-shadow:0 6px 15px #1768ed2e}.reportFilters{background:#f8fafc;border:1px solid #dce4ed;border-radius:14px;grid-template-columns:.8fr .8fr 1fr 1.35fr auto;align-items:end;gap:10px;margin:13px 0;padding:15px;display:grid}.employeeReportSearch input{padding-inline-start:34px!important}.employeeReportSearch{position:relative}.employeeReportSearch>svg{inset-inline-start:11px;z-index:1;color:#718198;position:absolute;bottom:12px}.reportFilters label{color:#64748b;grid-template-columns:auto 1fr;align-items:center;gap:6px;font-size:12px;font-weight:700;display:grid}.reportFilters label input,.reportFilters label select{background:#fff;border:1px solid #d5deea;border-radius:9px;grid-column:1/-1;min-height:40px;padding:0 10px}.reportFilters svg{width:15px}.reportFilters>button{color:#fff;background:#1768ed;border:0;border-radius:9px;align-items:center;gap:6px;min-height:40px;padding:0 14px;font-weight:750;display:flex}.reportSummary{grid-template-columns:1fr 1fr 2fr;gap:10px;margin-bottom:13px;display:grid}.reportSummary article{background:#fff;border:1px solid #dce4ee;border-radius:12px;padding:14px 17px}.reportSummary small{color:#7b8899;display:block}.reportSummary b{color:#172b45;margin-top:5px;font-size:19px;display:block}.reportSheet{background:#fff;border:1px solid #d8e1eb;border-radius:15px;overflow:hidden}.reportSheetHead{border-bottom:1px solid #dfe5ed;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.reportSheetHead small{color:#1768ed;font-weight:850}.reportSheetHead h3{margin:3px 0 0;font-size:20px}.reportActions{gap:8px;display:flex}.reportActions button{color:#1768ed;background:#fff;border:1px solid #d3ddea;border-radius:9px;align-items:center;gap:6px;min-height:38px;padding:0 12px;font-weight:750;display:flex}.reportActions svg{width:17px}.reportTableWrap{min-height:260px;overflow:auto}.reportTable{border-collapse:collapse;width:100%;min-width:820px}.reportTable th{color:#637187;text-align:start;white-space:nowrap;z-index:2;background:#f1f5f9;padding:11px 13px;font-size:11px;position:sticky;top:0}.reportTable td{color:#263a54;vertical-align:top;border-bottom:1px solid #e5eaf0;padding:13px;font-size:12px}.reportTable td:first-child{color:#102a48;font-weight:750}.reportTable tbody tr:nth-child(2n){background:#fbfcfe}.reportTable tbody tr:hover{background:#f8fbff}.emptyReport{color:#8391a3;place-content:center;justify-items:center;gap:9px;min-height:220px;display:grid}.emptyReport svg{color:#1768ed;width:29px}.reportPagination{background:#fafcff;border-top:1px solid #e1e7ee;justify-content:center;align-items:center;gap:13px;padding:14px;display:flex}.reportPagination button{color:#1768ed;background:#fff;border:1px solid #d3ddea;border-radius:8px;min-width:90px;min-height:35px;font-weight:750}.reportPagination button:disabled{opacity:.4;cursor:not-allowed}.reportPagination span{color:#66768a;font-weight:700}@media (width<=760px){.reportFilters,.reportSummary{grid-template-columns:1fr}.reportSheetHead{flex-direction:column;align-items:flex-start}.reportActions{width:100%}.reportActions button{flex:1;justify-content:center}}@media print{body.print-report *{visibility:hidden}body.print-report .reportSheet,body.print-report .reportSheet *{visibility:visible}body.print-report .reportSheet{border:0;width:100%;position:absolute;inset:0;overflow:visible}body.print-report .reportActions{display:none!important}body.print-report .reportTableWrap{overflow:visible}body.print-report .reportTable{min-width:0;font-size:9px}body.print-report .reportTable th,body.print-report .reportTable td{padding:6px}}.reviewCard>div:nth-child(2){padding-inline-end:68px}.reviewCard h3{margin:4px 0}.reviewCard p{color:#68778b}.reviewScore{inset-inline-end:16px;color:#1768ed;background:#e9f2ff;border-radius:14px;place-items:center;width:55px;height:55px;font-weight:900;display:grid;position:absolute;top:16px}.reviewScore svg{fill:currentColor;width:17px}.positiveRemark,.improvementRemark{border-radius:9px;margin:10px 0 0;padding:10px}.positiveRemark{background:#ebf8f0;color:#176f43!important}.improvementRemark{background:#fff6e8;color:#9a5b08!important}.reviewCriteria{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.reviewCriteria span{color:#5e6c80;background:#f3f6fa;border-radius:7px;gap:7px;padding:6px 8px;font-size:11px;display:flex}.reviewCriteria b{color:#152b48}.performanceModal{background:#fff;border-radius:16px;width:min(760px,100%);max-height:92vh;padding:22px;overflow:auto}.performanceModal .modalHead{align-items:flex-start;height:auto;min-height:58px;margin:0;padding-bottom:14px}.performanceModal .modalHead h2{margin:0 0 5px}.performanceModal .modalHead p{color:#738197;margin:0}.performanceModal .modalHead>button{background:#f1f5f9;border:0;border-radius:9px;place-items:center;width:38px;height:38px;display:grid}.performanceFormGrid{grid-template-columns:2fr 1fr 1fr;gap:10px;margin:16px 0;display:grid}.performanceModal label{gap:6px;font-weight:700;display:grid}.performanceModal input,.performanceModal select,.performanceModal textarea{min-height:42px;font:inherit;border:1px solid #d2dce8;border-radius:9px;padding:8px 10px}.performanceModal textarea{resize:vertical;min-height:75px;margin-bottom:10px}.scoreFields{gap:8px;margin-bottom:15px;display:grid}.scoreFields label{background:#f5f8fc;border:1px solid #e6ebf2;border-radius:9px;grid-template-columns:minmax(180px,1fr) 2fr 55px;align-items:center;padding:10px}.scoreFields label:hover{background:#f0f6ff;border-color:#b9cce6}.scoreFields label>b{color:#1768ed;text-align:center;background:#e7f0ff;border-radius:8px;min-width:55px;padding:7px 8px}.scoreFields small{color:#7b899a;font-weight:400;display:block}.scoreFields input{padding:0}.saveReview{width:100%;min-height:44px}@media (width<=760px){.performanceStats,.reviewGrid,.criteriaPanel,.performanceFormGrid{grid-template-columns:1fr}.performanceHero{align-items:flex-start}.performanceHero .primary{margin-inline-start:0}.scoreFields label{grid-template-columns:1fr 2fr 45px}}@media (width<=750px){.payrollToolbar{flex-wrap:wrap;align-items:stretch}.payrollToolbar label{width:100%}.payrollToolbar .primary{margin-left:0}.payrollSummary{grid-template-columns:1fr}.payrollHistory article{grid-template-columns:40px 1fr auto}.payrollHistory article>strong{grid-column:2}.runEmployees article{grid-template-columns:1fr auto}.runEmployees article>span{display:none}.runEmployees article>button{grid-column:2}.payslip{padding:20px}.payslipHours,.deductionNotes label{grid-template-columns:1fr}}.payrollToolbar select{height:38px;font:inherit;background:#fff;border:1px solid #d3dbe6;border-radius:8px;min-width:150px;padding:0 10px}.payrollMoneySummary{grid-template-columns:repeat(3,1fr)}.overviewHint{color:#31577e;background:#eef5ff;border-radius:10px;padding:14px}.emptyState{text-align:center;color:#68778b;background:#fff;border:1px dashed #cad5e3;border-radius:12px;padding:55px}.emptyState>svg{color:#1768ed;width:42px;height:42px;margin-bottom:10px}.emptyState p{margin:7px 0 0}.cashDesk{grid-template-columns:minmax(300px,430px) minmax(350px,1fr);align-items:start;gap:16px;display:grid}.cashScanner,.cashCard{background:#fff;border:1px solid #dce3ed;border-radius:14px;padding:24px}.cashScanner>svg{color:#1768ed;background:#eaf2ff;border-radius:12px;width:50px;height:50px;padding:12px}.cashScanner h3{margin:14px 0 5px}.cashScanner p{color:#718096}.cashScanner>div{gap:8px;display:flex}.cashScanner input{min-width:0;height:42px;font:inherit;border:1px solid #d3dce8;border-radius:8px;flex:1;padding:0 11px}.cashScanner button{white-space:nowrap}.cashCard h2{margin:18px 0 3px}.cashCard>p{color:#758296}.cashAmount{color:#fff;background:#0c315e;border-radius:12px;margin:18px 0;padding:22px}.cashAmount small{opacity:.78;display:block}.cashAmount b{margin-top:6px;font-size:32px;display:block}.cashFacts{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.cashFacts span{color:#6b788c;background:#f3f6fa;border-radius:9px;padding:12px}.cashFacts b{color:#17273e;margin-top:6px;display:block}.cashConfirm{width:100%;height:45px;margin-top:17px}.paidStamp{background:#e9f8ef;border-radius:8px;padding:10px;color:#157744!important}.salaryQr{background:#f7faff;border:1px dashed #9ab2d0;border-radius:12px;align-items:center;gap:20px;margin-top:18px;padding:16px;display:flex}.salaryQr p{color:#6d7b8e;margin:6px 0 0;font-size:12px}.salaryQr svg{background:#fff;flex:none;padding:5px}.payrollHistory article{grid-template-columns:42px 1fr auto minmax(260px,auto) 20px}@media (width<=900px){.payrollMoneySummary{grid-template-columns:1fr 1fr}.cashDesk,.cashFacts{grid-template-columns:1fr}.salaryQr{flex-direction:column;align-items:flex-start}.payrollHistory article{grid-template-columns:40px 1fr auto}.payrollHistory article>strong{grid-column:2}}.runEmployees article{grid-template-columns:1fr 90px 90px 140px auto auto}.runEmployees .runStatus{white-space:nowrap}@media (width<=750px){.runEmployees article{grid-template-columns:1fr auto}.runEmployees article>span{display:none}.runEmployees article>button{grid-column:2}}.cashScanner .cameraScan{color:#1768ed;background:#fff;border:1px solid #b9c8da;border-radius:8px;align-items:center;gap:5px;height:42px;padding:0 12px;font-weight:700;display:flex}.cashScanner .cameraScan svg{width:17px}.qrVideo{object-fit:cover;background:#0b1726;border-radius:10px;width:100%;max-height:330px;margin-top:14px;display:block}.accessAdmin{padding-top:16px}.passwordResetQueue{background:#f7faff;border:1px solid #d7e2ef;border-radius:15px;margin-bottom:26px;padding:18px}.passwordResetQueue .accessHead h3{align-items:center;gap:8px;display:flex}.passwordResetQueue .accessHead h3 svg{color:#1768ed;width:20px}.passwordResetQueue .accessHead>button,.issuedResetCode>button,.resetRequestActions>button{color:#1768ed;min-height:38px;font:inherit;cursor:pointer;background:#fff;border:1px solid #cbd7e5;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 11px;font-weight:700;display:flex}.passwordResetQueue button svg{width:17px}.issuedResetCode{background:#eaf3ff;border:1px solid #87b3ff;border-radius:12px;grid-template-columns:1fr auto auto;align-items:center;gap:10px;margin-bottom:14px;padding:16px;display:grid}.issuedResetCode>div{gap:4px;display:grid}.issuedResetCode strong{color:#0b4ca5;letter-spacing:5px;font-size:28px}.issuedResetCode small,.resetRequestList small,.resetRequestList time{color:#66778c}.resetRequestList{gap:8px;display:grid}.resetRequestList article{background:#fff;border:1px solid #dbe4ee;border-radius:11px;grid-template-columns:minmax(190px,1fr) auto auto minmax(245px,auto);align-items:center;gap:12px;padding:13px;display:grid}.resetRequestList article>div:first-child{gap:3px;display:grid}.resetRequestStatus{color:#7a5810;align-items:center;gap:5px;font-weight:700;display:inline-flex}.resetRequestStatus.approved{color:#18723b}.resetRequestStatus svg{width:16px}.resetRequestActions{justify-content:flex-end;gap:7px;display:flex}.resetRequestActions>button.primary{color:#fff;background:#1768ed;border-color:#1768ed}.resetQueueEmpty{color:#66778c;text-align:center;border:1px dashed #cbd7e5;border-radius:10px;padding:18px}.accessHead{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.accessHead h3{margin:0}.accessHead p{color:#718095;margin:5px 0 0}.accessList{gap:8px;display:grid}.accessList article{background:#fff;border:1px solid #dce3ed;border-radius:11px;grid-template-columns:42px minmax(180px,1fr) minmax(150px,auto) auto auto auto;align-items:center;gap:10px;padding:12px;display:grid}.accessList small{color:#7a8798;margin-top:3px;display:block}.accessAvatar{color:#1768ed;background:#eaf2ff;border-radius:10px;place-items:center;width:40px;height:40px;display:grid}.accessAvatar svg,.roleBadge svg,.accessList button svg{width:17px}.roleBadge{color:#24405f;align-items:center;gap:5px;font-weight:700;display:flex}.accessList button{color:#1768ed;background:#fff;border:1px solid #d1dae6;border-radius:7px;align-items:center;gap:5px;height:35px;padding:0 10px;display:flex}.accessEditor{overscroll-behavior:contain;background:#fff;border-radius:15px;gap:13px;width:min(540px,100%);max-height:calc(100dvh - 40px);padding:22px;display:grid;overflow-y:auto}.accessEditor .modalHead{z-index:3;background:inherit;margin:-22px -22px 9px;padding:22px 22px 18px;position:sticky;top:-22px}.accessEditor label{gap:6px;font-weight:700;display:grid}.accessEditor input,.accessEditor select{height:42px;font:inherit;background:#fff;border:1px solid #d2dbe7;border-radius:8px;padding:0 10px}.accessEditor .activeSwitch{display:flex}.accessEditorActions{z-index:3;padding:14px 22px calc(18px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:inherit;margin:0 -22px -22px;position:sticky;bottom:-22px;box-shadow:0 -10px 24px #0c223d14}.accessEditorActions .primary{justify-content:center;width:100%;min-height:46px}.accessEditorError{margin:0}.accessSaveSuccess{align-items:center;gap:8px;margin-bottom:14px;display:flex}.accessSaveSuccess svg{width:18px}.pagePermissions{border:1px solid var(--border);border-radius:14px;margin:4px 0;padding:14px}.pagePermissions legend{padding:0 7px;font-weight:800}.pagePermissions>p{color:var(--muted);margin:0 0 12px;font-size:12px}.pagePermissions>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.pagePermissions label{border:1px solid var(--border);cursor:pointer;background:var(--surface,#fff);border-radius:10px;flex-direction:row;align-items:center;gap:9px;min-height:42px;padding:9px 10px;display:flex}.pagePermissions label.checked{color:#0f5ed7;background:#eff6ff;border-color:#8bb6ff}.pagePermissions input{opacity:0;pointer-events:none;position:absolute}.permissionCheck,.managerCheck{border:1px solid #bfd0e4;border-radius:6px;flex:none;place-items:center;width:21px;height:21px;display:grid}.permissionCheck svg,.managerCheck svg{width:14px;height:14px}.checked .permissionCheck,.selected .managerCheck{color:#fff;background:#1768ed;border-color:#1768ed}.departmentManagerPanel{border-top:1px solid var(--border);margin-top:24px;padding-top:22px}.departmentManagerPanel .accessHead h3{align-items:center;gap:8px;display:flex}.departmentManagerPanel .accessHead h3 svg{color:#1768ed;width:20px}.managerConfigurator{border:1px solid var(--border);background:#f7faff;border-radius:16px;gap:14px;padding:18px;display:grid}.managerConfigurator>label{gap:7px;font-weight:700;display:grid}.managerConfigurator select,.managerConfigurator input{border:1px solid var(--border);min-height:43px;font:inherit;background:#fff;border-radius:10px;padding:0 12px}.managerPicker{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;max-height:290px;display:grid;overflow:auto}.managerPicker button{border:1px solid var(--border);text-align:start;color:inherit;background:#fff;border-radius:11px;align-items:center;gap:9px;padding:10px;display:flex}.managerPicker button.selected{background:#eff6ff;border-color:#75a9ff}.managerPicker button>span:last-child{min-width:0;display:grid}.managerPicker small{color:var(--muted)}.managerActions{justify-content:space-between;align-items:center;gap:12px;display:flex}@media (width<=760px){.pagePermissions>div,.managerPicker{grid-template-columns:1fr}.managerActions{flex-direction:column;align-items:stretch}.managerActions .primary{justify-content:center}.accessEditor{max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:18px}.accessEditor .modalHead{margin:-18px -18px 7px;padding:18px 18px 15px;top:-18px}.accessEditorActions{padding:12px 18px calc(14px + env(safe-area-inset-bottom));margin:0 -18px -18px;bottom:-18px}}:root[data-theme=dark] .managerConfigurator,:root[data-theme=dark] .managerPicker button,:root[data-theme=dark] .pagePermissions label,:root[data-theme=dark] .passwordResetQueue,:root[data-theme=dark] .resetRequestList article{color:#e8eef7;background:#111c29;border-color:#2a3a4d}:root[data-theme=dark] .issuedResetCode{color:#e8eef7;background:#102b50;border-color:#3479d8}:root[data-theme=dark] .passwordResetQueue .accessHead>button,:root[data-theme=dark] .issuedResetCode>button,:root[data-theme=dark] .resetRequestActions>button{color:#8eb8ff;background:#0c1724;border-color:#354a61}:root[data-theme=dark] .formSuccess{color:#91dfad;background:#123522}:root[data-theme=dark] .managerPicker button.selected,:root[data-theme=dark] .pagePermissions label.checked{background:#102b50;border-color:#3479d8}:root[data-theme=dark] .managerConfigurator select,:root[data-theme=dark] .managerConfigurator input{color:#e8eef7;background:#0c1724;border-color:#2a3a4d}@media (width<=900px){.issuedResetCode{grid-template-columns:1fr 1fr}.issuedResetCode>div{grid-column:1/-1}.resetRequestList article{grid-template-columns:1fr auto}.resetRequestList time,.resetRequestActions{grid-column:1/-1}.accessHead{align-items:flex-start;gap:12px}.accessList article{grid-template-columns:42px 1fr auto}.accessList .roleBadge{grid-column:2}.accessList article>button{grid-row:auto}.accessList article>.status{grid-area:1/3}}@media (width<=560px){.passwordResetQueue{padding:13px}.issuedResetCode,.resetRequestList article{grid-template-columns:1fr}.issuedResetCode>div,.resetRequestList time,.resetRequestActions{grid-column:auto}.resetRequestActions{flex-direction:column}}.mySalary{max-width:900px;margin:0 auto}.salaryWallet{background:#fff;border:1px solid #d9e1eb;border-radius:18px;overflow:hidden;box-shadow:0 16px 40px #15305214}.salaryWalletTop{color:#fff;background:#0b315f;grid-template-columns:55px 1fr minmax(190px,auto);align-items:center;gap:15px;padding:24px;display:grid}.salaryLiveAmount{background:#ffffff1a;border:1px solid #fff3;border-radius:13px;min-width:190px;padding:12px 15px}.salaryLiveAmount small{opacity:.8;display:block}.salaryLiveAmount strong{margin:4px 0 8px;font-size:24px;display:block}.salaryLiveAmount i{padding:5px 9px;font-size:11px;display:inline-block}.salaryWalletTop>span{background:#1768ed;border-radius:14px;place-items:center;width:52px;height:52px;display:grid}.salaryWalletTop svg{width:25px}.salaryWalletTop small{opacity:.75}.salaryWalletTop strong{margin:4px 0;font-size:30px;display:block}.salaryWalletTop p{opacity:.75;margin:0}.salaryWalletTop i{color:#bc620d;background:#fff0df;border-radius:20px;padding:7px 11px;font-style:normal;font-weight:800}.salaryWalletTop i.paid{color:#167a43;background:#e7f8ed}.salaryWalletFacts{grid-template-columns:1fr 1fr;gap:10px;padding:18px;display:grid}.salaryWalletFacts span{color:#68768a;background:#f3f7fb;border-radius:10px;grid-template-columns:26px 1fr;align-items:center;padding:14px;display:grid}.salaryWalletFacts svg{color:#1768ed;width:18px}.salaryWalletFacts b{color:#172840;grid-column:2;margin-top:4px;font-size:19px}.employeeSalaryQr{text-align:center;padding:15px 24px 28px}.employeeSalaryQr svg{background:#fff;border:1px solid #dce3ec;border-radius:10px;padding:8px}.employeeSalaryQr h3{margin:14px 0 5px}.employeeSalaryQr p{color:#748195;margin:0}.salaryPaid{text-align:center;color:#167742;background:#eaf8ef;border-radius:12px;margin:18px;padding:24px}.salaryPaid svg{margin:0 auto 8px;display:block}.salaryPaid small{margin-top:6px;display:block}@media (width<=600px){.salaryWalletTop{grid-template-columns:50px 1fr}.salaryWalletTop i{grid-column:2}.salaryWalletFacts{grid-template-columns:1fr}}.employeeAttendance{max-width:950px;margin:0 auto}.upcomingSchedule{background:#fff;border:1px solid #d9e3ee;border-radius:18px;margin:16px 0;padding:18px;box-shadow:0 12px 35px #0f2a4b0f}.upcomingScheduleHead,.upcomingScheduleHead>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.upcomingScheduleHead>div{justify-content:flex-start}.upcomingScheduleHead svg{color:#1768ed;width:23px}.upcomingScheduleHead span{display:grid}.upcomingScheduleHead small{color:#738196;margin-top:3px}.upcomingScheduleHead i{color:#1768ed;background:#edf4ff;border-radius:10px;place-items:center;min-width:30px;height:30px;font-style:normal;font-weight:800;display:grid}.weekNavigator{flex-wrap:wrap;justify-content:flex-end!important;gap:6px!important;display:flex!important}.weekNavigator button{color:#1768ed;cursor:pointer;background:#fff;border:1px solid #d7e1ec;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.weekNavigator button svg{width:17px}.weekNavigator b{text-align:center;min-width:190px;font-size:11px}.scheduleMessage{color:#16724a;background:#eaf7f1;border-radius:9px;margin-top:12px;padding:10px 12px}.scheduleCards{gap:9px;max-height:380px;margin-top:14px;display:grid;overflow:auto}.scheduleCards article{background:#f8fafc;border:1px solid #e0e7ef;border-radius:13px;grid-template-columns:58px minmax(135px,.8fr) 1.3fr;align-items:center;gap:13px;padding:13px;display:grid;position:relative}.scheduleCards article.nextShift{background:linear-gradient(90deg,#effcf9,#f8fbff);border-color:#68c9c1}.scheduleCards time{border-inline-end:1px solid #dce4ed;place-items:center;display:grid}.scheduleCards time b{font-size:23px;line-height:1}.scheduleCards time small{color:#718096;margin-top:5px}.scheduleCardMain{gap:4px;display:grid}.scheduleCardMain strong{font-size:16px}.scheduleCardMain span{color:#5d6c80}.scheduleLocation{color:#405168;gap:7px;display:grid}.scheduleLocation span{align-items:center;gap:6px;display:flex}.scheduleLocation svg{color:#1768ed;width:15px}.scheduleCards em{color:#087b67;background:#d8f6ef;border-radius:999px;padding:3px 8px;font-size:9px;font-style:normal;font-weight:800;position:absolute;inset:9px 9px auto auto}.transferRequestButton{color:#1768ed;font:inherit;cursor:pointer;background:#fff;border:1px solid #b9d0ee;border-radius:8px;grid-column:1/-1;justify-self:end;align-items:center;gap:6px;padding:7px 10px;font-weight:750;display:flex}.transferRequestButton svg{width:15px}.shiftSegments{border-top:1px dashed #d6e0eb;flex-wrap:wrap;grid-column:1/-1;gap:7px;width:100%;padding-top:9px;display:flex}.shiftSegments span{color:#7a5518;background:#fff4dd;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:7px 9px;display:grid}.shiftSegments span.approved{color:#176d49;background:#e7f7ef}.shiftSegments span.rejected{color:#9a3f4a;background:#f8eaec}.shiftSegments i{font-size:9px;font-style:normal;font-weight:800}.shiftTransferModal{background:#fff;border:1px solid #dbe4ee;border-radius:18px;width:min(590px,100vw - 28px);padding:25px;box-shadow:0 28px 80px #04152d47}.shiftTransferModal>label,.shiftTransferModal .transferTimeGrid label{gap:7px;margin-top:13px;font-weight:750;display:grid}.shiftTransferModal :is(input,select,textarea){width:100%;font:inherit;background:#fff;border:1px solid #ccd8e5;border-radius:9px;padding:11px}.transferTimeGrid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.transferApprovalPanel{background:#fff;border:1px solid #dbe4ee;border-radius:14px;margin-top:16px;overflow:hidden}.transferApprovalHead{background:#f5f9ff;justify-content:space-between;align-items:center;padding:16px;display:flex}.transferApprovalHead>div{align-items:center;gap:10px;display:flex}.transferApprovalHead svg{color:#1768ed;width:22px}.transferApprovalHead h3,.transferApprovalHead p{margin:0}.transferApprovalHead b{color:#fff;background:#1768ed;border-radius:9px;place-items:center;min-width:32px;height:32px;display:grid}.transferApprovalPanel>article{border-top:1px solid #e6ebf1;grid-template-columns:1.1fr 1.4fr auto 1.4fr auto auto;align-items:center;gap:12px;padding:13px 16px;display:grid}.transferApprovalPanel article>div:first-child{display:grid}.transferApprovalPanel article span{align-items:center;gap:5px;display:flex}.transferApprovalPanel article span svg{width:14px}.transferApprovalPanel article p{margin:0}.transferApprovalPanel article i{color:#9a6410;background:#fff1d9;border-radius:999px;padding:4px 8px;font-size:10px;font-style:normal;font-weight:800}.transferApprovalPanel article i.approved{color:#187448;background:#e5f7ec}.transferApprovalPanel article i.rejected{color:#ad4343;background:#fde9e9}.transferApprovalEmpty{text-align:center;color:#718096;padding:24px}[dir=rtl] .scheduleCards em{left:9px;right:auto}.scheduleEmpty{color:#718096;text-align:center;background:#f7f9fc;border-radius:12px;margin-top:14px;padding:22px}@media (width<=650px){.upcomingSchedule{border-radius:14px;padding:13px}.scheduleCards article{grid-template-columns:48px 1fr}.scheduleLocation{grid-column:2}.upcomingScheduleHead{flex-direction:column;align-items:stretch}.weekNavigator{justify-content:space-between!important}.transferTimeGrid{grid-template-columns:1fr}}@media (width<=900px){.transferApprovalPanel>article{grid-template-columns:1fr 1fr}.transferApprovalPanel article p,.transferApprovalPanel .decisionButtons{grid-column:1/-1}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=dark] body{color:#e8eef7;background:#09111b}:root[data-theme=dark] .app main{background:#09111b}:root[data-theme=dark] header p,:root[data-theme=dark] p,:root[data-theme=dark] small{color:#9aa9bc}:root[data-theme=dark] .themeToggle{color:#ffd36a;background:#162334;border:1px solid #33445a;border-radius:10px;place-items:center;width:40px;height:40px;display:grid}:root[data-theme=dark] :is(.card,.panel,.tableCard,.plannerTable,.plannerLegend,.upcomingSchedule,.myAttendanceFacts article,.reportSheet,.auditToolbar,.auditList,.hrAdminHero+section,.leaveCard,.taskCard,.salaryWallet,.payrollPanel,.performanceCard,.notificationPanel,.modal,.quickDeductionModal),:root[data-theme=dark] :is(.summary,.foundation,.tableTools,.employeeTable,.employeeModal,.coming,.contactCard,.timelineCard,.noteModal,.adminList,.adminEditor,.attendanceSummary article,.attendanceToolbar,.attendanceTable,.scheduleGrid article,.holidayList,.punchModal,.scheduleModal,.dashboardAttendance,.dashboardAttendanceGrid>button,.dashboardOperations,.dashboardWorkStats article,.dashboardPeopleColumns>article,.attendancePeopleModal,.plannerToolbar,.leaveSummary article,.leaveTable,.taskSummary article,.taskBoard,.payrollSummary article,.performanceSummary article,.reportFilters,.reportSummary article,.auditEntry,.salaryReason,.salaryPaid){color:#e8eef7;background-color:#111c29;border-color:#2a3a4d}:root[data-theme=dark] :is(.attendanceImportFile input,.attendanceImportResult article){color:#e8eef7;background-color:#152333;border-color:#354960}:root[data-theme=dark] :is(.dashboardRanking button,.dashboardFollowUp button):hover{background-color:#1a2939}:root[data-theme=dark] :is(input,select,textarea,.headtools label,.shiftAssignmentModal select){color:#e8eef7;background:#0d1723;border-color:#35465b}:root[data-theme=dark] :is(table th,.plannerTable th){color:#b8c5d5;background:#172435;border-color:#314156}:root[data-theme=dark] :is(table td,.plannerTable td,.salaryBalanceDetails>p){border-color:#28384b}:root[data-theme=dark] .plannerTable td:first-child{background:#111c29}:root[data-theme=dark] :is(.shiftCell,.scheduleEmpty){color:#aebbd0;background:#172331;border-color:#405167}:root[data-theme=dark] :is(.shiftAssignmentModal,.shiftTransferModal,.transferApprovalPanel){color:#e8eef7;background:#111c29;border-color:#314257}:root[data-theme=dark] :is(.weekNavigator button,.transferRequestButton,.shiftSegments span){color:#8eb9ff;background:#172536;border-color:#3a4d64}:root[data-theme=dark] .transferApprovalHead{background:#14243a}:root[data-theme=dark] :is(.permanentShiftHeader,.permanentEmployeeTable){color:#e8eef7;background:#111c29;border-color:#314257}:root[data-theme=dark] .permanentShiftFilters{background:#14202e;border-color:#314257}:root[data-theme=dark] .permanentAssignmentForm{background:#14243a;border-color:#31517b}:root[data-theme=dark] :is(.permanentShiftFilters input,.permanentShiftFilters select,.permanentAssignmentForm input,.permanentAssignmentForm select){color:#e8eef7;background:#111c29;border-color:#405269}:root[data-theme=dark] .permanentEmployeeTable tr.selected td{background:#142a46}:root[data-theme=dark] .noPermanentShift{color:#b7c4d4;background:#253244}:root[data-theme=dark] .shiftCell.assigned{color:#75adff;background:#102846;border-color:#326cb8}:root[data-theme=dark] .scheduleCards article{background:#172331;border-color:#2d4054}:root[data-theme=dark] .scheduleCards article.nextShift{background:linear-gradient(90deg,#11342f,#14283c);border-color:#348e83}:root[data-theme=dark] .attendanceMood.present{color:#75d59f;background:#123426}:root[data-theme=dark] .attendanceMood.late{color:#f0b568;background:#3a2a15}:root[data-theme=dark] .attendanceMood.absent{color:#f18d99;background:#3a1d23}:root[data-theme=dark] .myAttendanceFacts b{color:#f1f5fb}:root[data-theme=dark] .modalBack{background:#02070dc7}:root[data-theme=dark] .pageTitle h2,:root[data-theme=dark] h1,:root[data-theme=dark] h2,:root[data-theme=dark] h3{color:#f3f7fc}.attendanceMood{border-radius:18px;align-items:center;gap:20px;margin:12px 0 15px;padding:26px;display:flex}.attendanceMood>span{background:#fff;border-radius:50%;place-items:center;width:72px;height:72px;display:grid}.attendanceMood svg{width:38px;height:38px}.attendanceMood h2{margin:5px 0}.attendanceMood p{margin:0}.attendanceMood.present{color:#157a43;background:#e8f8ee}.attendanceMood.late{color:#ad5b0d;background:#fff3e3}.attendanceMood.absent{color:#b33b3b;background:#feecec}.myAttendanceDate{justify-content:flex-end;align-items:center;gap:7px;display:flex}.myAttendanceDate svg{width:18px}.myAttendanceDate input{border:1px solid #d3dce7;border-radius:8px;height:40px;padding:0 10px}.myAttendanceFacts{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:15px;display:grid}.myAttendanceFacts article{background:#fff;border:1px solid #dbe3ec;border-radius:12px;align-items:center;gap:10px;padding:16px;display:flex}.myAttendanceFacts svg{color:#1768ed;width:22px}.myAttendanceFacts span{color:#718095}.myAttendanceFacts b{color:#172940;margin-top:5px;font-size:20px;display:block}.myShift{color:#fff;background:#0c315e;border-radius:11px;justify-content:space-between;margin-top:12px;padding:15px;display:flex}.salaryWalletTop{width:100%;text-align:inherit;cursor:pointer;border:0}.salaryBalanceDetails{padding:4px 20px 16px}.salaryBalanceDetails>p{border-bottom:1px solid #e2e7ed;justify-content:space-between;margin:0;padding:11px 2px;display:flex}.salaryBalanceDetails .minus b{color:#d33f3f}.salaryReason{background:#fff3e3;border-radius:9px;margin-top:10px;padding:12px}.salaryReason p{margin:5px 0 0}.salaryAdjustmentNotice{background:#f6f9fd;border:1px solid #dce7f4;border-radius:13px;margin:4px 18px 10px;padding:15px}.salaryAdjustmentIntro{align-items:flex-start;gap:12px;display:flex}.salaryAdjustmentIntro>span{color:#1768ed;background:#e7f0ff;border-radius:10px;flex:0 0 38px;place-items:center;height:38px;display:grid}.salaryAdjustmentIntro svg{width:19px}.salaryAdjustmentIntro p{color:#66768a;margin:4px 0 0;line-height:1.55}.salaryAdjustmentList{gap:7px;margin-top:13px;display:grid}.salaryAdjustmentList article{background:#fff;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:11px 12px;display:flex}.salaryAdjustmentList article b,.salaryAdjustmentList article small{display:block}.salaryAdjustmentList article small{color:#8290a2;margin-top:3px}.salaryAdjustmentList article strong{white-space:nowrap;color:#8a651f}.salaryAdjustmentList article strong.transactionMinus{color:#8a651f}.salaryAdjustmentList .convertedAdjustment{color:#52657d;white-space:nowrap;font-weight:700}.notificationPanel{z-index:80;top:72px;background:#fff;border:1px solid #d6dfe9;border-radius:14px;width:min(390px,100vw - 30px);max-height:520px;padding:10px;position:absolute;inset-inline-end:28px;overflow:auto;box-shadow:0 20px 50px #0e233c33}.notificationHead{border-bottom:1px solid #e8ecf1;justify-content:space-between;align-items:center;gap:12px;padding:8px;display:flex}.notificationHead>div:first-child{gap:2px;display:grid}.notificationActions{align-items:center;gap:6px;display:flex}.notificationHead button{cursor:pointer;background:0 0;border:0}.notificationHead svg{width:18px}.notificationHead .notificationReadAll{color:#1768ed;font:inherit;white-space:nowrap;font-size:12px;font-weight:800}.notificationHead .notificationClose{border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.notificationPanel>button{text-align:start;cursor:pointer;background:#fff;border:0;border-top:1px solid #e8ecf1;border-radius:10px;gap:4px;width:100%;padding:12px;display:grid}.notificationPanel>button.unread{background:#eef5ff}.notificationPanel>button:hover{background:#f5f8fc}.notificationPanel>button.unread:hover{background:#e4efff}.notificationPanel span,.notificationPanel small{color:#6d7b8d}.salaryCelebration{text-align:center;background:#fff;border-radius:18px;width:min(460px,100%);padding:32px}.salaryCelebration>span{color:#16804a;background:#e9f8ef;border-radius:50%;place-items:center;width:72px;height:72px;margin:auto;display:grid}.salaryCelebration svg{width:34px}.salaryCelebration h2{margin:16px 0 7px}.salaryCelebration p{color:#5e6e82;line-height:1.7}.salaryCelebration button{min-width:140px}.taskWideField{grid-column:1/-1}.taskCompletionActions{border-top:1px solid #e3e8ee;justify-content:flex-end;gap:8px;padding-top:14px;display:flex}.taskCompletionActions button{background:#fff;border:1px solid #ced8e4;border-radius:8px;height:40px;padding:0 14px}.taskCompletionActions .primary{color:#fff;background:#1768ed;align-items:center;gap:6px;display:flex}.taskCompletionActions svg{width:17px}.paymentSummaryCard{cursor:pointer}.paymentSummaryCard.paid>svg{color:#168148;background:#e8f8ee}.paymentSummaryCard.unpaid>svg{color:#c3660d;background:#fff1df}.paymentPeople{background:#fff;border-radius:15px;width:min(650px,100%);max-height:85vh;padding:22px;overflow:auto}.paymentPeople>article{border-top:1px solid #e5e9ef;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:12px;display:grid}.paymentPeople>article>span{color:#1768ed;background:#eaf2ff;border-radius:50%;place-items:center;width:40px;height:40px;font-weight:800;display:grid}.paymentPeople small{color:#758296;margin-top:3px;display:block}@media (width<=750px){.myAttendanceFacts{grid-template-columns:1fr 1fr}.attendanceMood{align-items:flex-start}.notificationPanel{inset-inline-end:15px}.taskCompletionActions{flex-direction:column}.taskCompletionActions button{width:100%}}.salaryMonthPicker{justify-content:flex-end;margin:0 0 14px;display:flex}.salaryMonthPicker label{color:#66758a;gap:6px;font-weight:700;display:grid}.salaryMonthPicker select{color:#172840;background:#fff;border:1px solid #d5deea;border-radius:10px;min-width:220px;padding:10px 12px}.salaryPeriodChooser{background:#fff;border:1px solid #dbe4ef;border-radius:16px;grid-template-columns:1fr auto;align-items:end;gap:14px;margin:0 0 14px;padding:16px;display:grid}.salaryPeriodTabs{border-bottom:1px solid #e3e9f1;grid-column:1/-1;gap:8px;padding-bottom:12px;display:flex}.salaryPeriodTabs button{color:#607089;min-height:40px;font:inherit;border:1px solid #0000;border-radius:10px;align-items:center;gap:7px;padding:8px 14px;font-weight:800;display:flex}.salaryPeriodTabs button.active{color:#1768ed;background:#eaf3ff;border-color:#a9c8f7}.salaryPeriodTabs svg,.salaryCustomPeriod svg{width:18px}.salaryCustomPeriod{grid-template-columns:repeat(2,minmax(150px,1fr)) auto;align-items:end;gap:10px;display:grid}.salaryCustomPeriod label{color:#66758a;gap:6px;font-weight:700;display:grid}.salaryCustomPeriod input{color:#172840;min-height:42px;font:inherit;background:#fff;border:1px solid #d5deea;border-radius:10px;padding:8px 10px}.salaryCustomPeriod .primary{white-space:nowrap;justify-content:center;align-items:center;gap:7px;min-height:42px;padding-inline:18px;display:flex}.salaryPeriodChooser .salaryMonthPicker{justify-content:flex-start;margin:0}.salaryNoPaidPeriods{color:#718096;margin:0}.salaryPeriodError{margin-bottom:14px}.salaryWalletTop i.live{color:#1768ed;background:#e8f1ff}.salaryLiveBalance{text-align:center;color:#1559b7;background:#eef5ff;border-radius:12px;justify-items:center;gap:6px;margin:18px;padding:22px;display:grid}.salaryLiveBalance svg{width:24px}.salaryLiveBalance small{color:#66758a}.salaryMonthPicker{align-items:end;gap:10px}.printPayslip{color:#1768ed;background:#fff;border:1px solid #d5deea;border-radius:10px;align-items:center;gap:7px;padding:10px 14px;font-weight:800;display:flex}.printPayslip svg{width:18px}.quickDeductionHead{background:linear-gradient(135deg,#f7faff,#edf5ff);border:1px solid #d7e2ef;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;padding:18px 20px;display:flex}.deductionsWorkspace{max-width:980px;margin:0 auto}.deductionMonthBar{background:#fff;border:1px solid #dbe4ee;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;padding:14px 18px;display:flex}.deductionMonthBar label{align-items:center;gap:9px;font-weight:700;display:flex}.deductionMonthBar svg{width:18px}.deductionMonthBar input{border:1px solid #ced9e7;border-radius:8px;padding:8px 10px}.deductionMonthBar>span{color:#64748b;font-weight:700}.deductionEmpty{min-height:230px}.adjustmentPerson{align-items:baseline;gap:10px;display:flex}.adjustmentPerson small{color:#8190a3}.quickDeductionHead h3,.quickDeductionHead p{margin:0}.quickDeductionHead p{color:#6e7d91;margin-top:5px}.adjustmentHistory{gap:8px;margin-bottom:14px;display:grid}.adjustmentHistory article{background:#fff;border:1px solid #e0e6ee;border-radius:11px;grid-template-columns:1fr auto;gap:3px 12px;padding:12px 16px;display:grid}.adjustmentHistory span{color:#c83d3d;font-weight:800}.adjustmentHistory p,.adjustmentHistory small{color:#64748b;grid-column:1/-1;margin:0}.advanceEligibilityBox{color:#18754d;background:#f2fbf5;border:1px solid #bfe3cc;border-radius:10px;margin:12px 0;padding:11px 13px;font-size:13px;font-weight:700}.advanceEligibilityBlocked{color:#b23a2f}.advanceEligibilityBox:has(.advanceEligibilityBlocked){background:#fdf6f6;border-color:#f0c7c4}.quickDeductionModal{background:#fff;border:1px solid #e1e8f0;border-radius:16px;width:min(620px,100%);max-width:620px;max-height:92vh;padding:26px;overflow-y:auto;box-shadow:0 24px 70px #04152d3d}.deductionFormGrid{grid-template-columns:1.4fr 1fr 1fr;gap:12px;display:grid}.exchangeRateField{background:#f6f9fd;border:1px solid #d9e5f2;border-radius:11px;grid-column:1/-1;padding:12px}.exchangeRateField small{color:#6c7a8d;font-weight:500}.quickDeductionModal>label{gap:7px;margin:12px 0;font-weight:700;display:grid}.quickDeductionModal input,.quickDeductionModal select,.quickDeductionModal textarea{box-sizing:border-box;background:#fff;border:1px solid #ced9e7;border-radius:10px;width:100%;padding:11px}.quickDeductionModal .modalActions{border-top:1px solid #e6ebf1;justify-content:flex-end;gap:10px;margin-top:18px;padding-top:16px;display:flex}.quickDeductionModal .modalActions button{background:#fff;border:1px solid #ced8e5;border-radius:9px;min-height:42px;padding:9px 18px;font-weight:800}.quickDeductionModal .modalActions .primary{color:#fff;background:#1768ed;border-color:#1768ed}@media (width<=720px){.quickDeductionHead,.deductionMonthBar{flex-direction:column;align-items:stretch}.deductionFormGrid,.salaryPeriodChooser,.salaryCustomPeriod{grid-template-columns:1fr}.salaryPeriodTabs{overflow-x:auto}.salaryPeriodTabs button{flex:none}.salaryPeriodChooser>.printPayslip,.salaryCustomPeriod .primary{width:100%}.salaryWalletTop{grid-template-columns:46px 1fr}.salaryLiveAmount{box-sizing:border-box;grid-column:1/-1;width:100%}}.quickDeductionModal textarea{resize:vertical;min-height:82px}@media print{.sidebar,header,.salaryMonthPicker,.salaryPeriodChooser,.employeeSalaryQr,.salaryLiveBalance{display:none!important}.app main{margin:0!important}.mySalary{max-width:none}.salaryWallet{box-shadow:none;border:1px solid #bbb}.salaryBalanceDetails{display:block!important}}.employeeIntelligence{color:#fff;background:linear-gradient(135deg,#0d3564,#174f8e);border:1px solid #dbe5f2;border-radius:22px;margin:18px 0;padding:22px;box-shadow:0 18px 42px #0d356426}.employeeIntelligence.positive{background:linear-gradient(135deg,#0b3d45,#11666a)}.employeeIntelligence.needs_attention{background:linear-gradient(135deg,#553b18,#835b22)}.intelligenceLead{align-items:center;gap:18px;display:flex}.intelligenceLead small{opacity:.75}.intelligenceLead h3{margin:4px 0;font-size:22px}.intelligenceLead p{opacity:.88;margin:0}.scoreRing{--score:70%;text-align:center;background:radial-gradient(circle at center,#123f70 55%,transparent 57%),conic-gradient(#67e8c4 var(--score),#ffffff29 0);border-radius:50%;flex:0 0 92px;place-content:center;width:92px;height:92px;display:grid}.scoreRing strong{font-size:25px}.scoreRing span{opacity:.7;font-size:10px}.intelligenceMetrics{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px;display:grid}.intelligenceMetrics article{background:#ffffff1c;border-radius:14px;justify-content:space-between;align-items:center;padding:13px;display:flex}.intelligenceMetrics span{opacity:.8;font-size:12px}.intelligenceMetrics b{font-size:18px}.assessmentHistory{border-top:1px solid #ffffff2e;margin-top:14px;padding-top:12px}.assessmentHistory summary{cursor:pointer;font-weight:700}.assessmentHistory>div{gap:8px;max-height:220px;margin-top:10px;display:grid;overflow:auto}.assessmentHistory article{background:#ffffff14;border-radius:10px;grid-template-columns:110px 1fr 38px;gap:12px;padding:10px;font-size:12px;display:grid}.assessmentHistory article b{text-align:center}.intelligenceTopline{justify-content:space-between;align-items:center;gap:24px;display:flex}.intelligenceTrend{text-align:center;background:#ffffff17;border:1px solid #ffffff29;border-radius:14px;flex:none;gap:3px;min-width:125px;padding:12px 15px;display:grid}.intelligenceTrend span{opacity:.72;font-size:10px}.intelligenceTrend b{color:#7ff0c8;font-size:21px}.intelligenceTrend.down b{color:#ffd07d}.intelligenceEvidence{grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;display:grid}.intelligenceEvidence>div{background:#ffffff17;border-radius:14px;padding:13px 14px}.intelligenceEvidence b{align-items:center;gap:7px;font-size:12px;display:flex}.intelligenceEvidence b svg{width:16px}.intelligenceEvidence>div>div{flex-wrap:wrap;gap:7px;margin-top:9px;display:flex}.intelligenceEvidence span{background:#ffffff1a;border-radius:99px;padding:5px 9px;font-size:11px}.intelligenceEvidence .strengths b{color:#83f1cc}.intelligenceEvidence .attention b{color:#ffd990}.monthlyPulse{background:#ffffff1c;border-radius:14px;align-items:center;gap:18px;margin-top:10px;padding:13px 15px;display:flex}.monthlyPulse>div{min-width:125px;display:grid}.monthlyPulse small{opacity:.72}.monthlyPulse strong{font-size:20px}.monthlyPulse p{opacity:.82;margin:0;font-size:12px;line-height:1.6}.notesEmpty{color:#65758a;border:1px dashed #cbd8e7;border-radius:14px;align-items:center;gap:12px;padding:24px!important;display:flex!important}.notesEmpty>svg{width:26px}.notesEmpty>span{gap:4px;display:grid}.notesEmpty small{font-size:11px}.departmentDropdown{align-items:center;gap:14px;grid-template-columns:150px minmax(220px,1fr)!important;display:grid!important}.departmentDropdown select{width:100%}@media (width<=800px){.intelligenceTopline{flex-direction:column;align-items:stretch}.intelligenceLead{align-items:flex-start}.intelligenceTrend{text-align:start;grid-template-columns:1fr auto;align-items:center}.intelligenceMetrics{grid-template-columns:repeat(2,1fr)}.intelligenceEvidence{grid-template-columns:1fr}.monthlyPulse{flex-direction:column;align-items:flex-start;gap:7px}.employeeIntelligence{padding:16px}.assessmentHistory article{grid-template-columns:90px 1fr 32px}}.dailyRoutineCard{background:linear-gradient(135deg,#f6faff,#eef6ff);border:1px solid #dbe5f2;border-radius:18px;margin:18px 0;padding:18px}.dailyRoutineCard>div:first-child{justify-content:space-between;align-items:center;display:flex}.dailyRoutineCard h3{margin:3px 0}.dailyRoutineCard small{color:#64748b}.dailyRoutineList{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px;margin-top:14px;display:grid}.dailyRoutineList label{cursor:pointer;background:#fff;border:1px solid #dbe5f2;border-radius:13px;align-items:center;gap:12px;padding:13px;display:flex}.dailyRoutineList label>span{flex:1;display:grid}.dailyRoutineList label>svg{color:#cbd5e1}.dailyRoutineList label.done{background:#ecfdf5;border-color:#a7f3d0}.dailyRoutineList label.done>svg{color:#10b981}.dailyRoutineList label.done b{color:#64748b;text-decoration:line-through}.recurringTaskModal{background:#fff;border:1px solid #dce6f2;border-radius:20px;gap:18px;width:min(620px,100vw - 32px);max-width:620px;padding:24px;display:grid;box-shadow:0 28px 80px #071e3e3d}.recurringTaskGrid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.recurringTaskModal label{color:#18324f;gap:7px;font-weight:700;display:grid}.recurringTaskModal input,.recurringTaskModal select,.recurringTaskModal textarea{box-sizing:border-box;color:#10233d;background:#fff;border:1px solid #ccd9e8;border-radius:11px;width:100%;padding:11px 12px}.recurringTaskModal .taskWideField{grid-column:1/-1}.recurringTaskModal .modalActions{border-top:1px solid #e7edf5;justify-content:flex-end;gap:10px;padding-top:14px;display:flex}.recurringTaskModal .modalActions button{background:#fff;border:1px solid #cdd9e7;border-radius:10px;min-height:42px;padding:9px 17px;font-weight:800}.recurringTaskModal .modalActions .primary{color:#fff;background:#1768ed;border-color:#1768ed}.withdrawApproval{justify-content:center;align-items:center;gap:7px;color:#b42318!important;width:auto!important;min-width:0!important;box-shadow:none!important;background:#fff7f7!important;border:1px solid #f2c9c9!important;border-radius:9px!important;padding:7px 11px!important;font-size:12px!important;font-weight:700!important;display:inline-flex!important}.withdrawApproval svg{width:15px;height:15px}.withdrawApproval:hover{background:#feecec!important;border-color:#e9a9a9!important}.leaveRevokeModal{background:#fff;border:1px solid #dce5ef;border-radius:20px;width:min(540px,100vw - 32px);padding:24px;box-shadow:0 28px 80px #081e3a40}.leaveRevokeModal>label{color:#243b55;gap:8px;margin-top:18px;font-weight:800;display:grid}.leaveRevokeModal textarea{box-sizing:border-box;resize:vertical;border:1px solid #ccd8e6;border-radius:12px;width:100%;padding:12px}.leaveRevokeModal .modalActions{border-top:1px solid #e5ebf2;justify-content:flex-end;gap:10px;margin-top:18px;padding-top:16px;display:flex}.leaveRevokeModal .modalActions button{background:#fff;border:1px solid #ccd8e6;border-radius:10px;align-items:center;gap:7px;padding:10px 15px;font-weight:800;display:inline-flex}.leaveRevokeModal .withdrawConfirm{color:#b42318!important;background:#fff2f1!important;border-color:#f0b5b0!important}.auditListHeader{color:#52657c;background:#edf3fa;border:1px solid #d8e2ee;border-bottom:0;border-radius:12px 12px 0 0;grid-template-columns:170px 105px minmax(180px,1fr) minmax(180px,1fr) 24px;gap:14px;padding:10px 16px;font-size:12px;font-weight:800;display:grid}.auditListHeader+article{border-top-left-radius:0!important;border-top-right-radius:0!important}@media (width<=650px){.recurringTaskGrid{grid-template-columns:1fr}.recurringTaskModal .taskWideField{grid-column:auto}}.employeeHome{max-width:1120px;padding-bottom:42px}.employeeHomeWelcome{color:#fff;background:linear-gradient(125deg,#0a315f 0%,#0f4c91 68%,#1768ed 120%);border-radius:22px;justify-content:space-between;align-items:flex-start;gap:24px;margin:2px 0 18px;padding:25px 28px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 40px #0b35682e}.employeeHomeWelcome:after{content:"";border:45px solid #ffffff12;border-radius:50%;width:220px;height:220px;position:absolute;inset:-100px auto auto -70px}.employeeHomeWelcome>div{z-index:1;position:relative}.employeeHomeWelcome span{color:#bcd8ff;align-items:center;gap:7px;font-size:12px;font-weight:750;display:flex}.employeeHomeWelcome span svg{width:16px}.employeeHomeWelcome h1{color:#fff;margin:8px 0 5px;font-size:25px;line-height:1.35}.employeeHomeWelcome p{color:#d8e8ff;margin:0}.homeRefresh{z-index:2;color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff40;border-radius:12px;flex:none;place-items:center;width:42px;height:42px;display:grid;position:relative}.homeRefresh svg{width:19px}.employeeHomeTop{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:16px;display:grid}.homeStatusCard,.homeDailyTasks{background:#fff;border:1px solid #dbe5ef;border-radius:19px;min-height:260px;padding:21px;box-shadow:0 10px 30px #0f2a4b0e}.homeStatusCard{position:relative;overflow:hidden}.homeStatusCard:after{content:"";background:#26ad70;width:5px;position:absolute;inset:0 0 0 auto}.homeStatusCard.late:after{background:#f0a33a}.homeStatusCard.absent:after{background:#e85d68}.homeSectionTitle{align-items:center;gap:11px;display:flex}.homeSectionTitle>span{color:#1768ed;background:#eaf2ff;border-radius:13px;flex:none;place-items:center;width:42px;height:42px;display:grid}.homeSectionTitle svg{width:21px}.homeSectionTitle>div{gap:2px;min-width:0;display:grid}.homeSectionTitle small{color:#718095}.homeSectionTitle h2{margin:0;font-size:18px}.homeSectionTitle>b{color:#1768ed;margin-inline-start:auto;font-size:16px}.homeStatusCard.present .homeSectionTitle>span{color:#16935b;background:#e6f7ef}.homeStatusCard.late .homeSectionTitle>span{color:#d17b14;background:#fff2df}.homeStatusCard.absent .homeSectionTitle>span{color:#cb3f4c;background:#ffebed}.homeStatusCard>p{color:#65758a;min-height:44px;margin:19px 0;line-height:1.7}.homeStatusTimes{border-top:1px solid #e5ebf2;grid-template-columns:1fr 1.25fr;gap:10px;margin-top:18px;padding-top:17px;display:grid}.homeStatusTimes>div{gap:5px;display:grid}.homeStatusTimes small{color:#7a889a}.homeStatusTimes strong{color:#102844;font-size:20px}.dailyProgress{background:#e8eef6;border-radius:99px;height:6px;margin:18px 0 13px;overflow:hidden}.dailyProgress i{border-radius:inherit;background:linear-gradient(90deg,#1b6cf2,#26b77a);height:100%;transition:width .35s;display:block}.homeDailyList{gap:8px;display:grid}.homeDailyList>button{color:#15304f;text-align:start;cursor:pointer;background:#fbfcfe;border:1px solid #e1e8f0;border-radius:12px;align-items:center;gap:11px;width:100%;padding:11px 12px;transition:all .18s;display:flex}.homeDailyList>button:hover{border-color:#8eb8f6;transform:translateY(-1px);box-shadow:0 7px 17px #144d9614}.homeDailyList>button>span{color:#a5b4c5;border:2px solid #cbd7e5;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;display:grid}.homeDailyList>button>span svg{width:17px}.homeDailyList>button>div{gap:2px;display:grid}.homeDailyList>button small{color:#78879a;white-space:nowrap;text-overflow:ellipsis;max-width:340px;overflow:hidden}.homeDailyList>button.done{background:#effbf5;border-color:#bde8d2}.homeDailyList>button.done>span{color:#fff;background:#27ac6e;border-color:#27ac6e}.homeDailyList>button.done strong{color:#56806b;text-decoration:line-through}.homeDailyEmpty{color:#5c6d81;justify-content:center;align-items:center;gap:10px;min-height:118px;display:flex}.homeDailyEmpty>svg{color:#27ad70;width:28px}.homeDailyEmpty span{gap:3px;display:grid}.nextShiftStrip{background:#f7faff;border:1px solid #d9e4f0;border-radius:16px;grid-template-columns:repeat(4,1fr);gap:0;margin:16px 0;padding:14px 8px;display:grid}.nextShiftStrip>div{border-inline-end:1px solid #dbe5f0;align-items:center;gap:9px;padding:2px 14px;display:flex}.nextShiftStrip>div:last-child{border:0}.nextShiftStrip svg{color:#1768ed;width:19px}.nextShiftStrip span{gap:2px;display:grid}.nextShiftStrip small{color:#7b899a}.nextShiftStrip b{color:#18334f;font-size:12px}.employeeHome .upcomingSchedule{margin-top:16px}.employeeHome .myAttendanceFacts article{min-height:77px}.employeeHome .myShift{margin-top:11px}:root[data-theme=dark] .employeeHomeWelcome{background:linear-gradient(125deg,#102a49,#103e72 70%,#175cb9)}:root[data-theme=dark] :is(.homeStatusCard,.homeDailyTasks){color:#e8eef7;background:#111c29;border-color:#2a3a4d}:root[data-theme=dark] .homeStatusTimes{border-color:#2a3a4d}:root[data-theme=dark] .homeStatusTimes strong{color:#eef5ff}:root[data-theme=dark] .homeDailyList>button{color:#e5edf7;background:#152232;border-color:#304155}:root[data-theme=dark] .homeDailyList>button.done{background:#113025;border-color:#286a4d}:root[data-theme=dark] .dailyProgress{background:#253447}:root[data-theme=dark] .nextShiftStrip{background:#111c29;border-color:#2a3a4d}:root[data-theme=dark] .nextShiftStrip>div{border-color:#2a3a4d}:root[data-theme=dark] .nextShiftStrip b{color:#edf4fc}@media (width<=820px){.employeeHomeTop{grid-template-columns:1fr}.nextShiftStrip{grid-template-columns:1fr 1fr}.nextShiftStrip>div:nth-child(2){border-inline-end:0}.nextShiftStrip>div{border-bottom:1px solid #dbe5f0;padding:9px 12px}.nextShiftStrip>div:nth-last-child(-n+2){border-bottom:0}}@media (width<=560px){.employeeHomeWelcome{border-radius:17px;padding:20px}.employeeHomeWelcome h1{font-size:20px}.employeeHomeWelcome>div>span{display:none}.homeStatusCard,.homeDailyTasks{min-height:auto;padding:16px}.homeStatusTimes{grid-template-columns:1fr 1fr}.homeStatusTimes strong{font-size:16px}.nextShiftStrip{grid-template-columns:1fr}.nextShiftStrip>div{border-inline-end:0;border-bottom:1px solid #dbe5f0!important}.nextShiftStrip>div:last-child{border-bottom:0!important}.homeDailyList>button small{max-width:230px}}.employeeHomeWelcome{color:#102844;box-shadow:none;background:0 0;margin:0 0 22px;padding:3px 5px;overflow:visible}.employeeHomeWelcome:after{display:none}.employeeHomeWelcome h1{color:#102844;font-size:27px}.employeeHomeWelcome span{color:#607089;font-size:14px}.employeeHomeWelcome p{color:#5f6f85;position:absolute;inset:7px auto auto 52%}.employeeHomeWelcome .homeRefresh{color:#1768ed;background:#fff;border-color:#d8e2ee;margin-top:3px;box-shadow:0 5px 15px #112f530f}.employeeHomeTop{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);grid-template-areas:"tasks status";align-items:stretch}.homeStatusStack{grid-area:status;grid-template-rows:1fr auto;gap:14px;display:grid}.homeDailyTasks{grid-area:tasks}.homeStatusCard,.homeDailyTasks{border-radius:14px;min-height:245px;box-shadow:0 7px 20px #0f2a4b11}.homeStatusCard{min-height:0}.homeStatusCard>p{min-height:36px;margin:13px 0}.homeStatusTimes{margin-top:10px;padding-top:13px}.homeStatusTimes strong{font-size:18px}.homeDailyTasks .homeSectionTitle>span{order:3}.homeDailyTasks .homeSectionTitle>div{order:2}.homeDailyTasks .homeSectionTitle>b{order:1;margin-inline:auto 0;font-size:20px}.nextShiftStrip{background:#fff;border-radius:14px;grid-template-columns:repeat(4,1fr);margin:0;padding:14px 7px;box-shadow:0 7px 20px #0f2a4b0e}.nextShiftStrip>div{padding:2px 9px}.employeeHome .upcomingSchedule{padding:15px 15px 12px}.employeeHome .scheduleCards{border:1px solid #e0e7ef;border-radius:12px;grid-template-columns:repeat(7,minmax(112px,1fr));gap:0;max-height:none;overflow-x:auto}.employeeHome .scheduleCards article{border:0;background:#fff;border-inline-end:1px solid #e0e7ef;border-radius:0;flex-direction:column;align-items:stretch;gap:7px;min-width:112px;padding:12px 9px;display:flex}.employeeHome .scheduleCards article:last-child{border-inline-end:0}.employeeHome .scheduleCards article.nextShift{outline-offset:-2px;background:#f7fbff;outline:1.5px solid #1768ed}.employeeHome .scheduleCards time{border:0;border-bottom:1px solid #edf1f5;place-items:start;padding-bottom:8px}.employeeHome .scheduleCards time b{font-size:18px}.employeeHome .scheduleCards time small{font-size:10px}.employeeHome .scheduleCardMain strong{font-size:12px}.employeeHome .scheduleCardMain span,.employeeHome .scheduleLocation{font-size:10px}.employeeHome .transferRequestButton{justify-content:center;justify-self:stretch;padding:6px;font-size:9px}.employeeHome .shiftSegments{display:none}.employeeHome .scheduleCards em{font-size:8px}.employeeMobileNav{display:none}:root[data-theme=dark] .employeeHomeWelcome,:root[data-theme=dark] .employeeHomeWelcome h1{color:#edf5ff}:root[data-theme=dark] .employeeHomeWelcome .homeRefresh{background:#152333;border-color:#34485e}:root[data-theme=dark] .nextShiftStrip{background:#111c29}:root[data-theme=dark] .employeeHome .scheduleCards{border-color:#2d4054}:root[data-theme=dark] .employeeHome .scheduleCards article{background:#111c29;border-color:#2d4054}@media (width<=760px){main:has(.employeeHome){padding-bottom:92px}main:has(.employeeHome)>header{height:70px}.employeeHome{padding:0 5px 24px}.employeeHomeWelcome{margin:0 0 15px;padding:0}.employeeHomeWelcome h1{font-size:21px}.employeeHomeWelcome span{font-size:12px}.employeeHomeWelcome p{margin-top:4px;position:static}.employeeHomeWelcome .homeRefresh{width:38px;height:38px}.employeeHomeTop{flex-direction:column;display:flex}.homeStatusStack{order:1}.homeDailyTasks{order:2}.homeStatusCard,.homeDailyTasks{border-radius:14px;min-height:auto;padding:17px}.homeStatusCard{border-inline-start:4px solid #26ad70}.homeStatusCard:after{display:none}.homeSectionTitle h2{font-size:17px}.homeStatusCard>p{display:none}.homeStatusTimes{grid-template-columns:1fr 1fr;margin-top:14px}.homeStatusTimes>div{text-align:center}.homeDailyTasks .homeSectionTitle>span,.homeDailyTasks .homeSectionTitle>div{order:initial}.homeDailyTasks .homeSectionTitle>b{order:initial;margin-inline-start:auto}.homeDailyList>button{background:#fff;border-width:0 0 1px;border-radius:0;padding:12px 3px}.homeDailyList>button:last-child{border-bottom:0}.homeDailyList>button.done{background:#fff}.nextShiftStrip{grid-template-columns:1fr 1fr;margin:0;box-shadow:0 7px 20px #0f2a4b0e}.nextShiftStrip>div{border-bottom:1px solid #e5ebf2;padding:9px}.nextShiftStrip>div:nth-child(2n){border-inline-end:0}.nextShiftStrip>div:nth-last-child(-n+2){border-bottom:0}.employeeHome .upcomingSchedule{margin-top:15px;padding:14px}.employeeHome .upcomingScheduleHead{gap:12px}.employeeHome .scheduleCards{scroll-snap-type:x mandatory;grid-template-columns:none;grid-auto-columns:108px;grid-auto-flow:column;overflow-x:auto}.employeeHome .scheduleCards article{scroll-snap-align:start;text-align:center;min-width:108px}.employeeHome .scheduleCards time{place-items:center}.employeeHome .scheduleLocation,.employeeHome .transferRequestButton{display:none}.employeeHome .myAttendanceDate{justify-content:flex-start}.employeeHome .myAttendanceFacts{grid-template-columns:1fr 1fr}.employeeHome .myAttendanceFacts article{min-height:72px;padding:12px}.employeeHome .myAttendanceFacts b{font-size:17px}.employeeHome .myShift{display:none}.employeeMobileNav{z-index:20;height:72px;padding:7px max(8px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff7;border-top:1px solid #dce4ed;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;inset:auto 0 0;box-shadow:0 -8px 25px #0c244217}.employeeMobileNav button{color:#617088;font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:10px;font-weight:700;display:flex;position:relative}.employeeMobileNav svg{width:21px;height:21px}.employeeMobileNav button.active{color:#1768ed}.employeeMobileNav button.active:before{content:"";background:#1768ed;border-radius:0 0 5px 5px;height:3px;position:absolute;inset:-7px 22% auto}:root[data-theme=dark] .homeDailyList>button,:root[data-theme=dark] .homeDailyList>button.done{background:#111c29}:root[data-theme=dark] .employeeMobileNav{background:#0d1723f7;border-color:#2c3d51}}main:has(.employeeHome)>header{display:none}.employeeHome{max-width:1160px;margin:0 auto;padding-top:14px}.employeeHomeWelcome{align-items:center;margin-bottom:20px;padding:0 2px}.employeeHomeWelcome>div:first-child{text-align:start;order:1}.employeeHomeWelcome h1{margin:0 0 3px;font-size:28px}.employeeHomeWelcome span{justify-content:flex-start;font-weight:600}.homeWelcomeMeta{order:2;align-items:center;gap:13px;margin-inline-start:auto;display:flex}.employeeHomeWelcome .homeWelcomeMeta p{color:#53657d;margin:0;font-size:13px;position:static}.employeeHomeTop{grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);grid-template-areas:"status tasks";gap:18px}.homeStatusCard,.homeDailyTasks{min-height:270px;padding:22px 24px}.homeStatusSuccess{color:#17854e;background:#eaf8ef;border-radius:9px;align-items:center;gap:8px;margin-top:14px;padding:11px 18px;font-size:14px;font-weight:800;display:inline-flex}.homeStatusSuccess svg{width:19px}.homeStatusCard>p{margin:13px 0 8px}.homeStatusTimes{margin-top:10px}.homeDailyTasks .homeSectionTitle{padding-bottom:3px}.homeDailyList>button{min-height:48px}.homeStatusStack{gap:12px}.nextShiftStrip{padding:13px 5px}.employeeHome .upcomingSchedule{border-radius:15px;margin-top:18px;padding:17px}.employeeHome .scheduleCards{direction:rtl;grid-template-columns:repeat(7,minmax(118px,1fr));width:100%}.employeeHome .scheduleCards article{justify-content:flex-start;min-height:162px}.employeeHome .scheduleCards article.offDay{background:#fcfcfd}.scheduleDayOff{color:#d45a5a;background:#fff0f0;border-radius:7px;margin:auto 0;padding:6px;font-size:10px;font-weight:800}.employeeHome .myAttendanceDate{margin-top:16px}.employeeHome .myAttendanceFacts{margin-top:10px}.employeeHome .myAttendanceFacts article{border-radius:13px}@media (width<=760px){main:has(.employeeHome)>header{display:none}.employeeHome{padding:15px 12px 92px}.employeeHomeWelcome{align-items:flex-start;margin-bottom:14px}.employeeHomeWelcome h1{font-size:22px}.employeeHomeWelcome span{max-width:250px}.homeWelcomeMeta{flex-direction:column-reverse;align-items:flex-end;gap:5px}.employeeHomeWelcome .homeWelcomeMeta p{white-space:nowrap;font-size:10px}.employeeHomeTop{gap:12px;display:flex}.homeStatusStack{width:100%}.homeStatusCard,.homeDailyTasks{padding:17px 16px}.homeStatusSuccess{justify-content:center;margin-top:12px;display:flex}.homeDailyTasks{width:100%}.nextShiftStrip{grid-template-columns:1fr 1fr}.employeeHome .upcomingSchedule{padding:13px 12px}.employeeHome .scheduleCards{direction:rtl;grid-template-columns:none;grid-auto-columns:132px}.employeeHome .scheduleCards article{min-width:132px;min-height:150px}}main:has(.employeeHomeV2)>header{direction:ltr;justify-content:flex-start!important;align-items:center!important;height:72px!important;padding:0 24px!important;display:flex!important}:is(main:has(.employeeHomeV2)>header .headerTitle,main:has(.employeeHomeV2)>header .menub){display:none!important}main:has(.employeeHomeV2)>header .headtools{z-index:25;align-items:center;gap:12px;position:relative;margin:0!important;display:flex!important}main:has(.employeeHomeV2)>header .headtools>.icon:not(.themeToggle){color:#17344f;background:#fff;border:1px solid #dce5ef;border-radius:50%;place-items:center;width:38px;height:38px;display:grid!important}main:has(.employeeHomeV2)>header .profilepic{color:#17344f;background:#fff;border:1px solid #dce5ef;border-radius:50%;place-items:center;width:38px;height:38px;display:grid!important}main:has(.employeeHomeV2)>header .profilepic svg{width:19px;height:19px}main:has(.employeeHomeV2)>header .icon i{top:-5px;right:-4px}main:has(.employeeHomeV2){background:#fbfcfe}.employeeHomeV2{color:#10233e;width:min(1080px,100%);margin:0 auto;padding:22px 24px 36px}.employeeHomeV2 .employeeHomeWelcome{box-shadow:none;color:#10233e;background:0 0;justify-content:space-between;align-items:center;margin:0 0 22px;padding:0;display:flex;overflow:visible}.employeeHomeV2 .employeeHomeWelcome:after{display:none}.employeeHomeV2 .employeeHomeWelcome>div:first-child{order:1}.employeeHomeV2 .employeeHomeWelcome h1{color:#10233e;margin:0 0 4px;font-size:27px;font-weight:900}.employeeHomeV2 .employeeHomeWelcome span{color:#66758a;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.employeeHomeV2 .homeWelcomeMeta{order:2;align-items:center;gap:12px;margin-inline-start:auto;display:flex}.employeeHomeV2 .homeWelcomeMeta p{color:#53647a;margin:0;font-size:12px;position:static}.employeeHomeV2 .homeRefresh{color:#1768ed;background:#fff;border:1px solid #dce6f1;border-radius:12px;width:40px;height:40px;box-shadow:0 6px 16px #14375f12}.employeeHomeV2 .employeeHomeTop{direction:ltr;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);grid-template-areas:"tasks status";gap:18px;display:grid}.employeeHomeV2 .homeDailyTasks{direction:rtl;grid-area:tasks}.employeeHomeV2 .homeStatusStack{direction:rtl;grid-area:status;grid-template-rows:1fr auto;gap:12px;display:grid}.employeeHomeV2 .homeStatusCard,.employeeHomeV2 .homeDailyTasks{background:#fff;border:1px solid #dde7f1;border-radius:14px;min-height:275px;padding:22px;box-shadow:0 9px 24px #14335912}.employeeHomeV2 .homeStatusCard{border-left:1px solid #dde7f1;border-right:5px solid #28b878;min-height:0;position:relative;overflow:hidden}.employeeHomeV2 .homeStatusCard:after{display:none}.employeeHomeV2 .homeSectionTitle{align-items:center;gap:11px;display:flex}.employeeHomeV2 .homeSectionTitle>span{color:#1768ed;background:#eaf2ff;border-radius:12px;place-items:center;width:41px;height:41px;display:grid}.employeeHomeV2 .homeStatusCard .homeSectionTitle>span{color:#15945a;background:#e8f8ef;display:none}.employeeHomeV2 .homeSectionTitle>div{gap:2px;display:grid}.employeeHomeV2 .homeSectionTitle small{color:#7a899b;font-size:11px}.employeeHomeV2 .homeSectionTitle h2{margin:0;font-size:17px}.employeeHomeV2 .homeSectionTitle>b{color:#1768ed;margin-inline-start:auto;font-size:17px}.employeeHomeV2 .homeStatusSuccess{color:#16834e;background:#eaf8ef;border-radius:9px;align-items:center;gap:8px;margin:14px 0 0;padding:11px 18px;font-size:13px;font-weight:850;display:inline-flex}.employeeHomeV2 .homeStatusSuccess svg{width:18px}.employeeHomeV2 .homeStatusCard>p{color:#68798f;min-height:30px;margin:13px 0 8px;font-size:12px;line-height:1.65}.employeeHomeV2 .homeStatusTimes{border-top:1px solid #e5ebf2;grid-template-columns:1fr 1fr;gap:12px;margin-top:13px;padding-top:14px;display:grid}.employeeHomeV2 .homeStatusTimes>div{gap:5px;display:grid}.employeeHomeV2 .homeStatusTimes small{color:#7d8999;font-size:10px}.employeeHomeV2 .homeStatusTimes strong{color:#102844;font-size:18px}.employeeHomeV2 .homeStatusTimes>div:first-child strong{color:#148b50;font-size:23px}.employeeHomeV2 .dailyProgress{background:#e9eef5;border-radius:99px;height:6px;margin:17px 0 13px;overflow:hidden}.employeeHomeV2 .dailyProgress i{border-radius:inherit;background:#1768ed;height:100%;display:block}.employeeHomeV2 .homeDailyList{gap:8px;display:grid}.employeeHomeV2 .homeDailyList>button{color:#18324f;text-align:start;background:#fff;border:1px solid #e1e8f0;border-radius:10px;align-items:center;gap:11px;width:100%;min-height:50px;padding:10px 12px;display:flex}.employeeHomeV2 .homeDailyList>button>span{color:#9aabba;border:2px solid #cad6e4;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.employeeHomeV2 .homeDailyList>button.done{background:#effbf5;border-color:#bde7d0}.employeeHomeV2 .homeDailyList>button>div{gap:2px;display:grid}.employeeHomeV2 .homeDailyList>button small{color:#7c8998}.employeeHomeV2 .nextShiftStrip{background:#fff;border:1px solid #dce6f0;border-radius:13px;grid-template-columns:repeat(4,1fr);gap:0;margin:0;padding:13px 7px;display:grid;box-shadow:0 7px 19px #1433590e}.employeeHomeV2 .nextShiftStrip>div{border-inline-end:1px solid #dde5ee;align-items:center;gap:8px;padding:2px 10px;display:flex}.employeeHomeV2 .nextShiftStrip>div:last-child{border:0}.employeeHomeV2 .nextShiftStrip svg{color:#1768ed;width:17px}.employeeHomeV2 .nextShiftStrip span{gap:2px;display:grid}.employeeHomeV2 .nextShiftStrip small{color:#8390a0;font-size:9px}.employeeHomeV2 .nextShiftStrip b{color:#18324d;font-size:10px}.employeeHomeV2 .nextShiftCard{background:#fff;border:1px solid #dce6f0;border-radius:13px;overflow:hidden;box-shadow:0 7px 19px #1433590e}.employeeHomeV2 .nextShiftCard>header{color:#173655;justify-content:flex-start;align-items:center;gap:7px;padding:11px 14px 5px;font-size:12px;display:flex}.employeeHomeV2 .nextShiftCard>header svg{color:#1768ed;width:17px}.employeeHomeV2 .nextShiftDetails{grid-template-columns:repeat(3,1fr);padding:8px 10px 10px;display:grid}.employeeHomeV2 .nextShiftDetails>div{text-align:right;border-inline-end:1px solid #e1e8f0;justify-content:center;align-items:center;gap:8px;padding:3px 12px;display:flex}.employeeHomeV2 .nextShiftDetails>div:last-child{border:0}.employeeHomeV2 .nextShiftDetails svg{color:#1768ed;background:#edf4ff;border-radius:8px;width:28px;height:28px;padding:6px}.employeeHomeV2 .nextShiftDetails span{gap:2px;display:grid}.employeeHomeV2 .nextShiftDetails small{color:#8190a2;font-size:9px}.employeeHomeV2 .nextShiftDetails b{color:#17344f;font-size:10px}.employeeHomeV2 .nextShiftCard>footer{color:#7b899a;border-top:1px solid #edf1f5;justify-content:center;align-items:center;gap:7px;padding:7px 12px;font-size:9px;display:flex}.employeeHomeV2 .nextShiftCard>footer svg{color:#7b899a;width:13px}.employeeHomeV2 .upcomingSchedule{background:#fff;border:1px solid #dce6f0;border-radius:14px;margin-top:18px;padding:16px;box-shadow:0 9px 24px #14335911}.employeeHomeV2 .upcomingScheduleHead{justify-content:space-between;align-items:flex-start;gap:14px;min-height:45px;margin-bottom:8px;display:flex;position:relative}.employeeHomeV2 .upcomingScheduleHead>div{align-items:center;gap:8px;display:flex}.employeeHomeV2 .upcomingScheduleHead span{display:grid}.employeeHomeV2 .upcomingScheduleHead small{color:#7b8999;font-size:10px}.employeeHomeV2 .weekNavigator{direction:ltr;position:absolute;top:0;left:0}.employeeHomeV2 .weekNavigator button{color:#1768ed;background:#fff;border:1px solid #d8e3ee;border-radius:8px;width:30px;height:30px}.employeeHomeV2 .weekNavigator b{font-size:10px}.employeeHomeV2 .scheduleCards{direction:rtl;border:1px solid #dde5ee;border-radius:11px;grid-template-columns:repeat(7,minmax(0,1fr));gap:0;max-height:none;display:grid;overflow:visible}.employeeHomeV2 .scheduleCards article{border:0;background:#fff;border-inline-end:1px solid #dde5ee;border-radius:0;flex-direction:column;gap:6px;min-width:0;min-height:155px;padding:11px 8px;display:flex;position:relative}.employeeHomeV2 .scheduleCards article:last-child{border-inline-end:0}.employeeHomeV2 .scheduleCards article.nextShift{outline-offset:-2px;background:#f7fbff;outline:1.5px solid #1768ed}.employeeHomeV2 .scheduleCards time{border-bottom:1px solid #edf1f5;gap:1px;padding-bottom:7px;display:grid}.employeeHomeV2 .scheduleCards time small,.employeeHomeV2 .scheduleCardMain span,.employeeHomeV2 .scheduleLocation{color:#748398;font-size:9px}.employeeHomeV2 .scheduleCardMain{gap:2px;display:grid}.employeeHomeV2 .scheduleLocation{gap:4px;display:grid}.employeeHomeV2 .scheduleLocation span{align-items:center;gap:4px;display:flex}.employeeHomeV2 .scheduleLocation svg{color:#1768ed;width:12px}.employeeHomeV2 .transferRequestButton{color:#1768ed;background:#fff;border:1px solid #a9caf9;border-radius:7px;margin-top:auto;padding:6px 4px;font-size:8px}.employeeHomeV2 .scheduleDayOff{color:#d85d5d;text-align:center;background:#fff0f0;border-radius:7px;margin:auto 0;padding:6px;font-size:9px;font-weight:800}.employeeHomeV2 .myAttendanceDate{align-items:center;gap:8px;margin-top:17px;display:flex}.employeeHomeV2 .attendanceSummaryTitle{text-align:start;color:#213b59;margin:10px 0 7px;font-size:12px;font-weight:800}.employeeHomeV2 .myAttendanceFacts{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.employeeHomeV2 .myAttendanceFacts article{background:#fff;border:1px solid #dde6ef;border-radius:12px;justify-content:center;align-items:center;gap:11px;min-height:78px;padding:13px;display:flex;box-shadow:0 5px 14px #1433590a}.employeeHomeV2 .myAttendanceFacts article>svg{color:#1768ed;width:25px}.employeeHomeV2 .myAttendanceFacts span{color:#718095;gap:4px;font-size:10px;display:grid}.employeeHomeV2 .myAttendanceFacts b{color:#13304d;font-size:18px}.employeeHomeV2 .homeDailyList>button,.employeeHomeV2 .homeDailyList>button.done{color:#18324f;background:#fff;border:1px solid #e2e9f1;flex-direction:row-reverse;min-height:54px;padding:10px 48px;position:relative;box-shadow:0 2px 7px #14335909}.employeeHomeV2 .homeDailyList>button.done strong{color:#18324f;text-decoration:none}.employeeHomeV2 .homeDailyList>button>span{background:#fff;width:29px;height:29px;position:absolute;left:12px;right:auto}.employeeHomeV2 .homeDailyList>button.done>span{color:#20ad68;background:#fff;border-color:#20ad68}.employeeHomeV2 .homeDailyList>button:after{content:"✓";color:#1768ed;background:#edf4ff;border-radius:7px;place-items:center;width:28px;height:28px;font-size:13px;font-weight:900;display:grid;position:absolute;left:auto;right:12px}.employeeHomeV2 .homeDailyList>button>div{text-align:start;width:100%}.employeeHomeV2 .homeDailyTasks{min-height:284px}.employeeHomeV2 .homeStatusCard{min-height:172px;padding:22px 22px 16px}.employeeHomeV2 .homeStatusCard .homeSectionTitle{justify-content:flex-start}.employeeHomeV2 .homeStatusSuccess{justify-content:center;min-width:168px;margin:0;position:absolute;top:25px;left:20px}.employeeHomeV2 .homeStatusCard>p{display:none}.employeeHomeV2 .homeStatusTimes{margin-top:76px;padding-top:12px;display:block}.employeeHomeV2 .homeStatusTimes>div{text-align:right}.employeeHomeV2 .homeStatusTimes>div:first-child{text-align:right;gap:1px;display:grid;position:absolute;top:60px;right:22px}.employeeHomeV2 .homeStatusTimes>div:nth-child(2){justify-content:flex-start;align-items:center;gap:14px;display:flex}.employeeHomeV2 .homeStatusTimes>div:nth-child(2) strong{color:#536780;font-size:13px}.employeeHomeV2 .nextShiftStrip{min-height:74px;padding:10px 6px}.employeeHomeV2 .upcomingSchedule{padding:13px 14px 12px}.employeeHomeV2 .upcomingScheduleHead{margin-bottom:9px}.employeeHomeV2 .upcomingScheduleHead>div:first-child{text-align:right;direction:rtl;justify-content:flex-start;width:auto;margin:0;position:absolute;top:0;left:auto;right:0}.employeeHomeV2 .upcomingScheduleHead>div:first-child span{text-align:right;align-items:flex-end}.employeeHomeV2 .upcomingScheduleHead>div:first-child svg{width:19px}.employeeHomeV2 .scheduleCards article{text-align:center;justify-content:flex-start;align-items:center;min-height:106px;padding:9px 6px}.employeeHomeV2 .scheduleCards time{place-items:center;width:100%;padding-bottom:5px}.employeeHomeV2 .scheduleCards time b{font-size:14px}.employeeHomeV2 .scheduleCards time small{font-size:9px}.employeeHomeV2 .scheduleCardMain{place-items:center}.employeeHomeV2 .scheduleCardMain strong{font-size:9px}.employeeHomeV2 .scheduleCardMain span{display:none}.employeeHomeV2 .scheduleLocation{place-items:center;gap:4px;width:100%;margin-top:2px;color:#66788d!important;font-size:9px!important;display:grid!important}.employeeHomeV2 .scheduleLocation span{white-space:nowrap;justify-content:center;align-items:center;gap:4px;width:100%;display:flex!important}.employeeHomeV2 .scheduleLocation svg{color:#1768ed;width:12px!important;height:12px!important;display:block!important}.employeeHomeV2 .transferRequestButton,.employeeHomeV2 .shiftSegments{display:none!important}.employeeHomeV2 .scheduleDayOff{margin:auto 0 6px;padding:5px 8px}.employeeHomeV2 .scheduleCards em{order:-1;align-self:center;padding:3px 8px;font-size:8px;position:static}.employeeHomeV2 .myAttendanceDate{display:none}.employeeHomeV2 .attendanceSummaryPanel{background:#fff;border:1px solid #dce6f0;border-radius:14px;margin-top:18px;padding:10px 12px 13px;box-shadow:0 9px 24px #14335911}.employeeHomeV2 .attendanceSummaryTitle{text-align:right;width:100%;margin:18px 0 8px;padding:0 4px;font-size:12px}.employeeHomeV2 .attendanceSummaryPanel .attendanceSummaryTitle{margin:0 0 9px}.employeeHomeV2 .myAttendanceFacts{gap:12px}.employeeHomeV2 .myAttendanceFacts article{direction:rtl;border:0;min-height:88px;padding:14px 72px 14px 16px;display:block;position:relative;overflow:hidden}.employeeHomeV2 .myAttendanceFacts article>svg{stroke-width:2.4px;border-radius:50%;width:46px;height:46px;margin:0;padding:11px;position:absolute;top:50%;left:auto;right:16px;transform:translateY(-50%)}.employeeHomeV2 .myAttendanceFacts article span{text-align:right;direction:rtl;gap:4px;width:100%;padding-top:6px;display:grid}.employeeHomeV2 .myAttendanceFacts article b{font-size:20px}.employeeHomeV2 .myAttendanceFacts article:first-child,.employeeHomeV2 .myAttendanceFacts article:nth-child(2),.employeeHomeV2 .myAttendanceFacts article:nth-child(3){background:linear-gradient(105deg,#f5fbf7,#eaf8ef)}.employeeHomeV2 .myAttendanceFacts article:nth-child(-n+3)>svg{color:#18a35e;background:#d7f3e2}.employeeHomeV2 .myAttendanceFacts article:nth-child(-n+3) b{color:#159252}.employeeHomeV2 .myAttendanceFacts article:nth-child(4){background:linear-gradient(105deg,#fff8f7,#ffeded)}.employeeHomeV2 .myAttendanceFacts article:nth-child(4)>svg{color:#ef5757;background:#ffdedd}.employeeHomeV2 .myAttendanceFacts article:nth-child(4) b{color:#e94f4f}:root[data-theme=dark] main:has(.employeeHomeV2){background:#0b1420}:root[data-theme=dark] main:has(.employeeHomeV2)>header .headtools>.icon:not(.themeToggle){color:#e9f2ff;background:#111e2c;border-color:#2b3e53}:root[data-theme=dark] main:has(.employeeHomeV2)>header .profilepic{color:#e9f2ff;background:#111e2c;border-color:#2b3e53}:root[data-theme=dark] .employeeHomeV2,:root[data-theme=dark] .employeeHomeV2 .employeeHomeWelcome{color:#e8f0fb}:root[data-theme=dark] .employeeHomeV2 .employeeHomeWelcome h1{color:#f4f8ff}:root[data-theme=dark] .employeeHomeV2 .employeeHomeWelcome span,:root[data-theme=dark] .employeeHomeV2 .homeWelcomeMeta p{color:#91a3b9}:root[data-theme=dark] .employeeHomeV2 .homeRefresh,:root[data-theme=dark] .employeeHomeV2 .weekNavigator button{color:#69a5ff;box-shadow:none;background:#132131;border-color:#31465d}:root[data-theme=dark] .employeeHomeV2 :is(.homeStatusCard,.homeDailyTasks,.nextShiftCard,.upcomingSchedule,.attendanceSummaryPanel){color:#eaf2fc;background:#111d2a;border-color:#283b50;box-shadow:0 12px 28px #00000038}:root[data-theme=dark] .employeeHomeV2 .homeStatusCard{border-left-color:#283b50;border-right-color:#31bd7d}:root[data-theme=dark] .employeeHomeV2 .homeSectionTitle h2,:root[data-theme=dark] .employeeHomeV2 .attendanceSummaryTitle{color:#edf4fd}:root[data-theme=dark] .employeeHomeV2 .homeSectionTitle small,:root[data-theme=dark] .employeeHomeV2 .homeStatusTimes small,:root[data-theme=dark] .employeeHomeV2 .nextShiftDetails small,:root[data-theme=dark] .employeeHomeV2 .scheduleCards time small{color:#8799af}:root[data-theme=dark] .employeeHomeV2 .homeStatusTimes{border-color:#2a3d51}:root[data-theme=dark] .employeeHomeV2 .homeStatusTimes strong,:root[data-theme=dark] .employeeHomeV2 .homeStatusTimes>div:nth-child(2) strong{color:#dce8f7}:root[data-theme=dark] .employeeHomeV2 .homeStatusTimes>div:first-child strong{color:#4fd594}:root[data-theme=dark] .employeeHomeV2 .homeStatusSuccess{color:#62d99e;background:#15382c}:root[data-theme=dark] .employeeHomeV2 .dailyProgress{background:#26384b}:root[data-theme=dark] .employeeHomeV2 .homeDailyList>button,:root[data-theme=dark] .employeeHomeV2 .homeDailyList>button.done{color:#e7eef8;box-shadow:none;background:#152331;border-color:#2b4055}:root[data-theme=dark] .employeeHomeV2 .homeDailyList>button.done{background:#143126;border-color:#246d50}:root[data-theme=dark] .employeeHomeV2 .homeDailyList>button.done strong{color:#daf5e7}:root[data-theme=dark] .employeeHomeV2 .homeDailyList>button>span{background:#101c28}:root[data-theme=dark] .employeeHomeV2 .homeDailyList>button:after{color:#79afff;background:#172d49}:root[data-theme=dark] .employeeHomeV2 .nextShiftCard>header,:root[data-theme=dark] .employeeHomeV2 .nextShiftDetails b{color:#e4edf9}:root[data-theme=dark] .employeeHomeV2 .nextShiftDetails>div,:root[data-theme=dark] .employeeHomeV2 .nextShiftCard>footer{border-color:#293c50}:root[data-theme=dark] .employeeHomeV2 .nextShiftDetails svg{color:#69a5ff;background:#172d48}:root[data-theme=dark] .employeeHomeV2 .scheduleCards{background:#0f1a27;border-color:#2a3d52}:root[data-theme=dark] .employeeHomeV2 .scheduleCards article{color:#e7eff9;background:#121f2d;border-color:#2a3d52}:root[data-theme=dark] .employeeHomeV2 .scheduleCards article.nextShift{background:#142943;outline-color:#4f91f5}:root[data-theme=dark] .employeeHomeV2 .scheduleCards time{border-color:#2a3d52}:root[data-theme=dark] .employeeHomeV2 .scheduleLocation{color:#91a3b8!important}:root[data-theme=dark] .employeeHomeV2 .scheduleDayOff{color:#ff9298;background:#3a2026}:root[data-theme=dark] .employeeHomeV2 .myAttendanceFacts article:first-child,:root[data-theme=dark] .employeeHomeV2 .myAttendanceFacts article:nth-child(2),:root[data-theme=dark] .employeeHomeV2 .myAttendanceFacts article:nth-child(3){background:linear-gradient(120deg,#12271f,#16392b)}:root[data-theme=dark] .employeeHomeV2 .myAttendanceFacts article:nth-child(-n+3)>svg{color:#66dda1;background:#1d513b}:root[data-theme=dark] .employeeHomeV2 .myAttendanceFacts article:nth-child(-n+3) b{color:#6ee0a8}:root[data-theme=dark] .employeeHomeV2 .myAttendanceFacts article:nth-child(4){background:linear-gradient(120deg,#2b1c22,#412329)}:root[data-theme=dark] .employeeHomeV2 .myAttendanceFacts article:nth-child(4)>svg{color:#ff9298;background:#5a2b33}:root[data-theme=dark] .employeeHomeV2 .myAttendanceFacts article:nth-child(4) b{color:#ff969c}:root[data-theme=dark] .employeeHomeV2 .myAttendanceFacts span{color:#a6b5c7}@media (width<=760px){main:has(.employeeHomeV2){padding-bottom:80px}main:has(.employeeHomeV2)>header{height:64px!important;padding:0 12px!important}main:has(.employeeHomeV2)>header .headtools{gap:8px}.employeeHomeV2{width:100%;padding:14px 12px 94px}.employeeHomeV2 .employeeHomeWelcome{align-items:flex-start;margin-bottom:14px}.employeeHomeV2 .employeeHomeWelcome h1{font-size:21px}.employeeHomeV2 .employeeHomeWelcome span{font-size:11px}.employeeHomeV2 .homeWelcomeMeta{justify-items:end;gap:5px;display:grid}.employeeHomeV2 .homeWelcomeMeta p{white-space:nowrap;font-size:9px}.employeeHomeV2 .employeeHomeTop{flex-direction:column;gap:12px;display:flex}.employeeHomeV2 .homeStatusStack{order:1}.employeeHomeV2 .homeDailyTasks{order:2}.employeeHomeV2 .homeStatusCard,.employeeHomeV2 .homeDailyTasks{min-height:auto;padding:16px}.employeeHomeV2 .homeStatusSuccess{justify-content:center;display:flex}.employeeHomeV2 .nextShiftStrip{grid-template-columns:1fr 1fr}.employeeHomeV2 .nextShiftStrip>div{border-bottom:1px solid #e4eaf1;padding:8px}.employeeHomeV2 .nextShiftStrip>div:nth-child(2n){border-inline-end:0}.employeeHomeV2 .nextShiftStrip>div:nth-last-child(-n+2){border-bottom:0}.employeeHomeV2 .nextShiftDetails{grid-template-columns:1fr}.employeeHomeV2 .nextShiftDetails>div{border-inline-end:0;border-bottom:1px solid #edf1f5;justify-content:flex-start}.employeeHomeV2 .nextShiftDetails>div:last-child{border-bottom:0}.employeeHomeV2 .upcomingSchedule{padding:13px 11px}.employeeHomeV2 .upcomingScheduleHead{min-height:68px;display:block}.employeeHomeV2 .upcomingScheduleHead>div:first-child{top:0;right:0}.employeeHomeV2 .weekNavigator{justify-content:space-between;top:37px;left:0;right:0}.employeeHomeV2 .scheduleCards{scroll-snap-type:x mandatory;grid-template-columns:none;grid-auto-columns:145px;grid-auto-flow:column;display:grid;overflow-x:auto}.employeeHomeV2 .scheduleCards article{scroll-snap-align:start;text-align:center;min-width:145px;min-height:132px}.employeeHomeV2 .scheduleLocation{display:grid!important}.employeeHomeV2 .transferRequestButton{display:none}.employeeHomeV2 .myAttendanceFacts{grid-template-columns:1fr 1fr}.employeeHomeV2 .myAttendanceFacts article{min-height:70px}}@media (width<=420px){.homeStatusTimes strong{font-size:15px}.nextShiftStrip{grid-template-columns:1fr 1fr}.nextShiftStrip b{font-size:10px}.homeDailyList>button small{max-width:250px}.employeeHome .myAttendanceFacts{gap:7px}.employeeMobileNav span{font-size:9px}}.cashSettlementActions{background:#f5f9ff;border:1px solid #d9e6f5;border-radius:14px;gap:12px;padding:14px;display:grid}.cashSettlementActions label{gap:5px;display:grid}.cashSettlementActions small{color:#64748b}.intelligenceUnavailable{color:#805b18;background:#fff9ed;border:1px solid #f0d59b;border-radius:14px;align-items:center;gap:13px;margin:14px 0;padding:14px 16px;display:flex}.intelligenceUnavailable>svg{flex:none;width:24px}.intelligenceUnavailable>span{flex:1;gap:3px;display:grid}.intelligenceUnavailable small{color:#8a6d3c;font-size:11px}.intelligenceUnavailable button{color:#805b18;background:#fff;border:1px solid #e2c47d;border-radius:10px;align-items:center;gap:6px;padding:9px 12px;display:flex}.intelligenceUnavailable button svg{width:15px}:root[data-theme=dark] .intelligenceUnavailable{color:#f5d99b;background:#2a2317;border-color:#5f4b29}:root[data-theme=dark] .intelligenceUnavailable small{color:#cfb77f}:root[data-theme=dark] .intelligenceUnavailable button{color:#f5d99b;background:#372d1d;border-color:#69542d}:root[data-theme=dark]{--surface:#111c29;--surface-raised:#152232;--surface-input:#0d1723;--dark-border:#2d4054;--dark-text:#e8eef7;--dark-muted:#9aabbe}:root[data-theme=dark] :is(.attendanceMood,.myAttendanceFacts article,.salaryAdjustmentList article,.notificationPanel,.notificationPanel>button,.salaryCelebration,.paymentPeople,.paymentPeople>article,.deductionMonthBar,.adjustmentHistory article,.quickDeductionModal,.recurringTaskModal,.leaveRevokeModal,.dailyRoutineCard,.dailyRoutineList label,.myAttendanceDate,.attendanceToolbar,.attendanceTable,.attendanceTable tbody,.taskToolbar,.taskBoard,.taskCard,.payrollToolbar,.payrollTable,.payrollTable tbody,.payrollBottom,.auditToolbar,.auditList,.auditEntry,.reportFilters,.reportSheet,.performanceCard,.accessEditor,.salaryPeriodChooser){background:var(--surface)!important;color:var(--dark-text)!important;border-color:var(--dark-border)!important}:root[data-theme=dark] :is(input:not([type=checkbox]):not([type=radio]),select,textarea,.myAttendanceDate input,.salaryMonthPicker select,.deductionMonthBar input,.taskToolbar input,.payrollToolbar input,.payrollToolbar select,.reportFilters input,.reportFilters select,.auditToolbar input,.auditToolbar select){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:var(--surface-input)!important;color:var(--dark-text)!important;border-color:#3a4d63!important}:root[data-theme=dark] :is(input,textarea)::placeholder{opacity:1;color:#7f91a7!important}:root[data-theme=dark] :is(.attendanceTable,.payrollTable,.auditList,.taskBoard,.reportSheet) :is(th,td){color:var(--dark-text);border-color:var(--dark-border)!important}:root[data-theme=dark] :is(.attendanceTable,.payrollTable,.auditList,.taskBoard,.reportSheet) thead :is(th,td){color:#b9c8d9!important;background:#172435!important}:root[data-theme=dark] :is(.attendanceTable,.payrollTable,.auditList,.taskBoard,.reportSheet) tbody :is(tr,td){background:var(--surface)!important}:root[data-theme=dark] :is(.weekNavigator button,.printPayslip,.taskCompletionActions button,.quickDeductionModal .modalActions button,.recurringTaskModal .modalActions button,.leaveRevokeModal .modalActions button,.transferRequestButton){background:var(--surface-raised)!important;color:var(--dark-text)!important;border-color:#3a4d63!important}:root[data-theme=dark] :is(.primary,.blueButton,.taskCompletionActions .primary,.quickDeductionModal .modalActions .primary,.recurringTaskModal .modalActions .primary){color:#fff!important;background:#1768ed!important;border-color:#1768ed!important}:root[data-theme=dark] :is(.myAttendanceFacts span,.salaryAdjustmentIntro p,.salaryAdjustmentList article small,.notificationPanel span,.notificationPanel small,.salaryCelebration p,.paymentPeople small,.salaryMonthPicker label,.salaryLiveBalance small,.deductionMonthBar>span,.adjustmentPerson small,.adjustmentHistory p,.adjustmentHistory small,.quickDeductionHead p,.exchangeRateField small){color:var(--dark-muted)!important}:root[data-theme=dark] .attendanceMood>span{background:#ffffff12!important}:root[data-theme=dark] .dailyRoutineCard{background:linear-gradient(135deg,#111c29,#132131)!important}:root[data-theme=dark] .dailyRoutineList label.done{background:#143126!important;border-color:#286a4d!important}.roleRoutinePage{max-width:1280px;margin:0 auto;padding-bottom:42px}.roleRoutineHero{color:#fff;background:linear-gradient(125deg,#082d5a,#0f559b 68%,#1781d7);border-radius:24px;justify-content:space-between;align-items:center;gap:24px;padding:28px 30px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 42px #082d5a2e}.roleRoutineHero:after{content:"";border:48px solid #ffffff12;border-radius:50%;width:260px;height:260px;position:absolute;inset:-115px -60px auto auto}.roleRoutineHero>div,.roleRoutineHero>button{z-index:1;position:relative}.roleRoutineHero span{color:#bcdcff;align-items:center;gap:8px;font-size:12px;font-weight:800;display:flex}.roleRoutineHero span svg{width:17px}.roleRoutineHero h2{color:#fff;margin:8px 0 5px;font-size:25px}.roleRoutineHero p{color:#d9eaff;margin:0}.roleRoutineHero>button{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff40;border-radius:13px;place-items:center;width:44px;height:44px;display:grid}.roleRoutineViewTabs{gap:10px;margin:18px 0 10px;display:flex}.roleRoutineViewTabs button{color:#51647a;font:inherit;cursor:pointer;background:#fff;border:1px solid #dce6f1;border-radius:12px;align-items:center;gap:8px;padding:11px 15px;font-weight:800;display:flex}.roleRoutineViewTabs button svg{width:18px}.roleRoutineViewTabs button b{color:#52657b;background:#edf2f8;border-radius:99px;min-width:22px;padding:2px 7px;font-size:11px}.roleRoutineViewTabs button.active{color:#1768ed;background:#edf5ff;border-color:#8ab8f2}.roleCadenceTabs{background:#fff;border:1px solid #dce5ef;border-radius:15px;align-items:center;gap:8px;padding:8px;display:flex}.roleCadenceTabs button{color:#627186;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:9px 17px;font-weight:800}.roleCadenceTabs button.active{color:#fff;background:#1768ed;box-shadow:0 5px 13px #1768ed38}.roleCadenceTabs>span{color:#718096;align-items:center;gap:7px;margin-inline-start:auto;padding:0 10px;font-size:12px;font-weight:750;display:flex}.roleCadenceTabs>span svg{width:17px}.roleRoutineMessage{color:#187749;background:#edfbf3;border:1px solid #b9e6cd;border-radius:11px;margin-top:12px;padding:11px 14px;font-weight:750}.roleRoutineProgress{background:#fff;border:1px solid #dce6ef;border-radius:15px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:9px;margin:14px 0;padding:15px 18px;display:grid}.roleRoutineProgress>div{color:#586a80;grid-column:1/-1;justify-content:space-between;display:flex}.roleRoutineProgress strong{color:#153654}.roleRoutineProgress i{background:#e8eef5;border-radius:99px;height:8px;overflow:hidden}.roleRoutineProgress em{border-radius:inherit;background:linear-gradient(90deg,#1768ed,#21b77a);height:100%;transition:width .3s;display:block}.roleRoutineProgress>b{color:#1768ed}.roleRoutineGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.roleRoutineGrid>article{background:#fff;border:1px solid #dce5ef;border-radius:17px;gap:13px;padding:17px;transition:all .18s;display:flex;box-shadow:0 7px 22px #12375b0b}.roleRoutineGrid>article:hover{border-color:#a8c7ec;transform:translateY(-1px);box-shadow:0 12px 27px #12375b14}.roleRoutineGrid>article.report{border-inline-start:4px solid #8b5cf6}.roleRoutineGrid>article.done{background:#f4fbf7;border-color:#b8e4cc}.routineCheck{color:#fff;cursor:pointer;background:#fff;border:2px solid #bdcad8;border-radius:9px;flex:none;place-items:center;width:30px;height:30px;margin-top:2px;display:grid}.done .routineCheck{background:#20a668;border-color:#20a668}.routineCheck svg{width:18px}.routineBody{flex:1;min-width:0}.routineBody>header{justify-content:space-between;align-items:center;display:flex}.routineBody>header span{color:#1768ed;text-transform:uppercase;align-items:center;gap:6px;font-size:11px;font-weight:850;display:flex}.report .routineBody>header span{color:#7c3aed}.routineBody>header svg{width:15px}.routineBody>header small{color:#9aa8b7;font-weight:800}.routineBody h3{color:#193650;margin:9px 0 11px;font-size:14px;line-height:1.65}.done .routineBody h3{color:#5f776b}.routineRecipients{color:#6941b8;background:#f4f0ff;border-radius:9px;align-items:flex-start;gap:7px;margin:0 0 11px;padding:8px 10px;font-size:11px;font-weight:750;display:flex}.routineRecipients svg{flex:none;width:15px}.routineBody label{color:#758397;grid-template-columns:auto 1fr;align-items:center;gap:6px;font-size:11px;font-weight:750;display:grid}.routineBody label>svg{width:15px}.routineBody textarea{color:#233b53;width:100%;font:inherit;resize:vertical;background:#fbfcfe;border:1px solid #d9e3ed;border-radius:9px;grid-column:1/-1;margin-top:2px;padding:9px 10px;line-height:1.5}.routineSave{margin-top:9px;color:#1768ed;font:inherit;cursor:pointer;background:#edf4fd;border:0;border-radius:8px;align-items:center;gap:6px;margin-inline-start:auto;padding:7px 11px;font-size:11px;font-weight:850;display:flex}.routineSave svg{width:15px}.roleReportInbox{gap:11px;margin-top:14px;display:grid}.roleReportInbox>article{background:#fff;border:1px solid #dce5ef;border-radius:16px;gap:14px;padding:17px;display:flex}.reportInboxIcon{color:#7654d8;background:#eee9ff;border-radius:13px;flex:none;place-items:center;width:42px;height:42px;display:grid}.reportInboxIcon svg{width:21px}.roleReportInbox article>div{flex:1;min-width:0}.roleReportInbox header{justify-content:space-between;gap:12px;display:flex}.roleReportInbox header b{color:#1768ed;font-size:12px}.roleReportInbox time{color:#8593a4;font-size:11px}.roleReportInbox h3{color:#193650;margin:6px 0;font-size:14px}.roleReportInbox p{color:#566b80;background:#f7f9fc;border-radius:9px;margin:0;padding:9px 11px;line-height:1.6}.roleReportInbox footer{color:#8895a4;margin-top:8px;font-size:11px}.roleReportEmpty{text-align:center;color:#708196;background:#fbfcfe;border:1px dashed #cbd8e7;border-radius:18px;place-items:center;min-height:260px;padding:30px;display:grid}.roleReportEmpty svg{color:#b4c2d2;width:42px}.roleReportEmpty h3{color:#40566e;margin:10px 0 2px}.roleReportEmpty p{margin:0}.roleReportEmpty:only-child{display:grid}:root[data-theme=dark] .roleRoutineViewTabs button,:root[data-theme=dark] .roleCadenceTabs,:root[data-theme=dark] .roleRoutineProgress,:root[data-theme=dark] .roleRoutineGrid>article,:root[data-theme=dark] .roleReportInbox>article{color:#dce7f4;background:#111c29;border-color:#2a3b4e}:root[data-theme=dark] .roleRoutineGrid>article.done{background:#132920;border-color:#285c45}:root[data-theme=dark] .routineBody h3,:root[data-theme=dark] .roleReportInbox h3{color:#e8eef7}:root[data-theme=dark] .routineBody textarea,:root[data-theme=dark] .roleReportInbox p{color:#dce7f4;background:#172536;border-color:#304257}:root[data-theme=dark] .roleReportEmpty{background:#111c29;border-color:#34485e}@media (width<=800px){.roleRoutineHero{border-radius:18px;padding:22px 20px}.roleRoutineHero h2{font-size:21px}.roleRoutineGrid{grid-template-columns:1fr}.roleRoutineViewTabs{overflow-x:auto}.roleCadenceTabs{flex-wrap:wrap}.roleCadenceTabs button{flex:1;padding:9px}.roleCadenceTabs>span{border-top:1px solid #e1e8f0;justify-content:center;width:100%;margin:2px 0 0;padding-top:7px}.roleReportInbox header{gap:3px;display:grid}.roleRoutineGrid>article{padding:14px}.routineBody h3{font-size:13px}}:root[data-theme=dark] .login{color:#eaf1fb;background:#08111c}:root[data-theme=dark] .loginBrand{background:linear-gradient(145deg,#071a31,#0b2b52)}:root[data-theme=dark] .loginForm{background:radial-gradient(circle at 50% 42%,#111f30 0,#0b1623 52%,#08111c 100%)}:root[data-theme=dark] .loginForm form{background:#101c2a;border:1px solid #26394e;border-radius:20px;padding:34px;box-shadow:0 24px 60px #0000004d}:root[data-theme=dark] .loginForm h2,:root[data-theme=dark] .loginForm label{color:#edf4fd}:root[data-theme=dark] .loginForm input{color:#edf4fd!important;background:#0b1623!important;border-color:#354a61!important}:root[data-theme=dark] .loginForm .password{background:#0b1623;border-color:#354a61}:root[data-theme=dark] .loginForm .password input{border:0!important}:root[data-theme=dark] .loginForm .password button{color:#9fb0c5}:root[data-theme=dark] :is(.loginLang,.loginThemeToggle){color:#dce8f7;background:#111f2f;border-color:#30455c}:root[data-theme=dark] .loginThemeToggle{color:#ffd36a}@media (width<=760px){:root[data-theme=dark] .loginForm form{border-radius:16px;padding:26px 20px}}:root[data-theme=dark] .performancePage :is(.performanceStats article,.employeePerformanceWelcome,.criteriaPanel,.criteriaList article,.reviewCard,.reviewGrid>.emptyState),:root[data-theme=dark] .leavePage :is(.requestList,.leaveTypes,.balanceGrid>article){box-shadow:0 10px 26px #0000002e;color:#eaf2fc!important;background:#111d2a!important;border-color:#2a3d52!important}:root[data-theme=dark] .performancePage :is(.performanceStats b,.employeePerformanceWelcome b,.reviewCard h3,.reviewCriteria b,.criteriaList b),:root[data-theme=dark] .leavePage :is(.requestList b,.leaveTypes b,.leaveTypes strong,.balanceGrid b){color:#edf4fd!important}:root[data-theme=dark] .performancePage :is(.performanceStats small,.employeePerformanceWelcome p,.reviewCard p,.reviewCard small,.criteriaList small,.reviewGrid>.emptyState),:root[data-theme=dark] .leavePage :is(.requestList small,.leaveTypes small,.balancePerson small){color:#94a7bc!important}:root[data-theme=dark] .employeePerformanceWelcome{background:linear-gradient(135deg,#14263a,#123127)!important;border-color:#285244!important}:root[data-theme=dark] .employeePerformanceWelcome>svg{color:#f2bd55;fill:#5a451d}:root[data-theme=dark] .performanceToolbar{border-color:#2a3d52}:root[data-theme=dark] .performanceToolbar .segmented{background:#0d1723}:root[data-theme=dark] .performanceToolbar .segmented button{color:#9aacc1}:root[data-theme=dark] .performanceToolbar .segmented button.active,:root[data-theme=dark] .performanceToolbar>button{color:#78adff;box-shadow:none;background:#172b42;border-color:#34506d}:root[data-theme=dark] .criteriaPanel{background:#0f1a27!important}:root[data-theme=dark] .criteriaList button{color:#78adff;background:#172d49}:root[data-theme=dark] .reviewCriteria span{color:#aab9ca;background:#172536}:root[data-theme=dark] .reviewScore{color:#78adff;background:#172d49}:root[data-theme=dark] .positiveRemark{background:#143326;color:#6bd9a0!important}:root[data-theme=dark] .improvementRemark{background:#382a18;color:#efbd72!important}:root[data-theme=dark] .leaveTabs{border-color:#2a3d52}:root[data-theme=dark] .leaveTabs button{color:#91a4ba}:root[data-theme=dark] .leaveTabs button.active{color:#78adff;border-color:#4f91f5}:root[data-theme=dark] .requestList article,:root[data-theme=dark] .leaveTypes article{border-color:#293b50}:root[data-theme=dark] .requestList article:hover,:root[data-theme=dark] .leaveTypes article:hover{background:#142231}:root[data-theme=dark] .documentMissing{color:#8295aa}:root[data-theme=dark] .documentButton{color:#78adff;background:#172d49;border-color:#34506d}:root[data-theme=dark] :is(.auditFilters,.auditListHeader,.auditDetails,.auditChangeRow,.auditEmpty,.adminList,.adminList article,.adminEditor,.announcementComposer,.announcementList article,.accessList article,.departmentManagerPanel,.managerConfigurator,.managerPicker button,.reportTypes,.reportSummary article,.reportSheetHead,.reportTableWrap,.payrollSummary article,.payrollHistory article,.deductionNotes,.salaryAdvanceCard,.advanceAdminList,.advanceAdminList>article,.salaryWallet,.salaryAdvanceFacts span,.salaryAdvanceHistory article,.advanceQr,.salaryAdjustmentNotice,.salaryAdjustmentList article,.cashScanner,.cashCard,.cashSettlementActions,.runModal,.runEmployees article,.paymentSummaryCard,.payslip,.payslipHours,.payslipLines,.emptyState){box-shadow:none;background:var(--surface)!important;color:var(--dark-text)!important;border-color:var(--dark-border)!important;opacity:1!important;filter:none!important}:root[data-theme=dark] :is(.auditFilters,.adminEditor,.announcementComposer,.accessEditor,.managerConfigurator,.reportFilters,.payrollToolbar,.deductionNotes,.salaryAdvanceModal,.cashScanner,.cashSettlementActions,.runModal) :is(input:not([type=checkbox]):not([type=radio]),select,textarea){background:var(--surface-input)!important;color:var(--dark-text)!important;border-color:#3a4d63!important}:root[data-theme=dark] :is(.adminTabs,.reportTypes,.payrollTabs){border-color:var(--dark-border)!important}:root[data-theme=dark] :is(.adminTabs,.reportTypes,.payrollTabs) button{color:#91a4ba!important;background:0 0!important;border-color:#0000!important}:root[data-theme=dark] :is(.adminTabs,.reportTypes,.payrollTabs) button.active{color:#fff!important;background:#1768ed!important;border-color:#1768ed!important}:root[data-theme=dark] :is(.auditFilters>button,.auditToolbar button,.adminList article>button,.announcementList .secondaryAction,.accessList button,.managerPicker button,.reportActions button,.reportPagination button,.payrollToolbar button,.documentButton){background:var(--surface-raised)!important;color:#dfe9f6!important;border-color:#3a4d63!important}:root[data-theme=dark] :is(.auditFilters>button,.auditToolbar button,.adminList article>button,.announcementList .secondaryAction,.accessList button,.managerPicker button,.reportActions button,.reportPagination button,.payrollToolbar button) svg{color:#78adff}:root[data-theme=dark] :is(.adminEditor,.announcementComposer,.accessEditor,.managerConfigurator,.salaryAdvanceCard,.advanceAdminList,.salaryWallet,.salaryAdjustmentNotice,.cashCard,.runModal,.payslip) :is(h2,h3,b,strong,label){color:#edf4fd!important}:root[data-theme=dark] :is(.auditRow time,.auditRow small,.auditToolbar span,.auditChangeRow small,.adminList small,.announcementToolbar p,.announcementList p,.announcementTarget,.accessHead p,.accessList small,.managerPicker small,.reportSummary small,.reportSheetHead small,.reportTable td,.payrollSummary span,.payrollTable td small,.payrollHistory small,.salaryAdvanceHead p,.salaryAdvanceFacts span,.salaryAdvanceHistory small,.advanceAdminList small,.advanceAdminList span,.salaryWalletTop small,.salaryAdjustmentIntro p,.salaryAdjustmentList small,.cashScanner p,.cashAmount small){color:var(--dark-muted)!important}:root[data-theme=dark] .auditList,:root[data-theme=dark] .auditList *{opacity:1}:root[data-theme=dark] .auditRow:hover,:root[data-theme=dark] .adminList article:hover,:root[data-theme=dark] .announcementList article:hover,:root[data-theme=dark] .accessList article:hover,:root[data-theme=dark] .managerPicker button:hover{background:#172536!important}:root[data-theme=dark] .managerPicker button.selected{background:#173253!important;border-color:#4f91f5!important}:root[data-theme=dark] :is(.departmentPeoplePanel,.departmentPeoplePanel>div>span,.profileFingerprint){color:#dfe9f6!important;background:#172536!important;border-color:#3a4d63!important}.workflowAdmin{gap:22px;display:grid}.workflowMessage{color:#17633a;background:#eaf8ef;border-radius:12px;align-items:center;gap:9px;padding:12px 15px;font-weight:700;display:flex}.workflowMessage svg{width:19px}.workflowCards{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.workflowCards>article,.integrationCard{border:1px solid var(--border);background:#fff;border-radius:18px;gap:16px;padding:20px;display:grid}.workflowCardHead{align-items:flex-start;gap:12px;display:flex}.workflowCardHead>span,.integrationCard>span{color:#1768ed;background:#eaf2ff;border-radius:12px;flex:none;place-items:center;width:42px;height:42px;display:grid}.workflowCardHead h3,.integrationCard h3{margin:0 0 5px}.workflowCardHead p,.integrationCard p{color:var(--muted);margin:0}.workflowStep{border:1px solid var(--border);border-radius:13px;gap:10px;padding:14px;display:grid}.workflowStep select,.integrationCard select{border:1px solid var(--border);min-height:42px;color:inherit;background:#fff;border-radius:10px;padding:0 11px}.workflowArrow{text-align:center;color:#1768ed;font-size:22px;line-height:12px}.integrationCard{grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center}.integrationCard>button{border:1px solid var(--border);background:#fff;border-radius:10px;align-items:center;gap:7px;min-height:42px;padding:0 13px;display:flex}.integrationCard>button svg{width:17px}.approvalHistory{max-width:420px;margin-top:7px}.approvalHistory summary{cursor:pointer;color:#1768ed;font-size:12px;font-weight:700}.approvalHistory>div{border-bottom:1px solid var(--border);gap:2px;padding:8px 0;display:grid}.approvalHistory>div b{font-size:12px}.approvalHistory>div small{color:var(--muted);white-space:normal}@media (width<=850px){.workflowCards{grid-template-columns:1fr}.integrationCard{grid-template-columns:auto 1fr}.integrationCard>.activeSwitch,.integrationCard>select,.integrationCard>button{grid-column:1/-1}}:root[data-theme=dark] .workflowCards>article,:root[data-theme=dark] .integrationCard,:root[data-theme=dark] .workflowStep{color:#e8eef7;background:#111c29;border-color:#2a3a4d}:root[data-theme=dark] .workflowStep select,:root[data-theme=dark] .integrationCard select,:root[data-theme=dark] .integrationCard>button{color:#e8eef7;background:#0c1724;border-color:#2a3a4d}:root[data-theme=dark] .workflowMessage{color:#8de0b3;background:#123326}:root[data-theme=dark] .reportTable{color:var(--dark-text)}:root[data-theme=dark] .reportTable thead th{color:#b9c8d9!important;border-color:var(--dark-border)!important;background:#172435!important}:is(.tableTools,.attendanceToolbar,.plannerToolbar,.auditToolbar,.payrollToolbar,.performanceToolbar,.reportFilters,.taskToolbar,.announcementToolbar,.stickyListToolbar){z-index:32;position:sticky;top:0;box-shadow:0 8px 18px #0a234112}table thead th{z-index:24;position:sticky;top:0;box-shadow:inset 0 -1px #dce4ee}:is(.employeeTable,.attendanceTable,.plannerTable,.payrollTable,.leaveTable,.reportTableWrap,.performanceTable,.taskTable){scrollbar-gutter:stable;max-height:calc(100vh - 150px);overflow:auto}.accountMenuButton{cursor:pointer;background:0 0;border:0;width:auto;padding:0}.accountMenuButton .profilepic{transition:box-shadow .18s,transform .18s;overflow:hidden}.accountMenuButton:hover .profilepic,.accountMenuButton:focus-visible .profilepic{transform:translateY(-1px);box-shadow:0 0 0 3px #1768ed2e}.accountAvatarImage{object-fit:cover;width:100%;height:100%}.accountAvatarInitial{font-size:14px;font-weight:800}.accountSettingsPage,.supportPage{max-width:1180px;margin:0 auto;padding-bottom:40px}.settingsHero{color:#fff;background:linear-gradient(125deg,#0b2c54,#0f4b8c 72%,#1768ed);border-radius:20px;align-items:center;gap:18px;min-height:142px;padding:25px 28px;display:flex;box-shadow:0 17px 38px #082d5829}.settingsAvatar{color:#1a4f85;background:#dbe8f6;border:4px solid #ffffff47;border-radius:50%;flex:none;place-items:center;width:86px;height:86px;display:grid;position:relative;overflow:visible}.settingsAvatar>img{border-radius:inherit;object-fit:cover;width:100%;height:100%}.settingsAvatar>svg{width:38px;height:38px}.settingsAvatar label{color:#fff;cursor:pointer;background:#1768ed;border:2px solid #fff;border-radius:50%;place-items:center;width:31px;height:31px;display:grid;position:absolute;inset:auto -4px -2px auto}.settingsAvatar label svg{width:15px}.settingsAvatar label input{display:none}.settingsHero h2{margin:0 0 4px;font-size:25px}.settingsHero p{color:#d3e5fb;margin:0 0 11px}.settingsHero>div:last-child>span{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;align-items:center;gap:6px;padding:6px 9px;font-size:11px;font-weight:750;display:inline-flex}.settingsHero span svg{width:15px}.settingsNotice{border-radius:10px;align-items:center;gap:8px;margin:14px 0 0;padding:11px 14px;font-weight:700;display:flex}.settingsNotice svg{width:18px}.settingsNotice.success{color:#18764a;background:#edfbf4;border:1px solid #ace2c6}.settingsNotice.error{color:#b23a35;background:#fff2f1;border:1px solid #efc3c0}.settingsGrid{grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);align-items:start;gap:16px;margin-top:16px;display:grid}.settingsSideColumn{gap:16px;display:grid}.settingsCard{background:#fff;border:1px solid #dbe4ef;border-radius:17px;padding:22px;box-shadow:0 9px 25px #1231540b}.settingsCardHead{align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.settingsCardHead>span{color:#1768ed;background:#eaf2ff;border-radius:12px;flex:none;place-items:center;width:40px;height:40px;display:grid}.settingsCardHead svg{width:19px}.settingsCardHead h3{margin:1px 0 4px;font-size:17px}.settingsCardHead p{color:#718095;margin:0;line-height:1.55}.settingsFormGrid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.settingsFormGrid label{color:#263e59;gap:6px;font-weight:700;display:grid;position:relative}.settingsFormGrid label.wide{grid-column:1/-1}.settingsFormGrid label>svg{color:#74859a;width:16px;position:absolute;inset:34px 11px auto auto}[dir=rtl] .settingsFormGrid label>svg{inset:34px auto auto 11px}.settingsFormGrid input,.passwordSettingsFields input{color:#122b48;width:100%;height:42px;font:inherit;background:#fff;border:1px solid #cfd9e6;border-radius:10px;padding:0 12px}.settingsSave{margin-top:18px}.settingsSave svg,.settingsPasswordSave svg{width:17px}.passwordSettingsFields{gap:10px;display:grid}.showPasswordButton{color:#1768ed;width:max-content;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-weight:700;display:inline-flex}.showPasswordButton svg{width:16px}.settingsPasswordSave{align-items:center;gap:7px;margin-top:15px;display:inline-flex}.preferenceRows{gap:17px;display:grid}.preferenceRows>div{color:#2b415a;gap:8px;font-weight:700;display:grid}.segmentedSetting{background:#eef3f8;border-radius:11px;grid-template-columns:1fr 1fr;padding:4px;display:grid}.segmentedSetting button{color:#52677e;min-height:36px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:6px;font-weight:750;display:inline-flex}.segmentedSetting button.active{color:#1768ed;background:#fff;box-shadow:0 2px 7px #1231541a}.segmentedSetting svg{width:16px}.attendanceEditingSetting{border-color:#b9d2f3}.attendanceEditingToggleRow{border-top:1px solid #dbe4ef;justify-content:space-between;align-items:center;gap:18px;padding-top:16px;display:flex}.attendanceEditingToggleRow>div{gap:4px;display:grid}.attendanceEditingToggleRow small{color:#718095}.settingsToggle{cursor:pointer;background:#cbd5e1;border:0;border-radius:999px;flex:0 0 52px;width:52px;height:30px;padding:3px;transition:background .2s;position:relative}.settingsToggle span{background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .2s;display:block;box-shadow:0 2px 6px #0f172a3d}.settingsToggle.active{background:#16a34a}.settingsToggle.active span{transform:translate(22px)}[dir=rtl] .settingsToggle.active span{transform:translate(-22px)}.settingsToggle:disabled{cursor:wait;opacity:.65}.settingsToggle:focus-visible{outline-offset:2px;outline:3px solid #1768ed40}:root[data-theme=dark] .attendanceEditingSetting{border-color:#31577d}:root[data-theme=dark] .attendanceEditingToggleRow{border-top-color:#304257}:root[data-theme=dark] .attendanceEditingToggleRow small{color:#9eb0c4}.supportHero{background:#fff;border:1px solid #d7e3f0;border-radius:18px;justify-content:space-between;align-items:center;gap:18px;padding:23px 25px;display:flex}.supportHero>div{align-items:center;gap:13px;display:flex}.supportHero>div>span{color:#1768ed;background:#eaf2ff;border-radius:14px;place-items:center;width:48px;height:48px;display:grid}.supportHero svg{width:22px}.supportHero h2{margin:0 0 5px;font-size:23px}.supportHero p{color:#718095;margin:0}.supportSummary{grid-template-columns:repeat(2,minmax(180px,260px));gap:10px;margin:14px 0;display:grid}.supportSummary article{background:#fff;border:1px solid #dce5ef;border-radius:13px;align-items:center;gap:12px;padding:15px 17px;display:flex}.supportSummary article>svg{color:#1768ed;width:23px}.supportSummary article>span{gap:2px;display:grid}.supportSummary small{color:#738196}.supportSummary b{font-size:21px}.supportToolbar{background:#fff;border:1px solid #dce5ef;border-radius:12px 12px 0 0;justify-content:space-between;gap:10px;min-height:58px;padding:9px 11px;display:flex}.supportToolbar select,.supportToolbar button{color:#233c59;min-height:38px;font:inherit;background:#fff;border:1px solid #cfd9e5;border-radius:9px;align-items:center;gap:7px;padding:0 11px;font-weight:700;display:inline-flex}.supportToolbar svg{width:16px}.supportList{background:#fff;border:1px solid #dce5ef;border-top:0;border-radius:0 0 14px 14px;min-height:280px;overflow:hidden}.supportList>button{color:#17314f;text-align:start;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #e6ebf1;grid-template-columns:72px minmax(220px,1fr) 150px 60px 18px;align-items:center;gap:12px;width:100%;min-height:72px;padding:11px 16px;display:grid}.supportList>button:hover{background:#f7faff}.supportList>button>svg{color:#8290a2;width:17px}[dir=rtl] .supportList>button>svg{transform:rotate(180deg)}.ticketMain{gap:4px;display:grid}.ticketMain b{font-size:13px}.ticketMain small,.ticketMeta{color:#77869a}.ticketPriority,.ticketStatus{border-radius:7px;justify-content:center;align-items:center;width:max-content;padding:5px 8px;font-size:10px;font-weight:800;display:inline-flex}.ticketPriority.low{color:#56677a;background:#edf2f7}.ticketPriority.normal,.ticketStatus.open{color:#1768ed;background:#e9f2ff}.ticketPriority.high,.ticketStatus.waiting_for_reporter{color:#b96a0e;background:#fff2df}.ticketPriority.urgent{color:#c43d36;background:#ffebe9}.ticketStatus.in_progress{color:#6650c8;background:#eeeafe}.ticketStatus.resolved,.ticketStatus.closed{color:#21804e;background:#e8f8ef}.ticketMeta{align-items:center;gap:5px;display:inline-flex}.ticketMeta svg{width:15px}.supportEmpty{color:#77869a;text-align:center;align-content:center;place-items:center;gap:6px;min-height:280px;display:grid}.supportEmpty>svg{color:#9badc1;width:34px}.supportEmpty h3,.supportEmpty p{margin:0}.supportModal,.ticketDetail{background:#fff;border:1px solid #dbe4ef;border-radius:18px;width:min(680px,100vw - 30px);max-height:calc(100vh - 36px);padding:23px;overflow:auto;box-shadow:0 28px 80px #081f3c42}.supportFormGrid{grid-template-columns:1fr 1fr;gap:13px;margin:19px 0;display:grid}.supportFormGrid label{color:#263f5b;gap:7px;font-weight:750;display:grid}.supportFormGrid label.wide{grid-column:1/-1}.supportFormGrid :is(input,select,textarea),.ticketReplyForm textarea{color:#15304e;width:100%;font:inherit;background:#fff;border:1px solid #ccd8e6;border-radius:10px;padding:10px 11px}.ticketDetailStatus{gap:8px;margin:14px 0;display:flex}.ticketOriginal{background:#f7faff;border:1px solid #dbe5f0;border-radius:12px;grid-template-columns:32px 1fr;gap:10px;padding:14px;display:grid}.ticketOriginal svg{color:#1768ed;width:19px}.ticketOriginal p{white-space:pre-wrap;margin:0;line-height:1.7}.ticketConversation{gap:9px;margin:14px 0;display:grid}.ticketConversation article{background:#fff;border:1px solid #dce5ef;border-radius:13px 13px 13px 4px;max-width:88%;padding:12px 14px}.ticketConversation article.adminReply{background:#eef5ff;border-color:#bdd5fb;border-radius:13px 13px 4px;margin-inline-start:auto}.ticketConversation article>div{justify-content:space-between;gap:12px;margin-bottom:6px;display:flex}.ticketConversation small{color:#7b899a}.ticketConversation p{white-space:pre-wrap;margin:0;line-height:1.65}.ticketReplyForm{border-top:1px solid #e3e9f0;gap:9px;padding-top:13px;display:grid}.ticketReplyForm button{justify-self:end}.ticketAdminActions{border-top:1px solid #e3e9f0;flex-wrap:wrap;align-items:center;gap:7px;margin-top:15px;padding-top:14px;display:flex}.ticketAdminActions>span{margin-inline-end:5px;font-weight:800}.ticketAdminActions button{color:#40556d;min-height:34px;font:inherit;background:#fff;border:1px solid #cfd9e6;border-radius:8px;padding:0 9px;font-weight:700}.ticketAdminActions button.active{color:#1768ed;background:#eaf2ff;border-color:#1768ed}.recurringTaskModal{width:min(780px,100vw - 32px);max-width:780px;max-height:calc(100vh - 34px);overflow:auto}.recurringAssigneePicker{border:1px solid #d7e1ed;border-radius:13px;min-width:0;margin:2px 0 0;padding:13px}.recurringAssigneePicker legend{color:#18324f;align-items:center;gap:7px;padding:0 6px;font-weight:800;display:flex}.recurringAssigneePicker legend svg{color:#1768ed;width:18px}.recurringAssigneePicker legend b{color:#1768ed;text-align:center;background:#eaf2ff;border-radius:8px;min-width:24px;padding:3px 6px}.recurringAssigneeFilters{grid-template-columns:minmax(180px,1fr) minmax(150px,.6fr) auto;gap:8px;margin-bottom:10px;display:grid}.recurringAssigneeFilters label{border:1px solid #ccd9e7;border-radius:9px;align-items:center;gap:6px;min-width:0;padding:0 9px;display:flex}.recurringAssigneeFilters label svg{color:#75869a;width:16px}.recurringAssigneeFilters label input{border:0;padding-inline:2px}.recurringAssigneeFilters button{color:#1768ed;font:inherit;background:#edf5ff;border:1px solid #b9d1f5;border-radius:9px;padding:0 11px;font-weight:800}.recurringEmployeeList{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:270px;padding:2px;display:grid;overflow:auto}.recurringEmployeeList>label{cursor:pointer;background:#fff;border:1px solid #dde5ee;border-radius:10px;grid-template:none;align-items:center;gap:9px;min-width:0;padding:10px;display:flex}.recurringEmployeeList>label.selected{background:#f0f6ff;border-color:#77a9f5}.recurringEmployeeList input{flex:none;width:16px;height:16px}.recurringEmployeeList span{gap:2px;min-width:0;display:grid}.recurringEmployeeList b,.recurringEmployeeList small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.recurringEmployeeList small{color:#78879a;font-weight:500}.bulkSelectionCount{color:#1768ed;margin-inline-end:auto;font-weight:800}.rejectModal{border:1px solid #dce5ef;border-radius:18px;width:min(540px,100vw - 32px);box-shadow:0 28px 80px #081e3a40}.rejectModal>label{gap:8px;margin-top:18px;display:grid}.rejectModal textarea{resize:vertical;width:100%}.rejectModal .dangerButton,.rejectModal .modalActions>.dangerButton:not(.primary){color:#fff;background:#d94343;border-color:#d94343}.rejectModal .dangerButton:hover{background:#bd302f;border-color:#bd302f}:root[data-theme=dark] :is(.settingsCard,.supportHero,.supportSummary article,.supportToolbar,.supportList,.supportList>button,.supportModal,.ticketDetail,.ticketConversation article,.recurringEmployeeList>label){color:#e8eef7;background:#111c29;border-color:#2d3e52}:root[data-theme=dark] .settingsHero{background:linear-gradient(125deg,#102a49,#103e72 70%,#175cb9)}:root[data-theme=dark] :is(.settingsFormGrid input,.passwordSettingsFields input,.supportToolbar select,.supportToolbar button,.supportFormGrid input,.supportFormGrid select,.supportFormGrid textarea,.ticketReplyForm textarea,.ticketAdminActions button,.recurringAssigneeFilters label,.recurringEmployeeList>label){color:#e8eef7;background:#0d1723;border-color:#35485d}:root[data-theme=dark] .segmentedSetting{background:#0d1723}:root[data-theme=dark] .segmentedSetting button.active{background:#1b2b3e}:root[data-theme=dark] .ticketOriginal,:root[data-theme=dark] .ticketConversation article.adminReply,:root[data-theme=dark] .recurringEmployeeList>label.selected{background:#142b45;border-color:#315d91}@media (width<=820px){.settingsGrid{grid-template-columns:1fr}.supportHero{flex-direction:column;align-items:flex-start}.supportList>button{grid-template-columns:64px minmax(0,1fr) auto}.supportList .ticketStatus{grid-column:2}.supportList .ticketMeta{display:none}.recurringAssigneeFilters{grid-template-columns:1fr}}@media (width<=560px){.settingsHero{padding:20px}.settingsFormGrid,.supportFormGrid,.recurringEmployeeList{grid-template-columns:1fr}.settingsFormGrid label.wide,.supportFormGrid label.wide{grid-column:auto}.supportSummary{grid-template-columns:1fr 1fr}.supportList>button{grid-template-columns:58px minmax(0,1fr)}.supportList>button>svg{display:none}}:root[data-theme=dark] .reportTable tbody tr,:root[data-theme=dark] .reportTable tbody tr:nth-child(2n),:root[data-theme=dark] .reportTable tbody td{background:var(--surface)!important;color:var(--dark-text)!important;border-color:var(--dark-border)!important}:root[data-theme=dark] .reportTable tbody tr:hover td{background:#172536!important}:root[data-theme=dark] .deductionNotes{background:#111d2a!important}:root[data-theme=dark] .deductionNotes input{background:var(--surface-input)!important;color:var(--dark-text)!important;border-color:#3a4d63!important}:root[data-theme=dark] .advanceBlockedNote{color:#efc578!important;background:#362914!important}:root[data-theme=dark] .advanceApprovalTrail>div{background:#142231!important;border-color:#2d4054!important}:root[data-theme=dark] .advanceApprovalTrail span{color:#dfe9f6!important}:root[data-theme=dark] .advanceApprovalTrail small{color:#91a4ba!important}:root[data-theme=dark] .workflowGuidance{color:#bfdbfe!important;background:#1e40af38!important;border-color:#1e40af!important}:root[data-theme=dark] .advanceQr{background:#101d2b!important;border-color:#41658c!important}:root[data-theme=dark] .salaryAdjustmentNotice{background:#101b28!important}:root[data-theme=dark] .salaryAdjustmentList article{background:#142231!important}:root[data-theme=dark] .salaryWalletFacts span,:root[data-theme=dark] .cashFacts span{color:#a9b8c9!important;background:#152536!important;border-color:#2d4054!important}:root[data-theme=dark] .salaryWalletFacts b,:root[data-theme=dark] .cashFacts b{color:#edf4fd!important}.sidebar{height:100dvh;overflow:hidden}.sidebar>nav{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#496078 transparent;flex:auto;min-height:0;overflow-y:auto}.sidebar>nav::-webkit-scrollbar{width:5px}.sidebar>nav::-webkit-scrollbar-thumb{background:#496078;border-radius:999px}.sidefoot{background:#09213f;flex:none;padding-top:8px}.sidefoot button:last-child{color:#fff;font-weight:700}:root[data-theme=dark] :is(.leaveModal,.taskModal,.performanceModal,.leaveRevokeModal,.shiftAssignmentModal,.shiftTransferModal,.employeeModal,.punchModal,.scheduleModal,.attendancePeopleModal,.announcementModal,.noteModal,.runModal,.salaryAdvanceModal,.taskList>article,.requestList,.requestList>article,.reviewCard,.scoreFields label,.assigneePicker,.balanceGrid>article,.leaveTypes,.leaveTypes>article,.salaryQr,.advanceQr){box-shadow:none;background:var(--surface)!important;color:var(--dark-text)!important;border-color:var(--dark-border)!important}:root[data-theme=dark] :is(.leaveModal,.taskModal,.performanceModal,.leaveRevokeModal,.shiftAssignmentModal,.shiftTransferModal,.employeeModal,.punchModal,.scheduleModal,.attendancePeopleModal,.announcementModal,.noteModal,.runModal,.salaryAdvanceModal) :is(label,h2,h3,b,strong){color:var(--dark-text)!important}:root[data-theme=dark] :is(.leaveModal,.taskModal,.performanceModal,.leaveRevokeModal,.shiftAssignmentModal,.shiftTransferModal,.employeeModal,.punchModal,.scheduleModal,.attendancePeopleModal,.announcementModal,.noteModal,.runModal,.salaryAdvanceModal) :is(p,small){color:var(--dark-muted)!important}:root[data-theme=dark] :is(.leaveModal,.taskModal,.performanceModal,.leaveRevokeModal,.shiftAssignmentModal,.shiftTransferModal,.employeeModal,.punchModal,.scheduleModal,.attendancePeopleModal,.announcementModal,.noteModal,.runModal,.salaryAdvanceModal) :is(input:not([type=checkbox]):not([type=radio]),select,textarea){background:var(--surface-input)!important;color:var(--dark-text)!important;border-color:#3a4d63!important}:root[data-theme=dark] :is(.modalHead,.modalActions){border-color:var(--dark-border)!important}:root[data-theme=dark] :is(.modalHead,.notificationHead)>button{background:var(--surface-raised)!important;color:var(--dark-text)!important;border-color:#3a4d63!important}:root[data-theme=dark] .taskList>article :is(h3,b,strong){color:var(--dark-text)!important}:root[data-theme=dark] .taskList>article :is(p,.taskMeta,.taskProgress){color:var(--dark-muted)!important}:root[data-theme=dark] .taskPeople :is(span,i){color:#8bb8ff;border-color:var(--surface);background:#172d49}:root[data-theme=dark] .taskProgress i{background:#26384b}:root[data-theme=dark] .scoreFields label{color:var(--dark-text)!important}:root[data-theme=dark] .sidebar,:root[data-theme=dark] .sidefoot{color:#fff;background:#09213f}@media (width<=760px){main{min-height:100dvh;padding-bottom:calc(96px + env(safe-area-inset-bottom))}.sidebar{width:min(86vw,360px);padding:calc(22px + env(safe-area-inset-top)) 14px calc(14px + env(safe-area-inset-bottom))}.sidebar .brand{margin-inline-end:48px;margin-bottom:18px}.sidebar .close{inset:calc(12px + env(safe-area-inset-top)) 12px auto auto;right:auto;z-index:2;color:#fff;background:#ffffff14;border:1px solid #ffffff3d;border-radius:50%;place-items:center;height:42px;margin:0;padding:0;inset-inline-end:12px;width:42px!important;display:grid!important}.sidebar>nav{padding-inline-end:3px}.sidefoot{border-top:1px solid #496078}.sidefoot button{min-height:44px}.sidefoot button:last-child{border-top-color:#ffffff29;margin-top:2px;padding-top:12px}.modalBack{padding:calc(14px + env(safe-area-inset-top)) 12px calc(88px + env(safe-area-inset-bottom));align-items:center;overflow-y:auto}:is(.leaveModal,.taskModal,.performanceModal,.leaveRevokeModal,.salaryAdvanceModal,.employeeModal){width:100%;max-height:calc(100dvh - 112px - env(safe-area-inset-top));overflow-y:auto}}.sidefoot{flex-direction:column;display:flex}.sidefoot .logoutButton{color:#fff;font-weight:800}:root[data-theme=dark] .modalBack>:is(form,section,.taskModal,.leaveModal,.performanceModal,.leaveRevokeModal,.shiftAssignmentModal,.shiftTransferModal,.employeeModal,.punchModal,.scheduleModal,.attendancePeopleModal,.announcementPopup,.noteModal,.runModal,.salaryAdvanceModal,.quickDeductionModal){background:var(--surface,#111c29)!important;color:var(--dark-text,#e8eef7)!important;border-color:var(--dark-border,#2d4054)!important}:root[data-theme=dark] .modalBack>:is(form,section) :is(h1,h2,h3,b,strong,label){color:var(--dark-text,#e8eef7)!important}:root[data-theme=dark] .modalBack>:is(form,section) :is(p,small){color:var(--dark-muted,#9aabbe)!important}@media (width<=760px){.sidebar{max-height:100dvh}.sidebar>nav{flex:1 1 0}.sidefoot{gap:0;padding-top:4px}.sidefoot .logoutButton{background:#ffffff14;border:1px solid #ffffff38;order:-1;min-height:46px;margin:0 0 4px}.sidefoot button:not(.logoutButton){min-height:38px;padding-block:8px}.employeeHomeV2 .employeeHomeWelcome{grid-template-columns:1fr auto;align-items:start;gap:10px 12px;display:grid}.employeeHomeV2 .employeeHomeWelcome>div:first-child{min-width:0}.employeeHomeV2 .employeeHomeWelcome span{max-width:none;line-height:1.5}.employeeHomeV2 .homeWelcomeMeta{align-items:flex-end;justify-items:initial;flex-direction:column;min-width:42px;margin:0;display:flex}.employeeHomeV2 .homeWelcomeMeta p{text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.employeeHomeV2 .homeStatusCard{gap:12px;display:grid;overflow:visible}.employeeHomeV2 .homeStatusSuccess{width:100%;min-width:0;margin:0;position:static;inset:auto}.employeeHomeV2 .homeStatusTimes{grid-template-columns:1fr 1fr;gap:12px;margin:0;padding-top:12px;display:grid}.employeeHomeV2 .homeStatusTimes>div,.employeeHomeV2 .homeStatusTimes>div:first-child,.employeeHomeV2 .homeStatusTimes>div:nth-child(2){text-align:start;align-content:start;gap:4px;display:grid;position:static;inset:auto}.employeeHomeV2 .homeStatusTimes>div:nth-child(2){justify-content:stretch}.employeeHomeV2 .homeStatusTimes>div:first-child strong{font-size:18px}.employeeHomeV2 .homeStatusTimes>div:nth-child(2) strong{font-size:15px}}.sidebar{z-index:100}.sidebar>nav{padding-bottom:8px}.sidefoot{border-top:1px solid #fff3;grid-template-columns:1fr;gap:3px;padding-top:10px;display:grid}.sidefoot button,.sidefoot button:not(.logoutButton){min-height:42px;margin:0;padding:9px 12px}.sidefoot .logoutButton{order:initial;color:#fff;background:#ffffff14;border:1px solid #ffffff38;border-radius:10px;min-height:46px;margin-top:5px;font-weight:800}.employeeHomeV2 .employeeHomeWelcome{color:#fff;background:linear-gradient(125deg,#0a315f 0%,#0f4c91 68%,#1768ed 120%);border-radius:18px;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"copy meta";align-items:center;gap:18px;min-height:132px;margin:0 0 18px;padding:22px 24px;display:grid;overflow:hidden;box-shadow:0 14px 32px #0b35682e}.employeeHomeV2 .employeeHomeWelcome:after{content:"";pointer-events:none;border:38px solid #ffffff0f;border-radius:50%;width:210px;height:210px;display:block;position:absolute;inset:-105px auto auto -75px}.employeeHomeV2 .homeWelcomeCopy{text-align:start;grid-area:copy;min-width:0}.employeeHomeV2 .employeeHomeWelcome h1{color:#fff;margin:0 0 8px;font-size:26px;line-height:1.25}.employeeHomeV2 .employeeHomeWelcome span{color:#d5e6ff;justify-content:flex-start;align-items:center;gap:7px;max-width:100%;font-size:13px;line-height:1.55;display:flex}.employeeHomeV2 .homeWelcomeMeta{grid-area:meta;align-content:center;justify-items:end;gap:10px;min-width:150px;margin:0;display:grid}.employeeHomeV2 .homeWelcomeMeta p{color:#c8dcf6;white-space:normal;text-align:end;margin:0;font-size:11px;line-height:1.45;position:static}.employeeHomeV2 .homeRefresh,:root[data-theme=dark] .employeeHomeV2 .homeRefresh{color:#fff;width:42px;height:42px;box-shadow:none;background:#ffffff1f;border:1px solid #ffffff47;border-radius:12px;margin:0}@media (width<=760px){.sidebar{z-index:100;height:100dvh;max-height:100dvh;padding-bottom:calc(10px + env(safe-area-inset-bottom))}.sidebar>nav{flex:1 1 0;min-height:72px}.sidefoot{flex:none}.employeeHomeV2 .employeeHomeWelcome{border-radius:17px;grid-template-columns:1fr;grid-template-areas:"copy""meta";gap:14px;min-height:0;padding:18px}.employeeHomeV2 .employeeHomeWelcome h1{font-size:22px}.employeeHomeV2 .employeeHomeWelcome span{font-size:12px}.employeeHomeV2 .homeWelcomeMeta{flex-direction:row;justify-content:space-between;align-items:center;gap:12px;width:100%;min-width:0;display:flex}.employeeHomeV2 .homeWelcomeMeta p{text-align:start;flex:1;font-size:10px}.employeeHomeV2 .homeRefresh,:root[data-theme=dark] .employeeHomeV2 .homeRefresh{flex:0 0 40px;width:40px;height:40px}}.reportPicker{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px;display:grid}.reportPicker>section{background:#fff;border:1px solid #d8e0e9;border-radius:12px;padding:12px}.reportPicker small{color:#66758a;margin-bottom:8px;font-weight:800;display:block}.reportPicker section>div{flex-wrap:wrap;gap:7px;display:flex}.reportPicker button{color:#26364c;min-height:36px;font:inherit;cursor:pointer;background:#f8fafc;border:1px solid #d5dde7;border-radius:9px;padding:7px 11px;font-weight:700}.reportPicker button.active{color:#fff;background:#1768ed;border-color:#1768ed}.reportFilterActions{align-items:end;gap:7px;display:flex}.reportFilterActions button{align-items:center;gap:6px;display:inline-flex}.reportFilterActions button.secondary{color:#42526a;background:#fff}.reportFilterActions button:disabled{opacity:.5;cursor:not-allowed}.activeReportFilters{color:#516177;flex-wrap:wrap;align-items:center;gap:7px;margin:-2px 0 12px;display:flex}.activeReportFilters button{color:#1459b7;font:inherit;cursor:pointer;background:#edf5ff;border:1px solid #b8d2fa;border-radius:999px;padding:5px 9px}.reportSummary article{align-items:center;gap:11px;display:flex}.reportSummary article>svg{color:#1768ed;width:23px}.reportSummary article.success>svg{color:#269455}.reportSummary article.warning{background:#fff9eb;border-color:#efc16b}.reportSummary article.warning>svg{color:#d48806}.reportState-complete{color:#187944!important;background:#eaf8f0!important}.reportState-missing_punch{font-weight:800;color:#a35a00!important;background:#fff4dc!important}.attendanceReportViews{border-bottom:1px solid #e2e8f0;flex-wrap:wrap;gap:7px;padding:0 18px 14px;display:flex}.attendanceReportViews button{color:#3b4d65;min-height:36px;font:inherit;cursor:pointer;background:#f8fafc;border:1px solid #cfd9e6;border-radius:9px;padding:7px 12px;font-weight:750}.attendanceReportViews button.active{color:#1459b7;background:#eaf2ff;border-color:#1768ed}.attendanceSummaryTable td:first-child small{color:#718096;margin-top:3px;display:block}:root[data-theme=dark] .attendanceReportViews{border-color:var(--dark-border)}:root[data-theme=dark] .attendanceReportViews button{background:var(--surface-input);color:var(--dark-text);border-color:#35485d}:root[data-theme=dark] .attendanceReportViews button.active{color:#9bc0ff;background:#173968;border-color:#2875ff}.reportLoading{color:#66758a;align-content:center;place-items:center;gap:8px;min-height:160px;display:grid}.emptyReport button{color:#1459b7;font:inherit;background:#edf5ff;border:1px solid #b8d2fa;border-radius:8px;margin-top:8px;padding:7px 10px}:root[data-theme=dark] .reportPicker>section{border-color:var(--dark-border);background:var(--surface)}:root[data-theme=dark] .reportPicker button{background:var(--surface-input);color:var(--dark-text);border-color:#35485d}:root[data-theme=dark] .reportPicker button.active{background:#1768ed;border-color:#2875ff}:root[data-theme=dark] .reportSummary article.warning{background:#302718;border-color:#765b2a}:root[data-theme=dark] .reportState-complete{color:#7be3a6!important;background:#173325!important}:root[data-theme=dark] .reportState-missing_punch{color:#f3c472!important;background:#382c17!important}@media (width<=900px){.reportPicker{grid-template-columns:1fr}}@media (width<=640px){.reportFilterActions{width:100%}.reportFilterActions button{flex:1;justify-content:center}.reportSummary{grid-template-columns:1fr 1fr}.reportTable thead{display:none}.reportTable,.reportTable tbody,.reportTable tr,.reportTable td{width:100%;display:block}.reportTable tr{border-bottom:1px solid #dde4ec;padding:10px 12px}.reportTable td{text-align:end;border:0;grid-template-columns:minmax(105px,42%) 1fr;gap:10px;padding:7px 0;display:grid}.reportTable td:before{content:attr(data-label);color:#718096;text-align:start;font-weight:700}}.filterResultCount{color:var(--muted,#64748b);white-space:nowrap;font-size:.85rem;font-weight:700}.toolbarCheck{white-space:nowrap;flex-direction:row;align-items:center;gap:.45rem;display:inline-flex}.taskToolbar>.toolbarCheck{min-width:auto}.toolbarCheck input{width:auto}.leaveRequestToolbar{margin-bottom:1rem}.taskToolbar>select{min-height:39px;color:inherit;font:inherit;background:#fff;border:1px solid #d5dce6;border-radius:9px;padding:0 10px}.taskToolbar>.filterResetButton{white-space:nowrap;gap:6px;width:auto;min-width:39px;padding:0 10px}@media (width<=1100px){.taskToolbar{flex-wrap:wrap}.taskToolbar>label:first-child{flex:250px}}.attendanceAnomaly{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:5px 9px;font-size:11px;font-weight:800;display:inline-flex}.attendanceAnomaly svg{width:14px;height:14px}.attendanceAnomaly.open_punch{color:#9a5a08;background:#fff4d6}.attendanceAnomaly.long_shift{color:#a53333;background:#ffe4e4}.zktecoOfflineAlert{color:#7b4700;background:#fff8e8;border:1px solid #f2c36b;border-radius:14px;align-items:center;gap:12px;padding:14px 16px;display:flex}.zktecoOfflineAlert>svg{flex:none;width:22px;height:22px}.zktecoOfflineAlert div{gap:3px;display:grid}.zktecoOfflineAlert span{font-size:12px}.attendanceReviewCell,.attendanceCorrectionActions{flex-direction:column;align-items:flex-start;gap:.45rem;display:flex}.attendanceCorrectionActions button{color:#294866;min-height:34px;font:inherit;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #d1dbe7;border-radius:9px;align-items:center;gap:.35rem;padding:.42rem .7rem;font-size:.78rem;font-weight:750;display:inline-flex;box-shadow:0 1px 2px #102a430d}.attendanceCorrectionActions button:hover{color:#1768ed;background:#f5f9ff;border-color:#8eb5e8}.attendanceCorrectionActions svg{width:.85rem;height:.85rem}.attendanceCorrectionModal textarea{resize:vertical;min-height:6rem}.attendanceCorrectionNotice{background:color-mix(in srgb, var(--primary,#2563eb) 9%, transparent);color:var(--muted,#64748b);border-radius:.65rem;margin:0;padding:.75rem;font-size:.85rem;line-height:1.45}.attendanceCorrectionRequestModal textarea{resize:vertical;min-height:5rem;font:inherit;border:1px solid #d2d9e2;border-radius:8px;padding:10px}.attendanceCorrectionRequestModal input[type=file]{background:#f9fafb;height:auto!important;padding:10px!important}.attendanceCorrectionBadge{color:#fff;background:#d94343;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-inline-start:6px;padding:0 5px;font-size:.68rem;font-style:normal;font-weight:800;display:inline-flex}.correctionRequestList{flex-direction:column;gap:12px;margin-top:14px;display:flex}.correctionRequestCard{background:#fff;border:1px solid #e3e8ef;border-radius:14px;align-items:flex-start;gap:14px;padding:14px;display:flex}.correctionRequestCard.approved{background:#f5fbf7;border-color:#bfe3cc}.correctionRequestCard.rejected{background:#fdf6f6;border-color:#f0c7c4}.correctionEvidenceThumb{object-fit:cover;background:#f3f5f8;border:1px solid #e3e8ef;border-radius:10px;flex:none;width:76px;height:76px}.correctionEvidenceThumbBtn{cursor:zoom-in;background:0 0;border:0;border-radius:10px;flex:none;padding:0}.correctionEvidenceThumbBtn:hover .correctionEvidenceThumb{border-color:#7c2e2e;box-shadow:0 0 0 2px #7c2e2e26}.correctionEvidenceLightbox{z-index:60;cursor:zoom-out;background:#0a0c10d1;justify-content:center;align-items:center;display:flex}.correctionEvidenceLightbox img{cursor:default;border-radius:10px;max-width:min(90vw,900px);max-height:88vh;box-shadow:0 20px 60px #00000080}.correctionEvidenceLightboxClose{color:#fff;cursor:pointer;background:#ffffff24;border:0;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:absolute;inset-block-start:18px;inset-inline-end:22px}.correctionEvidenceLightboxClose:hover{background:#ffffff3d}.correctionEvidenceLightboxClose svg{width:18px;height:18px}.correctionEvidenceLoading{background:linear-gradient(90deg,#f0f2f5 25%,#e6e9ee 37%,#f0f2f5 63%) 0 0/400% 100%;animation:1.4s infinite correctionEvidenceShimmer}@keyframes correctionEvidenceShimmer{0%{background-position:100%}to{background-position:0}}.correctionEvidenceFailed{color:#b23a2f;text-align:center;background:#fdf6f6;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:4px;display:flex}.correctionEvidenceFailed svg{width:18px;height:18px}.correctionEvidenceFailed small{font-size:.6rem;line-height:1.2}:root[data-theme=dark] .correctionEvidenceFailed{color:#e17d74;background:#2a1917}.correctionRequestBody{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.correctionRequestHead{justify-content:space-between;align-items:center;gap:10px;display:flex}.correctionRequestHead b{font-size:.92rem}.correctionRequestBody p{color:#4b5768;margin:0;font-size:.82rem}.correctionRequestBody small{color:#7c8a9c;font-size:.74rem}.correctionReason{font-style:italic}.correctionMissedCount{font-weight:700;color:#b4711f!important}.correctionStatusBadge{white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:.7rem;font-weight:800}.correctionStatusBadge.pending{color:#9a6b0a;background:#fef3d6}.correctionStatusBadge.approved{color:#1c7a41;background:#e1f5e8}.correctionStatusBadge.rejected{color:#b23a2f;background:#fbe4e2}.correctionRequestCard .decisionButtons{flex-direction:column;align-self:stretch}.correctionRequestCard .withdrawApproval{flex:none;align-self:center}.attendanceEditPermission{background:#f7faff;border:1px solid #d6e1ee;border-radius:12px;align-items:center;padding:14px;grid-template-columns:1fr auto!important;gap:16px!important}.attendanceEditPermission span{gap:4px;display:grid}.attendanceEditPermission small{color:#6d7f92;font-weight:500;line-height:1.4}.attendanceEditPermission input{accent-color:#1768ed;width:20px;height:20px}:root[data-theme=dark] .attendanceCorrectionActions button,:root[data-theme=dark] .attendanceEditPermission{color:#dce7f4;background:#152337;border-color:#30445a}@media (width<=760px){html,body,#root,.app{width:100%;max-width:100%;overflow-x:clip}body{-webkit-text-size-adjust:100%;font-size:14px}main{width:100%;max-width:none;padding:0 max(12px, env(safe-area-inset-right)) calc(88px + env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left))}header{height:auto;min-height:72px;padding:calc(8px + env(safe-area-inset-top)) 0 8px;gap:10px}.headerTitle{flex:1;min-width:0}.headerTitle h1{text-overflow:ellipsis;white-space:nowrap;font-size:clamp(18px,5vw,22px);line-height:1.2;overflow:hidden}.headerTitle p{max-width:100%;font-size:11px}.headtools{flex:none;gap:4px}.headtools>button,.headtools .icon,.menub,.lang{place-items:center;min-width:42px;min-height:42px;padding:0 8px;display:inline-grid}.profile{gap:4px}.avatar{width:36px;height:36px}.pageTitle,.panelhead,.reportSheetHead,.performanceHero{flex-direction:column;align-items:stretch;gap:12px;min-width:0}.pageTitle{margin-bottom:12px}.pageTitle>div,.pageTitle>section,.pageTitle p{min-width:0;max-width:100%}.pageTitle>button,.pageTitle>.primary,.welcome .primary,.performanceHero .primary{justify-content:center;width:100%;min-height:44px;margin:0}.welcome{border-radius:14px;min-height:0;padding:20px}.welcome h2{font-size:22px;line-height:1.25}.summaryGrid,.reportSummary{gap:8px}.summary{min-width:0;padding:13px}.summary small{line-height:1.35}.summary strong{font-size:22px}:is(.tableTools,.attendanceToolbar,.leaveRequestToolbar,.taskToolbar,.payrollToolbar,.reportFilters,.announcementToolbar){grid-template-columns:1fr;align-items:stretch;gap:9px;width:100%;min-width:0;height:auto;padding:11px;display:grid}:is(.tableTools,.attendanceToolbar,.leaveRequestToolbar,.taskToolbar,.payrollToolbar,.reportFilters,.announcementToolbar)>:is(label,select,button,.primary,.toolbarCheck,.filterResultCount){width:100%;min-width:0;max-width:none;min-height:44px;margin:0}:is(.tableTools,.attendanceToolbar,.leaveRequestToolbar,.taskToolbar,.payrollToolbar,.reportFilters,.announcementToolbar)>button{justify-content:center}.toolbarCheck{white-space:normal;padding:0 10px}.filterResultCount{white-space:normal;align-items:center;display:flex;min-height:28px!important}:is(input,select,textarea,button){max-width:100%}:is(.employeeTable,.reportTableWrap,.attendanceTableWrap,.auditTableWrap,.payrollTableWrap){overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;width:100%;max-width:100%;overflow-x:auto}.employeeTable{min-height:0}.employeeTable table{min-width:720px}:is(.employeeTable,.reportTableWrap) table th:first-child,:is(.employeeTable,.reportTableWrap) table td:first-child{z-index:1;background:inherit;position:sticky;inset-inline-start:0}.reportPicker{gap:8px}.reportPicker>section{min-width:0;padding:10px}.reportPicker section>div,.attendanceReportViews{overscroll-behavior-inline:contain;scrollbar-width:thin;flex-wrap:nowrap;padding-bottom:5px;overflow-x:auto}.reportPicker button,.attendanceReportViews button{white-space:nowrap;flex:none;min-height:42px}.reportFilterActions{grid-template-columns:1fr 1fr;display:grid}.reportPagination{gap:8px;padding:11px 8px}.reportPagination button{flex:1;min-width:0}.modalBack{padding:max(10px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) env(safe-area-inset-bottom) max(8px, env(safe-area-inset-left));place-items:end center}.modalBack>:is(form,section,.taskModal,.leaveModal,.performanceModal,.leaveRevokeModal,.shiftAssignmentModal,.shiftTransferModal,.employeeModal,.punchModal,.scheduleModal,.attendancePeopleModal,.announcementPopup,.noteModal,.runModal,.salaryAdvanceModal,.quickDeductionModal){width:100%;max-width:100%;max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 10px);padding:18px 16px calc(18px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;margin:0;overflow-y:auto}.modalHead{z-index:3;background:inherit;align-items:flex-start;margin-inline:-16px;padding:18px 16px 14px;position:sticky;top:-18px}.modalHead>button{flex:0 0 42px;width:42px;height:42px}.modalActions{bottom:calc(-18px - env(safe-area-inset-bottom));z-index:3;margin:12px -16px calc(-18px - env(safe-area-inset-bottom));padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:inherit;grid-template-columns:1fr 1fr;display:grid;position:sticky}.modalActions>button{justify-content:center;width:100%;min-height:44px}.actions,.decisionButtons,.reportActions{flex-wrap:wrap;width:100%}.actions>button,.decisionButtons>button,.reportActions>button{flex:140px;justify-content:center;min-height:44px}.empty,.emptyState,.coming{padding:48px 16px}}@media (width<=420px){main{padding-inline:max(9px, env(safe-area-inset-left))}.summaryGrid,.reportSummary{grid-template-columns:1fr}.headtools .profile{display:none}.reportFilterActions,.modalActions,.scoreFields label{grid-template-columns:1fr}}:root{--ebla-navy-950:#061a33;--ebla-navy-900:#092847;--ebla-blue-600:#1768ed;--ebla-blue-500:#287cff;--ebla-teal-500:#18b7a0;--ebla-surface:#fff;--ebla-canvas:#f3f7fb;--ebla-line:#dfe8f1;--ebla-text:#10243e;--ebla-muted:#697b90;--ebla-shadow:0 14px 36px #0b274614}body{background:var(--ebla-canvas);color:var(--ebla-text)}.sidebar{background:radial-gradient(circle at 18% 8%, #18b7a038, transparent 26%), linear-gradient(180deg, var(--ebla-navy-900), var(--ebla-navy-950));width:224px;padding:24px 16px;box-shadow:12px 0 34px #061a331f}.sidebar button{color:#d7e5f4;border-radius:12px;min-height:44px;transition:background .18s,color .18s,transform .18s}.sidebar button:hover{color:#fff;background:#ffffff14;transform:translate(2px)}.sidebar .active{background:linear-gradient(135deg, var(--ebla-blue-600), #168dbd);color:#fff;box-shadow:0 9px 24px #1768ed45}main{margin-left:224px;padding-inline:24px}[dir=rtl] main{margin-left:0;margin-right:224px}header{height:88px;padding-inline:4px}.headtools label,.branchselect,.lang{border-color:var(--ebla-line);box-shadow:0 5px 18px #0b27460a}.welcome{background:radial-gradient(circle at 88% 12%,#42d6c252,#0000 25%),linear-gradient(120deg,#092847 0%,#0d4b7f 64%,#147d9e 100%);border:0;border-radius:22px;min-height:168px;padding:30px 32px;box-shadow:0 18px 40px #082d512b}.welcome h2{font-size:clamp(27px,2.6vw,38px)}.welcome p{color:#d2e3f3}.welcome .primary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff21;border:1px solid #ffffff42;border-radius:12px;min-height:46px}.summaryGrid{gap:16px;margin:18px 0}.summary{border-color:var(--ebla-line);border-radius:18px;min-height:112px;box-shadow:0 8px 24px #0b27460e}.summary>span{border-radius:14px;width:48px;height:48px}.summary strong{color:var(--ebla-text);font-size:30px}.summary.blue>span{color:var(--ebla-blue-600);background:#eaf2ff}.summary.green>span{color:#0e9f86;background:#e4f8f4}.summary.orange>span{color:#e28023;background:#fff2e2}.summary.violet>span{color:#7863dc;background:#efecff}.dashboardPulse{background:linear-gradient(110deg,#f0fbf9,#fff 55%);border:1px solid #cfe6e3;border-radius:18px;grid-template-columns:minmax(220px,1.25fr) repeat(3,minmax(140px,1fr));align-items:center;gap:12px;margin-bottom:18px;padding:15px;display:grid;box-shadow:0 8px 26px #0b27460d}.dashboardPulseIntro{align-items:center;gap:12px;padding:5px 7px;display:flex}.dashboardPulseIntro>span{color:#fff;background:linear-gradient(135deg, var(--ebla-teal-500), #168dbd);border-radius:13px;flex:0 0 44px;place-items:center;width:44px;height:44px;display:grid}.dashboardPulseIntro svg{width:21px}.dashboardPulseIntro small,.dashboardPulseIntro strong{display:block}.dashboardPulseIntro small{color:#178b79;margin-bottom:3px;font-weight:800}.dashboardPulseIntro strong{font-size:13px}.dashboardPulse>article{border-inline-start:1px solid var(--ebla-line);min-width:0;padding:11px 14px}.dashboardPulse article small,.dashboardPulse article strong,.dashboardPulse article span{display:block}.dashboardPulse article small{color:var(--ebla-muted);font-weight:700}.dashboardPulse article strong{margin:4px 0 7px;font-size:23px}.dashboardPulse article>i{background:#e5edf3;border-radius:999px;height:5px;display:block;overflow:hidden}.dashboardPulse article>i b{border-radius:inherit;background:linear-gradient(90deg, var(--ebla-teal-500), var(--ebla-blue-500));height:100%;display:block}.dashboardPulse article>span{color:var(--ebla-muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.dashboardPulse article.attention strong{color:#d65a45}.dashboardPulse article.healthy strong{color:#0e9f86}.dashboardAttendance,.dashboardOperations{border-color:var(--ebla-line);box-shadow:var(--ebla-shadow);border-radius:20px}.dashboardAttendance{padding:24px}.dashboardOperations{margin-top:18px}.dashboardSectionHead h3{color:var(--ebla-text);font-size:18px}.dashboardSectionHead>button{color:var(--ebla-blue-600);cursor:pointer}.dashboardAttendanceGrid>button,.dashboardWorkStats article,.dashboardPeopleColumns>article{border-color:var(--ebla-line);background:#fbfdff;border-radius:16px}.dashboardAttendanceGrid>button{min-height:104px}.dashboardAttendanceGrid>button:hover{border-color:#78b9d4;box-shadow:0 10px 24px #0b274614}.dashboardAttendanceGrid>button.green{background:linear-gradient(135deg,#ebf7ef,#dcefe4);border-color:#b9d9c6}.dashboardAttendanceGrid>button.orange{background:linear-gradient(135deg,#fff3e4,#ffe5c7);border-color:#e8c69e}.dashboardAttendanceGrid>button.red{background:linear-gradient(135deg,#fdeced,#f8d9dc);border-color:#e4b7bc}.dashboardAttendanceGrid>button.blue{background:linear-gradient(135deg,#edf2fc,#dce6f8);border-color:#b9c9e6}.dashboardAttendanceGrid>button:is(.green,.orange,.red,.blue)>span{color:#17345f;background:#ffffff9e;box-shadow:inset 0 0 0 1px #17345f12}.dashboardAttendanceGrid .green>span,.dashboardPeopleTitle>span.green{color:#0e9f86;background:#e4f8f4}.dashboardAttendanceGrid .blue>span,.dashboardWorkStats span.blue{color:var(--ebla-blue-600);background:#eaf2ff}.dashboardWorkStats span.violet{color:#7863dc;background:#efecff}.dashboardAttendanceGrid>button:is(.green,.orange,.red,.blue)>span{color:#17345f;background:#ffffff9e}:root[data-theme=dark] .dashboardAttendanceGrid>button.green{background:linear-gradient(135deg,#142820,#183226);border-color:#28503b}:root[data-theme=dark] .dashboardAttendanceGrid>button.orange{background:linear-gradient(135deg,#2a2118,#352719);border-color:#584126}:root[data-theme=dark] .dashboardAttendanceGrid>button.red{background:linear-gradient(135deg,#2b1c20,#371f23);border-color:#593039}:root[data-theme=dark] .dashboardAttendanceGrid>button.blue{background:linear-gradient(135deg,#172334,#192b45);border-color:#2d486c}:root[data-theme=dark] .dashboardAttendanceGrid>button:is(.green,.orange,.red,.blue)>span{color:#17345f;background:#ffffffe6}@media (width<=1100px){.dashboardPulse{grid-template-columns:repeat(3,1fr)}.dashboardPulseIntro{grid-column:1/-1}.dashboardPulse>article:first-of-type{border-inline-start:0}}@media (width<=760px){.sidebar{width:min(86vw,310px)}main,[dir=rtl] main{margin:0}.welcome{border-radius:20px;min-height:150px;padding:22px 20px}.welcome h2{font-size:27px}.summaryGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.summary{border-radius:16px;min-height:96px;padding:14px}.summary>span{flex:0 0 42px;width:42px;height:42px}.summary strong{font-size:24px}.dashboardPulse{grid-template-columns:1fr 1fr;padding:12px}.dashboardPulseIntro{grid-column:1/-1}.dashboardPulse>article{border-inline-start:0;padding:9px}.dashboardPulse>article:last-child{border-top:1px solid var(--ebla-line);grid-column:1/-1}.dashboardAttendance,.dashboardOperations{border-radius:18px;padding:16px}.dashboardAttendanceGrid>button{border-radius:14px;min-height:94px}}@media (width<=390px){.summaryGrid{grid-template-columns:1fr}.summary{min-height:82px}}[dir=rtl] .sidebar button:hover{transform:translate(-2px)}:root{--ebla-navy-950:#041b3a;--ebla-navy-900:#082b59;--ebla-navy-700:#0d4380;--ebla-teal-600:#07998f;--ebla-teal-500:#0ab7ad;--ebla-canvas:#f6f8fb;--ebla-line:#e1e7ef;--ebla-text:#091b38;--ebla-muted:#68758a}.sidebar{background:var(--ebla-navy-950)}.brand b{color:var(--ebla-teal-500)}.sidebar .active{background:var(--ebla-navy-700);box-shadow:inset 4px 0 0 var(--ebla-teal-500)}[dir=rtl] .sidebar .active{box-shadow:inset -4px 0 0 var(--ebla-teal-500)}.dashboardModern{padding-bottom:30px}.dashboardGreeting{justify-content:space-between;align-items:center;gap:20px;margin:2px 0 18px;display:flex}.dashboardGreeting h2{color:var(--ebla-text);margin:0;font-size:clamp(25px,2vw,34px)}.dashboardGreeting p{color:var(--ebla-muted);margin:6px 0 0}.dashboardDate{border:1px solid var(--ebla-line);min-height:40px;color:var(--ebla-text);background:#fff;border-radius:10px;align-items:center;gap:9px;padding:0 13px;font-weight:700;display:flex}.dashboardDate svg{width:18px;color:var(--ebla-teal-600)}.summaryGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.summary{background:#fff;position:relative;overflow:hidden}.summary:after{content:"";inset-inline-end:0;background:var(--ebla-teal-500);width:4px;height:100%;position:absolute;top:0}.summary.navy>span{color:#fff;background:var(--ebla-navy-900)}.summary.teal>span{color:#fff;background:var(--ebla-teal-600)}.dashboardAnalyticsGrid{grid-template-columns:minmax(0,1.75fr) minmax(320px,.9fr);gap:18px;margin-bottom:18px;display:grid}.dashboardChartPanel,.dashboardQuickPanel{border:1px solid var(--ebla-line);background:#fff;border-radius:16px;box-shadow:0 6px 22px #091b380d}.dashboardChartPanel{min-height:300px;padding:20px}.dashboardPanelHead{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.dashboardPanelHead h3{margin:0;font-size:17px}.dashboardPanelHead p{color:var(--ebla-muted);margin:5px 0 0;font-size:12px}.dashboardPanelHead>svg{width:21px;color:var(--ebla-teal-600)}.dashboardSignalChart{border-bottom:1px solid var(--ebla-line);background:repeating-linear-gradient(#0000 0 43px,#edf1f5 44px);grid-template-columns:repeat(4,1fr);align-items:end;gap:24px;height:220px;padding:25px 14px 0;display:grid}.dashboardSignalChart article{grid-template-rows:24px 150px 32px;place-items:end center;min-width:0;display:grid}.dashboardSignalChart strong{font-size:12px}.dashboardSignalChart i{align-items:end;width:min(54px,72%);height:145px;display:flex}.dashboardSignalChart i b{background:var(--ebla-teal-600);border-radius:7px 7px 2px 2px;width:100%;min-height:6px;box-shadow:0 7px 16px #07998f2e}.dashboardSignalChart article:nth-child(2n) i b{background:var(--ebla-navy-900)}.dashboardSignalChart span{max-width:100%;color:var(--ebla-muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.dashboardMixContent{grid-template-columns:1fr;place-items:center;gap:24px;padding-top:28px;display:grid}.dashboardDonut{background:conic-gradient(var(--ebla-navy-900) 0 var(--active),var(--ebla-teal-500) var(--active) var(--probation),#b9d9d6 var(--probation) 100%);border-radius:50%;place-items:center;width:150px;height:150px;display:grid}.dashboardDonut:before{content:"";background:#fff;border-radius:50%;grid-area:1/1;width:92px;height:92px}.dashboardDonut span{z-index:1;text-align:center;grid-area:1/1}.dashboardDonut strong,.dashboardDonut small{display:block}.dashboardDonut strong{font-size:26px}.dashboardDonut small{color:var(--ebla-muted)}.dashboardLegend{gap:9px;width:100%;display:grid}.dashboardLegend span{color:var(--ebla-muted);grid-template-columns:10px 1fr auto;align-items:center;gap:8px;font-size:12px;display:grid}.dashboardLegend i{background:var(--ebla-navy-900);border-radius:50%;width:9px;height:9px}.dashboardLegend i.probation{background:var(--ebla-teal-500)}.dashboardLegend i.leave{background:#b9d9d6}.dashboardLegend strong{color:var(--ebla-text)}.dashboardDepartmentList{align-content:start;gap:14px;max-height:230px;margin-top:24px;padding-inline-end:4px;display:grid;overflow-y:auto}.dashboardDepartmentRow{gap:7px;display:grid}.dashboardDepartmentRow>div{color:var(--ebla-muted);justify-content:space-between;align-items:center;gap:14px;font-size:12px;display:flex}.dashboardDepartmentRow span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dashboardDepartmentRow strong{color:var(--ebla-text);flex:none;font-size:13px}.dashboardDepartmentRow>i{background:#e7f1f0;border-radius:999px;height:7px;display:block;overflow:hidden}.dashboardDepartmentRow>i>b{border-radius:inherit;background:linear-gradient(90deg,var(--ebla-teal-600),var(--ebla-navy-900));height:100%;display:block}.dashboardDepartmentDistribution{grid-template-columns:minmax(150px,.8fr) minmax(150px,1.2fr);align-items:center;gap:18px;min-height:230px;padding-top:18px;display:grid}.dashboardDepartmentDonut{aspect-ratio:1;width:min(190px,100%);margin:auto;position:relative}.dashboardDepartmentDonut svg{width:100%;height:100%;display:block;overflow:visible;transform:rotate(-90deg)}.dashboardDepartmentDonut circle{fill:none}.dashboardDepartmentDonut .donutTrack{stroke:#edf1f5;stroke-width:22px}.dashboardDepartmentDonut .donutSegment{stroke-width:22px;cursor:pointer;transition:stroke-width .18s,filter .18s,opacity .18s}.dashboardDepartmentDonut .donutSegment:hover,.dashboardDepartmentDonut .donutSegment:focus,.dashboardDepartmentDonut .donutSegment.selected{stroke-width:27px;filter:drop-shadow(0 3px 3px #1027462e);outline:none}.dashboardDonutSelection{text-align:center;pointer-events:none;background:#fff;border-radius:50%;place-content:center;gap:3px;display:grid;position:absolute;inset:25%;box-shadow:0 3px 14px #0e244214}.dashboardDonutSelection strong{color:var(--ebla-text);font-size:23px}.dashboardDonutSelection small{color:var(--ebla-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10px;line-height:1.25;display:-webkit-box;overflow:hidden}.dashboardDepartmentLegend{align-content:start;gap:4px;max-height:225px;display:grid;overflow:auto}.dashboardDepartmentLegend button{min-height:30px;color:var(--ebla-text);text-align:start;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:9px minmax(0,1fr) auto;align-items:center;gap:8px;padding:5px 7px;display:grid}.dashboardDepartmentLegend button:hover,.dashboardDepartmentLegend button.selected{background:#f3f7fb;border-color:#d5e0ee}.dashboardDepartmentLegend i{border-radius:50%;width:9px;height:9px}.dashboardDepartmentLegend span{color:var(--ebla-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.dashboardDepartmentLegend strong{font-size:11px}.dashboardAttendance{margin-bottom:18px}.dashboardQuickGrid{grid-template-columns:1.15fr 1fr .8fr;gap:18px;margin-bottom:18px;display:grid}.dashboardQuickPanel{padding:18px}.dashboardQuickStats{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px;display:grid}.dashboardQuickStats button{min-width:0;color:var(--ebla-text);background:#f7fbfb;border:1px solid #d8e8e6;border-radius:11px;padding:13px 6px}.dashboardQuickStats strong,.dashboardQuickStats span{display:block}.dashboardQuickStats strong{margin-bottom:5px;font-size:22px}.dashboardQuickStats span{color:var(--ebla-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.dashboardQueue{gap:8px;margin-top:14px;display:grid}.dashboardQueue button{border:0;border-bottom:1px solid var(--ebla-line);color:var(--ebla-text);background:0 0;justify-content:space-between;align-items:center;padding:9px 0;display:flex}.dashboardQueue strong{color:var(--ebla-teal-600);font-size:18px}.dashboardNoticeCount{text-align:center;place-content:center;min-height:116px;display:grid}.dashboardNoticeCount strong{color:var(--ebla-navy-900);font-size:44px}.dashboardNoticeCount span{color:var(--ebla-muted);font-size:11px}.dashboardPulse{display:none}.welcome{background:var(--ebla-navy-900)}.dashboardPulse article>i b,.dashboardPulseIntro>span{background:var(--ebla-teal-600)}@media (width<=1100px){.dashboardAnalyticsGrid{grid-template-columns:1fr}.dashboardMixContent{grid-template-columns:auto 1fr}.dashboardQuickGrid{grid-template-columns:1fr 1fr}.dashboardQuickPanel:last-child{grid-column:1/-1}}@media (width<=760px){main{padding-inline:14px}header{height:76px}.dashboardModern{margin-inline:-2px}.dashboardGreeting{align-items:flex-start;margin-top:9px}.dashboardGreeting h2{font-size:25px}.dashboardGreeting p{font-size:12px}.dashboardDate{display:none}.summaryGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.summary{flex-direction:column;justify-content:space-between;align-items:flex-start;min-height:118px;padding:14px}.summary:first-child,.summary:nth-child(3){color:#fff;background:var(--ebla-navy-900)}.summary:nth-child(2){color:#fff;background:var(--ebla-teal-600)}.summary:first-child strong,.summary:nth-child(3) strong,.summary:nth-child(2) strong,.summary:first-child small,.summary:nth-child(3) small,.summary:nth-child(2) small{color:#fff}.summary:after{display:none}.summary>span{width:38px;height:38px}.dashboardAnalyticsGrid{gap:12px}.dashboardChartPanel{min-height:0;padding:15px}.dashboardSignalChart{gap:8px;height:200px;padding-inline:0}.dashboardSignalChart article{grid-template-rows:22px 125px 38px}.dashboardSignalChart i{width:min(38px,70%);height:120px}.dashboardSignalChart span{white-space:normal;line-height:1.2}.dashboardMixContent{grid-template-columns:auto 1fr;gap:16px}.dashboardDonut{width:116px;height:116px}.dashboardDonut:before{width:72px;height:72px}.dashboardAttendanceGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboardAttendanceGrid>button{flex-direction:column;align-items:flex-start;min-height:112px}.dashboardAttendanceGrid>button>svg{display:none}.dashboardQuickGrid{grid-template-columns:1fr;gap:12px}.dashboardQuickPanel:last-child{grid-column:auto}.dashboardOperations{margin-top:12px}}@media (width<=390px){.summaryGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboardMixContent{grid-template-columns:1fr}}.summary em{color:var(--ebla-teal-600);margin-top:5px;font-size:11px;font-style:normal;font-weight:700;display:block}.summary em.negative{color:#e0444d}.dashboardLineChart{padding-top:20px}.dashboardLineChart svg{width:100%;height:190px;display:block;overflow:visible}.dashboardLineChart line.grid{stroke:#e9edf2;stroke-width:.45px}.dashboardLineChart .chartArea.present{fill:url(#attendancePresentArea)}.dashboardLineChart .chartArea.absent{fill:url(#attendanceAbsentArea)}.dashboardLineChart polyline{fill:none;stroke-width:2.15px;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 2px #112d4e1f)}.dashboardLineChart polyline.present{stroke:var(--ebla-teal-600);stroke-width:3px}.dashboardLineChart polyline.late{stroke:#f59e0b}.dashboardLineChart polyline.absent{stroke:#e0444d}.dashboardLineChart polyline.leave{stroke:#8194aa}.dashboardLineChart .chartPoint{fill:#fff;stroke-width:1.8px;vector-effect:non-scaling-stroke}.dashboardLineChart .chartPoint.present{stroke:var(--ebla-teal-600)}.dashboardLineChart .chartPoint.late{stroke:#f59e0b}.dashboardLineChart .chartPoint.absent{stroke:#e0444d}.dashboardLineChart .chartPoint.on_leave{stroke:#8194aa}.dashboardChartDays{color:var(--ebla-muted);justify-content:space-between;gap:6px;font-size:10px;display:flex}.dashboardChartLegend{color:var(--ebla-muted);flex-wrap:wrap;justify-content:center;gap:18px;margin-top:15px;font-size:11px;display:flex}.dashboardChartLegend span:before{content:"";background:currentColor;border-radius:50%;width:8px;height:8px;margin-inline-end:6px;display:inline-block}.dashboardChartLegend .present{color:var(--ebla-teal-600)}.dashboardChartLegend .late{color:#f59e0b}.dashboardChartLegend .absent{color:#e0444d}.dashboardChartLegend .leave{color:#91a3b8}.srOnly{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.dashboardAttendanceBarChart{grid-template-columns:34px minmax(0,1fr);gap:8px;padding-top:18px;display:grid}.dashboardBarYAxis{height:210px;color:var(--ebla-muted);text-align:end;flex-direction:column;justify-content:space-between;padding-bottom:25px;font-size:9px;display:flex}.dashboardBarViewport{min-width:0;overflow-x:auto}.dashboardBarPlot{background:repeating-linear-gradient(#0000 0 45px,#e7edf4 46px);border-bottom:1px solid #b7c4d4;grid-template-columns:repeat(7,minmax(72px,1fr));min-width:620px;height:210px;padding:0 8px;display:grid}.dashboardBarPlot article{grid-template-rows:185px 25px;min-width:0;display:grid}.dashboardBarPlot article>div{justify-content:center;align-items:stretch;gap:4px;height:185px;display:flex}.dashboardBarPlot button{width:18%;min-width:8px;height:100%;color:var(--ebla-text);cursor:default;background:0 0;border:0;grid-template-rows:21px 1fr;align-items:end;padding:0;display:grid;position:relative}.dashboardBarPlot button strong{align-self:center;font-size:9px;line-height:1}.dashboardBarPlot button i{border-radius:4px 4px 1px 1px;align-self:end;width:100%;min-height:2px;transition:filter .16s,transform .16s;display:block}.dashboardBarPlot button:hover i{filter:brightness(.92)drop-shadow(0 3px 3px #1028492e);transform:scaleX(1.08)}.dashboardBarPlot button.present i{background:var(--ebla-teal-600)}.dashboardBarPlot button.late i{background:#f59e0b}.dashboardBarPlot button.absent i{background:#e0444d}.dashboardBarPlot button.on_leave i{background:#8194aa}.dashboardBarPlot article>small{color:var(--ebla-muted);text-align:center;white-space:nowrap;padding-top:7px;font-size:9px}.dashboardAttendanceBarChart .dashboardChartLegend{grid-column:1/-1}.dashboardAttendanceReference>button{text-align:center;align-items:center;position:relative}.dashboardAttendanceReference>button>span{width:42px;height:42px}.dashboardAttendanceReference>button em{color:currentColor;margin-top:5px;font-size:11px;font-style:normal;font-weight:800;display:block}.dashboardReferenceLists{grid-template-columns:1fr 1fr}.dashboardReferenceLists .dashboardPanelHead{align-items:center}.dashboardReferenceLists .dashboardPanelHead>button{color:var(--ebla-teal-600);background:0 0;border:0;font-size:12px;font-weight:800}.dashboardListRows{margin-top:12px;display:grid}.dashboardListRows>button{border:0;border-bottom:1px solid var(--ebla-line);min-height:54px;color:var(--ebla-text);text-align:start;background:0 0;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 0;display:grid}.dashboardListRows>button:last-child{border-bottom:0}.dashboardListRows b,.dashboardListRows small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.dashboardListRows b{font-size:12px}.dashboardListRows small{color:var(--ebla-muted);margin-top:3px;font-size:10px}.dashboardListRows em{color:#b97800;background:#fff6dd;border-radius:999px;padding:5px 8px;font-size:10px;font-style:normal;font-weight:800}.dashboardListRows em.approved{color:#168454;background:#e9f8f0}.dashboardListRows em.rejected{color:#c83d4b;background:#fdecef}.notificationRows>button>i{width:34px;height:34px;color:var(--ebla-teal-600);background:#e8f7f5;border-radius:10px;place-items:center;display:grid}.notificationRows>button>i svg,.notificationRows>button>svg{width:17px;height:17px}@media (width<=760px){.dashboardReferenceLists{grid-template-columns:1fr}.dashboardLineChart svg{height:155px}.dashboardChartLegend{gap:10px}.dashboardAttendanceBarChart{grid-template-columns:28px minmax(0,1fr)}.dashboardBarPlot{min-width:570px}.dashboardDepartmentDistribution{grid-template-columns:1fr}.dashboardDepartmentDonut{width:165px}}:root[data-theme=dark] .dashboardDonutSelection{background:#111d2a}:root[data-theme=dark] .dashboardDepartmentDonut .donutTrack{stroke:#26384a}:root[data-theme=dark] .dashboardDepartmentLegend button:hover,:root[data-theme=dark] .dashboardDepartmentLegend button.selected{background:#172536;border-color:#3a4e64}:root[data-theme=dark] .dashboardBarPlot{background:repeating-linear-gradient(#0000 0 45px,#26384b 46px);border-color:#40536a}.routineSaved{color:#158052;justify-content:flex-end;align-items:center;gap:5px;margin:7px 0 0;font-size:11px;font-weight:800;display:flex}.routineSaved svg{width:15px}.routineCheck:disabled{cursor:not-allowed}.done .routineCheck:disabled{opacity:1}.routineUrgent{margin:0 0 12px}.routineUrgentToggle{color:#b4232f;width:100%;font:inherit;cursor:pointer;background:#fff0f0;border:1px solid #f2aaaa;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:9px 11px;font-size:11px;font-weight:850;display:flex;box-shadow:0 3px 9px #b4232f14}.routineUrgentToggle svg,.routineUrgentPanel button svg,.routineUrgentSent svg{width:15px}.routineUrgentPanel{background:#fff8f7;border:1px solid #ffd0d0;border-radius:11px;gap:8px;margin-top:9px;padding:11px;display:grid}.routineUrgentPanel strong{color:#a93333;font-size:11px}.routineUrgentPanel textarea{color:#233b53;width:100%;font:inherit;resize:vertical;background:#fff;border:1px solid #efbcbc;border-radius:9px;padding:9px 10px;line-height:1.5}.routineUrgentPanel button{color:#fff;font:inherit;cursor:pointer;background:#d94545;border:0;border-radius:8px;justify-content:center;justify-self:end;align-items:center;gap:6px;padding:8px 12px;font-size:11px;font-weight:850;display:flex}.routineUrgentPanel button:disabled{opacity:.65;cursor:wait}.routineUrgentSent{color:#b33434;justify-content:flex-end;align-items:center;gap:5px;margin:7px 0 0;font-size:11px;font-weight:800;display:flex}[dir=rtl] .roleRoutineGrid>article{direction:rtl}.routineSaveRow{justify-content:flex-end;align-items:flex-start;gap:8px;margin-top:9px;display:flex}.routineSaveRow .routineSave{margin:0}.routineRecipientMenu{position:relative}.routineRecipientMenu summary{color:#536a82;cursor:pointer;background:#fff;border:1px solid #d5e1ed;border-radius:8px;align-items:center;gap:6px;padding:7px 10px;font-size:11px;font-weight:850;list-style:none;display:flex}.routineRecipientMenu summary::-webkit-details-marker{display:none}.routineRecipientMenu summary svg{width:14px}.routineRecipientMenu summary b{color:#1768ed;background:#eaf2ff;border-radius:99px;place-items:center;min-width:18px;height:18px;font-size:10px;display:grid}.routineRecipientMenu>div{z-index:8;inset-inline-end:0;background:#fff;border:1px solid #d5e1ed;border-radius:10px;gap:5px;min-width:220px;padding:8px;display:grid;position:absolute;top:calc(100% + 6px);box-shadow:0 12px 30px #12375b26}.routineBody .routineRecipientMenu label{color:#405a72;cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:8px;display:flex}.routineBody .routineRecipientMenu label.selected{color:#1768ed;background:#edf5ff}.routineRecipientMenu input{accent-color:#1768ed}.assignmentTableHead,.assignmentTable>article{grid-template-columns:1.35fr 1fr .9fr 1.25fr .4fr auto;min-width:900px}.assignmentShift{gap:2px;display:grid}.assignmentShift b{color:#294d70}.assignmentShift small{font-variant-numeric:tabular-nums}:root[data-theme=dark] .routineRecipientMenu summary,:root[data-theme=dark] .routineRecipientMenu>div{color:#dce7f4;background:#111c29;border-color:#304257}:root[data-theme=dark] .routineBody .routineRecipientMenu label{color:#dce7f4}:root[data-theme=dark] .routineBody .routineRecipientMenu label.selected{color:#8fc0ff;background:#173252}.operationalTaskTabs{background:#fff;border:1px solid #dce6f1;border-radius:14px;gap:8px;margin:0 0 16px;padding:7px;display:flex}.operationalTaskTabs button{color:#617287;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:7px;padding:10px 14px;font-weight:850;display:flex}.operationalTaskTabs button svg{width:18px}.operationalTaskTabs button b{background:#edf2f8;border-radius:999px;padding:2px 7px;font-size:10px}.operationalTaskTabs button.active{color:#fff;background:#1768ed;box-shadow:0 5px 14px #1768ed38}.operationalTaskTabs button.active b{color:#fff;background:#fff3}.profileWorkspace,.assignmentWorkspace{background:#f7faff;border:1px solid #dce6f1;border-radius:18px;padding:20px}.profileWorkspace>header,.assignmentWorkspace>header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px;display:flex}.profileWorkspace>header small,.assignmentWorkspace>header small{color:#74869a}.profileWorkspace h3,.assignmentWorkspace h3{color:#183650;margin:4px 0}.profileWorkspace>header p{color:#718398;margin:0}.profileWorkspace .primary,.profileWorkspaceGrid footer button.primary{color:#fff;font:inherit;cursor:pointer;background:#1768ed;border:0;border-radius:10px;align-items:center;gap:7px;padding:10px 14px;font-weight:850;display:flex}.profileWorkspace .primary svg{width:17px}.profileWorkspaceGrid>article{background:#fff;border:1px solid #d8e3ef;border-radius:15px;grid-template-columns:auto 1fr;gap:13px;padding:17px;display:grid}.profileWorkspaceGrid>article>svg{color:#1768ed;background:#eaf2ff;border-radius:11px;width:38px;height:38px;padding:9px}.profileWorkspaceGrid h4{color:#183650;margin:0}.profileWorkspaceGrid p{color:#718398;margin:5px 0;font-size:12px}.profileWorkspaceGrid span{color:#1768ed;font-size:11px;font-weight:800}.profileWorkspaceGrid footer{border-top:1px solid #e6edf4;grid-column:1/-1;justify-content:flex-end;gap:7px;padding-top:11px;display:flex}.profileWorkspaceGrid footer button{color:#37536f;font:inherit;cursor:pointer;background:#fff;border:1px solid #cddaea;border-radius:9px;align-items:center;gap:6px;padding:8px 11px;font-size:11px;font-weight:850;display:flex}.profileWorkspaceGrid footer svg{width:15px}.assignmentWorkspace>header label{background:#fff;border:1px solid #ccd9e8;border-radius:10px;align-items:center;gap:7px;width:min(390px,100%);padding:9px 11px;display:flex}.assignmentWorkspace>header label svg{color:#7b8ea2;width:17px}.assignmentWorkspace>header input{width:100%;font:inherit;background:0 0;border:0;outline:0}.assignmentTable{background:#fff;border:1px solid #dce5ef;border-radius:14px;overflow:auto}.assignmentTableHead,.assignmentTable>article{grid-template-columns:1.4fr 1fr 1.3fr .45fr auto;align-items:center;gap:12px;min-width:760px;padding:12px 14px;display:grid}.assignmentTableHead{color:#6b7e92;background:#f0f5fb;font-size:11px;font-weight:850}.assignmentTable>article{color:#405870;border-top:1px solid #e6edf4}.assignmentTable>article>span:first-child{display:grid}.assignmentTable small{color:#8796a7}.assignmentTable .dangerButton{color:#b73a3a;font:inherit;cursor:pointer;background:#fff5f5;border:1px solid #f0c1c1;border-radius:8px;align-items:center;gap:5px;padding:7px 9px;font-size:10px;font-weight:850;display:flex}.assignmentTable .dangerButton svg{width:14px}.profileEditorModal{width:min(960px,100vw - 32px);max-width:960px;max-height:calc(100vh - 34px);overflow:auto}.profileEditorNames{grid-template-columns:1fr 1fr;gap:12px;display:grid}.profileEditorNames label{color:#28445f;gap:6px;font-weight:800;display:grid}.profileEditorNames input,.profileDraftList input,.profileDraftList select{color:#18324f;font:inherit;background:#fff;border:1px solid #ccd9e7;border-radius:10px;padding:10px 11px}.profileDraftList{margin-top:16px}.profileDraftList>header{justify-content:space-between;align-items:center;display:flex}.profileDraftList>header button{color:#1768ed;font:inherit;cursor:pointer;background:#f3f8ff;border:1px solid #b9d1f5;border-radius:9px;align-items:center;gap:5px;padding:8px 10px;font-weight:850;display:flex}.profileDraftList>header svg{width:15px}.profileDraftList>article{grid-template-columns:130px 1fr 1fr auto;gap:8px;margin-top:8px;display:grid}.profileDraftList>article button{color:#b73a3a;cursor:pointer;background:#fff5f5;border:1px solid #f0c1c1;border-radius:9px;width:40px}.profileDraftList>article button svg{width:16px}.profileEditorModal .modalActions{border-top:1px solid #e1e8f0;justify-content:flex-end;gap:8px;margin-top:16px;padding-top:14px;display:flex}.profileEditorModal .modalActions button{font:inherit;background:#fff;border:1px solid #ccd9e7;border-radius:9px;align-items:center;gap:6px;padding:9px 14px;font-weight:850;display:flex}.profileEditorModal .modalActions .primary{color:#fff;background:#1768ed;border-color:#1768ed}.routineHeaderActions{flex-wrap:wrap;gap:8px;display:flex}.routineHeaderActions button{color:#1768ed;min-height:40px;font:inherit;cursor:pointer;background:#fff;border:1px solid #b9d1f5;border-radius:10px;align-items:center;gap:7px;padding:8px 12px;font-weight:800;display:flex}.routineHeaderActions svg{width:17px}.profileLibraryModal{width:min(920px,100vw - 32px);max-width:920px;max-height:calc(100vh - 34px);overflow:auto}.profileLibraryGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.profileLibraryGrid>button{color:#183650;text-align:start;font:inherit;cursor:pointer;background:#fff;border:1px solid #d8e3ef;border-radius:15px;align-items:center;gap:12px;padding:18px;transition:all .18s;display:flex}.profileLibraryGrid>button:hover{background:#f5f9ff;border-color:#8bb7ec;transform:translateY(-1px)}.profileLibraryGrid>button>svg:first-child{color:#1768ed;background:#eaf2ff;border-radius:11px;width:38px;height:38px;padding:9px}.profileLibraryGrid>button>svg:last-child{color:#8ba0b5;width:18px;margin-inline-start:auto}.profileLibraryGrid span{gap:4px;display:grid}.profileLibraryGrid small{color:#73869b}.profileBack{color:#1768ed;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin-bottom:10px;font-weight:800;display:flex}.profileBack svg{width:17px}.profileAssignmentSummary{background:#f4f8ff;border:1px solid #cfe0f5;border-radius:14px;align-items:center;gap:13px;margin-bottom:14px;padding:14px;display:flex}.profileAssignmentSummary>svg{color:#1768ed;width:36px}.profileAssignmentSummary>div{flex:1}.profileAssignmentSummary h3,.profileAssignmentSummary p{margin:0}.profileAssignmentSummary p{color:#6b7e92;margin-top:3px}.profileAssignmentSummary>b{color:#fff;background:#1768ed;border-radius:9px;padding:5px 9px}.profilePeriod{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px;display:grid}.profilePeriod label{color:#28445f;gap:6px;font-weight:800;display:grid}.profilePeriod input{font:inherit;border:1px solid #ccd9e7;border-radius:10px;padding:10px 11px}.profileItemPicker{border:1px solid #d7e1ed;border-radius:13px;margin:0 0 14px;padding:13px}.profileItemPicker legend{color:#18324f;padding:0 7px;font-weight:850}.profileItemPicker>div{margin-top:10px}.profileItemPicker h4{color:#1768ed;align-items:center;gap:7px;margin:0 0 7px;display:flex}.profileItemPicker h4 b{background:#eaf2ff;border-radius:8px;padding:2px 7px;font-size:11px}.profileItemPicker label{color:#435a70;cursor:pointer;border:1px solid #e0e7ef;border-radius:9px;align-items:flex-start;gap:9px;margin:5px 0;padding:9px 10px;line-height:1.55;display:flex}.profileItemPicker label.selected{color:#173c65;background:#f3f8ff;border-color:#b8d3f6}.profileLibraryModal .modalActions{border-top:1px solid #e1e8f0;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;padding-top:14px;display:flex}.profileLibraryModal .modalActions .primary{color:#fff;font:inherit;background:#1768ed;border:0;border-radius:10px;align-items:center;gap:7px;padding:10px 15px;font-weight:850;display:flex}.profileLibraryModal .modalActions svg{width:17px}:root[data-theme=dark] .profileLibraryGrid>button,:root[data-theme=dark] .routineHeaderActions button{color:#dce7f4;background:#111c29;border-color:#30445a}:root[data-theme=dark] .profileAssignmentSummary,:root[data-theme=dark] .profileItemPicker label.selected{background:#15263a;border-color:#365679}:root[data-theme=dark] .profileItemPicker label{color:#d2deea;border-color:#304257}:root[data-theme=dark] .profilePeriod input{color:#dce7f4;background:#172536;border-color:#304257}@media (width<=700px){.operationalTaskTabs{overflow-x:auto}.operationalTaskTabs button{white-space:nowrap}.profileWorkspace>header,.assignmentWorkspace>header{flex-direction:column;align-items:stretch}.profileEditorNames{grid-template-columns:1fr}.profileDraftList>article{grid-template-columns:1fr auto}.profileDraftList>article select,.profileDraftList>article input{grid-column:1}.profileDraftList>article button{grid-area:1/2/4}.dailyRoutineCard>div:first-child{align-items:flex-start;gap:10px}.routineHeaderActions{justify-content:flex-end}.profileLibraryGrid,.profilePeriod{grid-template-columns:1fr}.profileLibraryModal{width:min(100vw - 18px,920px)}.profileItemPicker{padding:10px}}:root[data-theme=dark] .operationalTaskTabs,:root[data-theme=dark] .profileWorkspace,:root[data-theme=dark] .assignmentWorkspace,:root[data-theme=dark] .profileWorkspaceGrid>article,:root[data-theme=dark] .assignmentTable{background:#111c29;border-color:#2d4054}:root[data-theme=dark] .profileWorkspaceGrid h4,:root[data-theme=dark] .profileWorkspace h3,:root[data-theme=dark] .assignmentWorkspace h3{color:#e5edf6}.routineUrgentRoleHint{color:#9f3038;background:#fff7f7;border:1px solid #f2c7c7;border-radius:11px;align-items:center;gap:9px;margin:14px 0 0;padding:11px 14px;font-size:11px;font-weight:800;display:flex}.routineUrgentRoleHint svg{flex:none;width:17px}.roleReportInbox>article.urgentInboxCard{border-color:#f1b7b7;background:snow;border-inline-start:4px solid #d94545}.urgentInboxCard .reportInboxIcon{color:#d33e3e;background:#ffe8e8}.urgentInboxCard header b{color:#c93636}.roleReportInbox>article.reportInboxCard{border-inline-start:4px solid #8da1b7;padding:20px;box-shadow:0 8px 24px #12375b0e}.roleReportInbox>article.reportInboxCard.status-reviewed{border-inline-start-color:#2878d0}.roleReportInbox>article.reportInboxCard.status-approved{border-inline-start-color:#1d9a62}.reportInboxBody>header>div{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.reportReviewState{color:#607286;background:#eef2f6;border-radius:999px;padding:4px 9px;font-size:10px;font-weight:850}.reportReviewState.reviewed{color:#1768b7;background:#eaf3ff}.reportReviewState.approved{color:#168153;background:#e8f8ef}.reportMeta{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:13px 0;display:grid}.reportMeta>div{background:#fafbfd;border:1px solid #e1e8f0;border-radius:10px;padding:9px 11px}.reportMeta dt{color:#8a98a8;margin-bottom:3px;font-size:10px;font-weight:800}.reportMeta dd{color:#2b4258;margin:0;font-size:11px;font-weight:750;line-height:1.45}.roleReportInbox .reportNote{background:#f7f9fc;border-radius:11px;padding:11px 12px}.reportNote strong{color:#52677c;align-items:center;gap:6px;font-size:11px;display:flex}.reportNote strong svg{width:15px}.roleReportInbox .reportNote p{color:#344d64;background:0 0;margin-top:6px;padding:0}.reportReviewPanel{border-top:1px solid #e2e8ef;gap:9px;margin-top:12px;padding-top:12px;display:grid}.reportReviewPanel label{color:#64768a;gap:6px;font-size:11px;font-weight:800;display:grid}.reportReviewPanel textarea{color:#243d55;width:100%;font:inherit;resize:vertical;background:#fff;border:1px solid #d8e2ec;border-radius:9px;padding:9px 10px;line-height:1.5}.reportReviewPanel>div{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.reportReviewPanel button{color:#1768b7;font:inherit;cursor:pointer;background:#edf5ff;border:1px solid #bcd3ec;border-radius:9px;align-items:center;gap:6px;padding:8px 11px;font-size:11px;font-weight:850;display:flex}.reportReviewPanel button.approveReport{color:#167d50;background:#eaf8f0;border-color:#9bd4b7}.reportReviewPanel button:disabled{opacity:.6;cursor:wait}.reportReviewPanel button svg{width:15px}.reportReviewPanel small{color:#8996a5;font-size:10px}:root[data-theme=dark] .reportMeta>div,:root[data-theme=dark] .reportReviewPanel textarea{color:#dce7f4;background:#172536;border-color:#304257}:root[data-theme=dark] .reportMeta dd,:root[data-theme=dark] .roleReportInbox .reportNote p{color:#dce7f4}@media (width<=650px){.reportMeta{grid-template-columns:1fr}.roleReportInbox>article.reportInboxCard{padding:14px}.reportReviewPanel>div button{flex:1;justify-content:center}.reportInboxBody>header{gap:6px}}.unassignedTemplateEmployees{background:#fff;border:1px solid #dbe3ed;border-radius:16px;margin-top:20px;overflow:hidden}.unassignedTemplateEmployees>header{background:#f7faff;border-bottom:1px solid #e1e8f0;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.unassignedTemplateEmployees h3,.unassignedTemplateEmployees p{margin:0}.unassignedTemplateEmployees p{color:#6a788b;margin-top:4px}.unassignedTemplateEmployees>header>b{color:#fff;background:#1768ed;border-radius:50%;place-items:center;min-width:38px;height:38px;display:grid}.unassignedTemplateEmployees>div{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;padding:14px;display:grid}.unassignedTemplateEmployees article{border:1px solid #e0e7ef;border-radius:11px;align-items:center;gap:10px;padding:11px;display:flex}.unassignedTemplateEmployees article>svg{color:#e08a00;width:20px}.unassignedTemplateEmployees article span{display:grid}.unassignedTemplateEmployees article small{color:#718095}:root[data-theme=dark] .unassignedTemplateEmployees,:root[data-theme=dark] .unassignedTemplateEmployees>header,:root[data-theme=dark] .unassignedTemplateEmployees article{color:#e8eef7;background:#111c29;border-color:#314156}.attendanceSessionTimeline{flex-wrap:wrap;gap:6px;margin:7px 0;display:flex}.attendanceSessionTimeline span,.attendanceSessionTimeline em{border-radius:8px;align-items:center;gap:5px;padding:5px 8px;font-size:10px;font-style:normal;display:inline-flex}.attendanceSessionTimeline span{color:#176b49;background:#eef9f3;border:1px solid #b9ddcd}.attendanceSessionTimeline em{color:#9a5b08;background:#fff7e9;border:1px solid #f0d3aa}.attendanceSessionTimeline .duplicatePunch{color:#6b3da1;background:#f7f1ff;border-color:#d8c8f0}.attendanceSessionTimeline .duplicatePunch svg{width:12px;height:12px}.attendanceSessionTimeline b{font-size:10px}.attendanceSessionTimeline .sessionPunchActions{background:0 0;border:0;gap:3px;padding:0;display:inline-flex}.sessionPunchActions button{color:#b4232d;cursor:pointer;background:#fff;border:0;border-radius:6px;align-items:center;gap:2px;padding:3px 5px;font-size:9px;display:inline-flex}.sessionPunchActions button svg{width:11px;height:11px}:root[data-theme=dark] .attendanceSessionTimeline span{color:#8bd5ae;background:#142820;border-color:#28503b}:root[data-theme=dark] .attendanceSessionTimeline em{color:#f0bd76;background:#2a2118;border-color:#584126}:root[data-theme=dark] .attendanceSessionTimeline .duplicatePunch{color:#c9a9ee;background:#251c30;border-color:#594374}:root[data-theme=dark] :is(.shiftOptions select,.sessionPunchActions button){color:#e8eef7;background:#111c29;border-color:#405269}.dailyTaskStatusModal{background:var(--surface,#fff);border-radius:20px;width:min(820px,100vw - 32px);max-height:82vh;padding:22px;overflow:auto;box-shadow:0 24px 70px #102a4a33}.dailyTaskStatusList{gap:10px;margin-top:18px;display:grid}.dailyTaskStatusList>button{text-align:start;width:100%;color:inherit;background:0 0;border:1px solid #dbe5f2;border-radius:14px;grid-template-columns:auto minmax(140px,1fr) minmax(180px,1fr) auto;align-items:center;gap:14px;padding:13px;display:grid}.dailyTaskStatusList>button>span:nth-child(2){display:grid}.dailyTaskStatusList small{color:#718096}.dailyTaskStatusList>button>div{gap:5px;display:grid}.dailyTaskStatusList progress{accent-color:#18a999;width:100%}.dailyTaskStatusList em{border-radius:999px;padding:5px 10px;font-style:normal}.dailyTaskStatusList em.completed{color:#087a4c;background:#e5f8ef}.dailyTaskStatusList em.pending{color:#b45309;background:#fff1e5}.dashboardWorkStats article[role=button]{cursor:pointer}.internalReviewNote{color:#463785;background:#f4f1ff;border-inline-start:3px solid #8066dc;border-radius:8px;padding:10px 12px}.internalNoteField{background:#faf8ff;border:1px dashed #8066dc;border-radius:12px;padding:12px}.assigneePickerFilters{z-index:2;background:var(--surface,#fff);grid-column:1/-1;grid-template-columns:minmax(220px,1fr) minmax(170px,.45fr);gap:10px;padding:4px 0 10px;display:grid;position:sticky;top:0}.assigneePickerFilters label{align-items:center;gap:8px;display:flex}.assigneePickerFilters input,.assigneePickerFilters select{width:100%}@media (width<=700px){.dailyTaskStatusList>button{grid-template-columns:auto 1fr}.dailyTaskStatusList>button>div,.dailyTaskStatusList>button>em{grid-column:2}.assigneePickerFilters{grid-template-columns:1fr}}:root[data-theme=dark] .correctionRequestCard{background:var(--surface,#111c29);border-color:var(--border,#2a3a4d)}:root[data-theme=dark] .correctionRequestCard.approved{background:#12251a;border-color:#255339}:root[data-theme=dark] .correctionRequestCard.rejected{background:#2a1917;border-color:#5a2e2a}:root[data-theme=dark] .correctionRequestBody p{color:#b7c2d1}:root[data-theme=dark] .correctionRequestBody small{color:#8a97a8}:root[data-theme=dark] .correctionEvidenceThumb{background:#1a2733;border-color:#2a3a4d}:root[data-theme=dark] .attendanceCorrectionRequestModal,:root[data-theme=dark] .attendanceCorrectionRequestModal input,:root[data-theme=dark] .attendanceCorrectionRequestModal select,:root[data-theme=dark] .attendanceCorrectionRequestModal textarea{color:#e8eef7;background:#111c29;border-color:#2a3a4d}.moduleHead{justify-content:space-between;align-items:center;gap:18px;margin:18px 0;display:flex}.moduleHead>div{align-items:center;gap:12px;display:flex}.moduleHead>div>span{color:#1267d6;background:#e8f1ff;border-radius:14px;place-items:center;width:46px;height:46px;display:grid}.moduleHead h3,.moduleHead p{margin:0}.moduleHead p{color:#71809a;margin-top:4px}.moduleHead svg{width:21px}.missionList,.loanList{gap:10px;display:grid}.missionList>article,.loanList>article{background:#fff;border:1px solid #dae3f0;border-radius:15px;grid-template-columns:minmax(150px,1fr) minmax(220px,2fr) minmax(190px,1fr) auto auto;align-items:center;gap:16px;padding:16px;display:grid}.missionList small,.loanList small,.missionPerson small{color:#71809a;align-items:center;gap:5px;margin-top:5px;display:flex}.missionList small svg{width:14px}.missionList i,.loanList i,.applicationTable i,.postingGrid i{text-align:center;border-radius:999px;padding:6px 10px;font-size:12px;font-style:normal}.missionList i.submitted,.loanList i.submitted,.loanList i.manager_approved,.applicationTable i.submitted,.postingGrid i.draft{color:#9b6200;background:#fff2d8}.missionList i.approved,.loanList i.approved,.applicationTable i.hired,.postingGrid i.published{color:#08753f;background:#dcf7e8}.missionList i.rejected,.loanList i.rejected,.applicationTable i.rejected,.postingGrid i.closed{color:#b42336;background:#ffe4e7}.missionActions,.loanActions{gap:6px;display:flex}.missionActions button,.loanActions button{border-radius:9px;padding:8px 10px}.approve{color:#08753f;background:#e6f8ed}.reject{color:#b42336;background:#ffebed}.missionPendingNote,.loanBlocked{color:#8a5a00;background:#fff5df;border-radius:12px;margin-bottom:14px;padding:12px 14px}.missionFormGrid,.jobFormGrid,.careerFormGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.loanQr{justify-items:center;gap:8px;display:grid}.loanList details{grid-column:1/-1}.loanList details p{margin:7px 0}.loanDeductionCell{background:#fff8e9}.loanDeductionCell strong{color:#a65b00}.loanDeductionCell small{color:#8d6b3c;margin-top:4px;display:block}.recruitmentTitle{justify-content:space-between;align-items:center;display:flex}.recruitmentTitle>a{color:#0d5fc1;border:1px solid #cbd9ed;border-radius:12px;align-items:center;gap:7px;padding:10px 14px;text-decoration:none;display:flex}.recruitmentStats{grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0;display:grid}.recruitmentStats article{background:#fff;border:1px solid #dbe4f1;border-radius:16px;align-items:center;gap:14px;padding:18px;display:flex}.recruitmentStats article>svg{color:#1768d3;background:#edf4ff;border-radius:13px;width:44px;height:44px;padding:10px}.recruitmentStats span{color:#70809a;display:grid}.recruitmentStats b{color:#0b2345;font-size:25px}.recruitmentTabs{border-bottom:1px solid #dbe4f1;gap:6px;margin-bottom:16px;display:flex}.recruitmentTabs button{border-bottom:3px solid #0000;padding:12px 18px}.recruitmentTabs button.active{color:#1668dc;border-color:#1668dc}.postingGrid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.postingGrid article{background:#fff;border:1px solid #dbe4f1;border-radius:16px;padding:18px}.postingGrid h3{margin:14px 0 8px}.postingGrid p{color:#617089;white-space:pre-wrap}.postingGrid button{color:#1267d6;margin-top:14px}.recruitmentFilters{gap:10px;margin-bottom:14px;display:flex}.recruitmentFilters label{background:#fff;border:1px solid #ccd8e8;border-radius:12px;flex:1;align-items:center;padding-inline:12px;display:flex}.recruitmentFilters label input{border:0}.recruitmentFilters svg{width:18px}.applicationTable{background:#fff;border:1px solid #dbe4f1;border-radius:16px;overflow:auto}.applicationTable table{border-collapse:collapse;width:100%}.applicationTable th,.applicationTable td{text-align:start;border-bottom:1px solid #e5ebf3;padding:14px}.applicationTable tbody tr{cursor:pointer}.applicationTable tbody tr:hover{background:#f7faff}.applicationTable td b,.applicationTable td small{display:block}.applicationFacts{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.applicationFacts span{color:#71809a;background:#f6f8fc;border-radius:11px;padding:12px;display:grid}.applicationFacts b{color:#102a4d;margin-top:4px}.applicationFacts .sensitiveField{background:#fffaf0;border:1px dashed #d5a85d;grid-column:1/-1}.applicationSummary{background:#f6f8fc;border-radius:12px;padding:14px}.applicationSummary p{white-space:pre-wrap}.careersPage{color:#092347;background:#f4f7fb;min-height:100vh}.careersPage>header{color:#fff;background:#08284e;justify-content:space-between;align-items:center;padding:20px clamp(22px,7vw,110px);display:flex}.careersPage>header a{color:#fff;align-items:center;gap:7px;text-decoration:none;display:flex}.careersPage>header b{font-size:25px}.careersPage>header i{color:#15c7c0;font-style:normal}.careersPage>header small{display:block}.careersHero{text-align:center;color:#fff;background:linear-gradient(135deg,#092d59,#165caa);padding:70px 20px 48px}.careersHero>span{background:#ffffff1c;border-radius:20px;place-items:center;width:66px;height:66px;display:inline-grid}.careersHero h1{margin:18px 0 8px;font-size:clamp(32px,5vw,54px)}.careersJobs{gap:16px;max-width:1050px;margin:0 auto;padding:38px 20px;display:grid}.careersJobs>article{background:#fff;border:1px solid #d8e2f0;border-radius:18px;justify-content:space-between;gap:25px;padding:24px;display:flex;box-shadow:0 8px 30px #173f7210}.careersJobs h2{margin:8px 0}.careersJobs p{white-space:pre-wrap;color:#5d6e85}.careersJobs small{color:#1b70d8;align-items:center;gap:5px;display:flex}.careersJobs small svg{width:16px}.careersJobs>article>button,.careerSubmit,.careerSuccess button{color:#fff;white-space:nowrap;background:#176fe5;border-radius:12px;align-self:center;padding:12px 22px}.careerModalBack{z-index:100;background:#071b3599;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow:auto}.careerApplication,.careerSuccess{background:#fff;border-radius:20px;width:min(760px,100%);max-height:94vh;padding:24px;overflow:auto;box-shadow:0 25px 80px #0004}.careerApplication label{gap:7px;margin-top:13px;font-weight:700;display:grid}.cvUpload{border:1px dashed #96afd0;border-radius:13px;padding:16px}.privacyNotice{color:#6c788b;background:#f6f8fb;border-radius:9px;padding:10px;font-size:12px}.careerSuccess{text-align:center}.careerSuccess>svg{color:#12a05c;width:64px;height:64px}.careersError{color:#a51d2b;background:#ffe8e8;border-radius:12px;max-width:1050px;margin:20px auto;padding:13px}.careersEmpty{text-align:center;color:#71809a;padding:60px}.careersEmpty svg{width:50px;height:50px}.employeeLoans.employee{margin:20px 0}.externalMissions{margin:16px 0}.externalMissionModal{color:#102a4d;box-sizing:border-box;background:#fff;border:1px solid #dbe4f1;border-radius:20px;width:min(720px,100vw - 32px);max-height:calc(100dvh - 32px);padding:24px;overflow-y:auto;box-shadow:0 28px 85px #071b3550}.externalMissionModal>.modalHead{align-items:flex-start}.externalMissionModal>.modalHead>button{color:#263b54;background:#f2f6fb;border-radius:11px;flex:0 0 40px;place-items:center;width:40px;height:40px;display:grid}.externalMissionModal>label,.missionFormGrid>label{gap:7px;margin-top:14px;font-size:13px;font-weight:750;display:grid}.externalMissionModal input,.externalMissionModal textarea{color:#102a4d;width:100%;min-width:0;min-height:44px;font:inherit;box-sizing:border-box;background:#fff;border:1px solid #cfd9e6;border-radius:11px;padding:10px 12px}.externalMissionModal textarea{resize:vertical;min-height:110px}.externalMissionModal>.primary{border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:46px;margin-top:18px;display:flex}.missionEmployeePicker{gap:9px;margin-bottom:4px;display:grid}.missionEmployeePicker>label{font-size:13px;font-weight:750}.missionEmployeeSearch{background:#fff;border:1px solid #cfd9e6;border-radius:11px;align-items:center;gap:8px;min-height:46px;padding-inline:12px;display:flex}.missionEmployeeSearch:focus-within{border-color:#5b97ec;box-shadow:0 0 0 3px #1768ed18}.missionEmployeeSearch>svg{color:#71809a;flex:none;width:18px}.missionEmployeeSearch input{min-height:42px;box-shadow:none;border:0;outline:0;padding:0}.missionEmployeeSearch button{color:#52677e;background:#eef3f8;border-radius:8px;flex:0 0 30px;place-items:center;width:30px;height:30px;display:grid}.missionEmployeeSearch button svg{width:15px}.missionSelectedEmployee{color:#176b49;background:#eef9f3;border:1px solid #a9d7bd;border-radius:11px;align-items:center;gap:10px;padding:10px 12px;display:flex}.missionSelectedEmployee>svg{flex:none;width:19px}.missionSelectedEmployee span{display:grid}.missionSelectedEmployee small{color:#4d7c67}.missionEmployeeResults{overscroll-behavior:contain;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:230px;padding:2px;display:grid;overflow-y:auto}.missionEmployeeResults>label{cursor:pointer;background:#fff;border:1px solid #dde5ee;border-radius:10px;align-items:center;gap:9px;min-width:0;padding:10px;display:flex}.missionEmployeeResults>label:hover{background:#f7faff}.missionEmployeeResults>label.selected{color:#145eb8;background:#f0f6ff;border-color:#77a9f5}.missionEmployeeResults input{accent-color:#1768ed;flex:none;width:16px;height:16px;min-height:16px}.missionEmployeeResults span{flex:1;min-width:0;display:grid}.missionEmployeeResults b,.missionEmployeeResults small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.missionEmployeeResults small{color:#78879a}.missionEmployeeResults>label>svg{color:#1768ed;flex:none;width:17px}.missionEmployeeResults>p{text-align:center;color:#71809a;grid-column:1/-1;margin:0;padding:24px}.missionEmployeeHint{color:#71809a}.externalMissionModal .missionFormGrid{margin-top:4px}.missionFormError{margin:10px 0 0}:root[data-theme=dark] .externalMissionModal,:root[data-theme=dark] .externalMissionModal input,:root[data-theme=dark] .externalMissionModal textarea,:root[data-theme=dark] .missionEmployeeSearch,:root[data-theme=dark] .missionEmployeeResults>label{color:#e8eef7;background:#111c29;border-color:#2a3a4d}:root[data-theme=dark] .missionEmployeeResults>label:hover{background:#162638}:root[data-theme=dark] .missionEmployeeResults>label.selected{color:#9bc7ff;background:#102b50;border-color:#3479d8}:root[data-theme=dark] .missionSelectedEmployee{color:#91dfad;background:#123522;border-color:#28503b}:root[data-theme=dark] .externalMissionModal>.modalHead>button,:root[data-theme=dark] .missionEmployeeSearch button{color:#dce7f4;background:#1a2838}@media (width<=800px){.missionList>article,.loanList>article,.missionFormGrid,.jobFormGrid,.careerFormGrid,.applicationFacts,.recruitmentStats{grid-template-columns:1fr}.careersJobs>article{display:grid}.recruitmentTitle,.moduleHead{flex-direction:column;align-items:flex-start}.recruitmentFilters{flex-direction:column}.careerApplication{padding:18px}}@media (width<=640px){.externalMissionModal{width:100%;max-height:calc(100dvh - 10px);padding:18px 16px calc(18px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0}.missionEmployeeResults,.missionFormGrid{grid-template-columns:1fr}.missionEmployeeResults{max-height:200px}.externalMissionModal>.modalHead{z-index:3;background:inherit;margin-inline:-16px;padding:18px 16px 14px;position:sticky;top:-18px}}.loanRequestModal{color:#102a4d;background:#fff;border:1px solid #dbe4f1;border-radius:18px;width:min(680px,100vw - 32px);max-height:calc(100vh - 32px);padding:24px;overflow:auto;box-shadow:0 24px 70px #071b3550}.loanRequestModal>.modalHead{align-items:flex-start}.loanRequestModal>label{gap:7px;margin-top:14px;font-weight:700;display:grid}.loanRequestModal>label input,.loanRequestModal>label textarea{color:#102a4d;width:100%;min-height:44px;font:inherit;box-sizing:border-box;background:#fff;border:1px solid #cfd9e6;border-radius:10px;padding:10px 12px}.loanRequestModal>label textarea{resize:vertical;min-height:100px}.loanRequestModal>.primary{border-radius:11px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:44px;margin-top:18px;display:flex}.loanRequestModal .leaveEmployeePicker{margin:0}.loanRequestModal .leaveEmployeeFilters label{margin:0;font-weight:400}.loanRequestModal .leaveEmployeeList{margin-top:10px}.loanRequestModal .advanceEligibilityBox{color:#145eb8;background:#eef5ff;border-radius:10px;margin-top:12px;padding:11px 13px}.loanRequestModal .modalHead button{color:#263b54;background:#f3f6fa;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.profileLoanSwitch>svg{color:#1768ed;flex:none}.profileLoanSwitch>span{min-width:0}.profileLoanSwitch b,.profileLoanSwitch small{display:block}:root[data-theme=dark] .loanRequestModal{color:#e8eef7;background:#111c29;border-color:#2a3a4d}:root[data-theme=dark] .loanRequestModal>label input,:root[data-theme=dark] .loanRequestModal>label textarea,:root[data-theme=dark] .loanRequestModal .recurringEmployeeList>label{color:#e8eef7;background:#162230;border-color:#35475c}:root[data-theme=dark] .loanRequestModal .advanceEligibilityBox{color:#8fc1ff;background:#142943}@media (width<=600px){.loanRequestModal{width:100%;max-height:calc(100vh - 20px);padding:18px}.loanRequestModal .modalHead{gap:12px}.loanRequestModal .recurringEmployeeList{max-height:210px}}.employeeBulkActions{background:#f7faff;border:1px solid #dce1e8;border-bottom:0;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 14px;display:flex}.employeeBulkActions>div{align-items:baseline;gap:6px;margin-inline-end:auto;display:flex}.employeeBulkActions>div b{color:#1768ed;font-size:18px}.employeeBulkActions select,.employeeBulkActions button{min-height:38px;font:inherit;background:#fff;border:1px solid #cbd6e5;border-radius:9px;padding:0 12px}.employeeBulkActions button{align-items:center;gap:6px;font-weight:700;display:inline-flex}.employeeBulkActions button svg{width:16px}.employeeBulkActions .bulkEnable{color:#08775b}.employeeBulkActions .bulkDisable{color:#b43a43}.employeeBulkActions button:disabled{opacity:.45;cursor:not-allowed}.employeeBulkActions small{color:#56677e;flex-basis:100%}.employeeSelectCell{width:42px;text-align:center!important;padding-inline:8px!important}.employeeSelectCell input{accent-color:#1768ed;cursor:pointer;width:17px;height:17px}.runEmployeesHeader,.runEmployees article{grid-template-columns:minmax(170px,1.5fr) repeat(4,minmax(92px,.75fr)) minmax(115px,.9fr) minmax(85px,.7fr) auto}.runEmployeesHeader{color:#64748b;background:#f6f9fd;border-bottom:1px solid #dfe6ef;align-items:end;gap:10px;padding:10px 12px;font-size:11px;font-weight:800;display:grid}.runModalActions{align-items:center;gap:8px;display:flex}.runModalActions .printPayrollRun{color:#1768ed;width:auto;padding:0 12px}.runModalActions .printPayrollRun svg{width:17px}.fridayOvertimeValue{color:#9b5b00;font-weight:700}@media (width<=900px){.runEmployeesHeader{display:none}.runEmployees article{grid-template-columns:1fr auto}.runEmployees article>span{display:block}.runEmployees article>strong,.runEmployees article>.runStatus,.runEmployees article>.runPayslipButton{grid-column:2}}@media print{body.print-payroll-run,body.print-payroll-run #root,body.print-payroll-run .app,body.print-payroll-run .app main,body.print-payroll-run .payrollPage{height:auto!important;min-height:0!important;overflow:visible!important}body.print-payroll-run .app{display:block!important}body.print-payroll-run .payrollPage>:not(.payrollRunPrintLayer){display:none!important}body.print-payroll-run .payrollRunPrintLayer{background:0 0!important;width:auto!important;height:auto!important;min-height:0!important;padding:0!important;display:block!important;position:static!important;inset:auto!important}body.print-payroll-run .payrollRunSheet,body.print-payroll-run .payrollRunSheet *{visibility:visible}body.print-payroll-run .payrollRunSheet{border-radius:0;width:100%;max-width:none;max-height:none;padding:0;position:static;inset:auto;overflow:visible}body.print-payroll-run .runEmployeesHeader{display:grid}body.print-payroll-run .runEmployees article{break-inside:avoid;page-break-inside:avoid;display:grid}body.print-payroll-run .runModalActions,body.print-payroll-run .runPayslipButton,body.print-payroll-run .approvePayroll{display:none!important}}:root[data-theme=dark] .employeeBulkActions,:root[data-theme=dark] .runEmployeesHeader{color:#c6d2e2;background:#14202e;border-color:#314257}.managementReport{gap:16px;display:grid}.managementFilters{grid-template-columns:repeat(4,minmax(150px,1fr)) auto}.managementPrintArea{background:#fff;border:1px solid #dbe4ef;border-radius:18px;overflow:hidden;box-shadow:0 8px 28px #1836580f}.managementReportHead{background:linear-gradient(135deg,#f8fbff,#eef6ff);border-bottom:1px solid #e1e8f0;justify-content:space-between;align-items:center;gap:18px;padding:20px 22px;display:flex}.managementReportHead h3,.managementReportHead p{margin:0}.managementReportHead h3{color:#102c4d;margin-top:4px;font-size:20px}.managementReportHead p,.managementReportHead small{color:#718399}.managementMetrics{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;padding:18px 20px 8px;display:grid}.managementMetric{background:#fff;border:1px solid #dce6f1;border-radius:14px;align-items:center;gap:12px;min-height:92px;padding:15px;display:flex}.managementMetric>span{color:#1768ed;background:#eaf2ff;border-radius:12px;flex:none;place-items:center;width:42px;height:42px;display:grid}.managementMetric svg{width:20px}.managementMetric div{gap:5px;min-width:0;display:grid}.managementMetric small{color:#718399;font-weight:750}.managementMetric b{color:#12304f;overflow-wrap:anywhere;font-size:21px}.managementMetric.tone-green>span{color:#138057;background:#e5f7ee}.managementMetric.tone-amber>span{color:#b06a00;background:#fff2d9}.managementMetric.tone-red>span{color:#c43e4b;background:#ffe8ea}.managementMetric.tone-purple>span{color:#6750c9;background:#eeeaff}.managementCharts{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;padding:12px 20px 20px;display:grid}.managementChart{background:#fbfdff;border:1px solid #dfe7f0;border-radius:14px;min-width:0;padding:16px}.managementChart h4{color:#284763;align-items:center;gap:8px;margin:0 0 15px;display:flex}.managementChart h4 svg{color:#1768ed;width:18px}.managementBars{gap:10px;display:grid}.managementBarRow{grid-template-columns:minmax(90px,1fr) minmax(90px,2fr) auto;align-items:center;gap:9px;font-size:11px;display:grid}.managementBarRow>span{color:#536b83;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.managementBarRow>div{background:#e8eef6;border-radius:999px;height:9px;overflow:hidden}.managementBarRow i{border-radius:inherit;background:linear-gradient(90deg,#1768ed,#16aaa6);height:100%;display:block}.managementBarRow b{color:#183b5c;text-align:end;min-width:30px}.managementChartEmpty,.managementNote{color:#718399;font-size:12px}.managementNote{color:#8a640f;background:#fff8e8;border-radius:10px;margin:0 20px 15px;padding:10px 12px}.managementTableWrap{border:1px solid #e0e7ef;border-radius:13px;margin:0 20px 20px}.managementTableWrap .reportTable td{white-space:normal}.managementEmpty{color:#7a8b9e;justify-items:center;gap:8px;padding:35px;display:grid}.managementEmpty svg{width:34px}.managementReport .apiError{align-items:center;gap:8px;display:flex}.managementReport .apiError svg{width:18px}:root[data-theme=dark] .managementPrintArea,:root[data-theme=dark] .managementMetric,:root[data-theme=dark] .managementChart{color:#e8eef7;background:#111c29;border-color:#2a3a4d}:root[data-theme=dark] .managementReportHead{background:linear-gradient(135deg,#132131,#17283a);border-color:#2a3a4d}:root[data-theme=dark] .managementReportHead h3,:root[data-theme=dark] .managementMetric b,:root[data-theme=dark] .managementChart h4,:root[data-theme=dark] .managementBarRow b{color:#e8eef7}:root[data-theme=dark] .managementBarRow>div{background:#28384a}:root[data-theme=dark] .managementNote{color:#f0c573;background:#302718}@media (width<=1050px){.managementFilters,.managementMetrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=650px){.managementFilters,.managementMetrics,.managementCharts{grid-template-columns:1fr}.managementReportHead{flex-direction:column;align-items:flex-start}.managementReportHead .reportActions{width:100%}.managementReportHead .reportActions button{flex:1;justify-content:center}.managementTableWrap{margin:0 12px 12px}}@media print{body.print-management-report .managementPrintArea,body.print-management-report .managementPrintArea *{visibility:visible!important}body.print-management-report,body.print-management-report #root,body.print-management-report .app,body.print-management-report .app main,body.print-management-report .reportsPage{height:auto!important;min-height:0!important;overflow:visible!important}body.print-management-report .app{display:block!important}body.print-management-report .reportsPage>:not(.managementReport),body.print-management-report .managementReport>:not(.managementPrintArea),body.print-management-report .managementReportHead .reportActions{display:none!important}body.print-management-report .managementPrintArea{box-shadow:none;border:0;border-radius:0;width:100%!important;position:static!important;overflow:visible!important}body.print-management-report .managementReportHead{padding:0 0 14px;background:#fff!important}body.print-management-report .managementMetrics,body.print-management-report .managementCharts{break-inside:avoid;page-break-inside:avoid}body.print-management-report .managementTableWrap{overflow:visible}body.print-management-report .managementTableWrap .reportTable{font-size:8px}body.print-management-report .reportTable tr{break-inside:avoid;page-break-inside:avoid}}.roleHierarchyPortal{--rh-blue:#1765dc;--rh-navy:#062653;--rh-teal:#069a99;--rh-line:#dce4ee;--rh-muted:#718198;--rh-orange:#f27a16;border:1px solid var(--rh-line);color:#102642;background:#f7f9fc;border-radius:14px;margin-bottom:28px;position:relative;overflow:hidden}.roleHierarchyPortal button,.roleHierarchyPortal input,.roleHierarchyPortal select{font:inherit}.rhTitleBar{border-bottom:1px solid var(--rh-line);background:#fff;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;display:flex}.rhTitleBar h2,.rhTitleBar p,.rhPanelTitle h3,.rhPanelTitle p{margin:0}.rhTitleBar h2{font-size:22px}.rhTitleBar p,.rhPanelTitle p{color:var(--rh-muted);font-size:12px}.rhPrimary{border:0;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-weight:700;background:var(--rh-blue)!important;color:#fff!important;display:flex!important}.rhPrimary b{color:var(--rh-blue);background:#fff;border-radius:50%;place-items:center;min-width:20px;height:20px;font-size:11px;display:grid}.roleHierarchyPortal svg{width:18px;height:18px}.rhContext{grid-template-columns:1fr 1fr 1.35fr 1fr auto;align-items:end;gap:12px;padding:16px 18px;display:grid}.rhContext label,.rhShift{gap:6px;display:grid}.rhContext label>span,.rhShift>span{color:#516278;font-size:12px;font-weight:700}.rhContext label>div{background:#fff;border:1px solid #ced8e5;border-radius:7px;align-items:center;gap:8px;height:42px;padding:0 11px;display:flex}.rhContext select,.rhContext input{color:#233750;background:0 0;border:0;outline:0;width:100%}.rhShift>div{background:#fff;border:1px solid #ced8e5;border-radius:7px;height:42px;display:flex;overflow:hidden}.rhShift button{border:0;border-inline-end:1px solid var(--rh-line);color:#596a80;background:#fff;flex:1;justify-content:center;align-items:center;gap:6px;display:flex}.rhShift button.active{color:var(--rh-blue);box-shadow:inset 0 0 0 1px var(--rh-blue);background:#edf4ff}.rhCopy{height:42px;color:var(--rh-blue);white-space:nowrap;background:#fff;border:1px solid #ced8e5;border-radius:7px;align-items:center;gap:7px;padding:0 12px;display:flex}.rhWorkspace{grid-template-columns:330px minmax(0,1fr);gap:16px;padding:0 18px 18px;display:grid}.rhPeople,.rhTreePanel{border:1px solid var(--rh-line);background:#fff;border-radius:9px;overflow:hidden}.rhPeople{flex-direction:column;display:flex}.rhPanelTitle{border-bottom:1px solid var(--rh-line);justify-content:space-between;align-items:center;gap:10px;min-height:62px;padding:12px 16px;display:flex}.rhPanelTitle>button{background:#fff;border:1px solid #ced8e5;border-radius:7px;align-items:center;gap:6px;padding:8px 11px;display:flex}.rhSearch{border:1px solid #ced8e5;border-radius:7px;align-items:center;gap:7px;height:40px;margin:12px;padding:0 10px;display:flex}.rhSearch input{background:0 0;border:0;outline:0;width:100%}.rhSelectAll{align-items:center;gap:8px;padding:0 14px 11px;font-size:13px;display:flex}.rhSelectAll input,.rhPersonRow input{accent-color:var(--rh-blue);width:16px;height:16px}.rhPeopleList{border-top:1px solid var(--rh-line);max-height:420px;overflow:auto}.rhPersonRow{border-bottom:1px solid var(--rh-line);cursor:pointer;grid-template-columns:18px 38px 1fr 8px;align-items:center;gap:9px;min-height:61px;padding:7px 12px;display:grid}.rhPersonRow:hover{background:#f7faff}.rhPersonRow>span:not(.rhAvatar),.rhNodePerson>span{display:grid}.rhPersonRow b,.rhNodePerson b{font-size:13px}.rhPersonRow small,.rhNodePerson small{color:var(--rh-muted);font-size:11px}.rhPersonRow i{border-radius:50%;width:7px;height:7px}.rhPersonRow i.morning{background:#f0a31b}.rhPersonRow i.evening{background:#596bc4}.rhAvatar{background:var(--rh-navy);color:#fff;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-size:12px;font-weight:800;display:grid}.rhAvatar.worker{background:var(--rh-teal)}.rhAssign{margin-top:auto;padding:12px}.rhAssign>button{background:var(--rh-blue);color:#fff;border:0;border-radius:7px;justify-content:center;align-items:center;gap:9px;width:100%;padding:11px;display:flex}.rhAssign>button:disabled{cursor:not-allowed;background:#aebccd}.rhAssign>button span{display:grid}.rhAssign>small{color:var(--rh-muted);text-align:center;margin-top:7px;font-size:10px;display:block}.rhTreePanel{min-width:0}.rhTreeMeta{border-bottom:1px solid var(--rh-line);color:#56687e;justify-content:space-between;align-items:center;height:42px;padding:0 17px;font-size:12px;display:flex}.rhTreeMeta span{align-items:center;gap:6px;display:flex}.rhTree{min-height:455px;padding:5px 0}.rhNode{cursor:pointer;border-inline-start:4px solid #0000;grid-template-columns:75px 1fr 80px;align-items:center;height:60px;padding:0 14px;display:grid;position:relative}.rhNode:hover{background:#f8faff}.rhNode.selected{border-inline-start-color:var(--rh-blue);background:#f0f6ff;box-shadow:inset 0 0 0 1px #d6e4f5}.rhNode.level1{padding-inline-start:48px}.rhNode.level2{padding-inline-start:82px}.rhNode.level3{padding-inline-start:116px}.rhNode.level4{cursor:default;padding-inline-start:150px}.rhNode.level1:before,.rhNode.level2:before,.rhNode.level3:before,.rhNode.level4:before{content:"";inset-inline-start:28px;border-inline-start:1px solid #bac5d3;border-bottom:1px solid #bac5d3;width:18px;height:60px;position:absolute;top:-30px}.rhNode.level2:before{inset-inline-start:62px}.rhNode.level3:before{inset-inline-start:96px}.rhNode.level4:before{inset-inline-start:130px}.rhNode>button,.rhNodeMeta button{color:#16304f;background:0 0;border:0;padding:5px}.rhNodePerson{align-items:center;gap:10px;display:flex}.rhNodeMeta{justify-content:flex-end;align-items:center;gap:12px;display:flex}.rhNodeMeta span{color:#607188;align-items:center;gap:4px;display:flex}.rhSummary{border-top:1px solid var(--rh-line);grid-template-columns:1fr 1fr 1.25fr;min-height:76px;display:grid}.rhSummary>div{border-inline-end:1px solid var(--rh-line);align-items:center;gap:9px;padding:13px 16px;display:flex}.rhSummary span{display:grid}.rhSummary b{font-size:12px}.rhSummary small{color:var(--rh-muted);font-size:10px}.rhSummary .added{color:var(--rh-blue)}.rhSummary .moved{color:var(--rh-teal)}.rhSummary .warning{color:var(--rh-orange)}.rhSummary .warning>svg:last-child{margin-inline-start:auto}.rhNotice{z-index:40;background:var(--rh-navy);color:#fff;border-radius:8px;align-items:center;gap:8px;padding:11px 17px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #06265342}.rhModalBack{z-index:50;background:#07162e73;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.rhModal{background:#fff;border-radius:12px;width:min(520px,100%);box-shadow:0 24px 70px #07162e47}.rhModal header{border-bottom:1px solid var(--rh-line);justify-content:space-between;padding:19px 22px;display:flex}.rhModal h3,.rhModal p{margin:0}.rhModal p{color:var(--rh-muted);font-size:12px}.rhModal header button{background:0 0;border:0}.rhReview{align-items:center;gap:12px;margin:0 22px;padding:20px 0;display:flex}.rhReview>span{display:grid}.rhReview small{color:var(--rh-muted);font-size:11px}.rhModal footer{border-top:1px solid var(--rh-line);gap:9px;padding:16px 22px;display:flex}.rhModal footer>button:not(.rhPrimary){background:#fff;border:1px solid #ced8e5;border-radius:7px;padding:9px 14px}.rhModal .rhPrimary:disabled{background:#aebccd!important}@media (width<=1100px){.rhContext{grid-template-columns:1fr 1fr}.rhWorkspace{grid-template-columns:1fr}.rhPeople{order:2}.rhNode.level4{padding-inline-start:110px}.rhNode.level4:before{inset-inline-start:90px}}@media (width<=680px){.rhTitleBar{align-items:flex-start}.rhTitleBar p{display:none}.rhTitleBar .rhPrimary{padding:9px}.rhContext{grid-template-columns:1fr}.rhWorkspace{padding:0 10px 10px}.rhNode{grid-template-columns:46px 1fr 48px;padding-inline:7px}.rhNode.level1{padding-inline-start:18px}.rhNode.level2{padding-inline-start:28px}.rhNode.level3{padding-inline-start:38px}.rhNode.level4{padding-inline-start:48px}.rhNode:before{display:none}.rhNodePerson b{font-size:11px}.rhSummary{grid-template-columns:1fr}.rhSummary>div{border-inline-end:0;border-bottom:1px solid var(--rh-line)}}.rhRoleGroup{padding-inline-start:calc(var(--rh-level,0) * 34px);position:relative}.rhRoleGroup.level1{--rh-level:1}.rhRoleGroup.level2{--rh-level:2}.rhRoleGroup.level3{--rh-level:3}.rhRoleGroup.level4{--rh-level:4}.rhRoleHeader{background:#fff;border-inline-start:4px solid #0000;align-items:center;width:100%;min-height:54px;display:flex}.rhRoleSelect{text-align:start;background:0 0;border:0;flex:1;justify-content:space-between;align-items:center;min-height:54px;padding:8px 16px;display:flex}.rhRemoveRole{color:#c94747;background:0 0;border:0;padding:12px}.rhRoleHeader:hover{background:#f8faff}.rhRoleHeader.selected{border-inline-start-color:var(--rh-blue);background:#f0f6ff}.rhRoleHeader>span{display:grid}.rhRoleHeader b{font-size:16px;line-height:1.5}.rhRoleHeader small{color:var(--rh-muted);margin-top:2px;font-size:12px;line-height:1.6}.rhRoleSelect>span{gap:2px;display:grid}.rhCleanup{color:var(--rh-blue);text-align:start;background:0 0;border:0;padding:2px 0;font-size:11px}.rhSavedPerson{border-top:1px solid var(--rh-line);background:#fbfcfe;grid-template-columns:38px 1fr 38px;align-items:center;gap:10px;min-height:55px;margin-inline-start:34px;padding:6px 14px;display:grid}.rhSavedPerson>span:not(.rhAvatar){display:grid}.rhSavedPerson b{font-size:12px}.rhSavedPerson small{color:var(--rh-muted);font-size:10px}.rhSavedPerson button{color:#c94747;background:0 0;border:0}.rhEmpty{color:var(--rh-muted);text-align:center;padding:18px;font-size:12px}.rhReview select{background:#fff;border:1px solid #ced8e5;border-radius:7px;width:100%;height:42px;padding:0 10px}.rhSupervisorPicker{background:#f8fbff;border-top:1px solid #e1e8f0;gap:6px;padding:10px 12px;display:grid}.rhSupervisorPicker span{color:#53657a;font-size:12px;font-weight:800}.rhSupervisorPicker select{background:#fff;border:1px solid #cfd9e6;border-radius:9px;min-height:40px;padding:0 10px}.rhExecutiveScope{background:#f8fbff;border:1px solid #d7e3f2;border-radius:14px;grid-template-columns:minmax(220px,1fr) minmax(200px,280px) auto;align-items:center;gap:12px;margin:14px 0;padding:16px;display:grid}.rhExecutiveScope h3{margin:0 0 4px}.rhExecutiveScope p{color:#65768a;margin:0;font-size:13px}.rhExecutiveScope select{background:#fff;border:1px solid #cfd9e6;border-radius:9px;min-height:42px;padding:0 10px}.rhExecutiveDepartments{flex-wrap:wrap;grid-column:1/-1;gap:8px;display:flex}.rhExecutiveDepartments label{background:#fff;border:1px solid #d5dfeb;border-radius:999px;align-items:center;gap:6px;padding:7px 10px;display:flex}@media (width<=850px){.rhExecutiveScope{grid-template-columns:1fr}.rhExecutiveDepartments{grid-column:1}}:root{--bim-red:#d91f2a;--bim-red-dark:#b91520;--bim-ink:#292929;--bim-muted:#6f747c;--bim-line:#e3e4e7;--bim-soft:#f7f7f8;--bim-white:#fff}.bimLogoFrame{background:#fafafa;flex:none;width:132px;height:150px;display:inline-block;position:relative;overflow:hidden}.bimLogoFrame img{width:304%;max-width:none;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bimLogoFrame.compact{width:84px;height:96px}.bimRecruitmentPage{box-sizing:border-box;width:min(1180px,100%);margin-inline:auto;padding:6px clamp(4px,1.4vw,18px) 36px}.bimRecruitmentBrand{border:1px solid var(--bim-line);border-inline-start:5px solid var(--bim-red);background:var(--bim-white);border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;min-height:112px;padding:10px 22px;display:grid;box-shadow:0 10px 30px #2828280e}.bimRecruitmentBrand h2,.bimRecruitmentBrand p{margin:0}.bimRecruitmentBrand h2{color:var(--bim-ink);font-size:clamp(20px,2vw,28px);line-height:1.35}.bimRecruitmentBrand p{color:var(--bim-muted);margin-top:5px}.bimRecruitmentBrand>a{min-height:44px;color:var(--bim-red-dark);white-space:nowrap;background:#fff8f8;border:1px solid #efb3b7;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:800;text-decoration:none;display:inline-flex}.bimRecruitmentBrand>a:hover{border-color:var(--bim-red);background:#fff1f2}.bimRecruitmentBrand>a svg{width:18px}.bimRecruitmentStats{gap:16px;margin:20px 0}.bimRecruitmentStats article{border-color:var(--bim-line);min-height:92px;box-shadow:none;border-radius:15px;justify-content:center}.bimRecruitmentStats article>svg{color:var(--bim-red);background:#fff0f1}.bimRecruitmentStats span{color:var(--bim-muted)}.bimRecruitmentStats b{color:var(--bim-ink)}.bimRecruitmentTabs{border-bottom:1px solid var(--bim-line);justify-content:center;gap:10px;margin:4px 0 18px}.bimRecruitmentTabs button{color:#555b63;min-width:150px;font:inherit;background:0 0;border:1px solid #0000;border-bottom-width:3px;border-radius:10px 10px 0 0;padding:12px 20px;font-weight:800}.bimRecruitmentTabs button.active{border-color:#f0c3c6;border-bottom-color:var(--bim-red);color:var(--bim-red-dark);background:#fff8f8}.bimRecruitmentFilters{grid-template-columns:minmax(0,1fr) 190px;align-items:center;gap:12px;margin:0 0 14px;display:grid}.bimRecruitmentFilters label{border:1px solid var(--bim-line);background:var(--bim-white);border-radius:11px;min-height:46px}.bimRecruitmentFilters input,.bimRecruitmentFilters select{min-height:46px;font:inherit}.bimRecruitmentFilters select{border:1px solid var(--bim-line);background:var(--bim-white);border-radius:11px;width:100%;padding-inline:12px}.bimApplicationTable{border-color:var(--bim-line);border-radius:14px}.bimApplicationTable table{table-layout:fixed;min-width:760px}.bimApplicationTable th,.bimApplicationTable td{text-align:center;vertical-align:middle;padding:15px 12px}.bimApplicationTable th{color:#50545a;background:var(--bim-soft);font-size:12px}.bimApplicationTable tbody tr:hover{background:#fff7f7}.bimRecruitmentModuleHead{margin:8px 0 16px}.bimRecruitmentModuleHead .primary,.bimFormSubmit{background:var(--bim-red)!important;color:#fff!important;border:0!important}.bimRecruitmentModuleHead .primary:hover,.bimFormSubmit:hover{background:var(--bim-red-dark)!important}.bimPostingGrid article{border-color:var(--bim-line);box-shadow:0 8px 22px #2b2b2b0b}.bimPostingGrid article>button{color:var(--bim-red-dark)}.bimRecruitmentModalBack,.bimCareerModalBack{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#18181894;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow:auto}.bimJobPostingModal,.bimApplicationModal{border:1px solid var(--bim-line)!important;background:var(--bim-white)!important;width:min(820px,100vw - 48px)!important;max-width:820px!important;max-height:calc(100vh - 48px)!important;color:var(--bim-ink)!important;border-radius:20px!important;gap:15px!important;margin:auto!important;padding:clamp(20px,3vw,30px)!important;display:grid!important;overflow:auto!important;box-shadow:0 28px 80px #00000047!important}.bimJobPostingModal .modalHead,.bimApplicationModal .modalHead,.bimCareerApplication .modalHead{border-bottom:1px solid var(--bim-line);justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:14px;display:flex}.bimJobPostingModal .modalHead h2,.bimApplicationModal .modalHead h2,.bimCareerApplication .modalHead h2{color:var(--bim-ink);margin:0;font-size:23px}.bimJobPostingModal .modalHead p,.bimApplicationModal .modalHead p,.bimCareerApplication .modalHead p{color:var(--bim-muted);margin:5px 0 0}.bimModalClose{flex:none;place-items:center;width:38px;height:38px;border:1px solid var(--bim-line)!important;color:var(--bim-ink)!important;background:var(--bim-soft)!important;border-radius:10px!important;padding:0!important;display:grid!important}.bimModalClose svg{width:19px}.bimJobPostingModal .jobFormGrid,.bimCareerApplication .careerFormGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;display:grid!important}.bimJobPostingModal label,.bimApplicationModal label,.bimCareerApplication label{color:#464a50!important;text-align:start!important;gap:7px!important;margin:0!important;font-size:13px!important;font-weight:800!important;display:grid!important}.bimJobPostingModal :is(input,select,textarea),.bimApplicationModal :is(input,select,textarea),.bimCareerApplication :is(input,select,textarea){box-sizing:border-box;width:100%!important;min-height:44px!important;color:var(--bim-ink)!important;font:inherit!important;background:#fff!important;border:1px solid #d8dade!important;border-radius:10px!important;padding:10px 12px!important}.bimJobPostingModal textarea,.bimApplicationModal textarea,.bimCareerApplication textarea{resize:vertical;min-height:104px!important}.bimJobPostingModal :is(input,select,textarea):focus,.bimApplicationModal :is(input,select,textarea):focus,.bimCareerApplication :is(input,select,textarea):focus{border-color:var(--bim-red)!important;outline:3px solid #d91f2a1f!important}.bimFormSubmit{min-width:180px;min-height:46px;font:inherit;justify-self:center;margin-top:4px;font-weight:900;border-radius:11px!important}.bimSecondaryButton{min-height:42px;color:var(--bim-red-dark);font:inherit;background:#fff8f8;border:1px solid #edb4b8;border-radius:10px;justify-content:center;justify-self:start;align-items:center;gap:8px;padding:0 15px;font-weight:800;display:inline-flex}.bimCareers{min-height:100vh;color:var(--bim-ink);background:#f6f6f7;font-family:Noto Sans Arabic,Segoe UI,Tahoma,Arial,sans-serif}.bimCareersHeader{border-bottom:1px solid var(--bim-line);color:var(--bim-ink)!important;background:#fff!important;padding:0!important}.bimCareersHeaderInner{justify-content:space-between;align-items:center;width:min(1160px,100% - 40px);min-height:104px;margin:0 auto;display:flex}.bimCareersHeader a{align-items:center;gap:8px;font-weight:800;text-decoration:none;display:inline-flex;color:#343434!important}.bimCareersHeader a:hover{color:var(--bim-red)!important}.bimCareersHeader a svg{width:19px}.bimCareersHero{border-bottom:1px solid var(--bim-line);grid-template-columns:minmax(0,680px);justify-content:center;place-items:center;gap:12px;min-height:330px;display:grid;color:var(--bim-ink)!important;text-align:center!important;background:#fff!important;padding:34px 24px!important}.bimCareersHero>.bimLogoFrame{background:#fafafa!important;border-radius:0!important;width:170px!important;height:195px!important;display:inline-block!important}.bimCareersHero h1{color:var(--bim-ink);line-height:1.3;margin:0 0 12px!important;font-size:clamp(34px,4.6vw,56px)!important}.bimCareersHero h1:after{content:"";background:var(--bim-red);margin-top:17px;border-radius:999px;width:72px;height:5px;margin-inline:auto;display:block}.bimFormError{color:#9f1721;text-align:start;background:#fff2f3;border:1px solid #efb1b6;border-radius:10px;padding:12px 14px;font-size:13px;font-weight:800}.bimJobPostingModal label>small{color:var(--bim-muted);font-size:11px;font-weight:600}.bimFormSubmit:disabled{opacity:.65;cursor:wait}.bimCareersHero p{color:var(--bim-muted);margin:0;font-size:clamp(16px,1.8vw,20px)}.bimCareersJobs{width:min(980px,100% - 40px);max-width:none!important;margin:0 auto!important;padding:42px 0 60px!important}.bimCareersJobs>article{align-items:center;border:1px solid var(--bim-line)!important;border-inline-start:5px solid var(--bim-red)!important;border-radius:14px!important;box-shadow:0 10px 28px #2828280e!important}.bimCareersJobs h2{color:var(--bim-ink)}.bimCareersJobs small{color:var(--bim-red-dark)!important}.bimCareersJobs>article>button,.bimCareerApplication .careerSubmit,.bimCareerSuccess button{min-height:45px;font:inherit;border:0;font-weight:900;color:#fff!important;background:var(--bim-red)!important;border-radius:10px!important;padding:0 22px!important}.bimCareersJobs>article>button:hover,.bimCareerApplication .careerSubmit:hover,.bimCareerSuccess button:hover{background:var(--bim-red-dark)!important}.bimCareersEmpty{background:#fff;border:1px dashed #d7d8db;border-radius:16px;justify-items:center;gap:9px;min-height:190px;display:grid;color:var(--bim-muted)!important;padding:38px!important}.bimCareersEmpty svg{color:var(--bim-red)}.bimCareerApplication,.bimCareerSuccess{border:1px solid var(--bim-line);background:#fff;margin:auto;border-radius:20px!important;width:min(760px,100vw - 48px)!important;max-height:calc(100vh - 48px)!important;padding:clamp(20px,3vw,30px)!important;box-shadow:0 28px 80px #00000047!important}.bimCareerApplication{gap:15px;display:grid}.bimCareerApplication .cvUpload{background:#fff8f8;grid-template-columns:auto 1fr;align-items:center;border:1px dashed #d89da1!important;border-radius:11px!important;padding:15px!important}.bimCareerApplication .cvUpload input{grid-column:1/-1}.bimCareerApplication .privacyNotice{color:#656970;background:var(--bim-soft);margin:0}.bimCareerApplication .careerSubmit{justify-self:center;min-width:210px}.bimCareerSuccess{text-align:center}.bimCareerSuccess>svg{color:var(--bim-red)!important}@media (width<=820px){.bimRecruitmentBrand{grid-template-columns:auto minmax(0,1fr)}.bimRecruitmentBrand>a{grid-column:1/-1}.bimRecruitmentStats,.bimRecruitmentFilters{grid-template-columns:1fr}.bimCareersHero{grid-template-columns:1fr;gap:12px;text-align:center!important}.bimCareersHero .bimLogoFrame{justify-self:center}.bimCareersHero h1:after{margin-inline:auto}}@media (width<=620px){.bimRecruitmentPage{padding-inline:0}.bimRecruitmentBrand{text-align:center;grid-template-columns:1fr;justify-items:center;padding:16px}.bimRecruitmentBrand>a{grid-column:auto;width:100%}.bimRecruitmentTabs{grid-template-columns:1fr 1fr;gap:5px;display:grid}.bimRecruitmentTabs button{min-width:0;padding-inline:8px}.bimJobPostingModal,.bimApplicationModal,.bimCareerApplication,.bimCareerSuccess{border-radius:15px!important;width:calc(100vw - 20px)!important;max-height:calc(100vh - 20px)!important;padding:17px!important}.bimJobPostingModal .jobFormGrid,.bimCareerApplication .careerFormGrid,.bimApplicationModal .applicationFacts{grid-template-columns:1fr!important}.bimCareersHeaderInner{width:calc(100% - 24px)}.bimCareersHeader .bimLogoFrame.compact{width:66px;height:76px}.bimCareersHeader a{font-size:12px}.bimCareersHero{min-height:310px;padding-inline:16px!important}.bimCareersHero .bimLogoFrame{width:105px;height:120px}.bimCareersJobs{width:calc(100% - 24px);padding-top:24px!important}.bimCareersJobs>article{padding:18px!important;display:grid!important}.bimCareersJobs>article>button{width:100%}}:root[data-theme=dark] .bimRecruitmentBrand,:root[data-theme=dark] .bimRecruitmentStats article,:root[data-theme=dark] .bimRecruitmentFilters label,:root[data-theme=dark] .bimRecruitmentFilters select,:root[data-theme=dark] .bimApplicationTable,:root[data-theme=dark] .bimPostingGrid article,:root[data-theme=dark] .bimJobPostingModal,:root[data-theme=dark] .bimApplicationModal{color:#f5f5f5!important;background:#17181a!important;border-color:#3a3d42!important}:root[data-theme=dark] .bimRecruitmentBrand h2,:root[data-theme=dark] .bimRecruitmentStats b,:root[data-theme=dark] .bimJobPostingModal .modalHead h2,:root[data-theme=dark] .bimApplicationModal .modalHead h2{color:#f5f5f5}