:root{--page-pad-x:clamp(16px, 1.65vw, 30px);--page-pad-y:clamp(16px, 1.45vw, 28px);--section-gap:clamp(14px, 1.15vw, 22px);--card-pad-fluid:clamp(15px, 1.25vw, 22px);--control-height:clamp(38px, 2.75vw, 44px);--title-fluid:clamp(22px, 1.45vw, 30px);--body-fluid:clamp(12.5px, .18vw + 11.5px, 14px);--small-fluid:clamp(10.5px, .13vw + 9.8px, 12px);--attendance-on-time:#27a85a;--attendance-late:#ee8b23;--attendance-missing:#d6ad00;--attendance-leave:#2f73dc;--attendance-unapproved:#df5063;--attendance-half:#18aeba;--attendance-quarter:#8058d9}.app-main{overflow-x:clip}.workspace-focus,.workspace-focus>.metric-grid,.workspace-focus>.grid-2,.workspace-focus>.grid-3,.workspace-focus>.insight-strip,.workspace-focus>.payroll-stage-banner,.workspace-focus>.payroll-workflow-track{width:100%;min-width:0;max-width:100%}.workspace-focus{overflow-x:clip}.workspace-focus .metric-grid>*,.workspace-focus .grid-2>*,.workspace-focus .grid-3>*,.workspace-focus .insight-item>span:last-child,.workspace-focus .analytics-bars,.workspace-focus .multi-donut-layout{min-width:0}.workspace-focus .insight-item>span:last-child{overflow-wrap:anywhere}:root[data-theme=dark]{--attendance-on-time:#46cb7d;--attendance-late:#f4aa49;--attendance-missing:#e8c83c;--attendance-leave:#70a0fa;--attendance-unapproved:#f17483;--attendance-half:#47ccd5;--attendance-quarter:#a286ef}*,:before,:after{box-sizing:border-box}html,body{max-width:100%;overflow-x:hidden}body{font-size:var(--body-fluid)}img,svg,video,canvas{max-width:100%}button,input,select,textarea{font:inherit}.app-shell,.content,.topbar,.page-header,.page-title-wrap,.page-title-wrap>div,.card,.card-head,.metric-card,.metric-copy,.grid-2,.grid-3,.split-2,.split-3,.metric-grid,.control-grid,.profile-hero,.profile-main,.employee360-body,.employee360-tab-panel,.notification-item{min-width:0;max-width:100%}.app-shell{grid-template-columns:clamp(222px,17vw,270px) minmax(0,1fr);width:100%}.content{width:100%;padding:var(--page-pad-y) var(--page-pad-x) calc(var(--page-pad-y) + 8px);overflow-x:clip}.topbar{padding-inline:var(--page-pad-x);gap:clamp(10px,1vw,18px)}.page-header{margin-bottom:var(--section-gap);align-items:center;gap:clamp(14px,1.4vw,24px)}.page-title-wrap{flex:360px}.page-title-wrap h1{font-size:var(--title-fluid);overflow-wrap:anywhere;line-height:1.12}.page-title-wrap p{font-size:var(--small-fluid);overflow-wrap:anywhere;max-width:76ch;line-height:1.55}.page-actions{flex-wrap:wrap;flex:0 auto;justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.page-actions>*{min-width:0;max-width:100%}.primary-button,.soft-button,.ghost-button,.quick-action{min-height:var(--control-height);white-space:normal;overflow-wrap:anywhere;text-align:center;justify-content:center;align-items:center;padding:clamp(9px,.65vw,11px) clamp(12px,1vw,17px);line-height:1.2;text-decoration:none;display:inline-flex}.compact-action{white-space:nowrap;min-height:32px!important;padding:7px 10px!important;font-size:10.5px!important}.metric-grid,.metric-grid.four,.metric-grid.six{grid-template-columns:repeat(auto-fit,minmax(min(100%,175px),1fr));gap:clamp(10px,.9vw,16px);display:grid}.metric-card{gap:clamp(10px,.8vw,14px);min-height:clamp(104px,7vw,122px);padding:clamp(13px,1vw,18px)}.metric-copy>span{font-size:var(--small-fluid);overflow-wrap:anywhere;line-height:1.35}.metric-value{overflow-wrap:anywhere;line-height:1.08;font-size:clamp(20px,1.35vw,27px)!important}.metric-value-medium{font-size:clamp(17px,1.05vw,22px)!important}.metric-value-long{font-size:clamp(14px,.88vw,18px)!important}.metric-copy small{overflow-wrap:anywhere;font-size:clamp(9.5px,.1vw + 9px,11px);line-height:1.35}.metric-icon{flex:none;width:clamp(34px,2.7vw,42px);height:clamp(34px,2.7vw,42px)}.card{padding:var(--card-pad-fluid);overflow:hidden}.card-head{flex-wrap:wrap;gap:10px}.card-head h2,.control-card h2{overflow-wrap:anywhere;font-size:clamp(13px,.35vw + 11px,16px);line-height:1.3}.card-head>:last-child:not(:first-child){flex:0 auto;max-width:100%}.space-top,.section-separator+*{margin-top:var(--section-gap)}.grid-2,.split-2{gap:var(--section-gap);grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr))}.grid-3,.split-3,.executive-analytics{gap:var(--section-gap);grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}.control-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,265px),1fr));gap:clamp(12px,1vw,18px)}.control-card{min-width:0;padding:var(--card-pad-fluid);scroll-margin-top:90px}.control-card p{overflow-wrap:anywhere;line-height:1.55}.control-open-button{width:100%;margin-top:10px}.tabs,.employee360-tabs,.workspace-tabs,.report-tabs{overscroll-behavior-inline:contain;scrollbar-width:thin;-webkit-overflow-scrolling:touch;gap:6px;max-width:100%;padding-bottom:4px;display:flex;overflow:auto hidden;flex-wrap:nowrap!important}.tab,.employee360-tab,.workspace-tab,.report-tab{white-space:nowrap;flex:none}.table-wrap{overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;border-radius:12px;width:100%;max-width:100%;overflow-y:hidden;overflow-x:auto!important}.data-table{table-layout:auto;width:100%;min-width:660px}.data-table th{white-space:nowrap}.data-table td{overflow-wrap:anywhere;word-break:normal;max-width:min(34vw,340px)}.data-table td .status-pill{white-space:nowrap}.table-actions{flex-wrap:wrap}.form-grid,.profile-form-grid,.report-builder-grid,.verification-filter-grid,.employee360-review-form,.access-scope-form{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:clamp(11px,.9vw,16px)}.field,.workflow-field{min-width:0}.field input,.field select,.field textarea,.workflow-field input,.workflow-field select,.workflow-field textarea{width:100%;max-width:100%;min-height:var(--control-height)}textarea{resize:vertical}.notification-item{grid-template-columns:auto minmax(0,1fr) auto;gap:clamp(10px,1vw,16px)}.notification-item strong,.notification-item p{overflow-wrap:anywhere}.legend-item{gap:10px}.legend-item>span{overflow-wrap:anywhere;min-width:0}.legend-item>b,.legend-item>.status-pill{text-align:right;overflow-wrap:anywhere;flex:none;max-width:52%}.bar-chart{min-width:0;padding-bottom:5px;overflow-x:auto}.bar-chart>.bar-group{min-width:28px}.line-chart{width:100%;height:auto}.donut{width:clamp(126px,10vw,160px);height:clamp(126px,10vw,160px)}.workflow-modal-backdrop{z-index:140;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#04122a94;place-items:center;padding:clamp(10px,2vw,28px);display:grid;position:fixed;inset:0}.workflow-modal{border:1px solid var(--line);background:var(--surface);border-radius:clamp(16px,1.4vw,22px);flex-direction:column;width:min(720px,100%);max-height:min(90vh,900px);display:flex;overflow:hidden;box-shadow:0 28px 90px #020f2652}.workflow-modal-wide{width:min(980px,100%)}.workflow-modal-head{border-bottom:1px solid var(--line);background:linear-gradient(135deg, color-mix(in srgb, var(--accent-soft) 55%, var(--surface)), var(--surface));justify-content:space-between;align-items:flex-start;gap:18px;padding:clamp(17px,1.6vw,25px);display:flex}.workflow-modal-head>div{min-width:0}.workflow-modal-head h2{overflow-wrap:anywhere;margin:3px 0 4px;font-size:clamp(20px,1.4vw,27px);line-height:1.2}.workflow-modal-head p{color:var(--muted);font-size:var(--small-fluid);margin:0;line-height:1.5}.workflow-eyebrow{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:900}.workflow-modal-body{padding:clamp(17px,1.6vw,25px);overflow:auto}.workflow-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1vw,17px);display:grid}.workflow-field{flex-direction:column;gap:6px;min-width:0;display:flex}.workflow-field-wide{grid-column:1/-1}.workflow-field>span{color:var(--muted);font-size:10.5px;font-weight:800}.workflow-field input,.workflow-field select,.workflow-field textarea{border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:11px;padding:10px 12px}.workflow-field input:focus,.workflow-field select:focus,.workflow-field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.workflow-field small,.workflow-helper{color:var(--muted);font-size:10px;line-height:1.5}.workflow-modal-actions,.approval-review-actions{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:9px;margin-top:18px;padding-top:16px;display:flex}.workflow-message{border-radius:11px;margin-top:14px;padding:11px 13px;font-size:11px;font-weight:700;line-height:1.45}.workflow-message.success{color:#177b48;background:#20a85d1c;border:1px solid #20a85d2e}.workflow-message.error{color:var(--red);background:#df50631a;border:1px solid #df50632b}.workflow-loading{text-align:center;color:var(--muted);padding:44px 12px}.workflow-retry-row{border:1px solid color-mix(in srgb, var(--orange) 35%, var(--line));background:color-mix(in srgb, var(--orange) 8%, var(--surface));color:var(--muted);border-radius:11px;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;padding:11px 13px;font-size:10px;line-height:1.45;display:flex}.workflow-retry-row button{flex:none;min-height:34px;padding:7px 10px;font-size:10px}.policy-json-editor{tab-size:2;min-height:300px;font:11px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important}.attendance-rule-preview{border:1px solid color-mix(in srgb, var(--accent) 34%, var(--line));background:color-mix(in srgb, var(--accent) 7%, var(--surface));border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:13px;padding:12px;display:grid}.attendance-rule-preview>div{background:var(--surface);border-radius:10px;min-width:0;padding:10px 12px}.attendance-rule-preview span{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:9px;font-weight:800;display:block}.attendance-rule-preview strong{color:var(--text);overflow-wrap:anywhere;margin-top:4px;font-size:10.5px;line-height:1.45;display:block}.policy-editor-modal{width:min(1080px,100%);position:relative}.policy-editor-body{flex-direction:column;min-height:0;display:flex}.policy-editor-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(11px,1vw,16px);display:grid}.policy-tabs{overscroll-behavior-inline:contain;scrollbar-width:thin;-webkit-overflow-scrolling:touch;flex:none;gap:7px;width:100%;max-width:100%;margin:17px 0 13px;padding:2px 2px 7px;display:flex;overflow:auto hidden}.policy-tab{border:1px solid var(--line);background:var(--surface-2);min-height:38px;color:var(--muted);white-space:nowrap;cursor:pointer;border-radius:10px;flex:none;padding:9px 13px;font-size:clamp(10px,.13vw + 9.4px,11.5px);font-weight:800;line-height:1.2;transition:border-color .18s,background .18s,color .18s,transform .18s}.policy-tab:hover{border-color:color-mix(in srgb, var(--accent) 42%, var(--line));color:var(--text)}.policy-tab.active{border-color:color-mix(in srgb, var(--accent) 58%, var(--line));background:color-mix(in srgb, var(--accent) 13%, var(--surface));color:var(--accent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 9%, transparent)}.policy-code-tab{border-style:dashed;margin-left:auto}.policy-panel{border:1px solid var(--line);background:color-mix(in srgb, var(--surface-2) 56%, var(--surface));border-radius:15px;min-width:0;padding:clamp(14px,1.15vw,20px)}.policy-panel-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.policy-panel-head>div{min-width:0}.policy-panel-head strong{font-size:clamp(13px,.3vw + 11px,16px);line-height:1.3;display:block}.policy-panel-head p{max-width:78ch;color:var(--muted);overflow-wrap:anywhere;margin:4px 0 0;font-size:10.5px;line-height:1.5}.policy-panel-head>button{flex:none;min-height:36px;padding:8px 12px;font-size:10.5px}.policy-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.policy-setting{border:1px solid var(--line);background:var(--surface);border-radius:12px;flex-direction:column;justify-content:space-between;gap:12px;min-width:0;min-height:116px;padding:clamp(12px,1vw,16px);display:flex}.policy-setting-wide{grid-column:1/-1;min-height:0}.policy-setting>div:first-child{min-width:0}.policy-setting strong{color:var(--text);overflow-wrap:anywhere;font-size:11.5px;line-height:1.35;display:block}.policy-setting p{color:var(--muted);overflow-wrap:anywhere;margin:4px 0 0;font-size:9.7px;line-height:1.5}.policy-input-wrap{align-items:stretch;min-width:0;display:flex}.policy-input-wrap input,.policy-input-wrap select{border:1px solid var(--line);background:var(--surface-2);width:100%;min-width:0;min-height:40px;color:var(--text);border-radius:10px;outline:none;padding:9px 11px}.policy-input-wrap input:focus,.policy-input-wrap select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.policy-input-wrap:has(em) input{border-radius:10px 0 0 10px}.policy-input-wrap em{border:1px solid var(--line);background:color-mix(in srgb, var(--surface-2) 78%, var(--line));color:var(--muted);white-space:nowrap;border-left:0;border-radius:0 10px 10px 0;flex:none;align-items:center;padding:0 11px;font-size:9.5px;font-style:normal;font-weight:800;display:inline-flex}.policy-setting-toggle{flex-direction:row;align-items:center;min-height:102px}.policy-setting-toggle>div{flex:auto}.policy-toggle{border:1px solid var(--line);background:var(--surface-2);min-height:34px;color:var(--muted);cursor:pointer;border-radius:999px;flex:none;align-items:center;gap:7px;padding:6px 9px;font-size:9.5px;font-weight:850;display:inline-flex}.policy-toggle>span{background:color-mix(in srgb, var(--muted) 26%, var(--line));border-radius:999px;width:28px;height:17px;position:relative}.policy-toggle>span:after{content:"";background:#fff;border-radius:50%;width:11px;height:11px;transition:transform .18s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #04143047}.policy-toggle.enabled{border-color:color-mix(in srgb, var(--green) 42%, var(--line));background:color-mix(in srgb, var(--green) 10%, var(--surface));color:var(--green)}.policy-toggle.enabled>span{background:var(--green)}.policy-toggle.enabled>span:after{transform:translate(11px)}.policy-choice-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,130px),1fr));gap:7px;display:grid}.policy-choice{border:1px solid var(--line);background:var(--surface-2);min-width:0;min-height:37px;color:var(--muted);cursor:pointer;border-radius:9px;align-items:center;gap:7px;padding:8px 10px;font-size:9.7px;font-weight:750;display:flex}.policy-choice input{accent-color:var(--accent);flex:none;margin:0}.policy-choice span{overflow-wrap:anywhere;min-width:0}.policy-choice.selected{border-color:color-mix(in srgb, var(--accent) 44%, var(--line));background:color-mix(in srgb, var(--accent) 10%, var(--surface));color:var(--accent)}.policy-code-panel .policy-json-editor{border:1px solid var(--line);background:var(--surface-2);width:100%;max-width:100%;min-height:clamp(280px,42vh,430px);color:var(--text);resize:vertical;border-radius:11px;outline:none;padding:13px;display:block}.policy-code-panel .policy-json-editor:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.policy-version-note{margin:13px 1px 0}.policy-notify-overlay{z-index:4;border-radius:inherit;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#04122a8f;place-items:center;padding:clamp(15px,3vw,34px);display:grid;position:absolute;inset:0}.policy-notify-card{border:1px solid var(--line);background:var(--surface);text-align:center;border-radius:18px;width:min(470px,100%);padding:clamp(22px,2.4vw,32px);box-shadow:0 24px 75px #020f2652}.policy-notify-icon{background:var(--accent-soft);border-radius:16px;place-items:center;width:52px;height:52px;margin:0 auto 12px;font-size:23px;display:grid}.policy-notify-card h3{margin:5px 0 7px;font-size:clamp(18px,1.5vw,23px)}.policy-notify-card>p{color:var(--muted);margin:0;font-size:11px;line-height:1.6}.policy-notify-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:18px;display:grid}@media (max-width:680px){.policy-editor-meta,.policy-settings-grid,.attendance-rule-preview{grid-template-columns:1fr}.policy-setting-wide{grid-column:auto}.policy-setting-toggle{flex-direction:column;align-items:flex-start}.policy-panel-head{flex-direction:column}.policy-panel-head>button{width:100%}.policy-code-tab{margin-left:0}.policy-notify-actions{grid-template-columns:1fr}.workflow-retry-row{flex-direction:column;align-items:stretch}.workflow-retry-row button{width:100%}}.account-setup-shell{background:radial-gradient(circle at 12% 15%, color-mix(in srgb, var(--accent) 13%, transparent), transparent 34%), radial-gradient(circle at 88% 85%, color-mix(in srgb, var(--blue) 10%, transparent), transparent 31%), var(--bg);place-items:center;min-height:100dvh;padding:clamp(18px,4vw,48px);display:grid}.account-setup-card{border:1px solid var(--line);background:var(--surface);border-radius:22px;width:min(510px,100%);padding:clamp(24px,3vw,38px);box-shadow:0 28px 90px #020f262e}.account-setup-brand{margin-bottom:24px}.account-setup-card h1{margin:6px 0 7px;font-size:clamp(25px,2.2vw,34px)}.account-setup-card>p{color:var(--muted);overflow-wrap:anywhere;margin:0 0 20px;font-size:11.5px;line-height:1.6}.account-setup-status,.account-setup-expired{border:1px solid var(--line);background:var(--surface-2);color:var(--muted);text-align:center;border-radius:14px;padding:20px}.account-setup-expired strong{color:var(--text);display:block}.account-setup-expired p{margin:6px 0 15px;font-size:10.5px}.account-setup-form{gap:13px;display:grid}.account-setup-form>label,.profile-password-form>label:not(.profile-password-show){gap:6px;display:grid}.account-setup-form label>span,.profile-password-form label>span{color:var(--muted);font-size:10px;font-weight:800}.account-setup-form input,.profile-password-form input:not([type=checkbox]){border:1px solid var(--line);background:var(--surface-2);width:100%;min-height:42px;color:var(--text);border-radius:10px;outline:none;padding:9px 11px}.account-setup-form input:focus,.profile-password-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.account-password-wrap{position:relative}.account-password-wrap input{padding-right:62px}.account-password-wrap button{color:var(--accent);cursor:pointer;background:0 0;border:0;font-size:9.5px;font-weight:850;position:absolute;inset:5px 6px 5px auto}.account-setup-form>small,.profile-password-form>small{color:var(--muted);font-size:9.5px;line-height:1.5}.account-setup-form>.primary-button{width:100%;margin-top:3px}.profile-password-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.profile-password-form>label:first-child,.profile-password-form>label:nth-child(4),.profile-password-form>small,.profile-password-form>.workflow-message,.profile-password-form>button{grid-column:1/-1}.profile-password-show{align-items:center;gap:7px;display:flex}.profile-password-show input{accent-color:var(--accent);margin:0}.profile-password-form>button{justify-self:end;min-width:150px}@media (max-width:600px){.profile-password-form{grid-template-columns:1fr}.profile-password-form>*{grid-column:auto!important}.profile-password-form>button{justify-self:stretch;width:100%}}.attendance-import-drop{border:1px dashed var(--line-strong);background:var(--surface-2);border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 16px;padding:16px;display:grid}.attendance-import-drop input{grid-column:1/-1;width:100%}.attendance-import-drop>div{flex-direction:column;min-width:0;display:flex}.attendance-import-drop strong,.attendance-import-drop span{overflow-wrap:anywhere}.attendance-import-drop span{color:var(--muted);font-size:10px}.attendance-mapping-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,165px),1fr));gap:10px;margin-top:16px;display:grid}.attendance-mapping-grid label{flex-direction:column;gap:5px;min-width:0;display:flex}.attendance-mapping-grid span{color:var(--muted);font-size:9.5px;font-weight:800}.attendance-mapping-grid select{border:1px solid var(--line);background:var(--surface);width:100%;min-height:38px;color:var(--text);border-radius:9px}.attendance-mapping-guide{border:1px solid var(--line);background:color-mix(in srgb, var(--blue) 5%, var(--surface));border-radius:11px;justify-content:space-between;align-items:center;gap:14px;margin-top:16px;padding:12px 13px;display:flex}.attendance-mapping-guide>div{flex-direction:column;gap:3px;min-width:0;display:flex}.attendance-mapping-guide strong{font-size:11px}.attendance-mapping-guide span{max-width:78ch;color:var(--muted);font-size:9.5px;line-height:1.45}.attendance-mapping-guide>b{border:1px solid color-mix(in srgb, var(--orange) 28%, var(--line));background:color-mix(in srgb, var(--orange) 9%, var(--surface));color:color-mix(in srgb, var(--orange) 82%, var(--text));white-space:nowrap;border-radius:999px;flex:none;padding:5px 8px;font-size:8.5px}.attendance-mapping-guide>b.complete{border-color:color-mix(in srgb, var(--attendance-on-time) 32%, var(--line));background:color-mix(in srgb, var(--attendance-on-time) 10%, var(--surface));color:color-mix(in srgb, var(--attendance-on-time) 82%, var(--text))}.attendance-preview-head{justify-content:space-between;align-items:center;gap:12px;margin:16px 1px 7px;display:flex}.attendance-preview-head strong{font-size:11px}.attendance-preview-head span{color:var(--muted);font-size:9px}.attendance-import-preview{scrollbar-gutter:stable;max-height:min(42vh,380px);margin-top:0;overflow:auto}.attendance-import-preview .data-table{min-width:720px}.attendance-import-preview .data-table thead th{z-index:2;box-shadow:0 1px 0 var(--line);position:sticky;top:0}.status-pill.late{border-color:color-mix(in srgb, var(--attendance-late) 28%, var(--line));background:color-mix(in srgb, var(--attendance-late) 12%, var(--surface));color:color-mix(in srgb, var(--attendance-late) 82%, var(--text))}.status-pill.missing{border-color:color-mix(in srgb, var(--attendance-missing) 34%, var(--line));background:color-mix(in srgb, var(--attendance-missing) 15%, var(--surface));color:color-mix(in srgb, var(--attendance-missing) 78%, var(--text))}.status-pill.leave{border-color:color-mix(in srgb, var(--attendance-leave) 28%, var(--line));background:color-mix(in srgb, var(--attendance-leave) 11%, var(--surface));color:color-mix(in srgb, var(--attendance-leave) 82%, var(--text))}.status-pill.half{border-color:color-mix(in srgb, var(--attendance-half) 30%, var(--line));background:color-mix(in srgb, var(--attendance-half) 12%, var(--surface));color:color-mix(in srgb, var(--attendance-half) 82%, var(--text))}.status-pill.quarter{border-color:color-mix(in srgb, var(--attendance-quarter) 30%, var(--line));background:color-mix(in srgb, var(--attendance-quarter) 12%, var(--surface));color:color-mix(in srgb, var(--attendance-quarter) 82%, var(--text))}.working-day-picker{flex-wrap:wrap;gap:7px;display:flex}.working-day-picker button{border:1px solid var(--line);background:var(--surface-2);min-width:46px;min-height:34px;color:var(--muted);cursor:pointer;border-radius:9px;font-size:10px;font-weight:800}.working-day-picker button.selected{border-color:color-mix(in srgb, var(--accent) 45%, var(--line));background:color-mix(in srgb, var(--accent) 12%, var(--surface));color:var(--accent)}.approval-review-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.approval-review-summary>div,.approval-metadata-grid>div{border:1px solid var(--line);background:var(--surface-2);border-radius:11px;flex-direction:column;gap:4px;min-width:0;padding:12px;display:flex}.approval-review-summary span,.approval-metadata-grid span{color:var(--muted);font-size:9.5px}.approval-review-summary b,.approval-metadata-grid b{overflow-wrap:anywhere;font-size:12px}.approval-metadata-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:9px;margin-top:10px;display:grid}.approval-route-list{margin:17px 0}.approval-route-list h3{margin:0 0 9px;font-size:12px}.approval-route-list>div{border-top:1px solid var(--line);grid-template-columns:30px minmax(0,1fr);gap:10px;padding:9px 0;display:grid}.approval-route-list>div>span{background:var(--surface-3);border-radius:50%;place-items:center;width:28px;height:28px;font-size:10px;font-weight:900;display:grid}.approval-route-list>div.current>span{color:#fff;background:var(--accent)}.approval-route-list>div div{flex-direction:column;min-width:0;display:flex}.approval-route-list small,.approval-route-list p{color:var(--muted);overflow-wrap:anywhere;margin:2px 0 0;font-size:10px}.danger{color:var(--red)!important;border-color:color-mix(in srgb, var(--red) 28%, var(--line))!important}.attendance-calendar-head,.attendance-calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:clamp(5px,.55vw,9px);display:grid}.attendance-calendar-head{margin-bottom:7px}.attendance-calendar-head span{text-align:center;color:var(--muted);padding:5px;font-size:9.5px;font-weight:850}.attendance-calendar-day{border:1px solid var(--line);background:var(--surface-2);min-width:0;min-height:clamp(70px,5.4vw,92px);color:var(--text);text-align:left;cursor:pointer;border-radius:12px;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:4px;padding:clamp(8px,.75vw,12px);display:flex}.attendance-calendar-day:disabled{opacity:.66;cursor:default}.attendance-calendar-day.empty{background:0 0;border-color:#0000}.attendance-calendar-day>span{font-size:12px;font-weight:900}.attendance-calendar-day>b{max-width:100%;color:var(--muted);text-overflow:ellipsis;font-size:clamp(8px,.15vw + 7.5px,10px);line-height:1.2;overflow:hidden}.attendance-calendar-day>small{max-width:100%;color:var(--accent);text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-weight:850;overflow:hidden}.attendance-calendar-day.status-on_time{border-color:color-mix(in srgb, var(--attendance-on-time) 43%, var(--line));background:color-mix(in srgb, var(--attendance-on-time) 13%, var(--surface))}.attendance-calendar-day.status-late{border-color:color-mix(in srgb, var(--attendance-late) 45%, var(--line));background:color-mix(in srgb, var(--attendance-late) 14%, var(--surface))}.attendance-calendar-day.status-missing_punch{border-color:color-mix(in srgb, var(--attendance-missing) 48%, var(--line));background:color-mix(in srgb, var(--attendance-missing) 17%, var(--surface))}.attendance-calendar-day.status-leave{border-color:color-mix(in srgb, var(--attendance-leave) 42%, var(--line));background:color-mix(in srgb, var(--attendance-leave) 12%, var(--surface))}.attendance-calendar-day.status-half_day{border-color:color-mix(in srgb, var(--attendance-half) 43%, var(--line));background:color-mix(in srgb, var(--attendance-half) 13%, var(--surface))}.attendance-calendar-day.status-quarter_day{border-color:color-mix(in srgb, var(--attendance-quarter) 43%, var(--line));background:color-mix(in srgb, var(--attendance-quarter) 13%, var(--surface))}.attendance-calendar-day.status-absent,.attendance-calendar-day.status-unapproved_leave{border-color:color-mix(in srgb, var(--attendance-unapproved) 43%, var(--line));background:color-mix(in srgb, var(--attendance-unapproved) 13%, var(--surface))}.attendance-month-chip{border:1px solid var(--line);background:var(--surface-2);min-height:27px;color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;padding:5px 9px;font-size:9.5px;font-weight:800;display:inline-flex}.attendance-mini-calendar{width:100%;min-width:0}.attendance-mini-calendar-head,.attendance-mini-calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:clamp(4px,.42vw,7px);display:grid}.attendance-mini-calendar-head{margin-bottom:6px}.attendance-mini-calendar-head span{color:var(--muted);text-align:center;padding:3px 1px;font-size:clamp(7.5px,.15vw + 7px,9px);font-weight:850}.attendance-mini-calendar-day{border:1px solid var(--line);background:var(--surface-2);min-width:0;min-height:clamp(43px,3.8vw,55px);color:var(--text);cursor:pointer;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:5px 3px;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex;position:relative}.attendance-mini-calendar-day>span{font-size:clamp(10px,.2vw + 9px,12px);font-weight:900;line-height:1}.attendance-mini-calendar-day>b{width:100%;color:var(--muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(6.5px,.13vw + 6px,8px);font-weight:800;line-height:1.15;overflow:hidden}.attendance-mini-calendar-day>i{background:var(--accent);width:5px;height:5px;box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 16%, transparent);border-radius:50%;position:absolute;top:4px;right:4px}.attendance-mini-calendar-day:hover:not(:disabled){z-index:1;border-color:color-mix(in srgb, var(--accent) 38%, var(--line));transform:translateY(-1px);box-shadow:0 7px 18px #0f244617}.attendance-mini-calendar-day:focus-visible{outline:3px solid var(--ring);outline-offset:1px}.attendance-mini-calendar-day:disabled{opacity:.45;cursor:default}.attendance-mini-calendar-day.empty{visibility:hidden;pointer-events:none}.attendance-mini-calendar-day.status-on_time{border-color:color-mix(in srgb, var(--attendance-on-time) 43%, var(--line));background:color-mix(in srgb, var(--attendance-on-time) 13%, var(--surface))}.attendance-mini-calendar-day.status-late{border-color:color-mix(in srgb, var(--attendance-late) 47%, var(--line));background:color-mix(in srgb, var(--attendance-late) 15%, var(--surface))}.attendance-mini-calendar-day.status-missing_punch{border-color:color-mix(in srgb, var(--attendance-missing) 52%, var(--line));background:color-mix(in srgb, var(--attendance-missing) 18%, var(--surface))}.attendance-mini-calendar-day.status-leave{border-color:color-mix(in srgb, var(--attendance-leave) 44%, var(--line));background:color-mix(in srgb, var(--attendance-leave) 13%, var(--surface))}.attendance-mini-calendar-day.status-half_day{border-color:color-mix(in srgb, var(--attendance-half) 45%, var(--line));background:color-mix(in srgb, var(--attendance-half) 14%, var(--surface))}.attendance-mini-calendar-day.status-quarter_day{border-color:color-mix(in srgb, var(--attendance-quarter) 45%, var(--line));background:color-mix(in srgb, var(--attendance-quarter) 14%, var(--surface))}.attendance-mini-calendar-day.status-absent,.attendance-mini-calendar-day.status-unapproved_leave{border-color:color-mix(in srgb, var(--attendance-unapproved) 45%, var(--line));background:color-mix(in srgb, var(--attendance-unapproved) 14%, var(--surface))}.attendance-mini-calendar-day.status-on_time>b{color:color-mix(in srgb, var(--attendance-on-time) 78%, var(--text))}.attendance-mini-calendar-day.status-late>b{color:color-mix(in srgb, var(--attendance-late) 82%, var(--text))}.attendance-mini-calendar-day.status-missing_punch>b{color:color-mix(in srgb, var(--attendance-missing) 76%, var(--text))}.attendance-mini-calendar-day.status-leave>b{color:color-mix(in srgb, var(--attendance-leave) 78%, var(--text))}.attendance-mini-calendar-day.status-half_day>b{color:color-mix(in srgb, var(--attendance-half) 78%, var(--text))}.attendance-mini-calendar-day.status-quarter_day>b{color:color-mix(in srgb, var(--attendance-quarter) 78%, var(--text))}.attendance-mini-calendar-day.status-absent>b,.attendance-mini-calendar-day.status-unapproved_leave>b{color:color-mix(in srgb, var(--attendance-unapproved) 78%, var(--text))}.attendance-mini-calendar-day.status-weekend,.attendance-mini-calendar-day.status-official_day_off,.attendance-mini-calendar-day.status-no-record{color:var(--muted);background:color-mix(in srgb, var(--surface-2) 65%, transparent)}.attendance-distribution-layout{align-content:start;justify-items:stretch;gap:17px;min-height:0;padding:2px 0 4px;display:grid}.attendance-distribution-chart{place-items:center;min-height:205px;display:grid}.attendance-distribution-donut{aspect-ratio:1;filter:drop-shadow(0 12px 22px #12274c1a);border-radius:50%;place-items:center;width:clamp(184px,14vw,220px);display:grid}.attendance-distribution-donut>div{aspect-ratio:1;border:1px solid var(--line);background:var(--surface);text-align:center;border-radius:50%;place-content:center;justify-items:center;gap:2px;width:68%;padding:12px;display:grid;box-shadow:0 8px 24px #12274c12}.attendance-distribution-donut strong{font-size:clamp(26px,2vw,34px);line-height:1}.attendance-distribution-donut span{color:var(--text);font-size:10px;font-weight:850}.attendance-distribution-donut small{color:var(--muted);white-space:nowrap;font-size:8.5px;line-height:1.2}.attendance-distribution-legend{grid-template-columns:repeat(auto-fit,minmax(min(100%,118px),1fr));gap:7px;display:grid}.attendance-distribution-item{border:1px solid var(--line);background:var(--surface-2);border-radius:9px;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:6px;min-width:0;padding:8px 9px;font-size:9.5px;display:grid}.attendance-distribution-item i{width:8px;height:8px;box-shadow:0 0 0 2px color-mix(in srgb, currentColor 10%, transparent);border-radius:50%}.attendance-distribution-item span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.attendance-distribution-item b{font-size:10px}.attendance-detail-backdrop{z-index:150;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#04122a7a;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.attendance-detail-popover{border:1px solid var(--line);background:var(--surface);border-radius:18px;width:min(470px,100%);max-height:min(88vh,650px);overflow-y:auto;box-shadow:0 26px 80px #03122b47}.attendance-detail-head{border-bottom:1px solid var(--line);background:linear-gradient(135deg, color-mix(in srgb, var(--accent-soft) 55%, var(--surface)), var(--surface));justify-content:space-between;align-items:flex-start;gap:14px;padding:18px 19px 15px;display:flex}.attendance-detail-head>div{min-width:0}.attendance-detail-head span{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:900}.attendance-detail-head h2{margin:3px 0 0;font-size:clamp(19px,1.5vw,24px);line-height:1.15}.attendance-detail-status{justify-content:space-between;align-items:center;gap:12px;padding:14px 19px 0;display:flex}.attendance-detail-status>span{color:var(--muted);font-size:10px;font-weight:800}.attendance-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:14px 19px;display:grid}.attendance-detail-grid>div{border:1px solid var(--line);background:var(--surface-2);border-radius:11px;min-width:0;padding:12px}.attendance-detail-grid span,.attendance-detail-correction>span{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:8.5px;font-weight:850;display:block}.attendance-detail-grid b{overflow-wrap:anywhere;margin-top:4px;font-size:clamp(14px,1vw,17px);display:block}.attendance-detail-correction{border:1px solid color-mix(in srgb, var(--accent) 25%, var(--line));background:color-mix(in srgb, var(--accent) 6%, var(--surface));border-radius:11px;flex-direction:column;gap:3px;margin:0 19px 14px;padding:12px 13px;display:flex}.attendance-detail-correction b{font-size:12px}.attendance-detail-correction small{color:var(--muted);overflow-wrap:anywhere;font-size:9.5px;line-height:1.4}.attendance-detail-actions{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;padding:14px 19px 18px;display:flex}.documents-layout{gap:var(--section-gap);grid-template-columns:minmax(0,1.5fr) minmax(280px,.75fr);display:grid}.document-preview-frame{border:1px solid var(--line);background:#fff;border-radius:12px;width:100%;min-height:440px;overflow:hidden}.document-preview-frame iframe{border:0;width:100%;height:520px}.doc-preview{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:320px;display:flex}.employee360-drawer{width:min(920px,100vw);max-width:100vw}.employee360-head,.employee360-body,.employee360-tabs{padding-inline:clamp(15px,2vw,28px)}.employee360-kpis,.employee360-kpis.compact{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr))}.employee360-detail-list,.employee360-detail-list.private-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr))}.reporting-editor{border:1px solid var(--line);background:var(--surface-2);border-radius:13px;flex-direction:column;gap:11px;padding:clamp(12px,1.2vw,18px);display:flex}.reporting-candidate{border:1px solid color-mix(in srgb, var(--accent) 30%, var(--line));background:color-mix(in srgb, var(--accent) 7%, var(--surface));border-radius:10px;flex-direction:column;gap:3px;padding:11px 13px;display:flex}.reporting-candidate span,.reporting-candidate small{color:var(--muted);font-size:9.5px}.reporting-chain-preview{flex-wrap:wrap;gap:7px;display:flex}.reporting-chain-preview>span{border:1px solid var(--line);background:var(--surface);max-width:100%;color:var(--muted);overflow-wrap:anywhere;border-radius:999px;padding:7px 9px;font-size:9px}.lifecycle-review-drawer{width:min(700px,100vw);max-width:100vw}.payroll-workflow-track{padding-bottom:4px;overflow-x:auto}@media (max-width:1440px){:root{--page-pad-x:clamp(17px, 1.45vw, 23px);--section-gap:clamp(13px, 1vw, 18px)}.app-shell{grid-template-columns:clamp(212px,16.5vw,238px) minmax(0,1fr)}.metric-grid.six{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card{min-height:102px}}@media (max-width:1180px){.metric-grid,.metric-grid.four,.metric-grid.six{grid-template-columns:repeat(3,minmax(0,1fr))}.documents-layout{grid-template-columns:1fr}.document-preview-frame{min-height:360px}}@media (max-width:980px){.app-shell{grid-template-columns:78px minmax(0,1fr)}.sidebar{padding-inline:8px}.sidebar .brand-wordmark,.sidebar .nav-link span,.sidebar-help>div:not(.help-icon){display:none}.sidebar .nav-link,.sidebar .brand{justify-content:center}.page-header{align-items:flex-start}.page-actions{justify-content:flex-start;width:100%}.grid-3,.split-3,.executive-analytics,.control-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:820px){:root{--page-pad-x:14px;--page-pad-y:15px;--section-gap:14px}.app-shell{display:block}.content{width:100%;padding-bottom:28px}.page-title-wrap{flex-basis:100%}.page-actions{flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.page-actions>*{flex:none}.metric-grid,.metric-grid.four,.metric-grid.six{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-2,.split-2,.grid-3,.split-3,.executive-analytics,.control-grid{grid-template-columns:1fr}.workflow-modal-backdrop{place-items:end center;padding:8px}.workflow-modal{border-radius:18px 18px 13px 13px;width:100%;max-height:94vh}.workflow-form-grid{grid-template-columns:1fr}.workflow-field-wide{grid-column:auto}.attendance-import-drop{grid-template-columns:1fr}.attendance-import-drop input{grid-column:auto}.attendance-mapping-guide,.attendance-preview-head{flex-direction:column;align-items:flex-start}.approval-review-summary{grid-template-columns:1fr 1fr}.employee360-drawer,.lifecycle-review-drawer{width:100vw}.notification-item{grid-template-columns:auto minmax(0,1fr)}.notification-item>:last-child{grid-column:2;text-align:left!important}}@media (max-width:580px){.topbar{min-width:0}.page-header{gap:10px}.page-title-wrap h1{font-size:22px}.metric-grid,.metric-grid.four,.metric-grid.six{grid-template-columns:1fr}.metric-card{min-height:94px}.page-actions{width:calc(100vw - 28px)}.page-actions .primary-button,.page-actions .soft-button,.page-actions input{min-height:38px}.card{border-radius:14px}.data-table{min-width:600px}.attendance-calendar-head,.attendance-calendar-grid{gap:3px}.attendance-calendar-head span{padding-inline:1px;font-size:8px}.attendance-calendar-day{border-radius:8px;min-height:55px;padding:6px 5px}.attendance-calendar-day>b{font-size:7px}.attendance-calendar-day>small{display:none}.attendance-mini-calendar-head,.attendance-mini-calendar-grid{gap:3px}.attendance-mini-calendar-day{border-radius:7px;min-height:44px;padding:4px 2px}.attendance-mini-calendar-day>b{font-size:6.5px}.attendance-detail-backdrop{place-items:end center;padding:8px}.attendance-detail-popover{border-radius:18px 18px 12px 12px;width:100%;max-height:92vh}.attendance-detail-grid{gap:7px;padding-inline:14px}.attendance-detail-head,.attendance-detail-status{padding-inline:14px}.attendance-detail-correction{margin-inline:14px}.attendance-detail-actions{flex-direction:column-reverse;align-items:stretch;padding-inline:14px}.attendance-detail-actions>*{width:100%}.approval-review-summary{grid-template-columns:1fr}.workflow-modal-actions,.approval-review-actions{flex-direction:column-reverse;align-items:stretch}.workflow-modal-actions>*,.approval-review-actions>*{width:100%}.document-preview-frame iframe{height:420px}}@media (prefers-reduced-motion:reduce){.workflow-modal-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}}@media (min-width:821px){:root{--release-sidebar-width:clamp(222px, 17vw, 270px)}.app-shell{width:100%;min-height:100dvh;display:block!important}.sidebar{overscroll-behavior:contain;scrollbar-width:thin;min-height:100dvh;overflow:hidden auto;width:var(--release-sidebar-width)!important;height:100dvh!important;position:fixed!important;inset:0 auto 0 0!important}.app-main{min-width:0;min-height:100dvh;margin-left:var(--release-sidebar-width);width:calc(100% - var(--release-sidebar-width))!important}.dashboard-summary-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:clamp(8px,.72vw,12px)!important}.dashboard-summary-grid>.metric-card{gap:clamp(7px,.62vw,10px);min-width:0;min-height:clamp(94px,7vw,108px);padding:clamp(10px,.85vw,14px)}.dashboard-summary-grid .metric-icon{width:clamp(30px,2.4vw,38px);height:clamp(30px,2.4vw,38px)}.dashboard-summary-grid .metric-copy>span:first-child{line-height:1.25;font-size:clamp(9px,.22vw + 7px,11px)!important}.dashboard-summary-grid .metric-value,.dashboard-summary-grid .metric-value-medium,.dashboard-summary-grid .metric-value-long,.dashboard-summary-grid .metric-card strong{white-space:nowrap;text-overflow:ellipsis;max-width:100%;line-height:1.08;overflow:hidden;font-size:clamp(15px,1.12vw,21px)!important}.dashboard-summary-grid .metric-copy small{margin-top:4px;line-height:1.3;font-size:clamp(8px,.14vw + 6.7px,9.5px)!important}}@media (max-width:1220px) and (min-width:821px){:root{--release-sidebar-width:86px}}@media (max-width:820px){.app-main{width:100%!important;margin-left:0!important}}@media (max-width:580px){.dashboard-summary-grid{grid-template-columns:1fr!important}}.metric-grid{grid-auto-flow:row;align-items:stretch}.metric-grid>.metric-card{height:100%}.metric-card strong,.metric-value,.legend-item>b,.legend-item>.status-pill,.status-pill{max-width:100%;white-space:nowrap!important;overflow-wrap:normal!important;word-break:keep-all!important}.legend-item{grid-template-columns:minmax(0,1fr) max-content;align-items:center}.legend-item>b,.legend-item>.status-pill{justify-self:end;width:auto;max-width:none}.card-head>.card-title-wrap{min-width:0}.card-head h2{word-break:normal}@media (min-width:1500px){.metric-grid:has(>.metric-card:first-child:last-child){grid-template-columns:1fr!important}.metric-grid:has(>.metric-card:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))!important}.metric-grid:has(>.metric-card:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))!important}.metric-grid:has(>.metric-card:nth-child(4):last-child){grid-template-columns:repeat(4,minmax(0,1fr))!important}.metric-grid:has(>.metric-card:nth-child(5):last-child){grid-template-columns:repeat(5,minmax(0,1fr))!important}.metric-grid:has(>.metric-card:nth-child(6):last-child){grid-template-columns:repeat(6,minmax(0,1fr))!important}}@media (min-width:681px) and (max-width:1499px){.metric-grid:has(>.metric-card:first-child:last-child){grid-template-columns:1fr!important}.metric-grid:has(>.metric-card:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))!important}.metric-grid:has(>.metric-card:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))!important}.metric-grid:has(>.metric-card:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))!important}.metric-grid:has(>.metric-card:nth-child(6):last-child){grid-template-columns:repeat(3,minmax(0,1fr))!important}.metric-grid:has(>.metric-card:nth-child(5):last-child):not(.dashboard-summary-grid){grid-template-columns:repeat(6,minmax(0,1fr))!important}.metric-grid:has(>.metric-card:nth-child(5):last-child):not(.dashboard-summary-grid)>.metric-card{grid-column:span 2}.metric-grid:has(>.metric-card:nth-child(5):last-child):not(.dashboard-summary-grid)>.metric-card:nth-child(n+4){grid-column:span 3}}@media (min-width:681px) and (max-width:820px){.dashboard-summary-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}.dashboard-summary-grid>.metric-card{grid-column:span 2}.dashboard-summary-grid>.metric-card:nth-child(n+4){grid-column:span 3}}@media (min-width:821px){.dashboard-summary-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}.grid-2,.split-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.grid-3:not(.report-builder-grid),.split-3,.executive-analytics,.control-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.grid-2>.card,.split-2>.card,.grid-3>.card,.split-3>.card,.executive-analytics>.card{height:100%}}@media (min-width:1025px){:root{--release-sidebar-width:clamp(222px, 17vw, 270px)}}@media (max-width:1024px) and (min-width:821px){:root{--release-sidebar-width:86px}}@media (min-width:581px) and (max-width:680px){.metric-grid,.metric-grid.four,.metric-grid.six{grid-template-columns:repeat(2,minmax(0,1fr))!important}:is(.metric-grid:has(>.metric-card:nth-child(3):last-child)>.metric-card:last-child,.metric-grid:has(>.metric-card:nth-child(5):last-child)>.metric-card:last-child){grid-column:1/-1}}@media (max-width:580px){.metric-grid,.metric-grid.four,.metric-grid.six,.dashboard-summary-grid,.grid-2,.split-2,.grid-3:not(.report-builder-grid),.split-3,.executive-analytics,.control-grid{grid-template-columns:1fr!important}}.leave-workflow-grid{align-items:start;grid-template-columns:minmax(0,1fr)!important}.leave-workflow-grid>.card{align-self:start;height:auto!important}.approval-journey-card{min-height:0}.approval-journey{gap:0;min-height:0!important;padding:3px 0 0!important;display:grid!important;overflow:visible!important}.approval-stage-wrap{grid-template-columns:38px minmax(0,1fr);gap:11px;min-height:61px;flex:none!important;align-items:start!important;min-width:0!important;display:grid!important}.approval-stage-track{width:38px;min-height:100%;position:relative}.approval-stage-icon{z-index:2;position:relative;border-radius:12px!important;width:36px!important;height:36px!important;margin:0!important}.approval-connector{z-index:1;border-left:2px dotted color-mix(in srgb, var(--line) 82%, var(--muted));top:38px;bottom:-1px;left:17px;color:#0000!important;width:0!important;min-width:0!important;height:auto!important;margin:0!important;display:block!important;position:absolute!important}.approval-connector.complete{border-left-color:color-mix(in srgb, var(--green) 72%, var(--line))}.approval-connector.stopped{border-left-color:color-mix(in srgb, var(--red) 72%, var(--line))}.approval-stage{padding:1px 0 12px;text-align:left!important;width:auto!important;margin:0!important}.approval-stage-heading{justify-content:space-between;align-items:center;gap:9px;min-width:0;display:flex}.approval-stage-heading strong{min-width:0;font-size:clamp(11px,.24vw + 10px,13px)}.approval-stage>small{margin-top:2px;font-size:9px;line-height:1.35}.approval-stage-status{white-space:nowrap;flex:none;margin:0!important;padding:4px 7px!important;font-size:8px!important}.approval-stage-remark{border:1px solid var(--line);background:var(--surface-2);color:var(--muted);overflow-wrap:anywhere;border-radius:9px;margin:6px 0 0;padding:7px 9px;font-size:9px;line-height:1.4}.approval-stage-remark b{color:var(--text)}.approval-stage-wrap.initiated .approval-stage-icon{color:var(--blue);background:#e9f2ff;border-color:#cbdcf8}.approval-stage-wrap.approved .approval-stage-icon{color:var(--green);background:#e4f8ef;border-color:#b9e8ca}.approval-stage-wrap.pending .approval-stage-icon{color:#d48b11;background:#fff3dd;border-color:#f1d390}.approval-stage-wrap.rejected .approval-stage-icon,.approval-stage-wrap.cancelled .approval-stage-icon{color:var(--red);background:#ffe9ec;border-color:#f4c4cd}.approval-stage-wrap.returned .approval-stage-icon{color:var(--orange);background:#fff2e3;border-color:#f2d6aa}.approval-stage-wrap.skipped .approval-stage-icon{opacity:.55;filter:saturate(.25)}.approval-stage.skipped .approval-stage-status{background:var(--surface-2);color:var(--muted)}.approval-pulse{border-radius:15px!important;inset:-4px!important}.approval-selected-summary{margin-top:4px}.approval-empty-state{place-content:center;min-height:180px;padding:24px 12px;display:grid}.approval-journey-loading{grid-template-columns:1fr;gap:8px!important;min-height:230px!important;display:grid!important}.approval-stage-skeleton{grid-template-columns:38px 1fr;place-items:center start;padding:0}.approval-stage-skeleton .skeleton-circle{border-radius:12px;width:36px;height:36px}@media (min-width:821px){.approval-journey-card .approval-journey:not(.approval-journey-loading){grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;padding:8px clamp(8px,1.4vw,22px) 2px!important}.approval-journey-card .approval-stage-wrap{grid-template-rows:44px auto;grid-template-columns:minmax(0,1fr);gap:8px;min-height:112px}.approval-journey-card .approval-stage-track{width:100%;min-height:44px}.approval-journey-card .approval-stage-icon{margin:0 auto!important}.approval-journey-card .approval-connector{border-left:0;border-top:2px dotted color-mix(in srgb, var(--line) 82%, var(--muted));inset:17px calc(23px - 50%) auto calc(50% + 23px);width:auto!important;height:0!important}.approval-journey-card .approval-connector.complete{border-top-color:color-mix(in srgb, var(--green) 72%, var(--line))}.approval-journey-card .approval-connector.stopped{border-top-color:color-mix(in srgb, var(--red) 72%, var(--line))}.approval-journey-card .approval-stage{padding:0 clamp(7px,1vw,15px) 10px;text-align:center!important}.approval-journey-card .approval-stage-heading{flex-direction:column;justify-content:flex-start;gap:5px}.approval-journey-card .approval-stage>small{min-height:13px}.approval-journey-card .approval-stage-remark{text-align:left}.approval-journey-card .approval-journey-loading{grid-template-columns:repeat(4,minmax(0,1fr))!important;min-height:110px!important}}.leave-attachment-control{margin-bottom:9px;position:relative}.leave-attachment-control>input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.leave-attachment-control>label{border:1px dashed color-mix(in srgb, var(--accent) 34%, var(--line));background:color-mix(in srgb, var(--accent) 4%, var(--surface-2));min-height:64px;color:var(--accent);cursor:pointer;border-radius:12px;align-items:center;gap:11px;padding:11px 13px;margin:0!important;display:flex!important}.leave-attachment-control>label:hover{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 7%, var(--surface))}.leave-attachment-control>input:focus-visible+label{outline:3px solid var(--ring);outline-offset:2px}.leave-attachment-control label>span{min-width:0}.leave-attachment-control label b{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:11px;display:block;overflow:hidden}.leave-attachment-control label small{color:var(--muted);margin-top:3px;font-size:9px;font-weight:600;display:block}.legend-count-button{border:1px solid color-mix(in srgb, var(--accent) 24%, var(--line));background:color-mix(in srgb, var(--accent) 9%, var(--surface));min-width:26px;min-height:24px;color:var(--text);white-space:nowrap;cursor:pointer;border-radius:999px;justify-self:end;place-items:center;padding:3px 7px;font-size:10px;font-weight:900;line-height:1;display:inline-grid}.legend-count-button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.legend-count-button:disabled{cursor:default;opacity:.62}.evaluation-due-modal{width:min(680px,100%)}.evaluation-due-list{gap:8px;display:grid}.evaluation-due-list article{border:1px solid var(--line);background:var(--surface-2);border-radius:11px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 12px;display:grid}.evaluation-due-list article>div{min-width:0}.evaluation-due-list strong{font-size:11px;display:block}.evaluation-due-list span{color:var(--muted);overflow-wrap:anywhere;margin-top:3px;font-size:9px;display:block}@media (max-width:580px){.evaluation-due-list article{grid-template-columns:1fr}.evaluation-due-list article button{width:100%}}@media (hover:hover) and (pointer:fine) and (min-width:821px){:root{--release-sidebar-width:clamp(218px, 17vw, 270px)}.app-shell{min-height:100dvh;display:block!important}.sidebar{min-height:100dvh;overflow:hidden auto;width:var(--release-sidebar-width)!important;height:100dvh!important;padding:18px 14px!important;display:flex!important;position:fixed!important;inset:0 auto 0 0!important;transform:none!important}.sidebar .brand{padding-right:8px}.sidebar .brand-lockup{justify-content:flex-start!important;display:flex!important}.sidebar .brand-wordmark{display:block!important}.sidebar .nav-link{justify-content:flex-start!important;padding:11px 14px!important}.sidebar .nav-link span{display:inline!important}.sidebar .sidebar-help{display:flex;justify-content:flex-start!important}.sidebar .sidebar-help>div:not(.help-icon){display:block!important}.app-main{min-width:0;min-height:100dvh;width:calc(100% - var(--release-sidebar-width))!important;margin-left:var(--release-sidebar-width)!important}.mobile-menu-button,.mobile-sidebar-close,.mobile-nav-backdrop{display:none!important}}@media (hover:hover) and (pointer:fine) and (min-width:821px) and (max-height:760px){.sidebar{padding:10px!important}.sidebar .brand{padding:0 8px 10px!important}.sidebar .brand-logo-mark{width:38px;height:38px}.sidebar nav{gap:2px!important;padding-top:8px!important}.sidebar .nav-link{font-size:12.5px;gap:9px!important;min-height:36px!important;padding:7px 11px!important}.sidebar .nav-link svg{width:17px;height:17px}.sidebar .sidebar-help{flex:none;gap:8px;padding:8px 9px!important}.sidebar .sidebar-help .help-icon{width:29px;height:29px}.sidebar .sidebar-help small,.sidebar .sidebar-help a{margin-top:2px;font-size:9px;line-height:1.25}}@container workspace (max-width:760px){.dashboard-summary-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}.dashboard-summary-grid>.metric-card{grid-column:span 2}.dashboard-summary-grid>.metric-card:nth-child(n+4){grid-column:span 3}.grid-2,.split-2,.grid-3:not(.report-builder-grid),.split-3,.executive-analytics,.control-grid{grid-template-columns:1fr!important}.approval-journey-card .approval-journey:not(.approval-journey-loading){grid-template-columns:1fr;padding:3px 0 0!important}.approval-journey-card .approval-stage-wrap{grid-template-rows:auto;grid-template-columns:38px minmax(0,1fr);gap:11px;min-height:61px}.approval-journey-card .approval-stage-track{width:38px;min-height:100%}.approval-journey-card .approval-stage-icon{margin:0!important}.approval-journey-card .approval-connector{border-top:0;border-left:2px dotted color-mix(in srgb, var(--line) 82%, var(--muted));inset:38px auto -1px 17px;width:0!important;height:auto!important}.approval-journey-card .approval-connector.complete{border-left-color:color-mix(in srgb, var(--green) 72%, var(--line))}.approval-journey-card .approval-connector.stopped{border-left-color:color-mix(in srgb, var(--red) 72%, var(--line))}.approval-journey-card .approval-stage{padding:1px 0 12px;text-align:left!important}.approval-journey-card .approval-stage-heading{flex-direction:row;justify-content:space-between;gap:9px}.approval-journey-card .approval-stage>small{min-height:0}}@container workspace (max-width:470px){.dashboard-summary-grid{grid-template-columns:1fr!important}.dashboard-summary-grid>.metric-card{grid-column:auto!important}}.badge-policy-setting{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;display:grid}.badge-policy-icon{background:linear-gradient(145deg,color-mix(in srgb,var(--accent-soft) 82%,var(--surface)),color-mix(in srgb,var(--blue) 12%,var(--surface)));border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));border-radius:16px;flex:none;place-items:center;width:clamp(42px,4vw,54px);height:clamp(42px,4vw,54px);font-size:clamp(20px,2vw,27px);display:grid;box-shadow:inset 0 1px #ffffff6b,0 8px 18px #051c4614}.badge-award-panel{border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--accent-soft) 42%,var(--surface)),var(--surface));border-radius:18px;padding:clamp(15px,1.6vw,22px)}.badge-award-copy{align-items:center;gap:13px;margin-bottom:15px;display:flex}.badge-award-copy strong{font-size:14px;display:block}.badge-award-copy p{color:var(--muted);margin:4px 0 0;font-size:10.5px;line-height:1.5}.badge-award-grid{grid-template-columns:minmax(180px,1.25fr) minmax(150px,.7fr) minmax(190px,1.3fr) auto;align-items:end;gap:10px;display:grid}.badge-award-grid label{min-width:0}.badge-award-grid label>span{color:var(--muted);margin-bottom:5px;font-size:10px;font-weight:800;display:block}.badge-award-grid input,.badge-award-grid select{border:1px solid var(--line);background:var(--surface);width:100%;min-width:0;color:var(--text);border-radius:10px;padding:10px 11px}.badge-award-grid .primary-button{white-space:nowrap;min-height:39px}.dashboard-greeting{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.greeting-badges{align-items:center;gap:5px;display:inline-flex}.greeting-badge{cursor:help;background:linear-gradient(145deg,#fff7d7,#ffe09c);border:1px solid #db9d1d4d;border-radius:10px;place-items:center;width:30px;height:30px;font-size:16px;display:inline-grid;box-shadow:0 5px 14px #82530421,inset 0 1px #ffffffbf}.greeting-badge-hipaa-certified{background:linear-gradient(145deg,#e9fbf5,#ccefe3);border-color:#1291673d}.greeting-badge-kpi-achiever{background:linear-gradient(145deg,#eaf3ff,#d6e5ff);border-color:#2563eb3d}.greeting-badge-birthday,.greeting-badge-anniversary{animation:2.2s ease-in-out infinite celebrationFloat}@keyframes celebrationFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-3px)rotate(3deg)}}.company-feed-list{scrollbar-gutter:stable;gap:9px;max-height:270px;padding-right:4px;display:grid;overflow-y:auto}.company-feed-item{border:1px solid var(--line);background:color-mix(in srgb,var(--surface-2) 45%,transparent);border-radius:12px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px;display:grid}.company-feed-emoji{background:var(--surface);border:1px solid var(--line);border-radius:10px;place-items:center;width:34px;height:34px;font-size:17px;display:grid}.company-feed-copy{min-width:0}.company-feed-copy b{font-size:10.5px;line-height:1.35;display:block}.company-feed-copy .muted{margin-top:2px;font-size:9.5px;line-height:1.4}.feed-wish-button{border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));background:var(--accent-soft);color:var(--accent-strong);cursor:pointer;white-space:nowrap;border-radius:9px;padding:7px 9px;font-size:9.5px;font-weight:800}.feed-wish-button:hover{transform:translateY(-1px);box-shadow:0 7px 16px #0d61481f}.badge-earned-count{background:var(--accent-soft);border-radius:999px;margin:4px 0 1px;padding:2px 6px;font-weight:850;color:var(--accent-strong)!important;display:inline-block!important}.celebration-modal-backdrop{z-index:120;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#04122a9e;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.celebration-modal{border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));background:radial-gradient(circle at 50% -20%,color-mix(in srgb,var(--accent-soft) 80%,transparent),transparent 48%),var(--surface);text-align:center;border-radius:24px;width:min(510px,96vw);padding:clamp(22px,3vw,34px);position:relative;overflow:hidden;box-shadow:0 28px 90px #020f2657}.celebration-modal>.modal-close{position:absolute;top:14px;right:14px}.celebration-hero-icon{background:linear-gradient(145deg,#fff6cf,#ffd77d);border:1px solid #d3910e47;border-radius:24px;place-items:center;width:72px;height:72px;margin:0 auto 13px;font-size:37px;display:grid;box-shadow:0 13px 28px #7d4b0029,inset 0 1px #fff}.celebration-modal h2{margin:6px 0 8px;font-size:clamp(18px,2.4vw,24px);line-height:1.25}.celebration-modal>p{color:var(--muted);max-width:420px;margin:0 auto 15px;font-size:11px;line-height:1.55}.celebration-modal textarea{resize:vertical;border:1px solid var(--line);background:var(--surface-2);width:100%;min-height:104px;color:var(--text);border-radius:13px;padding:12px;line-height:1.5}.celebration-message-meta{color:var(--muted);justify-content:flex-end;margin-top:4px;font-size:9px;display:flex}.celebration-actions{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.wish-received-modal blockquote{border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));background:linear-gradient(135deg,var(--accent-soft),var(--surface-2));color:var(--text);border-radius:16px;margin:15px 0 8px;padding:17px;font-size:14px;font-weight:650;line-height:1.6}.wish-received-modal .wish-sender{color:var(--text);margin-bottom:17px;font-weight:800}.celebration-confetti{color:#d69b15;letter-spacing:8px;margin:-4px 0 9px;font-size:17px;display:block}@media (max-width:900px){.badge-award-grid{grid-template-columns:1fr 1fr}.badge-award-notes{grid-column:1/-1}}@media (max-width:620px){.badge-policy-setting{grid-template-columns:auto minmax(0,1fr)}.badge-policy-setting .policy-toggle{grid-column:1/-1;justify-self:stretch}.badge-award-grid{grid-template-columns:1fr}.badge-award-notes{grid-column:auto}.company-feed-item{grid-template-columns:32px minmax(0,1fr)}.feed-wish-button{grid-column:2;justify-self:start}.celebration-actions{flex-direction:column-reverse}.celebration-actions button{width:100%}}.payroll-input-modal{width:min(1040px,100%)}.payroll-input-tabs{border:1px solid var(--line);background:var(--surface-2);border-radius:13px;gap:8px;margin-bottom:16px;padding:5px;display:flex;overflow-x:auto}.payroll-input-tabs button{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:9px;flex:1 0 150px;padding:10px 13px;font-size:11px;font-weight:800}.payroll-input-tabs button.active{background:var(--surface);color:var(--text);box-shadow:0 5px 16px #04122a14}.payroll-input-lock-note{border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));background:color-mix(in srgb,var(--accent-soft) 46%,var(--surface));border-radius:12px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;padding:12px 14px;display:flex}.payroll-input-lock-note b{font-size:11px}.payroll-input-lock-note span{color:var(--muted);text-align:right;font-size:10px}.payroll-input-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.payroll-input-form label{min-width:0}.payroll-input-form label.full{grid-column:1/-1}.payroll-input-form label>span{color:var(--muted);margin-bottom:5px;font-size:10px;font-weight:800;display:block}.payroll-input-form input,.payroll-input-form select{border:1px solid var(--line);background:var(--surface);width:100%;min-width:0;color:var(--text);border-radius:11px;padding:11px 12px}.payroll-input-form small{color:var(--muted);margin-top:5px;font-size:9px;line-height:1.4;display:block}.payroll-row-check{border-radius:999px;padding:4px 7px;font-size:9px;font-weight:800;display:inline-flex}.payroll-row-check.good{background:color-mix(in srgb,var(--green) 13%,transparent);color:var(--green)}.payroll-row-check.bad{background:color-mix(in srgb,var(--red) 12%,transparent);color:var(--red)}.payroll-error-download{margin-top:10px}.payroll-import-history{margin-top:18px}.payroll-import-history h3{margin:0 0 9px;font-size:12px}@media (max-width:700px){.payroll-input-form{grid-template-columns:1fr}.payroll-input-form label.full{grid-column:auto}.payroll-input-lock-note{flex-direction:column;align-items:flex-start}.payroll-input-lock-note span{text-align:left}}.payroll-bank-modal{width:min(960px,100%)}.payroll-bank-loading{min-height:260px}.payroll-bank-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.payroll-bank-summary>div{border:1px solid var(--line);background:var(--surface-2);border-radius:13px;min-width:0;padding:14px}.payroll-bank-summary span,.payroll-bank-summary small{color:var(--muted);font-size:9px;line-height:1.45;display:block}.payroll-bank-summary b{overflow-wrap:anywhere;margin:4px 0;font-size:17px;display:block}.payroll-bank-summary .ready{border-color:color-mix(in srgb,var(--green) 34%,var(--line));background:color-mix(in srgb,var(--green) 7%,var(--surface))}.payroll-bank-summary .ready b{color:var(--green)}.payroll-bank-summary .needs-attention{border-color:color-mix(in srgb,var(--orange) 38%,var(--line));background:color-mix(in srgb,var(--orange) 8%,var(--surface))}.payroll-bank-summary .needs-attention b{color:var(--orange)}.payroll-bank-issues{border:1px solid color-mix(in srgb,var(--orange) 30%,var(--line));border-radius:13px;margin-top:14px;overflow:hidden}.payroll-bank-issues-head{background:color-mix(in srgb,var(--orange) 8%,var(--surface));justify-content:space-between;align-items:center;gap:14px;padding:13px 14px;display:flex}.payroll-bank-issues-head>div{min-width:0}.payroll-bank-issues-head b,.payroll-bank-issues-head span{display:block}.payroll-bank-issues-head b{font-size:11px}.payroll-bank-issues-head span{color:var(--muted);margin-top:3px;font-size:9px;line-height:1.45}.payroll-bank-file-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:15px;display:grid}.payroll-bank-file-grid>div{border:1px solid var(--line);background:var(--surface);border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:15px;display:grid}.payroll-bank-file-grid b,.payroll-bank-file-grid small{display:block}.payroll-bank-file-grid b{font-size:11px}.payroll-bank-file-grid small{color:var(--muted);margin-top:3px;font-size:9px;line-height:1.4}.payroll-bank-file-icon{color:#fff;background:linear-gradient(135deg,#0a2b62,#071d45);border-radius:12px;place-items:center;width:40px;height:40px;font-size:11px;font-weight:900;display:grid;box-shadow:0 8px 18px #061f4a24}.payroll-bank-file-icon.other{background:linear-gradient(135deg,var(--green),#23783b)}.payroll-bank-format-note{border:1px dashed var(--line);background:var(--surface-2);border-radius:12px;flex-wrap:wrap;gap:7px;margin-top:14px;padding:12px 13px;display:flex}.payroll-bank-format-note b{width:100%;font-size:10px}.payroll-bank-format-note span{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:999px;padding:5px 8px;font-size:8.5px}@media (max-width:760px){.payroll-bank-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.payroll-bank-file-grid{grid-template-columns:1fr}.payroll-bank-file-grid>div{grid-template-columns:auto minmax(0,1fr)}.payroll-bank-file-grid button{grid-column:1/-1;width:100%}.profile-bank-footer{flex-direction:column;align-items:stretch}.profile-bank-footer .soft-button{width:100%}}@media (max-width:460px){.payroll-bank-summary{grid-template-columns:1fr}.payroll-bank-issues-head{align-items:flex-start}}.recent-attendance-scroll{scrollbar-gutter:stable;max-height:430px;overflow:auto}.recent-attendance-scroll .data-table thead th{z-index:2;position:sticky;top:0}.request-history-table .request-reason-cell{white-space:normal;overflow-wrap:anywhere;min-width:230px;max-width:440px;line-height:1.45}.leave-submission-review{border:1px solid var(--line);background:var(--surface-2);border-radius:13px;grid-template-columns:minmax(0,1.6fr) minmax(190px,.7fr);gap:12px;margin-top:12px;padding:13px;display:grid}.leave-review-label,.approval-leave-detail span{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px;font-size:9px;font-weight:850;display:block}.leave-submission-review p,.approval-leave-reason p{border:1px solid var(--line);background:var(--surface);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:10px;margin:0;padding:11px 12px;font-size:11px;line-height:1.55}.leave-review-attachment{min-width:0}.leave-review-attachment button{overflow-wrap:anywhere;align-items:center;gap:7px;max-width:100%;display:flex}.approval-leave-detail{border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));background:color-mix(in srgb,var(--accent-soft) 30%,var(--surface));border-radius:14px;margin-top:14px;padding:14px}.approval-leave-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:10px;display:grid}.approval-leave-facts>div{border:1px solid var(--line);background:var(--surface);border-radius:10px;min-width:0;padding:10px}.approval-leave-facts b{overflow-wrap:anywhere;font-size:10.5px;display:block}.approval-leave-document{justify-content:space-between;align-items:center;gap:12px;margin-top:10px;display:flex}.approval-leave-document>span{margin:0}.approval-leave-document small{color:var(--muted);font-size:10px}.notification-detail-backdrop{z-index:140;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#031127a3;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.notification-detail-modal{border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));background:var(--surface);border-radius:22px;width:min(580px,96vw);max-height:min(680px,90vh);padding:clamp(22px,3vw,32px);position:relative;overflow:auto;box-shadow:0 28px 90px #020f2659}.notification-detail-modal>.modal-close{position:absolute;top:14px;right:14px}.notification-detail-modal h2{margin:7px 42px 8px 0;font-size:clamp(19px,2.4vw,25px);line-height:1.3}.notification-detail-meta{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.notification-detail-meta time{color:var(--muted);font-size:10px}.notification-detail-message{border:1px solid var(--line);background:var(--surface-2);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:14px;margin-top:16px;padding:16px;font-size:12px;line-height:1.65}.notification-detail-actions{justify-content:flex-end;gap:9px;margin-top:17px;display:flex}@media (max-width:700px){.leave-submission-review,.approval-leave-facts{grid-template-columns:1fr}.notification-detail-actions{flex-direction:column-reverse}.notification-detail-actions button{width:100%}}.payroll-template-actions{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.payroll-template-actions .soft-button{white-space:nowrap;min-height:36px;padding:8px 11px}.employee-directory-modes{border:1px solid var(--line);background:var(--surface-2);border-radius:11px;flex-wrap:wrap;gap:6px;padding:4px;display:flex}.employee-directory-modes button{min-height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:7px 10px;font-size:10px;font-weight:800;display:inline-flex}.employee-directory-modes button.active{background:var(--surface);color:var(--text);box-shadow:0 4px 12px #04122a14}.employee-directory-modes button span{background:var(--accent-soft);min-width:20px;height:20px;color:var(--accent-strong);border-radius:999px;place-items:center;padding:0 5px;font-size:9px;display:inline-grid}.employee360-account-status{justify-content:space-between;align-items:center;gap:16px;display:flex}.employee360-account-status>div:first-child{min-width:0}.employee360-account-status span,.employee360-account-status small{color:var(--muted);font-size:10px;display:block}.employee360-account-status b{margin:3px 0;font-size:16px;display:block}.employee360-account-actions{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.soft-button.danger,.primary-button.danger{border-color:color-mix(in srgb,var(--red) 45%,var(--line));color:var(--red)}.primary-button.danger{color:#fff;background:linear-gradient(135deg,#a92c3f,#771c2d);box-shadow:0 8px 20px #91233533}.employee-lifecycle-modal,.employee-delete-modal{width:min(620px,100%)}.danger-head{border-bottom-color:color-mix(in srgb,var(--red) 35%,var(--line));background:color-mix(in srgb,var(--red) 6%,var(--surface))}.permanent-delete-warning,.permanent-delete-blockers{border:1px solid color-mix(in srgb,var(--red) 32%,var(--line));background:color-mix(in srgb,var(--red) 6%,var(--surface));border-radius:12px;gap:6px;padding:13px 14px;display:grid}.permanent-delete-warning strong,.permanent-delete-blockers strong{color:var(--red);font-size:12px}.permanent-delete-warning span,.permanent-delete-blockers p,.permanent-delete-blockers li{color:var(--muted);font-size:10.5px;line-height:1.5}.permanent-delete-blockers p{margin:0}.permanent-delete-blockers ul{margin:3px 0 0;padding-left:20px}.permanent-delete-confirm{gap:7px;margin-top:14px;display:grid}.permanent-delete-confirm span{color:var(--muted);font-size:10.5px}.permanent-delete-confirm input{border:1px solid var(--line);background:var(--surface-2);width:100%;min-height:42px;color:var(--text);border-radius:10px;padding:10px 12px}@media (max-width:700px){.payroll-template-actions{justify-content:stretch;width:100%}.payroll-template-actions .soft-button{flex:120px}.employee360-account-status{flex-direction:column;align-items:stretch}.employee360-account-actions{justify-content:stretch}.employee360-account-actions button{flex:100%}.employee-directory-modes{width:100%}.employee-directory-modes button{flex:130px;justify-content:center}}.approval-review-modal{width:min(920px,100%)}.approval-request-detail{border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));background:color-mix(in srgb,var(--accent-soft) 30%,var(--surface));border-radius:14px;margin-top:14px;padding:14px}.approval-request-detail>h3{margin:0 0 11px;font-size:12px}.approval-request-facts,.approval-metadata-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:9px;display:grid}.approval-request-facts>div{border:1px solid var(--line);background:var(--surface);border-radius:10px;min-width:0;padding:10px}.approval-request-facts span,.approval-request-reason>span,.approval-request-notes>span,.approval-request-document>span{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px;font-size:9px;font-weight:850;display:block}.approval-request-facts b{overflow-wrap:anywhere;font-size:10.5px;line-height:1.45;display:block}.approval-request-reason,.approval-request-notes{margin-top:10px}.approval-request-reason p,.approval-request-notes p{border:1px solid var(--line);background:var(--surface);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:10px;margin:0;padding:11px 12px;font-size:11px;line-height:1.55}.approval-request-notes p{border-color:color-mix(in srgb,var(--blue) 24%,var(--line))}.approval-request-document{justify-content:space-between;align-items:center;gap:12px;margin-top:10px;display:flex}.approval-request-document>span{margin:0}.approval-request-document small{color:var(--muted);font-size:10px}.approval-route-list p strong{font-size:inherit}.table-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;min-width:max-content;display:flex}@media (max-width:820px){.sidebar{visibility:visible;touch-action:pan-y;z-index:200!important;pointer-events:auto!important}.sidebar.mobile-open{transform:translate(0)!important}.sidebar .nav-link{z-index:2;touch-action:manipulation;position:relative;pointer-events:auto!important}.mobile-nav-backdrop{z-index:190!important}.mobile-sidebar-close{z-index:3;pointer-events:auto;touch-action:manipulation}.approval-request-document{flex-direction:column;align-items:stretch}.approval-request-document .soft-button{width:100%}.table-actions{justify-content:flex-start}}.control-grid{align-items:stretch;grid-template-columns:repeat(auto-fit,minmax(min(100%,clamp(245px,22vw,320px)),1fr))!important;gap:clamp(10px,1vw,16px)!important;display:grid!important}.control-card{flex-direction:column;min-width:0;min-height:clamp(205px,15vw,250px);display:flex;overflow:hidden;padding:clamp(13px,1.15vw,19px)!important}.control-card h2{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;margin:0 0 6px;line-height:1.28;font-size:clamp(12px,.38vw + 10.5px,16px)!important}.control-card p{overflow-wrap:anywhere;margin:0 0 10px;line-height:1.5;min-height:0!important;font-size:clamp(9.5px,.18vw + 8.7px,11.5px)!important}.control-card .policy-row{flex-wrap:wrap;align-items:center;row-gap:5px;min-width:0;font-size:clamp(9.5px,.15vw + 8.8px,11px)}.control-card .policy-row>span:first-child{overflow-wrap:anywhere;min-width:0}.control-card .policy-row>:last-child{flex:none;max-width:100%}.control-card-actions{margin-top:auto;grid-template-columns:repeat(auto-fit,minmax(min(100%,125px),1fr))!important}.control-card>.control-open-button{margin-top:auto!important}.control-card-actions .control-open-button,.control-card>.control-open-button{overflow-wrap:anywhere;min-width:0;min-height:clamp(36px,2.8vw,42px);padding:8px 10px;line-height:1.25;white-space:normal!important;font-size:clamp(9.5px,.16vw + 8.8px,11px)!important}.policy-editor-modal{width:min(1120px,100vw - 24px)!important}.policy-settings-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,285px),1fr))!important}.policy-setting{min-width:0;height:auto;min-height:0}.policy-setting-wide{grid-column:1/-1}.policy-setting strong{font-size:clamp(10.5px,.18vw + 9.8px,12px)!important}.policy-setting p{font-size:clamp(9px,.12vw + 8.5px,10.5px)!important}.policy-input-wrap{min-width:0;max-width:100%}.policy-input-wrap input,.policy-input-wrap select{text-overflow:ellipsis;min-width:0}.policy-setting-toggle{flex-wrap:wrap;align-content:center}.policy-toggle{white-space:normal;max-width:100%}.policy-choice-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,125px),1fr))!important}@media (max-width:720px){.control-grid{grid-template-columns:1fr!important}.control-card{min-height:0}.policy-editor-modal{width:min(100%,100vw - 12px)!important}.policy-settings-grid{grid-template-columns:1fr!important}.policy-setting-wide{grid-column:auto}.policy-setting-toggle{flex-direction:column;align-items:flex-start}.policy-toggle{justify-content:space-between;width:100%}}