:root{--sidebar-width:244px;--sidebar-collapsed-width:74px;--topbar-height:84px;--content-max-width:1480px}[class*=attendanceShell],[class*=dashboardShell],[class*=employeesShell],[class*=event_pageShell],[class*=pageShell],[class*=paymentsShell],[class*=settingsShell],[class*=shell],[class*=tasksShell],[class*=wizard_pageShell]{display:flex!important;min-height:100dvh!important;width:100%!important;max-width:100vw!important;overflow-x:hidden!important;background:var(--bg-primary,#f6f9f7)!important;color:var(--text-primary,#102c28)}[class*=mainArea]{flex:1 1!important;min-width:0!important;margin-left:var(--sidebar-width,244px)!important;width:calc(100% - var(--sidebar-width, 244px))!important;max-width:calc(100vw - var(--sidebar-width, 244px))!important;box-sizing:border-box!important;transition:margin-left .22s ease,width .22s ease,max-width .22s ease!important;display:flex!important;flex-direction:column!important}html[data-sidebar-collapsed=true] [class*=mainArea]{margin-left:var(--sidebar-collapsed-width,74px)!important;width:calc(100% - var(--sidebar-collapsed-width, 74px))!important;max-width:calc(100vw - var(--sidebar-collapsed-width, 74px))!important}[class*=headerRow] h1,[class*=pageTitle]{font-family:var(--font-display,"Manrope",sans-serif)!important;font-weight:800!important;letter-spacing:-1.2px!important;color:var(--text-primary,#102c28)!important}[class*=pageSubtitle]{font-size:13px!important;color:#81928c!important}[class*=baseCard],[class*=card]:not(aside *):not(header *),[class*=tableCard]{background:var(--bg-secondary,#ffffff);border:1px solid var(--border-primary,#e9f0ed);border-radius:var(--radius-xl,18px);box-shadow:var(--shadow-md,0 9px 30px rgba(25,63,49,.035),0 2px 6px rgba(21,63,48,.025))}table th{text-align:left;color:#9aaa9f!important;font-size:10px!important;font-weight:800!important;letter-spacing:.4px!important;text-transform:uppercase;background:var(--bg-tertiary,#fbfdfb)!important;border-bottom:1px solid var(--border-primary,#e9f0ed)!important}table td{border-bottom:1px solid var(--border-subtle,#eff3f0)!important;color:var(--text-secondary,#486258)}@media (max-width:1220px){:root{--sidebar-width:220px}}@media (max-width:860px){[class*=mainArea],html[data-sidebar-collapsed=true] [class*=mainArea]{margin-left:74px!important;width:calc(100% - 74px)!important;max-width:calc(100vw - 74px)!important}}@media (max-width:700px){[class*=mainArea],html[data-sidebar-collapsed=true] [class*=mainArea]{margin-left:0!important;width:100%!important;max-width:100vw!important;padding-bottom:calc(80px + env(safe-area-inset-bottom, 0px))!important}}