@import url("https://fonts.googleapis.com/css2?family=Sarabun:wght@400;500;600;700;800&display=swap");*{box-sizing:border-box}:root{--bg:#EAF3FC;--card:#fff;--text:#18181b;--muted:#71717a;--line:#e4e4e7;--soft:#fafafa;--dark:#18181b;--navy:#123B7A;--navy-2:#184D9C;--navy-3:#1F5FBE;--sidebar-text:#BBD6FA;--sidebar-text-dim:#8FB6E8;--sidebar-text-active:#fff;--accent:#1E88F0;--accent-dark:#0F68C4;--accent-soft:#E4F1FE;--brand-1:#57B7FE;--brand-2:#146FE0;--orange:#FF7A1A;--orange-dark:#E8650A}body,html{max-width:100%;overflow-x:hidden;overflow-x:clip}body{margin:0;background:var(--bg);color:var(--text);font-family:Sarabun,Noto Sans Thai,Leelawadee UI,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.appHeader{background:#fff;border-bottom:1px solid var(--line);position:-webkit-sticky;position:sticky;top:0;z-index:20}.headerInner{max-width:1320px;margin:auto;padding:14px 28px;justify-content:space-between;gap:20px}.headerInner,.logoBlock{display:flex;align-items:center}.logoBlock{gap:11px}.logoMark{width:38px;height:38px;border-radius:12px;background:#18181b;color:#fff;display:grid;place-items:center;font-weight:800}.logoText{font-weight:800;font-size:18px}.logoSub{font-size:12px;color:var(--muted)}.mainNav{display:flex;gap:6px}.mainNav a{padding:9px 12px;border-radius:10px;color:#52525b}.mainNav a:hover{background:#f4f4f5;color:#18181b}.shell{max-width:1320px;margin:auto;padding:30px 28px 60px}.shell.narrow{max-width:1100px}.hero{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding:28px 0 24px}.hero h1,.pageTitle h1,.profileHero h1{font-size:32px;line-height:1.18;margin:5px 0 8px}.hero p,.pageTitle p,.profileHero p{margin:0;color:var(--muted)}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.09em;color:#71717a}.formActions,.heroActions,.profileActions{display:flex;gap:10px;align-items:center}.btn{border:0;display:inline-flex;align-items:center;justify-content:center;padding:11px 16px;border-radius:12px;font-weight:700;cursor:pointer}.btn.primary{background:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-dark)}.btn.secondary{background:#fff;border:1px solid var(--line);color:#27272a}.statGrid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:14px;gap:14px;margin:4px 0 22px}.stat{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px}.stat small,.stat span{display:block;color:var(--muted)}.stat strong{display:block;font-size:32px;margin:7px 0 2px}.panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;margin-bottom:16px;box-shadow:0 2px 8px rgba(0,0,0,.025)}.panel.compact{margin:0}.panel h2{margin:0 0 6px;font-size:19px}.pageTitle,.panelHead{display:flex;justify-content:space-between;gap:20px;align-items:center}.pageTitle{margin-bottom:20px}.pageTitle h1{margin-bottom:4px}.steps{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:10px;gap:10px;margin-top:18px}.steps>div{border:1px solid var(--line);background:#fafafa;border-radius:14px;padding:14px;display:flex;gap:10px;align-items:center}.steps b{width:30px;height:30px;border-radius:10px;background:var(--accent);color:white;display:grid;place-items:center}.steps small,.steps span{display:block}.steps small{color:var(--muted);margin-top:2px}.formGrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.stack{display:block}.muted{color:var(--muted)}form label{display:block;font-size:13px;font-weight:700;color:#3f3f46;margin-top:13px}input,select,textarea{width:100%;margin-top:6px;border:1px solid #d4d4d8;background:white;border-radius:11px;padding:11px 12px;outline:none;font-family:inherit}textarea{min-height:80px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#71717a;box-shadow:0 0 0 3px #f4f4f5}form .btn{margin-top:16px}.miniList{margin-top:18px;border-top:1px solid #f1f1f2}.miniList>div{padding:10px 0;border-bottom:1px solid #f4f4f5;display:grid;grid-template-columns:90px 1fr;grid-gap:10px;gap:10px;font-size:13px}.miniList span{color:#52525b}.notice{background:#eef8f0;border:1px solid #cce7d1;border-radius:12px;padding:11px 14px;margin-bottom:14px}.notice.error{background:#fff1f2;border-color:#fecdd3}.sectionTitle{display:flex;justify-content:space-between;align-items:center}.sectionTitle span{font-size:12px;color:var(--muted)}.fieldGrid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:0 16px;gap:0 16px}.formActions{justify-content:flex-end;margin-top:18px}.checkboxRow{display:flex;flex-direction:row;align-items:center;gap:8px;margin-top:6px}.checkboxRow input{width:auto}.searchBar{display:flex;gap:10px;margin-bottom:14px}.searchBar input{margin:0}.searchBar .btn{margin:0;min-width:90px}.table{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}.row{display:grid;padding:14px 18px;border-top:1px solid #f0f0f1;align-items:center;grid-gap:14px;gap:14px}.row.head{background:#fafafa;border-top:0;font-weight:800;font-size:13px}.employeeRow{grid-template-columns:120px 1.35fr 1.3fr 1fr 110px}.row.clickable:hover{background:#fafafa}.row small{display:block;margin-top:3px}.empty,.row small{color:var(--muted)}.empty{padding:36px;text-align:center}.badge{display:inline-flex;padding:6px 10px;border-radius:999px;background:#f4f4f5;font-size:12px;font-style:normal;white-space:nowrap}.status-ACTIVE{background:#eaf8ee;color:#166534}.status-PROBATION{background:#fff7ed;color:#9a3412}.status-SUSPENDED{background:#fef3c7;color:#92400e}.status-RESIGNED,.status-TERMINATED{background:#f4f4f5;color:#52525b}.profileHero{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;display:flex;align-items:center;gap:18px;margin-bottom:16px}.avatar{width:78px;height:78px;border-radius:22px;background:var(--accent);color:white;display:grid;place-items:center;font-size:25px;font-weight:800}.profileMain{flex:1 1}.profileMain h1{font-size:27px}.profileActions{flex-wrap:wrap;justify-content:flex-end}.profileGrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.infoGrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px 22px;gap:18px 22px;margin:18px 0 0}.infoGrid dt{font-size:12px;color:var(--muted)}.infoGrid dd{margin:4px 0 0;font-weight:650}.coming{margin-top:16px}.moduleChips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.moduleChips span{padding:8px 11px;border-radius:10px;background:#f4f4f5;font-size:13px;color:#52525b}@media(max-width:900px){.statGrid,.steps{grid-template-columns:1fr 1fr}.formGrid,.profileGrid{grid-template-columns:1fr}.fieldGrid{grid-template-columns:1fr 1fr}.employeeRow{grid-template-columns:100px 1.5fr 1fr}.employeeRow>:nth-child(3),.employeeRow>:nth-child(4){display:none}.headerInner{align-items:flex-start}.mainNav{overflow:auto}}@media(max-width:620px){.shell{padding:20px 14px 50px}.headerInner{padding:12px 14px;display:block}.mainNav{margin-top:10px}.hero,.pageTitle,.profileHero{align-items:flex-start;display:block}.heroActions,.profileActions{margin-top:16px}.fieldGrid,.formGrid,.statGrid,.steps{grid-template-columns:1fr}.profileHero .avatar{margin-bottom:12px}.employeeRow{grid-template-columns:90px 1fr 90px}.employeeRow>:nth-child(3),.employeeRow>:nth-child(4){display:none}}.positionHead,.positionNode{display:grid;grid-template-columns:220px 1fr 130px;grid-gap:14px;gap:14px;align-items:center}.positionHead{font-size:12px;font-weight:800;color:var(--muted);padding:0 12px 10px}.positionNode{border-top:1px solid #f1f1f2;padding:12px;border-radius:10px}.positionNode:hover{background:#fafafa}.positionCode{font-weight:800}.positionName{font-weight:600}.positionLevel{color:var(--muted);font-size:13px}@media(max-width:700px){.positionHead,.positionNode{grid-template-columns:120px 1fr}.positionHead span:last-child,.positionLevel{display:none}}.orgTable{margin-top:14px;border:1px solid var(--line);border-radius:14px;overflow:hidden}.orgRow{display:grid;grid-template-columns:120px 230px 1fr 1fr;grid-gap:12px;gap:12px;padding:11px 14px;border-top:1px solid #f1f1f2;align-items:center;font-size:13px}.orgRow:first-child{border-top:0}.orgHead{background:#fafafa;font-weight:800;color:#52525b}@media(max-width:800px){.orgRow{grid-template-columns:90px 1fr}.orgRow>:nth-child(3),.orgRow>:nth-child(4){display:none}}.manageList>div{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #f1f1f2;padding:10px 0;flex-wrap:wrap}.manageList>div:first-child{border-top:0}.manageList>div>div{display:grid;grid-template-columns:100px 1fr;grid-gap:10px;gap:10px;flex:1 1;min-width:0}.manageList span{color:#52525b}.manageList>div>div.rowAction{display:flex;grid-template-columns:none;flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end}.manageList>div>div.stackedInfo{display:flex;flex-direction:column;gap:3px;grid-template-columns:none}.manageList>div>div.stackedInfo>span:first-child{font-weight:800;color:#18181b;font-size:14px}.manageList>div>div.stackedInfo>span:last-child{font-size:13px}@media(max-width:640px){.manageList>div{align-items:flex-start}.manageList>div>div.rowAction{justify-content:flex-start;width:100%;margin-top:6px}}.unreadRow{background:#fafaff;border-radius:10px}.manageList>div>div.rowClick:hover{opacity:.8}.btn.tiny{padding:6px 10px;border:1px solid var(--line);background:#fff;border-radius:9px;font-size:12px}.rowAction{display:flex;align-items:center;justify-content:space-between;gap:8px}.inactiveRow{opacity:.48}.modalBackdrop{position:fixed;inset:0;background:rgba(0,0,0,.46);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.modalCard{background:#fff;border-radius:20px;width:min(620px,100%);max-height:90vh;overflow:auto;padding:22px;box-shadow:0 20px 70px rgba(0,0,0,.25)}.modalHead{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.modalHead h2{margin:3px 0}.iconBtn{border:0;background:#f4f4f5;width:36px;height:36px;border-radius:10px;font-size:23px;cursor:pointer}.positionHead.manage,.positionNode{grid-template-columns:190px 1fr 120px 80px}.shiftCards{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin-top:16px}.shiftCard{border:1px solid var(--line);border-radius:14px;padding:14px;display:flex;justify-content:space-between;gap:12px}.shiftCard>div{display:flex;flex-direction:column;gap:3px}.shiftCard strong{font-size:15px}.shiftCard small,.shiftCard span{color:var(--muted)}.weekdayPicker{display:flex;gap:8px;margin:16px 0}.weekdayPicker label{margin:0}.weekdayPicker input{display:none}.weekdayPicker span{display:grid;place-items:center;width:42px;height:38px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer}.weekdayPicker input:checked+span{background:var(--accent);color:#fff;border-color:var(--accent)}.calendarToolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}.calendarToolbar h2{margin:0}.calendarToolbar small{color:var(--muted)}.workCalendar{overflow:auto;border:1px solid var(--line);border-radius:14px;display:grid;grid-template-columns:190px repeat(31,minmax(58px,1fr));max-height:620px}.calHead{background:#fafafa;padding:8px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center;min-height:52px}.calHead small{display:block;color:var(--muted)}.stickyEmployee{position:-webkit-sticky;position:sticky;left:0;z-index:4}.calendarRow{display:contents}.calEmployee{background:#fff;padding:9px 10px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column}.calEmployee span{color:var(--muted);font-size:12px}.calCell{min-height:52px;display:grid;place-items:center;font-size:11px;color:#a1a1aa}.calCell.assigned{background:#fafafa;color:#18181b}.calCell.assigned b{font-size:11px}.calCell.assigned small{display:block;color:var(--muted)}@media(max-width:900px){.shiftCards{grid-template-columns:1fr 1fr}.workCalendar{grid-template-columns:150px repeat(31,54px)}}@media(max-width:620px){.shiftCards{grid-template-columns:1fr}.calendarToolbar{align-items:flex-start;flex-wrap:wrap}}.calendarFilters{display:flex;gap:10px;align-items:center}.calendarFilters input,.calendarFilters select{min-width:190px}.calendarLegend{display:flex;gap:18px;align-items:center;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-bottom:10px}.legendSwatch{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:5px;vertical-align:-2px;border:1px solid var(--line)}.legendSwatch.weekly{background:#fafafa}.legendSwatch.override{background:#fff7ed;border-color:#fdba74}.calendarScroller{overflow:auto;border:1px solid var(--line);border-radius:14px;max-height:680px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.01)}.workCalendar{border:0;border-radius:0;overflow:visible;max-height:none}.stickyTop{position:-webkit-sticky;position:sticky;top:0;z-index:6}.stickyEmployee.stickyTop{z-index:8}.calEmployee{min-height:66px;flex-direction:row;justify-content:space-between;align-items:center;gap:8px}.calEmployee>div{display:flex;flex-direction:column}.miniLink{background:transparent;text-decoration:underline;font-size:11px;color:#52525b;padding:2px}.calCell,.miniLink{border:0;cursor:pointer}.calCell{position:relative;border-right:1px solid #f1f1f2;border-bottom:1px solid #f1f1f2;background:#fff;padding:5px 3px;min-height:66px}.calCell:hover{background:#f4f4f5}.weeklyCell.assigned{background:#fafafa}.overrideCell.assigned{background:#fff7ed}.overrideDot{position:absolute;right:5px;top:5px;width:7px;height:7px;background:#f97316;border-radius:50%}.calCell b{max-width:68px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;font-size:10px}.calCell small{font-size:9px;line-height:1.2}.shell.calWide{max-width:none}.calNavRight{display:flex;gap:8px;align-items:center}.calendarScroller{position:relative;max-height:none;height:calc(100vh - 250px);min-height:600px}.workCalendar{width:max-content}.calEmployee.stickyEmployee{z-index:5}.calEmployee.stickyEmployee,.calHead.stickyEmployee{box-shadow:2px 0 0 var(--line)}.calHead.weekendCol{background:#eef2ff;color:#3730a3}.calCell.weekendCol:not(.overrideCell){background:#f5f7ff}.calCell.weekendCol.weeklyCell.assigned{background:#eef1fb}.weekStartCol{border-left:2px solid #c7cdd8}.calHead.todayCol{background:#1e3a8a;color:#fff}.calHead.todayCol small{color:#dbeafe}.calCell.todayCol{box-shadow:inset 2px 0 0 #1e3a8a,inset -2px 0 0 #1e3a8a}.overrideDot{z-index:1}.modalCard.wide{width:min(860px,100%)}.weeklyGrid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px}.weeklyGrid label{margin:0}.weeklyGrid label span{display:block;margin-bottom:5px;font-weight:700}.btn.danger{background:#fff;border:1px solid #fecaca;color:#b91c1c}.notice.warn{background:#fff7ed;border-color:#fed7aa;color:#9a3412}@media(max-width:760px){.calendarFilters{width:100%;flex-direction:column;align-items:stretch}.calendarFilters input,.calendarFilters select{min-width:0}.weeklyGrid{grid-template-columns:1fr}}.panelHead.inline{align-items:center}.panelHead.inline h2{margin:0}.btn.small{padding:8px 12px;font-size:12px}.attendanceKpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));grid-gap:12px;gap:12px}.attendanceKpis>div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px}.attendanceKpis span{display:block;color:var(--muted);font-size:12px}.attendanceKpis b{font-size:26px}.attendanceFilters{display:flex;gap:8px}.attendanceFilters input,.attendanceFilters select,.attendanceFilters>div{min-width:150px}.attendanceTable{margin-top:15px;border:1px solid var(--line);border-radius:14px;overflow:hidden}.attRow{display:grid;grid-template-columns:1.45fr 1fr .8fr .8fr .8fr .9fr .75fr;grid-gap:10px;gap:10px;align-items:center;padding:10px 12px;border-top:1px solid #f1f1f2;font-size:12px}.attRow:first-child{border-top:0}.attHead{background:#fafafa;font-weight:800}.attRow span{min-width:0}.attRow small{display:block;color:var(--muted);margin-top:2px}.attRow small.bad{color:#b91c1c}.attRow small.warnText{color:#b45309}.attStatus{display:inline-block;padding:5px 8px;border-radius:999px;font-style:normal;background:#f4f4f5}.s-PRESENT{background:#ecfdf3;color:#166534}.s-LATE,.s-LATE_EARLY{background:#fef2f2;color:#b91c1c}.s-ABSENT{background:#fee2e2;color:#991b1b}.s-WORKING{background:#eff6ff;color:#1d4ed8}.s-EARLY_OUT{background:#fff7ed;color:#9a3412}.s-OUT_OF_SHIFT{background:#f5f3ff;color:#6d28d9}.s-INCOMPLETE{background:#fef9c3;color:#854d0e}.s-NOT_CLOCKED_IN,.s-NO_SHIFT,.s-SCHEDULED{background:#f4f4f5;color:#52525b}.s-ON_LEAVE{background:#eef2ff;color:#4338ca}.s-HOLIDAY{background:#f0fdf4;color:#15803d}.s-PENDING,.s-REVIEW{background:#fff7ed;color:#9a3412}.s-APPROVED,.s-LOCKED,.s-PAID{background:#ecfdf3;color:#166534}.s-REJECTED,.s-VOID{background:#fee2e2;color:#991b1b}.s-CANCELLED,.s-DRAFT{background:#f4f4f5;color:#52525b}.s-NEED_INFO{background:#f5f3ff;color:#6d28d9}.s-CALCULATING{background:#eff6ff;color:#1d4ed8}.eventList{border:1px solid var(--line);border-radius:12px;margin:12px 0;overflow:hidden}.eventList>div{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px;border-top:1px solid #f1f1f2}.eventList>div:first-child{border-top:0}.btn.tiny.danger{color:#b91c1c;border-color:#fecaca}@media(max-width:900px){.attendanceKpis{grid-template-columns:repeat(2,1fr)}.attendanceFilters{flex-wrap:wrap}.attRow{grid-template-columns:1.3fr 1fr 1fr 1fr}.attRow>:nth-child(5),.attRow>:nth-child(6),.attRow>:nth-child(7){display:none}}.leaveRuleTable{margin-top:14px;border:1px solid var(--line);border-radius:14px;overflow:hidden}.leaveRuleHead,.leaveRuleRow{display:grid;grid-template-columns:160px 1fr 1fr 1fr;grid-gap:10px;gap:10px;padding:10px 14px;align-items:center}.leaveRuleHead{background:#fafafa;font-weight:800;font-size:12px;color:#52525b}.leaveRuleRow{border-top:1px solid #f1f1f2}.leaveRuleRow input{margin:0;font-size:13px;padding:9px 10px}.leaveRuleLabel{font-size:13px;font-weight:650}@media(max-width:760px){.leaveRuleHead{display:none}.leaveRuleRow{grid-template-columns:1fr;gap:6px;padding:12px 14px}.leaveRuleRow input{margin-top:2px}.leaveRuleLabel{font-weight:800;margin-bottom:2px}}.clockShell{min-height:90vh;background:#f4f4f5;padding:28px}.clockTerminal{max-width:1000px;margin:auto}.clockTerminal>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:20px}.clockTerminal>header strong{font-size:30px}.clockTerminal>section{background:#fff;border:1px solid var(--line);border-radius:24px;padding:34px}.clockTerminal>section>h1{text-align:center;font-size:38px}.clockTerminal>section>p{text-align:center}.clockCode{display:grid;grid-template-columns:1fr 220px;grid-gap:12px;gap:12px;max-width:700px;margin:25px auto}.clockCode input{padding:20px;font-size:28px;font-weight:800;text-align:center;border:2px solid #d4d4d8;border-radius:16px}.clockCode button,.clockPerson button{border:0;background:var(--accent);color:#fff;border-radius:14px;font-weight:800}.clockMsg{padding:14px;background:#fef2f2;color:#b91c1c;border-radius:12px;text-align:center;margin:15px}.clockMsg.ok{background:#ecfdf3;color:#166534}.clockPerson{display:flex;justify-content:space-between;align-items:center}.clockPerson h1{font-size:32px;margin:3px 0}.clockPerson p{margin:0;color:var(--muted)}.clockPerson button{padding:13px}.clockInfo{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin:22px 0}.clockInfo>div{background:#fafafa;border:1px solid var(--line);border-radius:15px;padding:15px;color:var(--muted)}.clockInfo b{display:block;color:#18181b;font-size:20px}.clockButtons{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}.clockButtons button{min-height:150px;border:1px solid #d4d4d8;background:#fff;border-radius:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:18px;touch-action:manipulation}.clockButtons button:not(:disabled):hover{background:var(--accent);color:#fff}.clockButtons button:disabled{opacity:.3}.clockButtons span{font-size:11px}.clockHistory{margin-top:25px}.clockHistory>div{display:flex;justify-content:space-between;padding:10px;border-top:1px solid #eee}.clockManualLink{display:block;margin:18px auto 0;border:0;background:none;color:var(--muted);text-decoration:underline;font-size:13px;cursor:pointer}@media(max-width:700px){.clockShell{padding:10px}.clockCode{grid-template-columns:1fr}.clockButtons{grid-template-columns:1fr 1fr}.clockPerson{align-items:flex-start;flex-direction:column;gap:12px}.clockInfo{grid-template-columns:1fr}}@media(max-width:480px){.clockTerminal>section{padding:18px 14px}.clockTerminal>section>h1{font-size:28px}.clockButtons button{min-height:104px}}.securityCards{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-top:15px}.securityCards>div{display:flex;justify-content:space-between;align-items:center;gap:15px;border:1px solid var(--line);border-radius:16px;padding:16px}.securityCards>div>div{display:flex;flex-direction:column;gap:3px}.securityCards span{color:var(--muted);font-size:12px}.modalCard textarea{min-height:80px;resize:vertical}@media(max-width:700px){.securityCards{grid-template-columns:1fr}}.topNav{position:-webkit-sticky;position:sticky;top:0;z-index:80;background:var(--navy);border-bottom:1px solid var(--navy-3)}.topNavShell{max-width:1400px;margin:0 auto;min-height:64px;padding:0 20px;display:flex;align-items:center;gap:20px}.brandMark{width:34px;height:34px;border-radius:10px;background:var(--accent);color:#fff;display:grid;place-items:center;font-weight:900;font-size:12px;letter-spacing:-.02em;flex:0 0 auto}.topNavBrand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;flex:0 0 auto}.topNavBrand .brandMark{background:#fff;color:var(--navy)}.topNavBrand .brandText{display:flex;flex-direction:column;line-height:1.15}.topNavBrand .brandText b{font-size:14px}.topNavBrand .brandText small{font-size:9px;color:var(--sidebar-text-dim);margin-top:2px}.topNavLinks{margin-left:auto;display:flex;align-items:center;gap:2px}.topGroupBtn,.topNavLink{border:0;background:transparent;color:var(--sidebar-text);text-decoration:none;font:inherit;font-size:13px;font-weight:650;padding:10px 12px;border-radius:10px;cursor:pointer;white-space:nowrap}.topGroupBtn.activeGroup,.topGroupBtn:hover,.topNavLink.activeLeaf,.topNavLink:hover{background:var(--navy-2);color:#fff}.topNavLink.activeLeaf{background:var(--accent)}.topGroup{position:relative}.topGroupBtn span{font-size:10px;margin-left:3px;opacity:.7}.topDropdown{position:absolute;top:calc(100% + 8px);left:0;min-width:270px;max-width:min(340px,calc(100vw - 24px));max-height:calc(100vh - 130px);overflow-y:auto;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 50px rgba(0,0,0,.18);padding:8px;opacity:0;visibility:hidden;transform:translateY(-4px);transition:.16s ease;z-index:100}.topGroup.open>.topDropdown,.topGroup:focus-within>.topDropdown,.topGroup:hover>.topDropdown{opacity:1;visibility:visible;transform:translateY(0)}.topComing,.topDropdown a{display:flex;flex-direction:column;gap:2px;text-decoration:none;color:#18181b;padding:11px 12px;border-radius:11px}.topDropdown a.activeLeaf,.topDropdown a:hover{background:#f4f4f5}.topDropdown b{font-size:13px}.topDropdown small{font-size:11px;color:var(--muted);font-weight:400}.topComing{opacity:.45;cursor:not-allowed}.mobileMenuButton{display:none;border:0;background:var(--navy-2);color:#fff;border-radius:10px;width:42px;height:42px;font-size:19px;margin-left:auto}.userMenu{display:flex;align-items:center;gap:10px;flex:0 0 auto;padding-left:14px;border-left:1px solid var(--navy-3)}.userChip{font-size:12px;font-weight:700;color:var(--sidebar-text);white-space:nowrap}.loginShell{min-height:calc(100vh - 64px);display:flex;align-items:center;justify-content:center;padding:40px 20px}.loginCard{width:100%;max-width:380px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:32px;box-shadow:0 20px 60px rgba(0,0,0,.06)}.loginBrand{display:flex;align-items:center;gap:10px;margin-bottom:22px}.loginBrand b{display:block;font-size:15px}.loginBrand small{display:block;font-size:11px;color:var(--muted)}.loginCard h1{font-size:22px;margin:0 0 16px}.loginCard .btn{width:100%;margin-top:18px}.loginHint{font-size:12px;color:var(--muted);margin-top:16px;line-height:1.5}@media(max-width:1180px){.topNavBrand .brandText small{display:none}.topGroupBtn,.topNavLink{padding:10px 8px;font-size:12px}}@media(max-width:1080px){.topNavShell{min-height:58px}.topNavLinks{display:none;position:absolute;top:58px;left:10px;right:10px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 50px rgba(0,0,0,.18);padding:8px;align-items:stretch;flex-direction:column;z-index:90}.topNavLinks.mobileOpen{display:flex;max-height:calc(100vh - 74px);overflow-y:auto}.mobileMenuButton{display:block}.topGroupBtn,.topNavLink{width:100%;text-align:left;padding:13px 14px;color:#18181b}.topGroupBtn.activeGroup,.topGroupBtn:hover,.topNavLink.activeLeaf,.topNavLink:hover{background:#f4f4f5;color:#18181b}.topNavLink.activeLeaf{background:var(--accent-soft);color:var(--accent-dark)}.topGroup{width:100%}.topDropdown{position:static;display:none;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;border-radius:10px;background:#fafafa;margin:0 6px 6px;min-width:0;max-width:none;max-height:none;overflow-y:visible;padding:5px}.topGroup.open>.topDropdown{display:block}.topGroup:hover>.topDropdown{display:none}.topGroup.open:hover>.topDropdown{display:block}.userMenu{border-left:0;padding-left:0}.userMenu .userChip{display:none}}.faceList{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin-top:15px}.faceList>div{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid var(--line);border-radius:14px;padding:14px}.faceList>div>div{display:flex;flex-direction:column}.faceList small{color:var(--muted)}.modelState{font-size:12px;color:#166534;background:#ecfdf3;padding:7px 10px;border-radius:999px}.clockFaceVideo,.faceVideo{width:100%;max-height:420px;object-fit:cover;border-radius:18px;background:#111;transform:scaleX(-1)}.clockFaceVideo{max-width:360px;display:block;margin:16px auto}.securityBadges{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:12px 0}.securityBadges span{background:#f4f4f5;border-radius:999px;padding:7px 10px;font-size:11px}@media(max-width:700px){.faceList{grid-template-columns:1fr}}.faceRowActions{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.faceGalleryGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));grid-gap:16px;gap:16px;margin-top:16px}.faceGalleryItem{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.faceGalleryItem small{color:var(--muted);font-size:11px;word-break:break-all;max-width:112px}.faceMigrationBox{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;margin:0 0 16px;border:1px solid var(--line,#d9dde5);border-radius:18px;background:linear-gradient(180deg,rgba(245,248,255,.96),rgba(255,255,255,.96))}.faceMigrationBox h3{margin:4px 0 6px;font-size:18px}.faceMigrationBox .btn{white-space:nowrap;min-height:46px}.migrationProgress{padding:14px 16px;margin:0 0 16px;border:1px solid var(--line,#d9dde5);border-radius:14px;background:#fff}.migrationProgress>div{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px}.migrationProgress progress{width:100%;height:12px}@media(max-width:760px){.faceMigrationBox{align-items:stretch;flex-direction:column}.faceMigrationBox .btn{width:100%}}.attendanceTable{overflow-x:auto;background:#fff}.attRow{grid-template-columns:minmax(220px,1.8fr) minmax(130px,1fr) minmax(105px,.8fr) minmax(105px,.8fr) minmax(110px,.85fr) minmax(130px,1fr) minmax(110px,.8fr);column-gap:16px;padding:13px 16px;min-width:980px}.attendanceDataRow{min-height:64px}.attEmployeeCell{display:flex;flex-direction:column;justify-content:center;gap:4px;overflow:hidden}.attEmployeeCode{font-size:13px;line-height:1.15;font-weight:800;letter-spacing:.01em;color:#18181b;white-space:nowrap}.attEmployeeName{font-size:12px!important;line-height:1.45!important;margin-top:0!important;color:#52525b!important;white-space:normal;overflow-wrap:anywhere}.attEmployeeName em{font-style:normal;color:#71717a;font-weight:600}.attWorked{display:flex;flex-direction:column;gap:2px}.attWorked b{font-size:12px}.attWorked small{margin:0!important}.attStatus{white-space:nowrap;font-weight:700}@media(max-width:1100px){.attendanceTable{overflow-x:auto}.attRow{min-width:980px}}@media(max-width:900px){.attRow{grid-template-columns:minmax(220px,1.8fr) minmax(130px,1fr) minmax(105px,.8fr) minmax(105px,.8fr) minmax(110px,.85fr) minmax(130px,1fr) minmax(110px,.8fr)}.attRow>:nth-child(5),.attRow>:nth-child(6),.attRow>:nth-child(7){display:block}}.meQuickNav{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:10px;gap:10px;margin:0 0 18px}.meQuickNav a{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 10px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;font-size:12px;font-weight:700;color:var(--text)}.meQuickNav a:hover{background:#fafafa;border-color:#d4d4d8}.meQuickNav a span{font-size:22px}.todayCard{display:flex;flex-direction:column;gap:14px}.todayShift{font-weight:650;color:var(--text)}.todayGrid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px 22px;gap:18px 22px}.todayGrid dt{font-size:12px;color:var(--muted)}.todayGrid dd{margin:4px 0 0;font-weight:650}.feedList{display:flex;flex-direction:column;gap:2px}.feedItem{display:flex;gap:12px;padding:12px 4px;border-top:1px solid #f0f0f1}.feedItem:first-child{border-top:0}.feedIcon{font-size:18px;line-height:1;flex:0 0 auto}.feedBody{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:4px}.feedTop{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.feedTop>span:first-child{font-weight:650;overflow-wrap:anywhere}.feedDetail{font-size:13px}@media(max-width:760px){.meQuickNav{grid-template-columns:repeat(3,1fr)}.todayGrid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.meQuickNav{grid-template-columns:repeat(2,1fr)}.todayGrid{grid-template-columns:1fr}}.meHeaderRow{display:flex;align-items:center;gap:16px}.faceGallery{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}.rowAvatar{display:flex;align-items:center;gap:12px}.rowAvatar,.rowAvatar>span{min-width:0}.photoCheckRow{grid-template-columns:2fr 140px 160px 150px}.photoCheckRow small{display:block;color:var(--muted);margin-top:2px}@media(max-width:760px){.photoCheckRow{grid-template-columns:1.6fr 110px 90px}.photoCheckRow>:nth-child(4){grid-column:1/-1}}.photoControls{display:flex;align-items:center;gap:10px;margin-top:14px;flex-wrap:wrap}.photoControls .btn.small{padding:8px 14px;font-size:13px}.photoControls .linkDanger{background:none;border:0;color:#b91c1c;font-size:13px;font-weight:650;cursor:pointer;padding:4px}.photoControls .linkDanger:hover{text-decoration:underline}.photoControls .photoErr{font-size:13px;color:#b91c1c}.payslipRow{grid-template-columns:1.6fr 1fr 1fr 110px}.payslipRow.head{color:var(--muted)}.payslipNet{font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@media(max-width:700px){.payslipRow{grid-template-columns:1fr}}@media(max-width:480px){.payslipRow.head{display:none}.mobileLabel{display:inline;color:var(--muted);font-weight:400}}.mobileLabel{display:none}.slipCard{max-width:820px;margin:0 auto}.slipHead{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;flex-wrap:wrap;padding-bottom:18px;border-bottom:2px solid var(--line)}.slipHead h2{margin:2px 0 6px}.slipEmp{display:flex;flex-direction:column;gap:4px;text-align:right;font-size:13px}.slipEmp b{font-size:16px}.slipEmp span{color:var(--muted)}.slipCols{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px;margin-top:20px}.slipCol h3{margin:0 0 10px;font-size:14px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.slipLine{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px dashed var(--line);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.slipSubtotal{border-bottom:none;border-top:2px solid var(--line);margin-top:4px;padding-top:10px;font-weight:800}.slipEmptyLine{padding:8px 0}.slipNet{display:flex;justify-content:space-between;align-items:center;margin-top:22px;padding:18px 20px;border-radius:16px;background:var(--accent);color:#fff}.slipNet span{font-weight:700;font-size:14px}.slipNet b{font-size:24px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.slipFootnote{margin-top:18px;font-size:12px}@media(max-width:700px){.slipCols{grid-template-columns:1fr}.slipHead{flex-direction:column}.slipEmp{text-align:left}}.leaveSummaryRow{grid-template-columns:1.6fr 1fr .8fr .8fr .8fr .8fr}.leaveSummaryRow.head{color:var(--muted)}.payrollDeptRow{grid-template-columns:1.4fr .8fr 1fr 1fr 1fr}.payrollDeptRow.head{color:var(--muted)}.payrollEmpRow{grid-template-columns:1.6fr 1fr 1fr 1fr 1fr 1fr}.payrollEmpRow.head{color:var(--muted)}.govCertRow{grid-template-columns:1.4fr 1.2fr 1fr 1fr 1fr .9fr}.govCertRow.head{color:var(--muted)}@media(max-width:900px){.govCertRow,.leaveSummaryRow,.payrollDeptRow,.payrollEmpRow{grid-template-columns:1fr 1fr 1fr}.leaveSummaryRow>:nth-child(n+5),.payrollEmpRow>:nth-child(n+5){display:none}.govCertRow{grid-template-columns:1.4fr 1fr .9fr}.govCertRow>:nth-child(2),.govCertRow>:nth-child(5){display:none}}@media(max-width:700px){.leaveSummaryRow,.payrollDeptRow,.payrollEmpRow{grid-template-columns:1fr}.govCertRow{grid-template-columns:1fr 1fr}.govCertRow>:nth-child(4){display:none}}.attSummaryRow{grid-template-columns:1.7fr 1fr .8fr .8fr .8fr .8fr .8fr 1fr 1fr}.attSummaryRow.head{color:var(--muted)}@media(max-width:900px){.attSummaryRow{grid-template-columns:1.4fr 1fr 1fr 1fr}.attSummaryRow>:nth-child(n+5){display:none}}@media(max-width:700px){.attSummaryRow{grid-template-columns:1fr}}.turnoverRow{grid-template-columns:1.3fr 1fr 1fr 1fr .8fr 1fr}.turnoverRow.head{color:var(--muted)}@media(max-width:700px){.turnoverRow{grid-template-columns:1.6fr 1fr}.turnoverRow>:nth-child(n+2):nth-child(-n+5){display:none}}.assetRow{grid-template-columns:1.6fr 1fr .9fr .9fr 1.6fr}.assetRow.head{color:var(--muted)}.assetRowActions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.assetCheckRow{grid-template-columns:1.8fr 1fr .9fr 1fr 1fr 110px}.assetCheckRow.head{color:var(--muted)}.s-ASSET_HELD{background:#eff6ff;color:#1d4ed8}.s-ASSET_RETURNED{background:#ecfdf3;color:#166534}.s-ASSET_DAMAGED,.s-ASSET_LOST{background:#fef2f2;color:#b91c1c}@media(max-width:900px){.assetCheckRow,.assetRow{grid-template-columns:1fr 1fr}.assetCheckRow>:nth-child(n+3),.assetRow>:nth-child(n+3){display:none}}@media(max-width:700px){.assetCheckRow,.assetRow{grid-template-columns:1fr}}.linkDanger{background:none;border:0;color:#b91c1c;font-size:13px;font-weight:650;cursor:pointer;padding:4px}.linkDanger:hover{text-decoration:underline}.docList{border-top:1px solid #f1f1f2}.docRow{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid #f4f4f5;flex-wrap:wrap}.docRowMain{display:flex;flex-direction:column;gap:3px}.docRowMain small{color:var(--muted)}.docRowActions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.masterTableScroll{overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:#fff}.masterRow{display:grid;grid-template-columns:50px 90px 190px 170px 150px 150px 170px 100px 90px 80px 110px 150px 150px 130px 110px 130px 130px 110px 140px 110px 120px 190px;grid-column-gap:8px;column-gap:8px;padding:8px 10px;align-items:center;border-top:1px solid #f1f1f2;min-width:2814px}.masterRow:first-child{border-top:0}.masterRow.head{position:-webkit-sticky;position:sticky;top:0;z-index:2;background:#fafafa;font-weight:800;font-size:11.5px;color:#52525b;border-top:0}.masterRow.head span{white-space:normal;line-height:1.25}.cellBtn{all:unset;display:block;width:100%;padding:6px 7px;border-radius:8px;font-size:12.5px;cursor:text;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box}.cellBtn:hover{background:#f4f4f5}.cellBtn.cellErr{background:#fef2f2;color:#b91c1c}.cellEmpty{color:#c4c4c8}.cellInput,.cellSelect{width:100%;margin:0;padding:6px 7px;font-size:12.5px;border:1px solid var(--accent);border-radius:8px;box-sizing:border-box}.cellSelect{background:#fff;cursor:pointer}.cellSelect.cellErr{border-color:#f87171}.cellReadonly{display:block;padding:6px 7px;font-size:12.5px;color:#52525b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cellReadonly.cellNA{color:#c4c4c8;text-align:center}.cellDerived{display:block;padding:6px 7px;font-size:12.5px;color:#71717a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nameCellPair{display:flex;gap:4px;min-width:0}.nameCellPair .cellBtn,.nameCellPair .cellInput{width:50%;min-width:0}@media(max-width:760px){.masterTableScroll{border-radius:10px}}.ytdRow{display:grid;grid-template-columns:50px 210px 150px 150px 150px 170px 120px 120px 110px 140px 160px 140px 160px 140px 160px;grid-column-gap:8px;column-gap:8px;padding:8px 10px;align-items:center;border-top:1px solid #f1f1f2;min-width:2130px}.ytdRow:first-child{border-top:0}.ytdRow.head{position:-webkit-sticky;position:sticky;top:0;z-index:2;background:#fafafa;font-weight:800;font-size:11.5px;color:#52525b;border-top:0}.ytdRow.head span{white-space:normal;line-height:1.25}.cellNum{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ytdSelfTable{grid-template-columns:100px 1fr 1fr 1fr 1fr}.ytdSelfTable.head{color:var(--muted)}@media(max-width:700px){.ytdSelfTable{grid-template-columns:1fr 1fr}}.wgRow{display:grid;grid-template-columns:50px 240px 140px 140px 130px 150px 90px 140px 170px;grid-column-gap:8px;column-gap:8px;padding:8px 10px;align-items:center;border-top:1px solid #f1f1f2;min-width:1400px}.wgRow.head,.wgRow:first-child{border-top:0}.wgRow.head{position:-webkit-sticky;position:sticky;top:0;z-index:2;background:#fafafa;font-weight:800;font-size:11.5px;color:#52525b}.wgRow.head span{white-space:normal;line-height:1.25}.wgLedgerRow{display:grid;grid-template-columns:110px 160px 1fr 120px;grid-column-gap:10px;column-gap:10px;padding:8px 4px;align-items:center;border-top:1px solid #f1f1f2;font-size:13px}.wgLedgerRow:first-child{border-top:0}.wgLedgerRow.head{font-weight:800;font-size:11.5px;color:#52525b}.wgLeftRow{display:grid;grid-template-columns:50px 260px 120px 150px 130px 190px minmax(220px,1fr) 100px;grid-column-gap:8px;column-gap:8px;padding:8px 10px;align-items:center;border-top:1px solid #f1f1f2;min-width:1320px}.wgLeftRow:first-child{border-top:0}.wgLeftRow.head{position:-webkit-sticky;position:sticky;top:0;z-index:2;background:#fafafa;font-weight:800;font-size:11.5px;color:#52525b;border-top:0}.wgLeftRow.head span{white-space:normal;line-height:1.25}.wgLeftRow.overdue{background:#fef2f2}.wgOverdue{display:block;color:#b91c1c;font-size:11.5px;font-weight:700}.wgSettle{font:inherit;font-size:13px;padding:5px 7px;border:1px solid #d4d4d8;border-radius:8px;background:#fff;width:100%}.wgSettle.s-REFUNDED{background:#f0fdf4;border-color:#86efac;color:#166534}.wgSettle.s-WITHHELD{background:#fff7ed;border-color:#fdba74;color:#9a3412}.wgCheck{display:inline-flex;flex-direction:row;gap:6px;align-items:center;font-size:13px;margin:0 0 10px}.wgCheck input{width:auto;margin:0}.cellNegative{color:#b91c1c}.pvdRow{display:grid;grid-template-columns:50px 240px 140px 140px 140px 140px 90px 150px 150px;grid-column-gap:8px;column-gap:8px;padding:8px 10px;align-items:center;border-top:1px solid #f1f1f2;min-width:1450px}.pvdRow:first-child{border-top:0}.pvdRow.head{position:-webkit-sticky;position:sticky;top:0;z-index:2;background:#fafafa;font-weight:800;font-size:11.5px;color:#52525b;border-top:0}.pvdRow.head span{white-space:normal;line-height:1.25}.discRow{display:grid;grid-template-columns:50px 240px 140px 140px 120px 200px 140px 160px;grid-column-gap:8px;column-gap:8px;padding:8px 10px;align-items:center;border-top:1px solid #f1f1f2;min-width:1300px}.discRow:first-child{border-top:0}.discRow.head{position:-webkit-sticky;position:sticky;top:0;z-index:2;background:#fafafa;font-weight:800;font-size:11.5px;color:#52525b;border-top:0}.discRow.head span{white-space:normal;line-height:1.25}.discLedgerRow{display:grid;grid-template-columns:110px 220px 1fr 180px;grid-column-gap:10px;column-gap:10px;padding:8px 4px;align-items:center;border-top:1px solid #f1f1f2;font-size:13px}.discLedgerRow:first-child{border-top:0}.discLedgerRow.head{font-weight:800;font-size:11.5px;color:#52525b}.trainRow{display:grid;grid-template-columns:260px 150px 170px 110px 220px 90px;grid-column-gap:8px;column-gap:8px;padding:8px 10px;align-items:center;border-top:1px solid #f1f1f2;min-width:1000px}.trainRow:first-child{border-top:0}.trainRow.head{position:-webkit-sticky;position:sticky;top:0;z-index:2;background:#fafafa;font-weight:800;font-size:11.5px;color:#52525b;border-top:0}.trainRow.head span{white-space:normal;line-height:1.25}.debtRow{display:grid;grid-template-columns:50px 240px 140px 140px 140px 140px 150px 130px 160px 170px;grid-column-gap:8px;column-gap:8px;padding:8px 10px;align-items:center;border-top:1px solid #f1f1f2;min-width:1640px}.debtRow:first-child{border-top:0}.debtRow.head{position:-webkit-sticky;position:sticky;top:0;z-index:2;background:#fafafa;font-weight:800;font-size:11.5px;color:#52525b;border-top:0}.debtRow.head span{white-space:normal;line-height:1.25}.debtLedgerRow{display:grid;grid-template-columns:120px 1fr 90px 130px 110px;grid-column-gap:10px;column-gap:10px;padding:8px 4px;align-items:center;border-top:1px solid #f1f1f2;font-size:13px}.debtLedgerRow:first-child{border-top:0}.debtLedgerRow.head{font-weight:800;font-size:11.5px;color:#52525b}.loanCard{border:1px solid #e4e4e7;border-radius:12px;padding:12px 14px;margin-top:10px;background:#fff}.loanCardHead{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap;font-size:13.5px}.loanCardHead .kBuy{color:#7c3aed}.loanCardHead .kLoan{color:#0369a1}.loanPayRow{display:grid;grid-template-columns:70px 110px minmax(150px,1fr) 170px 150px;grid-column-gap:10px;column-gap:10px;padding:7px 4px;align-items:center;border-top:1px solid #f1f1f2;font-size:13px}.loanPayRow:first-child{border-top:0}.loanPayRow.head{font-weight:800;font-size:11.5px;color:#52525b}.loanPayRow .dOk{color:#166534;font-weight:600}.loanEdit{display:flex;flex-direction:column;gap:4px}.loanEdit input[type=number]{width:130px;padding:4px 7px;border:1px solid #d4d4d8;border-radius:7px;font:inherit}.loanEdit label{display:flex;flex-direction:row;gap:5px;align-items:center;font-size:12px;margin:0}.loanEdit label input{width:auto;margin:0}.debtAdjustRow{display:grid;grid-template-columns:120px 130px 1fr;grid-column-gap:10px;column-gap:10px;padding:8px 4px;align-items:center;border-top:1px solid #f1f1f2;font-size:13px}.debtAdjustRow:first-child{border-top:0}.debtAdjustRow.head{font-weight:800;font-size:11.5px;color:#52525b}.segmentedTabs{display:inline-flex;background:#f4f4f5;border-radius:12px;padding:4px;gap:2px}.segmentedTabs button{border:0;background:transparent;padding:8px 16px;border-radius:9px;font-weight:700;font-size:13px;cursor:pointer;color:#52525b}.segmentedTabs button.active{background:#fff;color:#18181b;box-shadow:0 1px 3px rgba(0,0,0,.08)}.auditFilters{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.auditFilters input,.auditFilters select{width:auto;margin:0;min-width:150px}.inlineDateLabel{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:#3f3f46;margin:0}.inlineDateLabel input{width:auto;margin:0;min-width:140px}.auditRow{grid-template-columns:130px 300px 1fr 170px 120px}.auditRow span small{color:var(--muted)}.badge.role-admin{background:#eef2ff;color:#3730a3}.badge.role-employee{background:#eafaf0;color:#166534}.badge.role-unknown{background:#f4f4f5;color:#71717a}@media(max-width:900px){.auditRow{grid-template-columns:110px 1fr 110px}.auditRow>:nth-child(3),.auditRow>:nth-child(4){display:none}}.shell.wide{max-width:1480px}.small{font-size:12px}.dashGrid{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:16px;gap:16px;margin-top:6px}.dashCard{margin-bottom:0;min-width:0}.span4{grid-column:span 4}.span5{grid-column:span 5}.span7{grid-column:span 7}.span8{grid-column:span 8}.dashCardHead{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:14px}.dashCardHead h3{margin:0;font-size:15px}.genderStatRow{display:flex;gap:18px;margin-bottom:14px}.genderStat{display:flex;flex-direction:column;gap:2px}.genderStat b{font-size:22px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.genderStat span{font-size:12px;color:var(--muted)}.donutRow{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.donutWrap{position:relative;flex-shrink:0}.donutCenter{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none}.donutCenter b{font-size:15px;line-height:1.2}.donutCenter small{font-size:11px;color:var(--muted)}.donutLegend{flex:1 1;min-width:130px;display:flex;flex-direction:column;gap:8px}.legendRow{display:flex;align-items:center;gap:7px;font-size:12.5px;color:#3f3f46}.legendRow i{width:10px;height:10px;border-radius:3px;display:inline-block;flex-shrink:0}.legendRow b{margin-left:auto;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.legendRow small{color:var(--muted);min-width:38px;text-align:right}.hbarSimple{display:flex;flex-direction:column;gap:12px}.hbarSimpleRow{display:grid;grid-template-columns:100px 1fr 90px;align-items:center;grid-gap:10px;gap:10px;font-size:12.5px}.hbarLabel{color:#3f3f46;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hbarTrack{background:#f1f1f2;border-radius:6px;height:14px;overflow:hidden}.hbarFill{height:100%;border-radius:6px}.hbarValue{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:#52525b}.miniStatGrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.miniStat{background:#fafafa;border:1px solid #f1f1f2;border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:2px}.miniStat b{font-size:22px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.miniStat span{font-size:12px;color:var(--muted)}.taxStatRow{display:flex;justify-content:space-between;align-items:baseline;padding:12px 0;border-top:1px solid #f1f1f2}.taxStatRow:first-of-type{border-top:0}.taxStatRow span{color:var(--muted);font-size:13px}.taxStatRow b{font-size:18px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@media(max-width:1100px){.span4,.span5,.span7,.span8{grid-column:span 6}}@media(max-width:760px){.dashGrid{grid-template-columns:1fr}.span4,.span5,.span7,.span8{grid-column:span 1}}@media print{.mobileMenuButton,.noPrint,.topNav{display:none!important}body{background:#fff}.shell{max-width:none;padding:0}.slipCard{border:0;box-shadow:none;max-width:none}.slipNet{background:#fff;color:#111;border:2px solid #111}.docCard{border:0;box-shadow:none;max-width:none;padding:0}}.empPicker{position:relative}.empPickerResults{margin-top:8px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.06)}.empPickerRow{display:flex;align-items:baseline;gap:10px;width:100%;text-align:left;padding:11px 14px;border:0;border-top:1px solid #f1f1f2;background:#fff;cursor:pointer;font:inherit}.empPickerRow:first-child{border-top:0}.empPickerRow:hover{background:var(--soft)}.empPickerRow small{color:var(--muted);margin-left:auto}.empPickerSelected{display:flex;align-items:center;justify-content:space-between;gap:14px;background:var(--soft);border:1px solid var(--line);border-radius:14px;padding:14px 16px}.empPickerSelected div{display:flex;flex-direction:column;gap:3px}.docTypeGrid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px;margin-top:14px}.docTypeCard{text-align:left;border:1px solid var(--line);background:#fff;border-radius:14px;padding:14px 16px;cursor:pointer;display:flex;flex-direction:column;gap:4px}.docTypeCard b{font-size:14px}.docTypeCard small{color:var(--muted);font-size:12px}.docTypeCard.active{border-color:var(--accent);background:var(--accent-soft)}.docTypeCard.active b{color:var(--accent-dark)}.docCard{max-width:760px;margin:0 auto;padding:48px 56px}.docLetterhead{display:flex;flex-direction:column;gap:2px;text-align:center;margin-bottom:8px}.docLetterhead b{font-size:16px}.docLetterhead span,.docNumber{color:var(--muted);font-size:13px}.docNumber{text-align:right}.docTitle{text-align:center;font-size:22px;margin:18px 0 30px;text-decoration:underline;text-underline-offset:6px}.docBody p{line-height:2;text-indent:44px;margin:0 0 14px;font-size:15px}.docBody .docDate{text-indent:0;text-align:right;margin-top:24px}.docSignBlock{text-align:center;flex-direction:column;gap:6px;font-size:15px}.docSignBlock,.docSignRow{margin-top:36px;display:flex}.docSignRow{justify-content:space-between;gap:20px;flex-wrap:wrap}.docSignRow .docSignBlock{flex:1 1;min-width:220px;margin-top:0}@media(max-width:700px){.docTypeGrid{grid-template-columns:1fr}.docCard{padding:28px 20px}.docBody p{text-indent:24px}}.bankRow{grid-template-columns:1fr 1.6fr 1.2fr 1fr 1fr}.bankRow.head{color:var(--muted)}.bankRowExcluded{grid-template-columns:1fr 1.6fr 1fr 1fr 2fr}.bankRowExcluded.head{color:var(--muted)}@media(max-width:900px){.bankRow,.bankRowExcluded{grid-template-columns:1fr 1fr 1fr}.bankRow>:nth-child(n+4),.bankRowExcluded>:nth-child(n+4){display:none}}.stCard .panelHead h2{display:flex;align-items:center;gap:8px;font-size:20px}.stToolbar{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 14px}.stSearch{display:flex;align-items:center;gap:8px;flex:1 1;min-width:220px;background:var(--soft);border:1px solid var(--line);border-radius:11px;padding:0 12px}.stSearch span{font-size:14px;opacity:.6}.stSearch input{border:0;background:transparent;margin:0;padding:10px 0}.stSearch input:focus{box-shadow:none}.stFilterSelect{width:auto;margin:0;border:1px solid var(--line);border-radius:11px;padding:10px 12px;background:#fff;color:#3f3f46;font-weight:600;font-size:13px}.stTableWrap{overflow-x:auto;border:1px solid var(--line);border-radius:14px}.stTable{width:100%;border-collapse:collapse;font-size:13.5px;white-space:nowrap}.stTable th{text-align:left;background:var(--soft);color:var(--muted);font-weight:700;font-size:12px;letter-spacing:.02em;padding:11px 14px;border-bottom:1px solid var(--line);white-space:nowrap}.stTable td{padding:11px 14px;border-bottom:1px solid #f1f1f2;vertical-align:middle;white-space:normal}.stTable tbody tr:last-child td{border-bottom:0}.stTable tbody tr:hover td{background:#fafbff}.stRowInactive td{opacity:.46}.stSwitch{border:0;padding:0;width:40px;height:22px;border-radius:99px;background:#d4d4d8;position:relative;cursor:pointer;flex:none;transition:background .15s}.stSwitch span{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .15s}.stSwitch.on{background:var(--accent)}.stSwitch.on span{transform:translateX(18px)}.approvalWfRow{grid-template-columns:1.4fr 1.6fr 60px;align-items:center}.approvalWfRow.head{color:var(--muted)}.approvalPendingRow{grid-template-columns:1.6fr 1.6fr 1fr 1fr auto;align-items:center;gap:14px}.approvalPendingRow.head{color:var(--muted)}.approvalStepBadge{display:inline-flex;padding:4px 10px;border-radius:999px;background:#f4f4f5;font-size:12px;white-space:nowrap}@media(max-width:700px){.approvalPendingRow{grid-template-columns:1fr 1fr}.approvalPendingRow>:nth-child(3),.approvalPendingRow>:nth-child(4){display:none}}.stCode{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;background:var(--soft);border:1px solid var(--line);border-radius:7px;padding:3px 7px;color:#3f3f46}.stBadgeTax{display:inline-block;background:#fff1e0;color:#9a5b0a;font-size:11.5px;font-weight:700;border-radius:7px;padding:3px 8px}.stEditBtn{border:1px solid var(--line);background:#fff;width:30px;height:30px;border-radius:9px;cursor:pointer;font-size:14px;color:#52525b;display:inline-flex;align-items:center;justify-content:center}.stEditBtn:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-dark)}@media (max-width:720px){.stToolbar{flex-direction:column}.stFilterSelect{width:100%}}.hrAlertNoMgrRow{grid-template-columns:1.4fr 1fr 1fr 1fr}.hrAlertNoMgrRow.head{color:var(--muted)}.hrAlertDateRow{grid-template-columns:1.4fr 1.3fr 1fr 1fr}.hrAlertDateRow.head{color:var(--muted)}.alertPill{display:inline-flex;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}.alertPill.over{background:#fef2f2;color:#b91c1c}.alertPill.urgent{background:#fff1e0;color:#9a3412}.alertPill.soon{background:#fff7ed;color:#9a5b0a}.alertPill.done{background:#eaf8ee;color:#166534}.alertForeignerRow{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:14px 18px;border-top:1px solid #f0f0f1}.alertForeignerRow:first-child{border-top:0}.alertForeignerItems{display:flex;flex-direction:column;gap:6px;align-items:flex-end}.alertForeignerItem{display:flex;align-items:center;gap:8px;font-size:13px;white-space:nowrap}@media(max-width:760px){.hrAlertNoMgrRow{grid-template-columns:1.4fr 1fr}.hrAlertNoMgrRow>:nth-child(3),.hrAlertNoMgrRow>:nth-child(4){display:none}.hrAlertDateRow{grid-template-columns:1.4fr 1fr 1fr}.hrAlertDateRow>:nth-child(2){display:none}.alertForeignerRow{flex-direction:column}.alertForeignerItems{align-items:flex-start}}.stRuleBtn{border:1px solid #fed7aa;background:#fff7ed;width:30px;height:30px;border-radius:9px;cursor:pointer;font-size:13px;color:#9a5b0a;display:inline-flex;align-items:center;justify-content:center;margin-left:6px}.stRuleBtn:hover{background:#ffedd5;border-color:#fb923c}.stDelBtn{border:1px solid #fecaca;background:#fff;width:30px;height:30px;border-radius:9px;cursor:pointer;font-size:13px;color:#dc2626;display:inline-flex;align-items:center;justify-content:center;margin-left:6px}.stDelBtn:hover{background:#fef2f2;border-color:#dc2626}.stRuleBtn.hasRule{background:#fb923c;border-color:#fb923c;color:#fff}.ruleInfoBar{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px 20px;margin-bottom:18px}.ruleInfoBar>div{display:flex;flex-direction:column;gap:4px}.ruleInfoBar>div:not(:last-child){border-right:1px solid var(--line);padding-right:14px}.ruleInfoBar span{font-size:11.5px;color:var(--muted);font-weight:700;letter-spacing:.03em}.ruleInfoBar strong{font-size:15px}.ruleShell{display:grid;grid-template-columns:220px 1fr;grid-gap:20px;gap:20px;align-items:start}.ruleSidebar{display:flex;flex-direction:column;gap:4px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:10px;position:-webkit-sticky;position:sticky;top:80px}.ruleSidebarBtn{border:0;background:transparent;text-align:left;padding:11px 12px;border-radius:12px;cursor:pointer;font-size:13.5px;font-weight:600;color:#3f3f46;display:flex;align-items:center;gap:9px;line-height:1.3}.ruleSidebarBtn:hover{background:var(--soft)}.ruleSidebarBtn.active{background:var(--accent);color:#fff}.ruleSidebarSign{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:6px;background:rgba(0,0,0,.06);font-size:12px;font-weight:800;flex:none}.ruleSidebarBtn.active .ruleSidebarSign{background:rgba(255,255,255,.25)}.ruleMain{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px}.ruleMainHead{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:20px}.ruleMainHead h2{margin:0;font-size:21px;display:flex;align-items:center;gap:9px}.ruleMainHead p{margin:5px 0 0}.ruleSignBadge{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;background:var(--accent-soft);color:var(--accent-dark);font-size:14px;font-weight:800}.ruleNameField{max-width:420px;margin-bottom:6px}.ruleSection{padding:20px 0;border-top:1px solid var(--line)}.ruleSection:first-of-type{border-top:0}.ruleSectionHead{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px}.ruleSectionNum{flex:none;width:26px;height:26px;border-radius:50%;background:var(--dark);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:800}.ruleSectionHead h3{margin:0;font-size:15px}.ruleSectionHead p{margin:3px 0 0;font-size:12.5px}.ruleSectionBody{padding-left:38px}.ruleSectionBody label:first-child{margin-top:0}.ruleEffectiveField{max-width:220px}.checkboxGrid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2px 12px;gap:2px 12px}.scopeSubGroup{margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid #f1f1f2}.scopeSubGroup:last-of-type{margin-bottom:0;padding-bottom:0;border-bottom:0}.scopeSubLabel{margin:0 0 8px;font-size:12.5px;font-weight:700;color:#3f3f46}.scopeSubGroup .checkboxGrid{max-height:150px;overflow-y:auto;padding-right:4px}.scopeSubGroup .muted{margin:0;font-size:12.5px}.tierTable{display:flex;flex-direction:column;gap:6px;margin-top:2px}.tierRow{display:grid;grid-template-columns:70px 1fr 1fr 1fr 30px;grid-gap:8px;gap:8px;align-items:center}.tierRow.short{grid-template-columns:90px 1fr 30px;max-width:420px}.tierRow.tierHead{font-size:11.5px;color:var(--muted);font-weight:700}.tierRow input{width:100%}.tierRemoveBtn{border:1px solid #fecaca;background:#fff;border-radius:50%;width:28px;height:28px;cursor:pointer;color:#b91c1c;font-weight:800}.tierAddBtn{align-self:flex-start;border:1px dashed var(--accent);background:var(--accent-soft);color:var(--accent-dark);border-radius:10px;padding:8px 14px;font-size:12.5px;font-weight:700;cursor:pointer;margin-top:4px}.tierAddBtn:hover{background:#dde8fc}.ruleActiveRow{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0;border-top:1px solid var(--line)}.ruleActiveRow p{margin:3px 0 0;font-size:12.5px}.ruleBottomActions{border-top:1px solid var(--line);padding-top:18px;margin-top:0}@media(max-width:900px){.ruleShell{grid-template-columns:1fr}.ruleSidebar{position:static;flex-direction:row;flex-wrap:wrap}.ruleInfoBar{grid-template-columns:1fr 1fr}.ruleInfoBar>div:nth-child(2){border-right:0}}@media(max-width:640px){.checkboxGrid{grid-template-columns:1fr 1fr}.tierRow{grid-template-columns:50px 1fr 1fr 26px}.tierRow>:nth-child(4){display:none}.ruleSectionBody{padding-left:0}.ruleMainHead{flex-direction:column}.ruleInfoBar{grid-template-columns:1fr}.ruleInfoBar>div{border-right:0;border-bottom:1px solid var(--line);padding-bottom:10px}.scopeSubGroup .checkboxGrid{grid-template-columns:1fr}}.feedDetail,.stackedInfo>span{overflow-wrap:anywhere;word-break:break-word}@media(max-width:480px){.panelHead.inline{flex-wrap:wrap;align-items:flex-start}.panelHead.inline .btn{width:100%}.btn{min-height:44px}.btn.small{min-height:40px;padding:10px 14px}.btn.tiny{min-height:36px;padding:9px 12px;font-size:13px}.iconBtn{width:44px;height:44px}}@media(max-width:640px){.modalBackdrop{align-items:flex-end;padding:0}.modalCard{width:100%;max-width:100%;border-radius:20px 20px 0 0;max-height:85vh}}.meHero{background:linear-gradient(160deg,var(--brand-1) 0,var(--brand-2) 100%);border-radius:0 0 32px 32px;padding:20px 20px 26px;color:#fff;margin:0 0 18px}.meHeroTop{display:flex;align-items:center;gap:14px}.meHeroTop .meAvatarWrap{border-radius:50%;box-shadow:0 0 0 3px rgba(255,255,255,.55);display:inline-flex;align-self:center;flex:0 0 auto}.meHeroName{flex:1 1;min-width:0}.meHeroName h1{margin:0;font-size:19px;line-height:1.3;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meHeroName p{margin:2px 0 0;font-size:12.5px;color:rgba(255,255,255,.85)}.meHeroIcons{display:flex;gap:8px;flex:0 0 auto}.meHeroIconBtn{width:38px;height:38px;border-radius:11px;border:1.5px solid rgba(255,255,255,.75);background:rgba(255,255,255,.08);color:#fff;display:grid;place-items:center;position:relative;cursor:pointer;text-decoration:none}.meHeroIconBtn .meDot{position:absolute;top:-3px;right:-3px;width:10px;height:10px;border-radius:50%;background:#FF3B30;border:2px solid var(--brand-2)}.meIconGrid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:4px;gap:4px;margin-top:22px;text-align:center}.meIconGrid a,.meIconGrid button{all:unset;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;color:#fff;text-align:center;padding:0 2px}.meIconGridIcon{width:46px;height:46px;border-radius:15px;background:rgba(255,255,255,.16);display:grid;place-items:center}.meIconGrid span.meIconLabel{font-size:11px;font-weight:700;line-height:1.25}.meMoreToggle{display:flex;justify-content:center;margin-top:16px}.meMoreToggleBtn{border:0;background:rgba(255,255,255,.16);color:#fff;width:30px;height:22px;border-radius:999px;display:grid;place-items:center;cursor:pointer}.meExtraPanel{background:#fff;border-radius:20px;box-shadow:0 8px 24px rgba(20,60,120,.08);padding:16px;margin:0 0 18px}.dailyTitleRow{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 10px}.dailyTitleRow h2{margin:0;font-size:16px}.dailyMore{color:var(--accent);font-size:13px;font-weight:700;text-decoration:none}.dailyCard{background:#fff;border-radius:20px;box-shadow:0 8px 24px rgba(20,60,120,.08);padding:18px;margin:0 0 18px;text-align:center}.dailyDate{color:var(--accent);font-weight:800;font-size:15px}.dailyShift{margin-top:8px;font-size:13.5px;color:var(--text)}.dailyTimes{display:flex;margin-top:16px}.dailyTimes>div{flex:1 1;display:flex;flex-direction:column;gap:4px}.dailyTimes>div:first-child{border-right:1px solid var(--line)}.dailyTimes span{font-size:12.5px;color:var(--accent);font-weight:700}.dailyTimes b{font-size:16px}.announceSection{margin:0 0 18px}.announceHeadRow{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 10px}.announceHeading{margin:0;font-size:18px;font-weight:800;color:var(--orange);display:inline-block;padding-bottom:4px;border-bottom:2.5px solid var(--orange)}.announceList{display:flex;flex-direction:column;gap:10px}.announceItem{display:flex;gap:10px;align-items:flex-start;background:#fff;border-radius:16px;box-shadow:0 6px 18px rgba(20,60,120,.06);padding:13px 15px;text-decoration:none;color:var(--text)}.announceDot{width:8px;height:8px;border-radius:50%;background:var(--orange);margin-top:6px;flex:0 0 auto}.announceItem b{display:block;font-size:13.5px;font-weight:700;overflow-wrap:anywhere}.announceItem small{color:var(--muted);font-size:12px}.bottomNav{display:none}@media(max-width:860px){body{padding-bottom:82px}.bottomNav{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;align-items:flex-end;justify-content:space-around;background:#fff;box-shadow:0 -4px 20px rgba(20,60,120,.12);padding:8px 6px calc(10px + env(safe-area-inset-bottom))}.bnItem{all:unset;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:3px;color:#7C93B8;cursor:pointer;flex:1 1;min-width:0;text-decoration:none;padding:4px 2px}.bnItem.active{color:var(--accent)}.bnIcon{display:grid;place-items:center}.bnItem small{font-size:10.5px;font-weight:700}.bnCenter{all:unset;box-sizing:border-box;flex:0 0 auto;width:60px;height:60px;border-radius:50%;background:linear-gradient(160deg,var(--brand-1) 0,var(--brand-2) 100%);border:3px solid #fff;display:grid;place-items:center;transform:translateY(-18px);box-shadow:0 10px 22px rgba(20,100,220,.45),0 2px 6px rgba(20,60,120,.18);cursor:pointer;color:#fff;transition:transform .15s ease}.bnCenter:active{transform:translateY(-18px) scale(.94)}}@media(min-width:861px){.meHero{border-radius:24px;margin:20px 0}.meIconGrid{grid-template-columns:repeat(5,1fr);max-width:640px;margin:22px auto 0}}.clockPreflight{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:22px 0}.faceStatusPill{display:inline-flex;align-items:center;padding:11px 16px;border-radius:14px;background:#fafafa;border:1px solid var(--line);color:var(--muted);font-size:14px;font-weight:700}.clockPreflight button.passed,.clockPreflight span.passed{background:#ecfdf3;color:#166534;border-color:#bbf7d0}.announceThumb{object-fit:cover;cursor:zoom-in;flex:0 0 auto;border:1px solid var(--line)}.imgLightbox{position:fixed;inset:0;background:rgba(10,14,25,.9);display:flex;align-items:center;justify-content:center;z-index:9999;padding:24px;cursor:zoom-out}.imgLightbox img{max-width:92vw;max-height:92vh;border-radius:10px;box-shadow:0 24px 70px rgba(0,0,0,.55);cursor:default;display:block}.imgLightboxClose{position:fixed;top:18px;right:18px;width:42px;height:42px;border-radius:50%;border:none;background:rgba(255,255,255,.16);color:#fff;font-size:24px;line-height:1;cursor:pointer;z-index:10000}.imgLightboxClose:hover{background:rgba(255,255,255,.28)}.announceRowHead{display:flex;align-items:center;gap:10px}.imgFieldLabel{display:block;font-size:13px;font-weight:700;color:var(--text);margin:14px 0 6px}.imgFieldPreview{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}.imgFieldPreview img{width:96px;height:96px;object-fit:cover;border-radius:10px;flex:0 0 auto}.imgFieldActions{display:flex;flex-direction:column;gap:6px}.libraryLayout{display:flex;gap:16px;align-items:flex-start}.libraryTree{width:260px;flex:none;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px;max-height:70vh;overflow:auto}.libraryMain{flex:1 1;min-width:0}.folderNode{padding:8px 10px;border-radius:8px;cursor:pointer;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.folderNode:hover{background:#f4f4f5}.folderNode.active{background:var(--accent);color:#fff;font-weight:700}.breadcrumb{font-size:13px;color:#71717a;margin-bottom:8px}.breadcrumb span{cursor:pointer}.breadcrumb span:hover{text-decoration:underline}.uploadProgress{background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;padding:10px 14px;margin:10px 0;font-size:13px;color:#9a3412}.uploadBar{height:6px;background:#fde8cf;border-radius:99px;margin-top:6px;overflow:hidden}.uploadBar div{height:100%;background:var(--accent);transition:width .2s}@media (max-width:900px){.libraryLayout{flex-direction:column}.libraryTree{width:100%;max-height:220px}}.statusPill{display:inline-block;padding:2px 10px;border-radius:99px;font-size:12px;font-weight:700;margin-left:6px;vertical-align:middle}.statusPill.ok{background:#dcfce7;color:#166534}.statusPill.draft{background:#f4f4f5;color:#71717a}.courseModules{margin-top:12px}.moduleCard{border:1px solid var(--line);border-radius:14px;padding:14px;margin-bottom:12px;background:#fff}.statusPill.appWarn{background:#fef3c7;color:#92400e}.statusPill.appInfo{background:#dbeafe;color:#1e40af}.statusPill.appDanger{background:#fee2e2;color:#991b1b}.empPickChips{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 8px}.empPickChip{display:inline-flex;align-items:center;gap:4px;padding:3px 4px 3px 10px;border-radius:999px;font-size:12.5px;border:1px solid}.empPickChip.in{background:#f0fdf4;border-color:#86efac;color:#166534}.empPickChip.out{background:#fef2f2;border-color:#fca5a5;color:#991b1b}.empPickChip button{border:0;background:transparent;cursor:pointer;font-size:15px;line-height:1;color:inherit;padding:0 6px}.empPickSearch{width:100%;max-width:420px;padding:7px 10px;border:1px solid #d4d4d8;border-radius:9px;font:inherit}.empPickResults{display:flex;flex-direction:column;max-width:420px;max-height:220px;overflow-y:auto;border:1px solid #e4e4e7;border-radius:9px;margin-top:4px;background:#fff}.empPickResults button{text-align:left;border:0;border-bottom:1px solid #f4f4f5;background:#fff;padding:7px 10px;font:inherit;font-size:13px;cursor:pointer}.empPickResults button:hover{background:#f4f4f5}.tierLvlTable{border-collapse:collapse;font-size:13px;min-width:720px}.tierLvlTable td,.tierLvlTable th{border:1px solid #e4e4e7;padding:6px 8px;text-align:center}.tierLvlTable th{background:#f4f4f5;font-size:12px}.tierLvlTable input{width:100px;text-align:right;padding:4px 6px;border:1px solid #d4d4d8;border-radius:7px;font:inherit}.certTick{display:inline-flex;flex-direction:row;align-items:center;gap:5px;font-size:12px;margin:0;padding:3px 8px;border:1px solid #d4d4d8;border-radius:999px;background:#fff;cursor:pointer;white-space:nowrap}.certTick input{width:auto;margin:0}.certOk{font-style:normal;font-size:12px;color:#166534;font-weight:700}.orgBar{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin:0 0 12px}.orgBar>label{display:flex;flex-direction:column;gap:4px;font-size:12.5px;margin:0}.orgBar select{min-width:200px;padding:6px 8px;border:1px solid #d4d4d8;border-radius:9px;font:inherit;font-size:13.5px;background:#fff}.orgBar label.orgBarCheck{flex-direction:row;align-items:center;gap:6px;font-size:13px;padding-bottom:7px}.orgBar label.orgBarCheck input{width:auto;margin:0}.orgGroupHead{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:13.5px;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.orgGroupHead[role=button]{cursor:pointer}.orgGroupHead.l1{background:#e0e7ff;color:#1e3a8a;border-top:2px solid #c7d2fe}.orgGroupHead.l2{background:#f1f5f9;color:#334155;padding-left:28px;font-size:13px}.orgCaret{width:14px;display:inline-block}.orgCount{margin-left:auto;font-size:12px;font-weight:600;opacity:.8}.calGroupRow{grid-column:1/-1;padding:0;border-bottom:1px solid var(--line);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.calGroupRow .calGroupLabel{position:-webkit-sticky;position:sticky;left:0;display:inline-block;padding:7px 12px;font-size:13px;font-weight:700}.calGroupRow .calGroupLabel i{font-style:normal;font-weight:600;font-size:12px;opacity:.75;margin-left:8px}.calGroupRow.l1{background:#e0e7ff;color:#1e3a8a}.calGroupRow.l2{background:#f1f5f9;color:#334155;cursor:default}.calGroupRow.l2 .calGroupLabel{padding-left:26px;font-size:12.5px}.calTag{display:block;max-width:70px;margin:2px auto 0;padding:1px 4px;border-radius:5px;font-size:9px;font-style:normal;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendarLegend .calTag{display:inline-block;max-width:none;margin:0;font-size:11px;padding:1px 6px}.calTag.leave{background:#ede9fe;color:#5b21b6}.calTag.hol{background:#fee2e2;color:#b91c1c}.calTag.off{background:#e0f2fe;color:#075985}.calTag.bad{background:#fecaca;color:#7f1d1d}.dKindList{display:flex;flex-direction:column;gap:8px;margin:6px 0 12px}.dKind{display:flex;gap:10px;align-items:flex-start;border:1px solid #dde4ee;border-radius:10px;padding:10px 12px;cursor:pointer;background:#fff;margin:0;font-weight:400}.dKind.on{border-color:#1b3a6b;background:#eff6ff}.dKind input{margin:3px 0 0;width:16px;height:16px;flex:0 0 auto;padding:0}.dKind b{display:block;font-size:14px;color:#1a1f2b}.dKind small{display:block;font-size:12px;color:#7b869a;margin-top:2px;line-height:1.5}.myPayCols{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin-top:14px}.myPayCols h3{font-size:14px;margin:0 0 6px}.myPayRow{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid #f1f1f2;font-size:13px}.myPayRow b{white-space:nowrap}@media(max-width:620px){.myPayCols{grid-template-columns:1fr}}