html{-moz-text-size-adjust:100%;text-size-adjust:100%;min-width:320px;overflow-x:clip}body{min-width:320px;overflow-x:clip}img,svg,video,canvas{max-width:100%}button,a,input,select,textarea,summary{touch-action:manipulation}:where(.app-shell,.main,.page,.card,.module-header,.page-title),:where(.hr-panel,.hr-overview-grid>*,.hr-demographic-grid>*,.metrics>*,.module-stats>*){min-width:0}.hr-trend svg,.hr-panel svg{max-width:100%}.hr-trend-labels{justify-content:space-between;overflow:hidden}:where(.module-header,.page-title,.toolbar,.title-actions,.hr-actions,.employee-actions,.dialog-actions,.card-head){flex-wrap:wrap}:where(.module-header,.page-title,.toolbar,.title-actions,.hr-actions,.employee-actions)>*{min-width:0}:where(.page-title,.module-header) h1,:where(.page-title,.module-header) p,.card-head h2,.card-head p{overflow-wrap:anywhere}[class*=table-wrap]{overscroll-behavior-inline:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}[class*=table-wrap]>table{width:100%}@media (max-width:900px){table{min-width:0}}.modal,.feedback-modal{padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));overscroll-behavior:contain;overflow-y:auto}:where(.dialog,.feedback-dialog){max-width:100%;max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto}.smart-select-popover,.notification-pop,.account-menu{max-width:calc(100vw - 24px)}@media (max-width:1279px){.page{max-width:100%;padding-inline:clamp(18px,2.4vw,28px)}:where(.metrics,.module-stats,.hr-kpi-grid,.headcount-kpi-grid,.personnel-stats){grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.app-shell{min-height:100dvh}.sidebar{width:min(56vw,208px);padding-left:max(9px, env(safe-area-inset-left));padding-bottom:env(safe-area-inset-bottom);transform:translate(-100%)}.sidebar.open{transform:translate(0)!important}.main{margin-left:0}.topbar{height:auto;min-height:64px;padding:max(8px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) 8px max(12px, env(safe-area-inset-left));gap:8px}.mobile-menu,.icon-btn,.plain{min-width:44px;min-height:44px}.global-search{flex:180px;width:auto;max-width:none}.page{padding:clamp(18px, 3vw, 24px) max(14px, env(safe-area-inset-right)) calc(32px + env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left))}:where(.page-title,.module-header){align-items:stretch;gap:14px}:where(.title-actions,.hr-actions,.employee-actions){width:100%}:where(.title-actions,.hr-actions,.employee-actions) .btn{flex:150px}.toolbar{align-items:stretch}.toolbar :where(.search-input,input,select,.smart-select,.native-combobox){flex:180px;width:auto;min-width:0}.toolbar .spacer{display:none}:where(.dialog-body,.password-form){grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dialog-body :where(.full,.span-2){grid-column:1/-1}.dialog-body label:has(textarea){grid-column:1/-1}}@media (max-width:639px){body{font-size:var(--fs-16)}.global-search kbd,.company,.top-divider{display:none}.top-actions{gap:4px;margin-left:auto}.notification-pop{width:auto;position:fixed;left:12px;right:12px}:where(.metrics,.module-stats,.hr-kpi-grid,.headcount-kpi-grid),.personnel-stats{grid-template-columns:repeat(2,minmax(0,1fr))}:where(.page-title,.module-header){display:grid}:where(.title-actions,.hr-actions,.employee-actions){grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}:where(.title-actions,.hr-actions,.employee-actions) .btn,.module-header>.btn{white-space:normal;text-align:center;width:100%;min-width:0;min-height:44px}.toolbar{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px;display:grid}.toolbar :where(.search-input,input,select,.smart-select,.btn){width:100%;min-height:44px}.toolbar :where(.search-input,textarea,.span-2){grid-column:1/-1}.card-head{gap:10px;height:auto;min-height:64px;padding-block:12px}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dialog{border-radius:14px;width:100%}.dialog-head,.dialog-body,.dialog-actions{padding-inline:16px}.dialog-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.dialog-actions .btn{width:100%;min-width:0;min-height:44px}.toast,.feedback-toasts{right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));left:max(12px, env(safe-area-inset-left));width:auto}}@media (max-width:390px){.personnel-stats,.personnel-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.personnel-tabs button:first-child{grid-column:auto}.page{padding-inline:12px}}@media (hover:none) and (pointer:coarse){:where(button,.btn,a.nav-link,summary,input,select,textarea){min-height:44px}:where(.row-buttons,.settings-actions) button{min-width:44px;min-height:44px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}:root{--fs-2xs:calc(clamp(9.5px, .35rem + .5vw, 11px) * var(--fs-scale));--fs-xs:calc(clamp(11px, .45rem + .55vw, 12px) * var(--fs-scale));--fs-sm:calc(clamp(12px, .5rem + .7vw, 13px) * var(--fs-scale));--fs-md:calc(clamp(13px, .5rem + .8vw, 14px) * var(--fs-scale));--fs-lg:calc(clamp(15px, .6rem + 1.1vw, 18px) * var(--fs-scale));--fs-xl:calc(clamp(18px, .7rem + 1.6vw, 24px) * var(--fs-scale));--fs-2xl:calc(clamp(22px, .8rem + 2.2vw, 32px) * var(--fs-scale));--sp-1:clamp(4px, .2rem + .15vw, 6px);--sp-2:clamp(8px, .35rem + .3vw, 10px);--sp-3:clamp(10px, .45rem + .5vw, 14px);--sp-4:clamp(14px, .6rem + .7vw, 18px);--sp-5:clamp(18px, .7rem + 1vw, 26px);--sp-6:clamp(22px, .9rem + 1.6vw, 36px);--control-h:clamp(40px, 36px + .6vw, 44px)}.page,.settings-page,.module-page{font-size:var(--fs-md)}.page-title p,.module-header p,.settings-title p{font-size:var(--fs-sm)}.card,.hr-panel,.record-card{padding:clamp(14px,.6rem + 1.3vw,24px)}.card-head,.hr-panel-head,.module-head,.payroll-section-head{font-size:var(--fs-md)}.card-body,.hr-panel-body{font-size:var(--fs-sm)}.table-wrap,.module-table-wrap{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;overflow-x:auto}.module-table th,table th{font-size:var(--fs-xs)}.module-table td,table td{font-size:var(--fs-sm)}@media (max-width:899px){.module-table th,.module-table td,table th,table td{padding:var(--sp-2) var(--sp-2)}}input,select,textarea,.btn,.btn-sm{font-size:var(--fs-sm)}input:not([type=checkbox]):not([type=radio]),select,.btn{min-height:var(--control-h)}.badge,.chip,.pill,.tag,.status-badge{font-size:var(--fs-2xs)}.dialog{max-height:calc(100dvh - var(--sp-5) * 2);overflow-y:auto}.dialog-head h2{font-size:var(--fs-lg)}.dialog-body,.dialog-body label{font-size:var(--fs-sm)}@media (max-width:640px){.dialog-body{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:639px){input,select,textarea{font-size:16px}}@media (max-width:1279px){.dashboard-metrics,.headcount-stats,.hr-filter-panel,.hr-insight-strip,.hr-kpi-grid,.hr-overview-grid,.payroll-summary-grid,.people-task-strip>div{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:899px){.dashboard-metrics,.headcount-stats,.hr-filter-panel,.hr-insight-strip,.hr-kpi-grid,.hr-overview-grid,.payroll-summary-grid,.people-task-strip>div,.attendance-now,.approval-now{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:599px){.dashboard-metrics,.headcount-stats,.hr-filter-panel,.hr-insight-strip,.hr-kpi-grid,.hr-overview-grid,.payroll-summary-grid,.people-task-strip>div,.attendance-now,.approval-now{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1023px){.people-board,.payroll-layout,.hr-split,.split{grid-template-columns:minmax(0,1fr)}.people-board-health{width:100%;min-width:0}}@media (max-width:900px){.hr-trend-labels span:nth-child(2n){display:none}}@media (max-width:600px){.hr-trend-labels span:not(:nth-child(4n+1)){display:none}}@media (hover:none) and (pointer:coarse){.nav-subitem,.date-input-picker,.date-input-wrap button{min-height:44px}.nav-subitem{align-items:center;display:flex}}@media (max-width:640px){.brand small,.sidebar-user small,.company small,.help-card small,.nav-badge{font-size:var(--fs-11)}.global-search kbd{display:none}small,.sidebar small,.sidebar-bottom small,.support small,.profile small,.profile-wrap small,.headcount-unit-tag,.unit-tag,.meta,.hint{font-size:var(--fs-11)}}@media (hover:none) and (pointer:coarse){.headcount-quota-value,.headcount-tree-toggle{min-width:44px;min-height:44px}}@media (max-width:900px){.settings-tabs{flex-wrap:wrap;overflow-x:visible}.settings-tabs button{height:40px;padding:0 12px}.sidebar{padding-right:12px}.sidebar .brand{align-items:center;height:auto;min-height:44px;padding:6px 4px}.sidebar .brand-logo{width:52px;height:21px}.sidebar nav{padding-top:9px}.sidebar .nav-section-title{gap:6px;min-height:40px;margin-bottom:8px;padding:0 9px}.sidebar :where(.nav-link,.nav-parent){gap:7px;min-height:40px;padding:5px 8px}.sidebar .nav-menu{gap:3px}.sidebar .nav-submenu{margin:2px 0 5px 25px;padding:4px 0 4px 8px}.sidebar .nav-subitem{min-height:40px;padding:5px 8px}.sidebar :where(.nav-link,.nav-parent,.nav-section-title,.support) svg{width:13px;height:13px}.sidebar-bottom{padding-top:9px}.sidebar .support{min-height:40px;padding:5px 8px}.sidebar .profile{gap:7px;padding:5px 4px}.sidebar .profile .avatar{width:25px;height:25px}.sidebar:not(.open){visibility:hidden}.sidebar.open{visibility:visible}.sidebar .brand{min-width:0;overflow:hidden}.sidebar .brand>div{min-width:0}.sidebar .brand>div :where(b,small){white-space:normal;overflow-wrap:anywhere;line-height:1.25;display:block}.sidebar .brand-logo{flex:none}}@media (max-width:720px){.people-board-grid{gap:10px}.people-board-card{gap:8px;min-height:0;padding:12px}.people-board-card>div{grid-template-rows:auto auto auto;gap:4px}.people-board-card .people-board-icon{border-radius:7px;width:30px;height:30px}.people-board-card .people-board-icon svg{width:16px;height:16px}.people-board-card strong{font-size:calc(clamp(20px, 5.4vw, 28px) * var(--fs-scale))}}:root{--topbar-mobile-h:60px}@media (max-width:900px){.topbar{height:calc(var(--topbar-mobile-h) + env(safe-area-inset-top));min-height:0;padding-block:env(safe-area-inset-top) 0;flex-wrap:nowrap}.main{padding-top:calc(var(--topbar-mobile-h) + env(safe-area-inset-top))}}@media (max-width:639px){.global-search{flex:auto;order:0;min-width:0;height:40px}.top-actions{flex:none;order:0;margin-left:0}.notification-pop{top:calc(var(--topbar-mobile-h) + env(safe-area-inset-top) + 8px)}}.module-page{max-width:1480px;margin-inline:auto;padding:clamp(18px,2.2vw,29px) clamp(12px,2.4vw,30px) clamp(32px,4vw,50px)}@media (max-width:900px){.module-page{padding:clamp(14px, 3vw, 20px) max(12px, env(safe-area-inset-right)) calc(28px + env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left))}}@media (max-width:899px){.hr-overview-grid>.hr-chart-panel,.hr-demographic-grid>.hr-chart-panel,.hr-overview-grid>.hr-wide,.hr-demographic-grid>.hr-wide{grid-column:1/-1}}.hr-bar-row,.hr-bar-label,.hr-bar-track{min-width:0}.hr-bar-label span{flex:auto;min-width:0}.hr-bar-label b{white-space:nowrap;flex:none}.hr-bar-track{width:100%;max-width:100%}@media (max-width:899px){.hr-kpi-card small{min-height:20px;font-size:var(--fs-10);white-space:nowrap;margin-top:8px;padding:0 6px}.hr-kpi-card{gap:8px;min-height:0;padding:12px}}@media (max-width:900px){.headcount-table-wrap{overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;overflow:auto}.headcount-table.module-table{min-width:760px;font-size:var(--fs-12);padding:0;display:table}.headcount-table.module-table thead{display:table-header-group}.headcount-table.module-table tbody{gap:0;display:table-row-group}.headcount-table.module-table tr{background:0 0;border:0;border-radius:0;gap:0;padding:0;display:table-row;position:static}.headcount-table.module-table th,.headcount-table.module-table td{border-bottom:1px solid var(--border);height:auto;font-size:var(--fs-12);white-space:nowrap;overflow-wrap:normal;padding:9px 10px;display:table-cell}.headcount-table.module-table td:first-child,.headcount-table.module-table th:first-child{min-width:180px;padding-right:10px;text-align:left!important}.headcount-table.module-table td:not(:first-child){color:inherit;position:static;top:auto;right:auto;text-align:right!important}.headcount-table.module-table th{padding-block:10px}}.headcount-table th:first-child,.headcount-table td:first-child{z-index:1;background:var(--surface);box-shadow:1px 0 0 var(--border);left:0;position:sticky!important}.headcount-table thead th:first-child{z-index:3;background:var(--surface-raised)}.headcount-table .headcount-tree-parent td:first-child,.headcount-table .headcount-group-row td:first-child{background:color-mix(in srgb, var(--brand-50) 54%, var(--surface))}.headcount-table .headcount-subtotal-row td:first-child{background:var(--surface-subtle)}.headcount-table .headcount-total-row td:first-child{z-index:2;background:var(--surface-raised)}@media (max-width:900px){.headcount-table.module-table td:first-child,.headcount-table.module-table th:first-child{width:40vw;min-width:40vw;max-width:40vw;font-size:var(--fs-11);white-space:normal;overflow-wrap:anywhere;padding-right:8px;line-height:1.3}.headcount-table .headcount-tree-parent td:first-child,.headcount-table .headcount-unit-row td:first-child{padding-left:calc(8px + var(--tree-depth,0) * 10px)}.headcount-table .headcount-unit-tag{min-width:0;font-size:var(--fs-9);margin-right:5px;padding:1px 4px}.headcount-table .headcount-tree-toggle{text-align:left;grid-template-columns:16px minmax(0,1fr);gap:4px}.headcount-table .headcount-tree-toggle small{font-size:var(--fs-9);grid-column:2}}