:root{--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--mobile-nav-height:56px;--mobile-nav-bottom:max(8px, calc(var(--safe-bottom) - 12px));--mobile-canvas:#f6f8fb;--mobile-surface:#fff;--mobile-ink:#102033;--mobile-muted:#66758a;--mobile-line:#e3e9f0;--mobile-brand:#087f5b;--mobile-brand-strong:#056548;--mobile-brand-soft:#e8f8f1;--mobile-radius:18px;--mobile-shadow:0 8px 28px #1b473a12}.app-loading{min-height:100dvh;color:var(--accent);place-items:center;display:grid}.mobile-bottom-nav,.mobile-menu-btn{display:none}.mobile-connection-banner{top:var(--safe-top);z-index:200000;color:#9a3412;text-align:center;background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;max-width:520px;margin:0 auto;padding:12px 16px;font-size:14px;position:fixed;left:12px;right:12px;box-shadow:0 4px 16px #0002}:focus-visible{outline-offset:3px;outline:3px solid #10b981}[data-mobile-grid]>*{min-width:0}[data-mobile-scroll=table]{min-width:0;max-width:100%}@media (max-width:900px){.mobile-header-notification,.work-track-topbar-bell{display:none!important}html{-webkit-text-size-adjust:100%;scroll-padding-top:80px}body{overflow-x:clip}.app-shell.sidebar-mode,.app-shell.topbar-mode{min-height:100dvh;overflow:visible!important}.app-shell .shell-body{min-width:0;min-height:0}.app-shell .main{width:100%;max-width:100%;padding:0!important}.app-shell{padding-bottom:calc(var(--mobile-nav-height) + var(--mobile-nav-bottom))}.app-shell .topbar-sidebar-mode,.desk-header,.stems-workspace .topbar-sidebar-mode{flex-shrink:0;height:calc(60px + var(--safe-top))!important;min-height:calc(60px + var(--safe-top))!important;padding:var(--safe-top) max(12px, var(--safe-right)) 0 max(12px, var(--safe-left))!important}.app-shell .topbar-sidebar-mode>div:first-child{gap:10px!important}.topbar-user-meta{display:none!important}.app-shell .mobile-menu-btn,.stems-workspace .mobile-menu-btn{color:#fff;background:#ffffff18;border:1px solid #ffffff30;border-radius:12px;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;display:inline-flex!important}.app-shell .sidebar{padding:calc(16px + var(--safe-top)) 16px calc(20px + var(--safe-bottom));overscroll-behavior:contain;visibility:hidden;width:min(320px,100vw - 40px)!important;height:100dvh!important}.app-shell .sidebar.open{visibility:visible}.app-shell .sidebar nav{height:auto!important}.sidebar .sidebar-nav-item{min-height:44px!important;font-size:14px!important}.app-shell .sidebar-close-btn{transition:none;width:44px!important;height:44px!important}.app-shell .sidebar.open .sidebar-close-btn{visibility:visible}.global-impersonation-bar{z-index:40!important;position:relative!important}.mobile-bottom-nav{z-index:60;height:calc(var(--mobile-nav-height) + var(--mobile-nav-bottom));padding:4px max(8px, var(--safe-right)) var(--mobile-nav-bottom) max(8px, var(--safe-left));background:var(--surface);border-top:1px solid var(--line);justify-content:space-around;align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0f172a08}.mobile-bottom-nav>:is(a,button){color:var(--muted);background:0 0;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-width:0;padding:4px;font-size:11px;font-weight:650;line-height:1.3;text-decoration:none;display:flex}.mobile-bottom-nav>[aria-current=page]{background:var(--accent-soft);color:var(--accent-strong)}.keyboard-open .mobile-bottom-nav{display:none}.keyboard-open .app-shell{padding-bottom:var(--safe-bottom)}.topbar-actions{flex-shrink:0}.topbar-actions .icon-btn,.topbar-profile-trigger{justify-content:center;min-width:44px!important;min-height:44px!important}.work-session-widget-btn,.topbar-back-desk-btn{min-height:40px!important}.main>:is(section,div):not([role=dialog]):not([style*="position: fixed"]),.figma-dashboard-content,.settings-page,.report-detail-page,.reports-index-page{min-width:0;max-width:100%}[data-mobile-scroll=table],.table-wrap,.employee-table-wrap,.report-table-shell{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;min-width:0;max-width:100%;display:block;overflow-x:auto!important}[data-mobile-scroll=table]>table{width:100%}:is(.tabs,.payroll-tabs,.payroll-subtabs,.employee-profile-tabs,.settings-tabs,.report-subnav){overscroll-behavior-x:contain;gap:6px;max-width:100%;display:flex;overflow-x:auto;flex-wrap:nowrap!important}:is(.tabs,.payroll-tabs,.payroll-subtabs,.employee-profile-tabs,.settings-tabs,.report-subnav)>*{white-space:nowrap;flex-shrink:0;min-height:44px}.stems-workspace.stems-workspace{height:100dvh!important;max-height:100dvh!important}.stems-content.stems-content{min-width:0;padding-bottom:calc(24px + var(--safe-bottom))!important}.stems-sidebar.stems-sidebar{padding-top:calc(20px + var(--safe-top));height:100dvh!important;max-height:100dvh!important}.crm-main-content{min-width:0}.crm-workspace{height:100dvh!important}.stems-sidebar.stems-sidebar:not(.open),.crm-sidebar.crm-sidebar:not(.mobile-open){visibility:hidden;box-shadow:none!important}.work-session-popover{left:12px;top:calc(108px + var(--safe-top))!important;width:auto!important;max-width:none!important;position:fixed!important;right:12px!important}.payroll-adj-controls-section{min-width:0!important}}@media (max-width:640px){body :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){min-width:0;max-width:100%;min-height:44px;font-size:16px!important}body textarea{min-height:100px}button,[role=button],a.btn,.btn-primary,.btn-secondary{min-height:44px}input[type=checkbox],input[type=radio]{flex-shrink:0;width:20px;height:20px}.main>section,.main>div:not([style*="position: fixed"]):not([role=dialog]),.figma-dashboard-content,.settings-page,.report-detail-page,.reports-index-page{padding:16px!important}body [data-mobile-grid=stack]{grid-template-columns:minmax(0,1fr)!important}body [data-mobile-grid=stack]>*{grid-column:auto!important}body [data-mobile-grid=metrics],.trackboard-kpi-grid,.attendance-stats-primary-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.main :is(h1,h2),.stems-content h1{overflow-wrap:anywhere}.main h1{font-size:26px!important}.main h2{font-size:22px}.employee-page-header,.employee-filters-bar,.page-header,.page-heading,.payroll-head,.stems-overview-header,.table-card-header,.report-heading-row{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.employee-header-actions,.employee-filters-group,.table-actions,.page-actions,.form-actions{flex-wrap:wrap;gap:8px}.employee-header-actions>*,.employee-filters-group>*{flex:140px}.employee-search-box{max-width:none}.employee-form-shell{grid-template-columns:minmax(0,1fr)}.employee-form-shell>*,.employee-stepper{min-width:0;max-width:100%}.employee-form .form-grid.two,.employee-form .form-grid.three,.employee-form .form-grid.four,.form-grid.two,.form-grid.three,.settings-form-grid{grid-template-columns:minmax(0,1fr)!important}.employee-form .form-grid>*{grid-column:auto!important}.form-grid>label{min-width:0}.employee-form-overlay{padding:max(12px, var(--safe-top)) 12px max(12px, var(--safe-bottom))}.employee-form-shell{width:100%;max-height:calc(var(--app-height,100dvh) - var(--safe-top) - var(--safe-bottom) - 24px)}.employee-stepper{gap:8px;padding:6px;overflow-x:auto;display:flex!important}.employee-stepper button{white-space:nowrap;flex:none;min-height:44px;font-size:12px!important}.employee-form-topbar{padding:18px 16px 10px}.employee-form-close{min-width:44px;min-height:44px;top:12px;right:12px}.attendance-stats-label,.attendance-stats-val small,.stems-workspace .stems-kpi-lbl,.stems-workspace .stems-kpi-sub,.metric-card-figma .metric-label{font-size:12px!important;line-height:1.4!important}.attendance-stats-val{font-size:19px!important}.attendance-stat-pill{font-size:12px!important}.trackboard-kpi-label{white-space:normal}.responsive-data-table table{min-width:0!important}.responsive-data-table thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.responsive-data-table :is(tbody,tr,td){width:100%;display:block}.responsive-data-table tbody{padding:4px}.responsive-data-table tr{border:1px solid var(--line);background:var(--surface);border-radius:12px;margin-bottom:12px;padding:8px}.responsive-data-table td{white-space:normal;overflow-wrap:anywhere;border-bottom:1px solid var(--line);grid-template-columns:minmax(90px,36%) minmax(0,1fr);gap:12px;padding:10px 8px;display:grid}.responsive-data-table td:last-child{border-bottom:0}.responsive-data-table td:before{content:attr(data-label);color:var(--muted);font-size:12px;font-weight:650}.stems-modal-overlay.stems-modal-overlay,.organization-modal-backdrop,.payroll-adjustment-modal-overlay{padding:max(8px, var(--safe-top)) 8px max(8px, var(--safe-bottom))!important}.stems-modal.stems-modal,.modal-content,.organization-modal-card,.organization-modal-confirm,.modal-theme-container,.payroll-adjustment-modal-card,.settings-drawer{overscroll-behavior:contain;overflow-y:auto;width:100%!important;min-width:0!important;max-width:100%!important;max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 24px)!important}.stems-modal.stems-modal{padding:18px!important}.payroll-adj-modal-header,.payroll-adj-calendar-section{padding:16px!important}.payroll-calendar-day-card{padding:3px!important}.desk-main-content{padding-bottom:calc(24px + var(--safe-bottom))!important}.figma-dashboard-content .chart-card-figma{height:auto!important;min-height:160px!important}[data-mobile-overlay=dialog]{overscroll-behavior:contain;overflow-y:auto;padding:max(12px, var(--safe-top)) 12px max(12px, var(--safe-bottom))!important}[data-mobile-overlay=dialog]>:is(div,form,section){overscroll-behavior:contain;overflow-y:auto;min-width:0!important;max-width:100%!important;max-height:calc(var(--app-height,100dvh) - var(--safe-top) - var(--safe-bottom) - 24px)!important}html[data-page=assistant] .topbar-sidebar-mode,html[data-page=ai-chat] .topbar-sidebar-mode{flex-wrap:wrap;gap:12px;min-height:60px;height:auto!important;padding:12px!important}html[data-page=assistant] .topbar-sidebar-mode>div,html[data-page=ai-chat] .topbar-sidebar-mode>div{flex-wrap:wrap;max-width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@media print{.mobile-bottom-nav,.mobile-connection-banner{display:none!important}.app-shell{padding-bottom:0}}body:has(.app-shell) .standalone-mobile-nav{display:none}@media (max-width:900px){.topbar-sidebar-mode,.desk-header{max-height:calc(60px + var(--safe-top));box-sizing:border-box!important;height:calc(60px + var(--safe-top))!important;min-height:calc(60px + var(--safe-top))!important;padding:var(--safe-top) max(12px, var(--safe-right)) 0 max(12px, var(--safe-left))!important}body:has(.standalone-mobile-nav):not(:has(.app-shell)){padding-bottom:calc(var(--mobile-nav-height) + var(--mobile-nav-bottom))}body:has(.standalone-mobile-nav) .stems-workspace.stems-workspace{height:calc(100dvh - var(--mobile-nav-height) - var(--mobile-nav-bottom))!important;max-height:calc(100dvh - var(--mobile-nav-height) - var(--mobile-nav-bottom))!important}body:has(.standalone-mobile-nav) .crm-workspace{height:calc(100dvh - var(--mobile-nav-height) - var(--mobile-nav-bottom))!important;max-height:calc(100dvh - var(--mobile-nav-height) - var(--mobile-nav-bottom))!important}body:has(.standalone-mobile-nav) .desk-main-content{padding-bottom:calc(24px + var(--mobile-nav-height) + var(--mobile-nav-bottom))!important}.mobile-bottom-nav{box-sizing:border-box}body{background:var(--mobile-canvas);color:var(--mobile-ink);overflow-x:clip}.main,.stems-content,.crm-main-content,.desk-main-content{background:var(--mobile-canvas)}.mobile-bottom-nav{border-color:var(--mobile-line);-webkit-backdrop-filter:blur(18px);background:#fffffff5;box-shadow:0 -8px 28px #0f2d2514}.mobile-bottom-nav>:is(a,button){color:var(--mobile-muted);font-weight:700;transition:color .16s,background-color .16s,transform .12s}.mobile-bottom-nav>:is(a,button):active{transform:scale(.95)}.mobile-bottom-nav>[aria-current=page]{background:var(--mobile-brand-soft);color:var(--mobile-brand-strong)}.mobile-bottom-nav>[aria-current=page] svg{stroke-width:2.5px}.main :is(.card,.panel,.table-card,.metric-card,.metric-card-figma,.chart-card-figma),.stems-content :is(.stems-card,.stems-panel),.crm-main-content :is(.card,.panel){border-color:var(--mobile-line)!important;border-radius:var(--mobile-radius)!important;box-shadow:var(--mobile-shadow)!important}.main :is(input,select,textarea),.stems-content :is(input,select,textarea){background-color:var(--mobile-surface);border-color:#d8e1ea!important;border-radius:12px!important}.main :is(input,select,textarea):focus,.stems-content :is(input,select,textarea):focus{border-color:#34b38a!important;box-shadow:0 0 0 3px #10b9811f!important}.main :is(.btn-primary,button[type=submit]),.stems-content :is(.btn-primary,button[type=submit]){box-shadow:inset 0 1px #fff3,0 7px 18px #05654829;border-radius:12px!important}.main :is(.btn-secondary,.btn-outline),.stems-content :is(.btn-secondary,.btn-outline){border-radius:12px!important}.mobile-connection-banner{top:calc(var(--safe-top) + 8px);font-weight:650}html[data-native] body{overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent}html[data-native] .app-shell .topbar-sidebar-mode,html[data-native] .desk-header,html[data-native] .stems-workspace .topbar-sidebar-mode{box-shadow:0 6px 24px #064e3b29;background:linear-gradient(135deg,#064e3b 0%,#087f5b 100%)!important}html[data-native] :is(button,a,[role=button]){touch-action:manipulation}html[data-native] .mobile-bottom-nav{border-radius:20px 20px 0 0}}@media (max-width:640px){.main :is(h1,h2,h3),.stems-content :is(h1,h2,h3){color:var(--mobile-ink);letter-spacing:-.025em}.main :is(p,small),.stems-content :is(p,small){text-wrap:pretty}}@media (max-width:900px){.app-shell .topbar-sidebar-mode,.desk-header,.stems-workspace .topbar-sidebar-mode{height:calc(54px + var(--safe-top))!important;min-height:calc(54px + var(--safe-top))!important;max-height:calc(54px + var(--safe-top))!important;gap:8px!important;box-shadow:0 3px 14px #064e3b29!important}.app-shell .mobile-menu-btn,.stems-workspace .mobile-menu-btn{border-radius:11px!important;width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important}.work-session-widget-btn,.topbar-back-desk-btn{border-radius:12px!important;min-height:38px!important;padding:0 12px!important;font-size:12px!important}.app-shell .sidebar,.stems-sidebar.stems-sidebar,.crm-sidebar.crm-sidebar{border-radius:0 24px 24px 0;width:min(304px,100vw - 56px)!important;box-shadow:18px 0 50px #020c1b47!important}.stems-sidebar.stems-sidebar{padding:calc(16px + var(--safe-top)) 12px calc(16px + var(--safe-bottom))!important}.stems-sidebar .stems-brand{padding:0 4px 14px}.stems-sidebar button{border-radius:12px!important}.sidebar .sidebar-nav-item{border-radius:11px!important;padding-block:9px!important}.settings-device-options{border:1px solid var(--mobile-line);background:#fff;border-radius:16px;margin:-8px 0 20px;display:grid;overflow:hidden;box-shadow:0 6px 22px #1b473a0d}.settings-device-options:empty{display:none}.settings-device-option{text-align:left;align-items:center;gap:12px;width:100%;display:flex;min-height:68px!important;color:var(--mobile-ink)!important;box-shadow:none!important;background:#fff!important;border:0!important;border-bottom:1px solid #edf1f5!important;border-radius:0!important;margin:0!important;padding:12px 14px!important}.settings-device-option:last-child{border-bottom:0!important}.settings-device-option:active{background:#f7faf9!important}.settings-device-option-icon{width:38px;height:38px;color:var(--mobile-brand-strong);background:var(--mobile-brand-soft);border-radius:11px;flex:0 0 38px;place-items:center;display:grid}.settings-device-option-copy{flex:1;gap:3px;min-width:0;display:grid}.settings-device-option-copy strong{font-size:14px;line-height:1.25}.settings-device-option-copy small{color:var(--mobile-muted);font-size:12px;font-weight:500;line-height:1.35}.settings-device-option-chevron{color:#9aa8b8;flex:none}}@media (max-width:640px){.desk-main-content{padding-top:16px!important}.desk-main-content>div:first-of-type{margin-bottom:20px!important}.desk-main-content>div:first-of-type h1{font-size:25px!important}.desk-main-content>div:first-of-type p{font-size:13px!important;line-height:1.45!important}.desk-grid-container{gap:8px!important}.desk-card-item{border-radius:14px!important;gap:7px!important;min-height:96px!important;padding:10px 6px!important;box-shadow:0 5px 16px #1e40360f!important}.desk-card-item .desk-card-header>div{border-radius:10px!important;width:34px!important;height:34px!important}.dept-card-item{border-radius:16px!important;gap:10px!important;min-height:0!important;padding:16px!important}.dept-card-item p{margin-block:4px 10px!important;font-size:12px!important;line-height:1.4!important}.stems-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.stems-kpi-card{border-radius:15px!important;min-height:116px!important;padding:14px!important}.stems-kpi-lbl{font-size:10px!important;line-height:1.3!important}.stems-kpi-val{font-size:27px!important}.stems-kpi-sub{font-size:10px!important;line-height:1.3!important}.settings-page>div[style*="margin-bottom: 28px"]{margin-bottom:20px!important}}