.employeeAttendanceCalendar{background:#f8fbf9;border:1px solid #dfe8e3;border-radius:12px;margin:18px 0;padding:15px}.employeeAttendanceCalendar>header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:13px;display:flex}.employeeAttendanceCalendar header>div:first-child{flex-direction:column;gap:3px;display:flex}.employeeAttendanceCalendar header strong{font-size:12px}.employeeAttendanceCalendar header small{color:#7a8680;font-size:8px}.attendanceLegend{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.attendanceLegend span{color:#627068;align-items:center;gap:4px;font-size:7px;display:flex}.attendanceLegend span:before{content:"";background:#1c8c62;border-radius:50%;width:7px;height:7px}.attendanceLegend .wfh:before{background:#4778c7}.attendanceLegend .half-day:before{background:#d88b32}.attendanceLegend .absent:before{background:#cc555a}.attendanceWeekdays,.attendanceCalendarDays{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.attendanceWeekdays span{text-align:center;color:#87918c;padding-bottom:3px;font-size:7px;font-weight:800}.attendanceCalendarDays>button{color:#35433d;cursor:pointer;background:#fff;border:1px solid #dfe7e3;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:56px;padding:6px 4px;display:flex}.attendanceCalendarDays>button:hover{border-color:#178156;transform:translateY(-1px)}.attendanceCalendarDays>button.selected{outline-offset:1px;outline:2px solid #177851}.attendanceCalendarDays button b{font-size:10px}.attendanceCalendarDays button span{text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;max-width:100%;font-size:6px;font-weight:800;overflow:hidden}.attendanceCalendarDays button small{color:inherit;opacity:.75;font-size:6px}.attendanceCalendarDays button.present,.attendanceCalendarDays button.worked-weekly-off,.attendanceCalendarDays button.worked-holiday{color:#176d4d;background:#eaf7f1;border-color:#bee2d1}.attendanceCalendarDays button.wfh{color:#3569ae;background:#edf3ff;border-color:#cbd9f1}.attendanceCalendarDays button.half-day{color:#a66524;background:#fff5e8;border-color:#f0d5ae}.attendanceCalendarDays button.absent,.attendanceCalendarDays button.unpaid-leave{color:#aa4147;background:#fff0f0;border-color:#efc9cb}.attendanceCalendarDays button.paid-leave{color:#6751aa;background:#f2edff;border-color:#d8cdf5}.attendanceCalendarDays button.holiday,.attendanceCalendarDays button.weekly-off{color:#76817c;background:#f1f4f2}.attendanceCalendarDays button.future{color:#b4bcb8;background:#fafbfa}.attendanceCalendarDays button:disabled{cursor:not-allowed;opacity:.55;transform:none}@media (max-width:560px){.employeeAttendanceCalendar>header{flex-direction:column}.attendanceLegend{justify-content:flex-start}.attendanceWeekdays,.attendanceCalendarDays{gap:4px}.attendanceCalendarDays>button{min-height:48px;padding:4px 2px}.attendanceCalendarDays button span{font-size:5px}}
.calendarPunchTimes{flex-wrap:wrap;justify-content:center;gap:4px;display:flex;opacity:.85!important}.calendarPunchTimes i{white-space:nowrap;font-style:normal}.calendarPunchTimes i.missing{color:#b54046;font-weight:800}
.selectedAttendanceDetail{background:#fff;border:1px solid #dfe8e3;border-radius:11px;margin:0 0 18px;overflow:hidden}.selectedAttendanceDetail>header{background:#f5f8f6;border-bottom:1px solid #e5ece8;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.selectedAttendanceDetail header>div{flex-direction:column;gap:3px;display:flex}.selectedAttendanceDetail header strong{font-size:10px}.selectedAttendanceDetail header small{color:#738079;font-size:8px}.selectedAttendanceDetail header>span{color:#177851;background:#e7f5ee;border-radius:12px;padding:5px 8px;font-size:8px;font-weight:800}.punchEvidenceGrid{grid-template-columns:1fr 1fr;gap:10px;padding:12px;display:grid}.punchEvidenceGrid article{border:1px solid #e2e9e5;border-radius:9px;grid-template-columns:82px 1fr;align-items:center;gap:11px;padding:9px;display:grid}.punchEvidenceGrid img,.missingPunchPhoto{object-fit:cover;border-radius:8px;width:82px;height:82px}.missingPunchPhoto{color:#8b9690;background:#f1f4f2;place-items:center;font-size:8px;display:grid}.punchEvidenceGrid article>div{flex-direction:column;gap:3px;min-width:0;display:flex}.punchEvidenceGrid article small{color:#7d8983;text-transform:uppercase;font-size:7px;font-weight:800}.punchEvidenceGrid article strong{font-size:12px}.punchEvidenceGrid article p{overflow-wrap:anywhere;color:#405048!important;margin:2px 0!important;font-size:8px!important;line-height:1.4!important}.punchEvidenceGrid article em{color:#178156;font-size:7px;font-style:normal}.noPunchEvidence{text-align:center;padding:18px}.noPunchEvidence strong{font-size:11px}.noPunchEvidence p{margin:5px 0 0!important}@media (max-width:600px){.punchEvidenceGrid{grid-template-columns:1fr}.punchEvidenceGrid article{grid-template-columns:68px 1fr}.punchEvidenceGrid img,.missingPunchPhoto{width:68px;height:68px}}
html.employee-phone,html.employee-phone body{max-width:100%;overflow-x:hidden}.mobileTodayHero,.mobilePunchHead,.mobileModeRow,.mobileChecks,.mobileTimeRows,.mobileMetrics,.employeePhoneCal,.mobileHistoryHead,.mobileHistoryCards,.mobileHistoryCta,.phoneLeaveList,.moreEventsCount{display:none}@media (max-width:800px){html.employee-phone,html.employee-phone body{background:#eef3ef}.employeePhoneShell{background:radial-gradient(1200px 420px at 100% -40px,#d7efe3 0%,#0000 58%),radial-gradient(800px 280px at -10% 8%,#f7eed8 0%,#0000 46%),#eef3ef;max-width:100vw;min-height:100dvh;overflow-x:hidden}.employeePhoneHeader{z-index:40;padding:max(12px, env(safe-area-inset-top,0px)) 14px 10px;-webkit-backdrop-filter:blur(16px);background:#eef3efdb;border-bottom:1px solid #0000;align-items:center;gap:10px;display:flex;position:sticky;top:0;overflow:hidden}.employeePhoneBlob{pointer-events:none;background:#2f9d5c1a;border-radius:60px;width:120px;height:120px;position:absolute;top:10px;right:-24px}.employeePhoneMenuBtn{background:0 0;border:0;flex-direction:column;flex:0 0 32px;justify-content:center;gap:3.5px;width:32px;height:32px;padding:0 8px;display:flex}.employeePhoneMenuBtn span{background:#2f9d5c;border-radius:2px;height:1.7px;display:block}.employeePhoneMenuBtn span:first-child{width:16px}.employeePhoneMenuBtn span:nth-child(2){width:14px}.employeePhoneMenuBtn span:nth-child(3){width:10px}.employeePhoneBrand{flex-direction:column;flex:1;min-width:0;display:flex}.employeePhoneBrand strong{color:#1c2420;letter-spacing:0;font-size:15px;font-weight:600}.employeePhoneBrand small{color:#6b7570;text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-size:10px;font-weight:400;overflow:hidden}.employeePhoneHeader .employeeNoticeBell{width:30px;height:30px;box-shadow:none;background:0 0;border:0;justify-content:center;gap:0;padding:0}.employeePhoneHeader .employeeNoticeBellIcon{background:0 0;border-radius:15px;width:30px;height:30px;font-size:16px}.employeePhoneHeader .employeeNoticeBellLabel{display:none}.employeePhoneHeader .employeeNoticeBell i{min-width:16px;height:16px;font-size:9px;top:-4px;right:-4px}.employeePhoneAvatarLink{color:#1f7a48;background:#e7f6ee;border-radius:15px;flex:0 0 30px;place-items:center;width:30px;height:30px;font-size:10px;font-weight:700;text-decoration:none;display:grid;overflow:hidden}.employeePhoneAvatarLink img{object-fit:cover;width:100%;height:100%}.happyTicker{background:linear-gradient(90deg,#10281e,#1a4a34 50%,#10281e);align-items:center;height:26px;display:flex;overflow:hidden}.happyTickerTrack{width:max-content;animation:42s linear infinite employeeTicker;display:flex}.happyTickerTrack span{color:#d8f5e4;letter-spacing:.15px;white-space:nowrap;padding-right:0;font-size:12px;font-weight:500;line-height:28px}@keyframes employeeTicker{0%{transform:translate(0)}to{transform:translate(-50%)}}.employeePhoneBody{padding-bottom:calc(68px + env(safe-area-inset-bottom,0px));min-width:0;overflow-x:hidden}.employeePhoneTabs{z-index:45;-webkit-backdrop-filter:blur(16px);padding:6px 0 calc(12px + env(safe-area-inset-bottom,0px));background:#ffffffeb;border-top:1px solid #e6eee9;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -12px 30px #173f300c}.employeePhoneTabs a,.employeePhoneTabs button{color:#6b7570;white-space:nowrap;background:0 0;border:0;flex-direction:column;flex:1;align-items:center;gap:1px;min-width:0;padding:2px 0 0;font-size:10px;font-weight:500;line-height:1.2;text-decoration:none;display:flex}.employeePhoneTabs a.on,.employeePhoneTabs button.on{color:#2f9d5c}.employeePhoneTabIcon{border-radius:14px;place-items:center;width:34px;height:28px;display:grid}.employeePhoneTabIcon.on{background:#e7f6ee}.employeePhoneDrawerScrim{z-index:60;background:#0000009e;display:flex;position:fixed;inset:0}.employeePhoneDrawer{background:#fff;border-right:1px solid #dde6e1;width:min(78vw,320px);max-width:320px;padding:52px 16px 24px;overflow-y:auto}.employeePhoneDrawerHead{border-bottom:1px solid #dde6e1;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:14px;display:flex}.employeePhoneDrawerHead img,.employeePhoneDrawerHead>span{object-fit:cover;color:#1f7a48;background:#e7f6ee;border-radius:20px;flex:0 0 40px;place-items:center;width:40px;height:40px;font-size:12px;font-weight:700;display:grid}.employeePhoneDrawerHead strong{color:#1c2420;font-size:13px;font-weight:600;display:block}.employeePhoneDrawerHead small{color:#6b7570;margin-top:2px;font-size:10px;display:block}.employeePhoneDrawer a{color:#1c2420;border-bottom:1px solid #dde6e1;padding:11px 0;font-size:13px;font-weight:500;text-decoration:none;display:block}.employeePhoneDrawer a.on{color:#2f9d5c;background:#eef8f1;margin:0 -16px;padding-left:16px;padding-right:16px}.employeePhoneSignOut{color:#fff;background:#2f9d5c;border:0;border-radius:10px;width:100%;height:42px;margin-top:20px;font-size:13px;font-weight:600}.employeePhoneShell .employeeTop,.employeePhoneShell .formPage>header,.employeePhoneShell .employeeHero,.employeePhoneShell .liveTime{display:none!important}.employeePhoneShell .employeeApp,.employeePhoneShell .formPage{background:#f6f8f7;min-height:0}.employeePhoneShell .employeeBody{max-width:none;margin:0;padding:0 0 24px}.employeePhoneShell .reportPage,.employeePhoneShell .profileForm,.employeePhoneShell .payslipWrap,.employeePhoneShell .companyCalendarWrap,.employeePhoneShell .formPage .formTitle{max-width:100%;margin-top:12px;padding-inline:12px}.employeeApp:not(.employeeApp--history) .historyCard,.employeeApp:not(.employeeApp--history) .correctionHistory,.employeeApp:not(.employeeApp--history) .summarySection,.employeeApp--history .mobileTodayHero,.employeeApp--history .punchGrid,.employeeApp--history .mobileMetrics,.employeeApp--history .employeePhoneCal,.employeeApp--history .personalHome,.employeeApp--history .summarySection{display:none!important}.mobileTodayHero,.mobileChecks,.employeePhoneCal{display:block}.mobilePunchHead,.mobileModeRow,.mobileTimeRows,.mobileMetrics{display:flex}.employeeApp--history .mobileHistoryHead,.employeeApp--history .mobileHistoryCards{display:block}.employeeApp--history .mobileHistoryCta,.employeeApp:not(.employeeApp--history) .mobileTodayMissedCta{display:flex}.employeeApp--history .mobileTodayMissedCta,.employeeApp:not(.employeeApp--history) .mobileHistoryCta:not(.mobileTodayMissedCta){display:none!important}.mobileTodayHero{background:#eaf6ef;border:1px solid #cfe8d8;border-radius:18px;min-width:0;margin:12px 12px 0;padding:16px}.mobileTodayHero .heroGlow{display:none}.mobileTodayHeroTop{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.mobileTodayHeroTop>div{flex:1;min-width:0}.mobileTodayHero .dateLine{color:#2f9d5c;margin:0;font-size:10px;font-weight:600}.mobileTodayHero h1{color:#1c2420;letter-spacing:0;overflow-wrap:anywhere;margin:4px 0 0;font-size:17px;font-weight:700;line-height:1.25}.mobileTodayHero .meta{color:#6b7570;overflow-wrap:anywhere;margin:4px 0 0;font-size:12px;line-height:17px}.employeePhoneShell .personalHome{width:auto;min-width:0;max-width:none;margin:10px 12px 16px;padding:0;display:block}.employeePhoneShell .upcomingHolidayBanner{background:linear-gradient(120deg,#fff4d6,#ffe7c2);border:0;border-radius:18px;gap:10px;margin:0 0 8px;padding:12px;box-shadow:0 10px 24px #a56d1714}.employeePhoneShell .upcomingHolidayBanner>span{flex-basis:36px;width:36px;height:36px;font-size:18px}.employeePhoneShell .upcomingHolidayBanner strong{font-size:13px}.employeePhoneShell .upcomingHolidayBanner p{white-space:normal;overflow-wrap:anywhere;font-size:11px}.employeePhoneShell .personalHomeIntro{background:#fff;border:0;border-radius:18px;justify-content:space-between;align-items:flex-start;gap:10px;min-width:0;margin:0 0 8px;padding:13px 14px;display:flex;box-shadow:0 10px 28px #173f300c}.employeePhoneShell .personalHomeIntro:after{content:"✦";color:#e8c56a;opacity:.22;font-size:54px;top:-18px;right:14px}.employeePhoneShell .personalHomeIntro>div{flex:1;min-width:0}.employeePhoneShell .personalHomeIntro small{letter-spacing:.8px;font-size:9px}.employeePhoneShell .personalHomeIntro h2{display:none}.employeePhoneShell .personalHomeIntro p{white-space:normal;overflow-wrap:anywhere;max-width:none;margin:4px 0 0;font-size:12px;line-height:1.4}.employeePhoneShell .personalHomeIntro>button{white-space:nowrap;border-radius:999px;flex:none;padding:8px 10px;font-weight:700;font-size:11px!important}.employeePhoneShell .personalHomeIntro>button:first-letter{font-size:11px!important}.employeePhoneShell .personalWidgetGrid{grid-template-columns:1fr;gap:8px;margin:0;padding:0;display:grid;overflow:visible}.employeePhoneShell .personalWidget{border:0;border-radius:18px;flex:none;width:100%;min-height:0;padding:13px 14px;box-shadow:0 10px 28px #173f300c}.employeePhoneShell .personalWidget small{letter-spacing:.6px;font-size:9px}.employeePhoneShell .personalWidget strong{margin-top:2px;font-size:14px;line-height:1.3}.employeePhoneShell .personalWidget p{white-space:normal;text-overflow:unset;margin:3px 0 0;font-size:12px;line-height:1.35;overflow:visible}.employeePhoneShell .shortcutWidget{box-shadow:none;background:0 0;padding:2px 0 0}.employeePhoneShell .shortcutWidget>div{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.employeePhoneShell .shortcutWidget a{border-radius:16px;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:6px;min-height:76px;padding:12px;font-size:13px;font-weight:700;display:flex;box-shadow:0 10px 24px #173f3010}.employeePhoneShell .shortcutWidget a:before{font-size:16px;line-height:1}.employeePhoneShell .shortcutWidget a:first-child{color:#146b43;background:linear-gradient(165deg,#e7f8ee,#c8edd8)}.employeePhoneShell .shortcutWidget a:first-child:before{content:"🌿"}.employeePhoneShell .shortcutWidget a:nth-child(2){color:#8a5a12;background:linear-gradient(165deg,#fff6e4,#f3e0b8)}.employeePhoneShell .shortcutWidget a:nth-child(2):before{content:"✦"}.employeePhoneShell .shortcutWidget a:nth-child(3){color:#2b5f98;background:linear-gradient(165deg,#e8f2ff,#cddff8)}.employeePhoneShell .shortcutWidget a:nth-child(3):before{content:"◉"}.employeePhoneShell .shortcutWidget a:nth-child(4){color:#6b3f98;background:linear-gradient(165deg,#f6eaff,#e4d4f6)}.employeePhoneShell .shortcutWidget a:nth-child(4):before{content:"♡"}.employeePhoneShell .focusWidget>span,.employeePhoneShell .moodWidget>span,.employeePhoneShell .momentWidget>span{flex-basis:36px;width:36px;height:36px;font-size:16px}.employeePhoneShell .focusWidget input{margin-top:6px;font-size:13px}.employeePhoneShell .momentWidget{background:linear-gradient(135deg,#fff8ee,#fde8f2);align-items:flex-start}.employeePhoneShell .moodWidget{background:linear-gradient(135deg,#eef8f3,#e7eefc)}.employeePhoneShell .momentWidget>a{flex:none;padding:6px 0 0;font-size:12px}.employeePhoneShell .homeCustomizeBackdrop{z-index:80;flex-direction:column;justify-content:flex-end;align-items:stretch;padding:0;display:flex}.employeePhoneShell .homeCustomizePanel{width:100%;height:auto;max-height:min(88dvh,680px);padding:22px 16px calc(18px + env(safe-area-inset-bottom,0px));border-radius:20px 20px 0 0}.employeePhoneShell .homeCustomizePanel h2{font-size:22px}.employeePhoneShell .homeCustomizePanel>p,.employeePhoneShell .homeCustomizePanel h3,.employeePhoneShell .homeStyleChoices button,.employeePhoneShell .homeWidgetChoices>div>button{font-size:13px}.mobileStatusBadge{color:#6b7570;white-space:nowrap;background:#e4e9e6;border-radius:20px;flex:none;padding:4px 10px;font-size:10px;font-weight:700}.mobileStatusBadge.in{color:#1f7a48;background:#d4f5e0}.mobileStatusBadge.done{color:#2f6ea6;background:#d6ecf7}.mobileShiftRow{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.mobileShiftRow span{color:#1f7a48;background:#d8eee2;border-radius:999px;padding:6px 12px;font-size:11px;font-weight:600}.employeeApp .punchGrid{flex-direction:column;gap:0;margin:0;display:flex}.employeeApp .punchCard,.employeeApp .todayCard{background:#fff;border:0;border-radius:22px;min-width:0;margin:12px 12px 0;padding:16px;box-shadow:0 12px 32px #173f3010}.employeeApp .modeSelect,.employeeApp .punchCircle,.employeeApp .todayCard .timeline,.employeeApp .todayCard .correctionBtn,.employeeApp .checkRow{display:none!important}.employeeApp .todayCard>.eyebrow{letter-spacing:1.1px;font-size:10px;font-weight:600;color:#2f9d5c!important;margin:0 0 4px!important}.mobilePunchHead{justify-content:space-between;align-items:center;gap:10px;display:flex}.mobilePunchHead .eyebrow{letter-spacing:1.1px;font-size:10px;font-weight:600;color:#2f9d5c!important;margin:0 0 3px!important}.mobilePunchHead h2{color:#1c2420;overflow-wrap:anywhere;margin:0;font-size:16px;font-weight:600}.mobileStatusDot{background:#c9d3cd;border-radius:5px;flex:0 0 10px;width:10px;height:10px}.mobileStatusDot.in{background:#2f9d5c}.mobileStatusDot.done{background:#4a8fd4}.mobileModeRow{gap:8px;margin:12px 0;display:flex}.mobileModeRow button{color:#6b7570;text-align:center;background:#fff;border:1px solid #dde6e1;border-radius:10px;flex:1;min-width:0;padding:8px 6px;font-size:12px;font-weight:500}.mobileModeRow button.on{color:#1f7a48;background:#e7f6ee;border-color:#2f9d5c;box-shadow:inset 0 0 0 1px #2f9d5c22}.employeeApp .punchButton{letter-spacing:-.2px;border-radius:16px;height:52px;font-size:15px;font-weight:700;box-shadow:0 12px 24px #17785133}.employeeApp .punchButton.in{background:linear-gradient(#2faf68,#1e8a4e);animation:2.4s ease-in-out infinite punchPulse}.employeeApp .punchButton.out{background:linear-gradient(#e06a64,#c44b46);animation:none;box-shadow:0 12px 24px #c44b4633}.employeeApp .punchButton:disabled{opacity:.55;box-shadow:none;background:#2f9d5c;animation:none}@keyframes punchPulse{0%,to{transform:translateY(0);box-shadow:0 12px 24px #17785133}50%{transform:translateY(-1px);box-shadow:0 16px 30px #17785144}}.employeeApp .assignedPunchBtn{border-radius:12px;height:42px;margin-top:8px;font-size:12px}.mobileChecks{text-align:center;color:#6b7570;margin:10px 0 0;font-size:11px;line-height:1.4;display:block}.mobileTimeRows{flex-direction:column;display:flex}.mobileTimeRows>div{border-bottom:1px solid #dde6e1;justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:8px 0;display:flex}.mobileTimeRows>div:last-child{border-bottom:0}.mobileTimeRows>div>span:first-child{flex:none;margin-right:8px;font-size:10px}.mobileTimeRows .label{color:#6b7570;flex:1;min-width:0;font-size:13px}.mobileTimeRows b{color:#1c2420;font-size:13px;font-weight:600}.mobileTimeRows b.on{color:#2f9d5c}.mobileMetrics{gap:6px;margin:0;padding:10px 12px 0;display:flex}.mobileMetrics article{text-align:center;background:#fff;border:0;border-radius:16px;flex:1;min-width:0;padding:10px 6px 11px;box-shadow:0 10px 24px #173f300c}.mobileMetrics article.recorded{background:linear-gradient(#fff,#f4faf6)}.mobileMetrics article.present{background:linear-gradient(#f3fbf6,#daf3e4)}.mobileMetrics article.wfh{background:linear-gradient(#f7f5ff,#e8e4ff)}.mobileMetrics span{margin-bottom:2px;font-size:14px;display:block}.mobileMetrics strong{color:#1c2420;font-size:18px;font-weight:750;display:block}.mobileMetrics article.present strong{color:#146b43}.mobileMetrics article.wfh strong{color:#5b4494}.mobileMetrics small{color:#6b7570;letter-spacing:.2px;margin-top:2px;font-size:9px;font-weight:600;display:block}.employeePhoneCal{background:#fff;border:0;border-radius:22px;margin:12px 12px 20px;overflow:hidden;box-shadow:0 12px 32px #173f3010}.employeePhoneCalHead{background:linear-gradient(#f4fbf7,#fff);border-bottom:1px solid #e8f0eb;padding:14px 14px 10px}.employeePhoneCalHeadRow{align-items:flex-start;gap:8px;display:flex}.employeePhoneCalHeadRow>div{flex:1;min-width:0}.employeePhoneCalHead .eyebrow{letter-spacing:1.1px;font-size:10px;font-weight:700;color:#1f7a48!important;margin:0!important}.employeePhoneCalHead h2{color:#1c2420;margin:3px 0 4px;font-size:16px;font-weight:700}.employeePhoneCalHead p{color:#6b7570;margin:0;font-size:12px;line-height:16px}.employeePhoneCalClear{color:#1f7a48;background:#fff;border:1px solid #cfe4d8;border-radius:8px;height:32px;padding:0 12px;font-size:12px;font-weight:600}.employeePhoneCalMonth{color:#6b7570;flex-direction:column;gap:6px;padding:12px 14px 0;font-size:10px;font-weight:700;display:flex}.employeePhoneCalMonth input{color:#1c2420;background:#fff;border:1px solid #dde6e1;border-radius:10px;width:100%;height:40px;padding:0 12px;font-size:14px}.employeePhoneCalFilters{flex-wrap:wrap;gap:6px;margin-bottom:10px;padding:12px 14px 0;display:flex}.employeePhoneCalFilters button{border:1px solid #dde6e1;border-radius:999px;align-items:center;gap:5px;padding:6px 10px;font-size:11px;font-weight:700;display:inline-flex}.employeePhoneCalFilters button i{border-radius:4px;width:7px;height:7px;display:block}.employeePhoneCalWeek{grid-template-columns:repeat(7,minmax(0,1fr));padding:0 10px 4px;display:grid}.employeePhoneCalWeek span{text-align:center;color:#6b7570;font-size:10px;font-weight:700}.employeePhoneCalWeek span.end{color:#a07850}.employeePhoneCalGrid{grid-template-columns:repeat(7,minmax(0,1fr));gap:0;padding:0 8px 4px;display:grid}.employeePhoneCalGrid>i{min-height:48px}.employeePhoneCalGrid button{background:#fff;border:1px solid;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-width:0;min-height:48px;margin:2px;padding:5px 2px;display:flex}.employeePhoneCalGrid button.today{border-width:1.5px}.employeePhoneCalGrid button.dim{opacity:.28}.employeePhoneCalGrid button strong{font-size:12px;font-weight:700}.employeePhoneCalGrid button strong.underline{text-decoration:underline}.employeePhoneCalGrid button small{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:2px;font-size:8px;font-weight:700;overflow:hidden}.employeePhoneCalLegend{flex-wrap:wrap;gap:6px;padding:8px 14px 6px;display:flex}.employeePhoneCalLegend span{border:1px solid;border-radius:999px;align-items:center;gap:5px;padding:4px 8px;font-size:9px;font-weight:700;display:inline-flex}.employeePhoneCalLegend i{border-radius:3px;width:6px;height:6px;display:block}.employeePhoneCalDetail{border:1px solid;border-radius:12px;margin:6px 14px 14px;padding:12px}.employeePhoneCalDetail>div{justify-content:space-between;align-items:center;gap:8px;display:flex}.employeePhoneCalDetail b{color:#fff;border-radius:999px;padding:3px 8px;font-size:9px;font-weight:800}.employeePhoneCalDetail small{color:#6b7570;font-size:11px;font-weight:600}.employeePhoneCalDetail strong{margin-top:8px;font-size:14px;font-weight:800;display:block}.employeePhoneCalDetail p{color:#1c2420;margin:3px 0 0;font-size:12px;line-height:17px}.employeePhoneCalHint{color:#6b7570;margin:6px 14px 14px;font-size:12px;line-height:16px}.mobileHistoryHead{padding:14px 14px 4px}.mobileHistoryHead .eyebrow{letter-spacing:1.1px;font-size:10px;font-weight:600;color:#2f9d5c!important;margin:0 0 3px!important}.mobileHistoryHead h2{color:#1c2420;margin:0;font-size:18px;font-weight:700}.mobileHistoryHead p{color:#6b7570;margin:4px 0 0;font-size:12px;line-height:17px}.employeeApp--history .historyCard,.employeeApp--history .correctionHistory{border:1px solid #dde6e1;border-radius:16px;min-width:0;margin:10px 12px 0;padding:14px}.employeeApp--history .historyCard>.cardHead h2,.employeeApp--history .correctionHistory>.cardHead h2{font-size:16px}.employeeApp--history .historyCard .tableWrap,.employeeApp--history .historyCard table{display:none!important}.mobileHistoryCta{width:calc(100% - 24px);color:inherit;text-align:left;background:#fff;border:1px solid #dde6e1;border-radius:14px;justify-content:space-between;align-items:center;gap:8px;margin:10px 12px 0;padding:14px 16px;display:flex}.mobileHistoryCta strong{color:#1c2420;font-size:14px;display:block}.mobileHistoryCta span{color:#2f9d5c;white-space:nowrap;font-size:12px;font-weight:700}.mobileHistoryCards{margin:0}.mobileDayCard{background:#fff;border:1px solid #dde6e1;border-radius:14px;margin-top:10px;padding:14px}.mobileDayCardHead{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.mobileDayCardHead strong{color:#1c2420;font-size:13px;display:block}.mobileDayCardHead small{color:#6b7570;margin-top:3px;font-size:11px;display:block}.mobileDayCardHead b{color:#1f7a48;text-align:right;margin-top:4px;font-size:11px;display:block}.mobilePunchRow{align-items:center;gap:10px;min-width:0;padding-top:10px;display:flex}.mobilePunchRow+.mobilePunchRow{border-top:1px solid #edf1ef;margin-top:8px}.mobilePunchRow em{color:#1f7a48;background:#e7f6ee;border-radius:6px;flex:0 0 28px;place-items:center;height:22px;font-size:10px;font-style:normal;font-weight:800;display:grid}.mobilePunchRow em.out{color:#d45b55;background:#fdeeee}.mobilePunchRow img{object-fit:cover;border-radius:8px;flex:0 0 36px;width:36px;height:36px}.mobilePunchRow>div{flex:1;min-width:0}.mobilePunchRow>div strong{font-size:13px;display:block}.mobilePunchRow>div span,.mobilePunchRow>div small{color:#6b7570;text-overflow:ellipsis;white-space:nowrap;font-size:11px;display:block;overflow:hidden}.employeeApp--history .dateRange{background:0 0;border:0;grid-template-columns:1fr 1fr;width:100%;padding:0;display:grid}.employeePhoneShell .hrQuickNav{display:none!important}.employeePhoneShell .tableWrap,.employeePhoneShell .payrollCalendarGrid{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.employeePhoneShell .leaveHistoryCard .tableWrap,.employeePhoneShell .teamLeaveHistoryCard .tableWrap{display:none!important}.employeePhoneShell .leaveHistoryCard .listPaginationSize,.employeePhoneShell .teamLeaveHistoryCard .listPaginationSize,.employeePhoneShell .leaveHistoryCard .listPaginationNav,.employeePhoneShell .teamLeaveHistoryCard .listPaginationNav{display:none}.employeePhoneShell .leaveHistoryCard .listPagination{background:0 0;border:0;padding:0 4px 12px}.employeePhoneShell .phoneLeaveList{flex-direction:column;gap:8px;display:flex}.employeePhoneShell .leaveHistoryCard,.employeePhoneShell .teamLeaveHistoryCard{padding:16px 12px;overflow:hidden}.employeePhoneShell .leaveHistoryCard .cardHead p,.employeePhoneShell .teamLeaveHistoryCard .cardHead p{display:none}.employeePhoneShell .phoneLeaveCardWrap{flex-direction:column;gap:8px;display:flex}.employeePhoneShell .phoneLeaveActions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.employeePhoneShell .phoneLeaveActions button{color:#fff;background:#177851;border:0;border-radius:10px;height:40px;font-size:13px;font-weight:700}.employeePhoneShell .phoneLeaveActions button.reject{background:#c84d52}.employeePhoneShell .phoneLeaveCard{text-align:left;width:100%;color:inherit;font:inherit;cursor:pointer;appearance:none;background:#fff;border:1px solid #dde6e1;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:14px 14px 14px 16px;display:flex;box-shadow:0 1px 2px #173f3008}.employeePhoneShell .phoneLeaveCard>div{flex:1;min-width:0}.employeePhoneShell .phoneLeaveCard strong{color:#1c2420;font-size:14px;font-weight:650;display:block}.employeePhoneShell .phoneLeaveCard small{color:#6b7570;margin-top:4px;font-size:12px;line-height:1.35;display:block}.employeePhoneShell .phoneLeaveCard .historyStatus{white-space:nowrap;flex:none}.employeePhoneShell .phoneLeaveCard:after{content:"›";color:#147951;flex:none;font-size:22px;font-weight:400;line-height:1}.phoneLeaveDetail{text-align:left;background:#fff;border-radius:18px;width:min(520px,100% - 24px);max-height:min(82vh,720px);padding:24px 20px 22px;position:relative;overflow:auto;box-shadow:0 24px 80px #0c2a1f3d}.phoneLeaveDetail h2{letter-spacing:-.4px;margin:6px 0;font-size:22px}.phoneLeaveDates{color:#66736d;margin:0 0 12px;font-size:13px}.phoneLeaveDetail dl{gap:12px;margin:16px 0 0;display:grid}.phoneLeaveDetail dl div{background:#f6f9f7;border-radius:10px;min-width:0;padding:10px 12px}.phoneLeaveDetail dt{color:#7a8580;letter-spacing:.4px;text-transform:uppercase;font-size:10px;font-weight:700}.phoneLeaveDetail dd{color:#203129;overflow-wrap:anywhere;margin:4px 0 0;font-size:13px;line-height:1.45}.employeePhoneShell .companyCalendarWrap{max-width:100%;overflow-x:hidden;width:100%!important;padding:8px 12px 28px!important}.employeePhoneShell .calendarToolbar>div>p:last-child{display:none}.employeePhoneShell .calendarToolbar h1{margin:4px 0 0!important;font-size:22px!important}.employeePhoneShell .calendarControls{flex-wrap:wrap;width:100%;overflow:visible}.employeePhoneShell .calendarLegend{flex-wrap:wrap!important;gap:6px!important;margin:12px 0 10px!important;overflow:visible!important}.employeePhoneShell .calendarLegend button{flex:none!important;min-height:30px!important;padding:5px 9px!important;font-size:10px!important}.employeePhoneShell .companyMonth{max-width:100%;overflow:hidden!important}.employeePhoneShell .companyMonthHead{gap:8px;padding:14px 12px!important}.employeePhoneShell .companyMonthHead h2{min-width:0;font-size:18px!important}.employeePhoneShell .companyMonthHead span{text-align:center;max-width:42%;line-height:1.2;padding:5px 8px!important;font-size:9px!important}.employeePhoneShell .calendarWeek,.employeePhoneShell .calendarDays{max-width:100%;width:100%!important;min-width:0!important}.employeePhoneShell .calendarDays{grid-auto-rows:62px!important;height:auto!important;overflow:hidden!important}.employeePhoneShell .calendarDays>i,.employeePhoneShell .calendarDays>div{min-width:0!important;height:62px!important;min-height:62px!important;padding:6px 3px 4px!important;overflow:hidden!important}.employeePhoneShell .calendarDays>div>strong{width:22px!important;height:22px!important;font-size:11px!important}.employeePhoneShell .calendarDays>div.current:after{display:none!important}.employeePhoneShell .calendarDays>div>div{flex-flow:row!important;align-items:center!important;gap:3px!important;margin:6px 0 0!important;display:flex!important;overflow:hidden!important}.employeePhoneShell .calendarDays>div>div>button:not(.moreEvents){width:7px!important;min-width:7px!important;height:7px!important;min-height:7px!important;box-shadow:none!important;border:0!important;border-radius:50%!important;flex:0 0 7px!important;padding:0!important;font-size:0!important;display:block!important;overflow:hidden!important}.employeePhoneShell .calendarDays>div>div>button:not(.moreEvents)>span,.employeePhoneShell .calendarDays>div>div>button:not(.moreEvents)>small{display:none!important}.employeePhoneShell .calendarDays button.birthday{background:#805fc4!important}.employeePhoneShell .calendarDays button.joining{background:#c9922e!important}.employeePhoneShell .calendarDays button.holiday{background:#e58b36!important}.employeePhoneShell .calendarDays button.leave{background:#4b82d3!important}.employeePhoneShell .calendarDays button.wfh{background:#2fa675!important}.employeePhoneShell .calendarDays button.event{background:#d05f78!important}.employeePhoneShell .calendarDays .moreEventsLabel{display:none!important}.employeePhoneShell .calendarDays button.moreEvents .moreEventsCount{color:#617068!important;background:0 0!important;border:0!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;font-size:9px!important;font-weight:700!important;line-height:1!important;display:inline!important}.employeePhoneShell .calendarDays>div>div>button.moreEvents{color:#617068!important;white-space:nowrap!important;background:0 0!important;flex:none!important;align-items:center!important;width:auto!important;min-width:0!important;max-width:none!important;height:12px!important;min-height:0!important;margin:0!important;padding:0!important;font-size:9px!important;font-weight:700!important;line-height:12px!important;display:inline-flex!important}.employeePhoneShell .calendarAside{display:none!important}.employeePhoneShell .mobileCalendarAgenda,.employeePhoneShell .mobileMonthSchedule{border-radius:16px;margin:10px 0 0!important;padding:14px!important;display:block!important}.employeePhoneShell .mobileMonthScheduleHead,.employeePhoneShell .mobileAgendaHead{gap:8px;padding-bottom:10px}.employeePhoneShell .mobileMonthScheduleHead h2,.employeePhoneShell .mobileAgendaHead h2{font-size:16px!important;line-height:1.3!important}.employeePhoneShell .mobileMonthScheduleList{grid-template-columns:1fr!important}.employeePhoneShell .mobileMonthScheduleItem,.employeePhoneShell .mobileAgendaItem{min-width:0;padding-left:0;padding-right:0}.employeePhoneShell .mobileMonthScheduleItem>span strong,.employeePhoneShell .mobileAgendaItem strong{overflow-wrap:anywhere;font-size:13px}.employeePhoneShell .mobileMonthScheduleItem>span small,.employeePhoneShell .mobileAgendaItem small{white-space:normal;font-size:11px}.employeePhoneShell .calendarDayModal{width:min(520px,100% - 24px);padding:22px 16px}html.employee-phone .employeeNoticePanel{z-index:80;top:58px}html.employee-phone .employeeNoticeScrim{z-index:79}.employeeApp--history .historyCard .cardHead>div:first-child{display:none}.employeePhoneShell .formPage>header{display:none!important}.employeePhoneShell .formPage .formTitle h1{font-size:22px!important}.modalBackdrop{z-index:70}.employeePhoneShell .toast{left:16px;right:16px;bottom:calc(78px + env(safe-area-inset-bottom,0px))}.loginPage.employeeLogin{background:#fff;flex-direction:column;max-width:100vw;min-height:100dvh;display:flex;overflow-x:hidden}.loginPage.employeeLogin .loginIntro{height:auto;padding:calc(env(safe-area-inset-top,0px) + 12px) 22px 18px;background:#12382b;flex:none;justify-content:flex-start;gap:10px;overflow:hidden;min-height:0!important}.loginPage.employeeLogin .loginIntro:after{display:none}.loginPage.employeeLogin .loginBrand{gap:10px;margin-bottom:10px;font-size:18px;font-weight:700}.loginPage.employeeLogin .loginBrand>span{border-radius:10px;width:36px;height:36px;font-size:18px}.loginPage.employeeLogin .loginIntro h1{letter-spacing:-.2px;margin:8px 0 0;font-size:20px;font-weight:500;line-height:26px}.loginPage.employeeLogin .loginIntro>div{max-width:none}.loginPage.employeeLogin .loginIntro>div>p:not(.eyebrow){color:#d5ece3;overflow-wrap:break-word;max-width:none;margin-top:8px;font-size:13px;line-height:19px;white-space:normal!important}.loginPage.employeeLogin .loginLedeBreak{display:block}.loginPage.employeeLogin .featureTicks{color:#c8eadc;gap:7px;margin-top:16px;font-size:12px;font-weight:600;display:flex!important}.loginPage.employeeLogin .loginIntro>small{color:#8fb8a8;margin-top:16px;font-size:11px;display:block}.loginPage.employeeLogin .loginFormWrap{background:#fff;flex:auto;padding:16px 22px 28px;display:block}.loginPage.employeeLogin .loginForm{width:100%}.loginPage.employeeLogin .formIcon{border-radius:12px;width:42px;height:42px;margin-bottom:10px;font-size:18px}.loginPage.employeeLogin .loginForm h2{margin:4px 0 0;font-size:22px;font-weight:700}.loginPage.employeeLogin .loginForm>p:not(.eyebrow){margin:4px 0 10px;font-size:13px;line-height:18px}.loginPage.employeeLogin .loginForm label{margin:10px 0 0;font-size:11px;font-weight:600}.loginPage.employeeLogin .loginForm input{border-radius:10px;height:46px;font-size:14px}.loginPage.employeeLogin .loginSubmit{border-radius:10px;height:48px;font-size:14px}.loginPage.employeeLogin .adminLink{font-size:13px;font-weight:700}@media (prefers-reduced-motion:reduce){.employeeApp .punchButton.in{animation:none}}}@media (max-width:380px){.loginPage.employeeLogin .loginIntro,.loginPage.employeeLogin .loginFormWrap{padding-left:16px;padding-right:16px}.loginPage.employeeLogin .loginIntro>div>p:not(.eyebrow){font-size:12px;line-height:17px}.loginPage.employeeLogin .loginIntro h1{font-size:18px;line-height:24px}}@media (min-width:801px){.employeePhoneHeader,.employeePhoneTabs,.employeePhoneDrawerScrim,.happyTicker{display:none!important}.employeePhoneBody{padding-bottom:0}.employeeApp .employeeBody>.personalHome{width:calc(100% + 2*clamp(24px,3vw,52px));max-width:none;margin:18px calc(-1*clamp(24px,3vw,52px)) 8px;padding:0 25px}}