:root{color:#172033;font-synthesis:none;--brand:#0f766e;--brand-dark:#115e59;--brand-soft:#dff3ef;--surface:#fff;--background:#f4f5f1;--ink:#172033;--muted:#667085;--line:#dfe4df;--gold:#b6802b;--danger:#bd3d3d;background:#f4f5f1;font-family:Segoe UI,Tahoma,Arial,sans-serif}*{box-sizing:border-box}body{background:var(--background);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}.app-shell{background:radial-gradient(circle at 80% 0, #0f766e17, transparent 28rem), var(--background);grid-template-columns:245px 1fr;min-height:100vh;display:grid}.global-offline-banner{z-index:120;inset-inline:12px;color:#704a08;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff7e0f7;border:1px solid #efc46f;border-radius:14px;max-width:720px;margin-inline:auto;padding:11px 18px;font-size:.84rem;font-weight:750;position:fixed;top:10px;box-shadow:0 10px 28px #593c0829}.sidebar{color:#fff;background:#102e2c;flex-direction:column;height:100vh;padding:24px 18px;display:flex;position:sticky;top:0;overflow:hidden}.brand-block{color:#102e2c;-webkit-backdrop-filter:blur(16px)saturate(135%);background:#ffffffbd;border-bottom:1px solid #102e2c29;flex:0 0 70px;align-items:center;gap:10px;height:70px;margin:-24px -18px 30px;padding:0 18px;font-size:20px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffdb,0 10px 26px #03191724}.brand-block:before{content:"";pointer-events:none;opacity:.58;background-image:repeating-linear-gradient(45deg,#0000 0 17px,#102e2c1f 17px 18px,#0000 18px 34px),repeating-linear-gradient(-45deg,#0000 0 17px,#102e2c1f 17px 18px,#0000 18px 34px);position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000000e6,#00000052);mask-image:linear-gradient(90deg,#000000e6,#00000052)}[dir=rtl] .brand-block:before{-webkit-mask-image:linear-gradient(270deg,#000000e6,#00000052);mask-image:linear-gradient(270deg,#000000e6,#00000052)}.brand-block img,.brand-block strong{z-index:1;position:relative}.brand-block img{object-fit:contain;filter:drop-shadow(0 3px 7px #102e2c24);border-radius:12px;flex:0 0 54px;width:54px;height:54px}.sidebar nav{gap:7px;display:grid}.sidebar nav button{color:#ffffffa8;text-align:start;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:12px 13px;font-size:14px;display:flex}.sidebar nav button svg{width:16px}.sidebar nav button.active,.sidebar nav button:hover:not(:disabled){color:#fff;background:#ffffff1a}.sidebar nav button:disabled{cursor:not-allowed;opacity:.45}.sidebar .sidebar-nav{scrollbar-width:thin;scrollbar-color:#fff3 transparent;align-content:start;min-height:0;padding-block-end:18px;overflow-y:auto}.sidebar-group{border-radius:13px;gap:3px;display:grid}.sidebar-group.active{background:#ffffff09}.sidebar nav .sidebar-group-trigger{color:#ffffffc7;justify-content:space-between;width:100%;font-weight:750}.sidebar-group-trigger>span{align-items:center;gap:10px;min-width:0;display:flex}.sidebar nav .sidebar-group-trigger .sidebar-group-chevron{width:11px;transition:transform .2s}.sidebar-group-trigger[aria-expanded=true] .sidebar-group-chevron{transform:rotate(180deg)}.sidebar-group-items{gap:3px;padding:0 5px 6px;display:grid}.sidebar-group-items[hidden]{display:none}.sidebar nav .sidebar-group-items .sidebar-link{padding-block:9px;padding-inline-start:29px;font-size:13px;position:relative}.sidebar nav .sidebar-group-items .sidebar-link:before{content:"";background:#ffffff3d;border-radius:50%;width:5px;height:5px;position:absolute;inset-inline-start:13px}.sidebar nav .sidebar-group-items .sidebar-link.active{color:#fff;background:linear-gradient(135deg,#149188b8,#0f766ee6);box-shadow:0 7px 18px #0319173d,inset 0 1px #ffffff29}.sidebar nav .sidebar-group-items .sidebar-link.active:before{background:#b9fff2;box-shadow:0 0 0 4px #64d8c62e,0 0 12px #64d8c6bf}.mobile-bottom-nav{display:none}@media (width>=921px){.attendance-mobile{display:none!important}}.tenant-badge{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:11px;gap:4px;margin-bottom:20px;padding:12px;display:grid}.tenant-badge small{color:#ffffff94}.tenant-badge strong{font-size:12px}.main-area{min-width:0}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffffbd;justify-content:space-between;align-items:center;height:70px;padding:0 32px;display:flex}.topbar-copy{gap:3px;display:grid}.topbar-actions{align-items:center;gap:8px;display:flex}.topbar small{color:var(--muted)}.topbar button{background:var(--brand-soft);width:38px;height:38px;color:var(--brand-dark);border:0;border-radius:11px;font-weight:800}.topbar button.language-action{width:auto;padding-inline:12px}.company-switch{border:1px solid var(--line);background:#fff;border-radius:10px;max-width:220px;height:38px;padding:0 10px}.main-area main{padding:32px}.main-area footer{color:var(--muted);border-top:1px solid var(--line);padding:20px 32px;font-size:12px}.page-heading{justify-content:space-between;align-items:end;gap:20px;display:flex}.page-heading span{color:var(--brand);letter-spacing:1.3px;font-size:10px;font-weight:800}.page-heading h1{margin:7px 0 5px;font-size:32px}.page-heading p{color:var(--muted);margin:0}.secondary-action{border:1px solid var(--line);height:40px;color:var(--ink);background:#fff;border-radius:10px;padding:0 16px}.icon-button{justify-content:center;align-items:center;gap:8px;display:inline-flex}.metric-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0;display:grid}.metric{border:1px solid var(--line);background:#ffffffe0;border-top:4px solid #2563a6;border-radius:15px;flex-direction:column;justify-content:space-between;min-height:108px;padding:18px;display:flex}.metric.gold{border-top-color:var(--gold)}.metric.green{border-top-color:var(--brand)}.metric span{color:var(--muted);font-size:12px}.metric strong{font-size:28px}.metric-label{align-items:center;gap:8px;display:flex}.metric-label svg{color:var(--brand)}.activation-layout{grid-template-columns:320px minmax(0,1fr);gap:14px;display:grid}.access-layout{grid-template-columns:300px minmax(0,1fr);gap:14px;display:grid}.access-content{gap:14px;min-width:0;display:grid}.invite-card,.member-card{border:1px solid var(--line);background:#ffffffeb;border-radius:18px;padding:20px;box-shadow:0 16px 38px #19322d12}.section-title p{color:var(--muted);margin:5px 0 0;font-size:12px}.bilingual-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.invite-card label{color:var(--muted);gap:6px;font-size:11px;display:grid}.invite-card input,.invite-card select,.member-list select{border:1px solid var(--line);background:#fff;border-radius:9px;width:100%;height:42px;padding:0 11px}.invite-controls{grid-template-columns:minmax(180px,1.5fr) minmax(160px,1fr) auto;align-items:end;gap:10px;margin-top:11px;display:grid}.invite-controls button{border-radius:10px;min-height:42px;padding-inline:16px}.member-list{gap:8px;display:grid}.member-list article{border:1px solid var(--line);border-radius:12px;grid-template-columns:auto minmax(0,1fr) minmax(250px,330px);align-items:center;gap:11px;padding:12px;display:grid}.member-avatar{width:39px;height:39px;color:var(--brand-dark);background:var(--brand-soft);border-radius:11px;place-items:center;font-weight:800;display:grid}.member-list article>div{gap:4px;min-width:0;display:grid}.member-list article small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.member-controls{gap:7px;display:grid}.member-controls label{color:var(--brand);grid-template-columns:18px minmax(0,1fr);align-items:center;gap:7px;display:grid}.member-controls select:disabled option{color:var(--muted)}.metric-card{border:1px solid var(--line);background:#ffffffe6;border-radius:15px;align-items:center;gap:13px;min-height:96px;padding:17px;display:flex}.metric-card>span{width:43px;height:43px;color:var(--brand-dark);background:var(--brand-soft);border-radius:12px;place-items:center;display:grid}.metric-card>div{gap:3px;display:grid}.metric-card small{color:var(--muted)}.metric-card strong{font-size:25px}.invitation-form,.invitation-success{gap:15px;display:grid}.invitation-icon,.invitation-success>svg{color:var(--brand);font-size:34px}.invitation-form h1,.invitation-form p,.invitation-success h1,.invitation-success p{margin:0}.company-access-scope .access-layout{grid-template-columns:minmax(0,1fr)}.company-access-scope .access-page .company-list{display:none}.member-list article.membership-suspended{background:#f7f9f8;border-style:dashed}.member-list article.membership-suspended .member-avatar{filter:grayscale(.55);opacity:.72}.member-status-action{justify-content:center;align-items:center;gap:7px;width:100%;min-height:38px;font-weight:700;display:inline-flex}.roles-card{border:1px solid var(--line);background:#ffffffeb;border-radius:18px;padding:20px;box-shadow:0 16px 38px #19322d12}.role-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.role-grid article{border:1px solid var(--line);border-radius:11px;justify-content:space-between;align-items:center;gap:10px;padding:12px;display:flex}.role-grid article>div{gap:4px;display:grid}.role-grid small{color:var(--muted)}.role-grid em{color:var(--brand-dark);background:var(--brand-soft);border-radius:999px;padding:5px 8px;font-size:10px;font-style:normal}.role-grid article>span{gap:5px;display:flex}.role-grid article button,.role-editor-head button{width:34px;height:34px;color:var(--muted);background:#f1f5f4;border:0;border-radius:8px}.role-editor{background:#f5f8f7;border-radius:14px;margin-top:14px;padding:16px}.role-editor-head{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.role-editor form{gap:13px;display:grid}.role-editor label{gap:6px;font-size:11px;display:grid}.role-editor input{border:1px solid var(--line);border-radius:9px;min-height:40px;padding:0 10px}.role-editor fieldset{border:1px solid var(--line);border-radius:11px;margin:0}.permission-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.permission-grid label{background:#fff;border-radius:8px;align-items:center;gap:8px;padding:9px;display:flex}.permission-grid label span{gap:2px;display:grid}.permission-grid input{min-height:auto;accent-color:var(--brand)}.role-editor .approve-action{border-radius:10px;justify-self:end;min-height:42px;padding-inline:18px}.company-home{gap:18px;display:grid}.company-welcome{border:1px solid var(--line);background:linear-gradient(135deg,#fffffff5,#dff3efbf);border-radius:20px;align-items:center;gap:20px;min-height:190px;padding:28px;display:flex}.company-welcome>span{color:#fff;background:var(--brand);border-radius:20px;flex:none;place-items:center;width:70px;height:70px;font-size:28px;display:grid}.company-welcome h1{margin:6px 0}.company-welcome p{color:var(--muted);margin:0}.role-summary{grid-template-columns:2fr 1fr;gap:12px;display:grid}.role-summary article{border:1px solid var(--line);background:#fff;border-radius:15px;gap:8px;padding:20px;display:grid}.role-summary small{color:var(--muted)}.role-summary strong{font-size:20px}.role-permission-owner-note{color:var(--brand-dark);background:var(--brand-soft);border:1px solid #0f766e2e;border-radius:13px;align-items:center;gap:10px;margin:0 0 12px;padding:11px 13px;display:flex}.role-permission-owner-note>span{gap:2px;display:grid}.role-permission-owner-note small{color:var(--muted)}.role-grid article .role-edit-button{width:auto;min-width:76px;color:var(--brand-dark);background:var(--brand-soft);justify-content:center;align-items:center;gap:6px;padding-inline:10px;display:flex}.role-grid article .role-edit-button b{font-size:10px}.role-grid article .role-edit-button:disabled{cursor:not-allowed;opacity:.48}.role-summary:has(.monthly-hours-card){grid-template-columns:1fr 2fr 1fr}.monthly-hours-card{color:#fff;align-items:center;gap:12px;background:linear-gradient(145deg,#0b5f59,#149188)!important;display:flex!important}.monthly-hours-card>svg{background:#ffffff24;border-radius:50%;flex:none;width:22px;height:22px;padding:11px}.monthly-hours-card>span{gap:5px;display:grid}.monthly-hours-card small{color:#ffffffb8}.monthly-hours-card strong{white-space:nowrap}.company-list,.approval-panel{border:1px solid var(--line);background:#ffffffe6;border-radius:18px;padding:18px;box-shadow:0 16px 38px #19322d12}.section-title{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.section-title h2{margin:0;font-size:16px}.section-title span{color:var(--muted);font-size:11px}.company-card{text-align:start;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;width:100%;padding:12px;display:flex}.company-card:hover,.company-card.selected{background:#eff8f5;border-color:#acd6cf}.company-avatar,.employee-dot{background:var(--brand-soft);width:37px;height:37px;color:var(--brand-dark);border-radius:11px;flex:none;place-items:center;font-weight:800;display:grid}.company-copy{gap:4px;min-width:0;display:grid}.company-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.company-copy small{color:var(--muted);font-size:10px}.pending-count{text-align:center;color:#7b5516;background:#f9edcf;border-radius:999px;min-width:27px;margin-inline-start:auto;padding:5px;font-size:10px;font-weight:800}.approval-header{justify-content:space-between;align-items:center;display:flex}.approval-header small{color:var(--muted)}.approval-header h2{margin:5px 0 0}.approval-header>span{background:var(--brand-soft);color:var(--brand-dark);border-radius:999px;padding:6px 9px;font-size:11px;font-weight:700}.seat-summary{border:1px solid var(--line);border-radius:13px;grid-template-columns:repeat(4,1fr);margin:20px 0;display:grid;overflow:hidden}.seat-summary>div{gap:8px;padding:14px;display:grid}.seat-summary>div+div{border-inline-start:1px solid var(--line)}.seat-summary span{color:var(--muted);font-size:10px}.seat-summary strong{font-size:22px}.seat-summary .emphasized{background:#eff8f5}.seat-summary .danger strong{color:var(--danger)}.selection-toolbar{background:#f6f8f5;border-radius:13px;align-items:center;gap:8px;padding:12px;display:flex}.selection-toolbar>div{gap:3px;margin-inline-end:auto;display:grid}.selection-toolbar small{color:var(--muted)}.selection-toolbar button{border:1px solid var(--line);color:var(--brand-dark);background:#fff;border-radius:8px;padding:7px 10px;font-size:11px}.limit-message{color:var(--brand-dark);background:var(--brand-soft);border-radius:9px;margin:10px 0 16px;padding:9px 12px;font-size:11px}.limit-message.danger{color:#902c2c;background:#fdeaea}.employee-preview{border:1px solid var(--line);border-radius:13px;max-height:390px;overflow:auto}.employee-row{cursor:pointer;align-items:center;gap:10px;padding:11px 13px;display:flex}.employee-row+.employee-row{border-top:1px solid var(--line)}.employee-row>input{width:17px;height:17px;accent-color:var(--brand)}.employee-preview p{gap:3px;margin:0;display:grid}.employee-preview p strong{font-size:12px}.employee-preview p small{color:var(--muted);font-size:10px}.employee-preview em{color:#85601d;margin-inline-start:auto;font-size:10px;font-style:normal}.approval-actions{justify-content:flex-end;gap:9px;margin-top:18px;display:flex}.approval-actions button{border-radius:10px;min-height:42px;padding:0 17px;font-weight:700}.reject-action{color:var(--danger);background:#fff;border:1px solid #efcaca}.approve-action{color:#fff;border:1px solid var(--brand);background:var(--brand)}.approve-action:disabled,.approval-actions button:disabled{cursor:not-allowed;opacity:.45}.rejection-reason{color:var(--muted);gap:7px;margin-top:15px;font-size:11px;display:grid}.rejection-reason textarea{resize:vertical;border:1px solid var(--line);border-radius:10px;min-height:72px;padding:10px}.preview-note{color:var(--muted);margin:14px 0 0;font-size:10px}.state-card,.status-message{border:1px solid var(--line);background:#fff;border-radius:13px;padding:18px}.status-message{margin-top:18px}.status-message.error,.form-error{color:#902c2c;background:#fdeaea}.status-message.success{color:var(--brand-dark);background:var(--brand-soft)}.employee-row.chosen{background:#f1faf7}.employee-row.chosen em{color:var(--brand-dark);font-weight:700}.login-page{background:radial-gradient(circle at 75% 10%, #0f766e29, transparent 26rem), var(--background);place-items:center;min-height:100vh;padding:24px;display:grid;position:relative}.login-card{border:1px solid var(--line);background:#ffffffeb;border-radius:22px;gap:17px;width:min(430px,100%);padding:34px;display:grid;box-shadow:0 24px 60px #19322d1f}.login-methods{background:#eef4f2;border-radius:12px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.login-methods button{min-height:39px;color:var(--muted);background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;display:flex}.login-methods button.active{color:var(--brand-dark);background:#fff;font-weight:800;box-shadow:0 3px 10px #19322d14}.login-brand{align-items:center;gap:10px;display:flex}.login-brand>img{object-fit:contain;border-radius:11px;width:46px;height:46px}.login-brand div{display:grid}.login-brand small,.login-card p,.ownership{color:var(--muted)}.login-card h1,.login-card p{margin:0}.login-card label{gap:8px;font-size:12px;display:grid}.login-card input{border:1px solid var(--line);border-radius:10px;width:100%;height:46px;padding:0 13px}.login-card .approve-action{border-radius:10px;min-height:46px}.form-error{border-radius:9px;padding:10px 12px;font-size:12px}.link-action{color:var(--brand);background:0 0;border:0}.ownership{text-align:center}.login-language{border:1px solid var(--line);color:var(--brand-dark);background:#fff;border-radius:10px;padding:9px 13px;position:absolute;inset-block-start:22px;inset-inline-end:22px}.development-otp{text-align:center;background:#fff8e7;border:1px dashed #c58f32;border-radius:12px;gap:6px;padding:14px;display:grid}.development-otp small,.development-otp span{color:#765a28}.development-otp strong{color:#68440c;letter-spacing:6px;font-size:28px}.login-card .remember-login{border:1px solid var(--line);cursor:pointer;background:#f7faf9;border-radius:11px;align-items:flex-start;gap:10px;padding:11px 12px;display:flex}.login-card .remember-login input{width:18px;height:18px;accent-color:var(--brand);flex:none;margin-top:2px}.login-card .remember-login span{gap:2px;display:grid}.login-card .remember-login strong{color:var(--ink);font-size:12px}.login-card .remember-login small{color:var(--muted);line-height:1.55}.session-overlay{z-index:120;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#081d1b61;justify-content:flex-end;display:flex;position:fixed;inset:0}[dir=ltr] .session-overlay{justify-content:flex-end}.session-panel{background:#fff;flex-direction:column;gap:18px;width:min(520px,100%);height:100%;padding:24px;display:flex;overflow:auto;box-shadow:-18px 0 55px #081d1b2b}.session-panel>header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.session-panel>header small{color:var(--brand);font-weight:800}.session-panel h2{margin:5px 0 0}.session-panel>header button,.session-list article>button{width:38px;height:38px;color:var(--muted);background:#f1f5f4;border:0;border-radius:10px}.session-panel>p{color:var(--muted);margin:0}.session-list{gap:9px;display:grid}.session-list article{border:1px solid var(--line);border-radius:13px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:12px;display:grid}.session-list article.current{background:#f3fbf8;border-color:#95cfc4}.session-icon{width:39px;height:39px;color:var(--brand-dark);background:var(--brand-soft);border-radius:11px;place-items:center;display:grid}.session-list article>div{gap:4px;min-width:0;display:grid}.session-list article small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.session-list article em{color:var(--brand-dark);background:var(--brand-soft);border-radius:999px;padding:5px 8px;font-size:10px;font-style:normal}.session-list article>button:hover{color:var(--danger);background:#fdeaea}.session-panel>footer{border-top:1px solid var(--line);justify-content:space-between;gap:10px;margin-top:auto;padding-top:18px;display:flex}.session-panel>footer button{border-radius:10px;min-height:42px;padding-inline:14px}.password-security{border-top:1px solid var(--line);gap:15px;padding-top:18px;display:grid}.password-heading{align-items:center;gap:11px;display:flex}.password-heading>span{width:40px;height:40px;color:var(--brand-dark);background:var(--brand-soft);border-radius:11px;flex:none;place-items:center;display:grid}.password-heading>div{gap:3px;display:grid}.password-heading small,.password-security form>small{color:var(--muted)}.password-security form{gap:11px;display:grid}.password-security label{gap:6px;font-size:12px;display:grid}.password-security input{border:1px solid var(--line);border-radius:10px;width:100%;height:43px;padding:0 12px}.password-security form>button{border-radius:10px;justify-self:start;min-height:42px;padding-inline:15px}@media (width<=920px){.app-shell{padding-bottom:92px;display:block}.sidebar{display:none}.main-area footer{padding-bottom:30px}.mobile-bottom-nav{z-index:70;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#102e2cf5;border:1px solid #ffffffbf;border-radius:28px;justify-content:space-around;align-items:center;gap:4px;min-height:70px;padding:8px;display:flex;position:fixed;inset-block-end:10px;inset-inline:12px;box-shadow:0 18px 48px #05231f52}.mobile-bottom-nav>button{color:#ffffff9e;background:0 0;border:0;border-radius:21px;flex:1;align-content:center;place-items:center;gap:5px;min-width:0;min-height:54px;padding:7px 10px;display:grid}.mobile-bottom-nav>button svg{font-size:17px}.mobile-bottom-nav>button small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:9px;font-weight:700;overflow:hidden}.mobile-bottom-nav>button.active{color:#fff;background:linear-gradient(145deg,#0f766e,#149188);box-shadow:0 8px 20px #051f1c47}.mobile-more-menu{background:#fffffff7;border:1px solid #fffc;border-radius:28px 28px 20px 20px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:min(58vh,430px);padding:12px;animation:.22s both mobile-menu-rise;display:grid;position:absolute;inset-block-end:calc(100% + 10px);inset-inline:0;overflow:auto;box-shadow:0 -16px 48px #07282433}.mobile-more-menu header{min-height:38px;color:var(--brand-dark);grid-column:1/-1;justify-content:space-between;align-items:center;padding-inline:5px;display:flex}.mobile-more-menu header button{width:34px;height:34px;color:var(--muted);background:#edf4f2;border:0;border-radius:50%}.mobile-more-menu>button{text-align:start;border:1px solid var(--line);min-width:0;min-height:66px;color:var(--ink);background:#f8fbfa;border-radius:19px;align-items:center;gap:10px;padding:10px;display:flex}.mobile-more-menu>button span{width:35px;height:35px;color:var(--brand-dark);background:var(--brand-soft);border-radius:13px;flex:none;place-items:center;display:grid}.mobile-more-menu>button strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;overflow:hidden}.mobile-more-menu>button.active{color:var(--brand-dark);background:#ebf8f5;border-color:#87c8bc}@keyframes mobile-menu-rise{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.activation-layout,.access-layout{grid-template-columns:1fr}}@media (width<=620px){.main-area main,.topbar,.main-area footer{padding-inline:16px}.topbar{gap:8px;height:auto;min-height:70px;padding-block:10px}.topbar-copy{min-width:0}.topbar-copy strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.topbar-actions{gap:5px}.topbar button{width:34px;height:34px}.page-heading{flex-direction:column;align-items:flex-start}.metric-grid{grid-template-columns:1fr}.seat-summary{grid-template-columns:repeat(2,1fr)}.selection-toolbar{flex-wrap:wrap;align-items:stretch}.selection-toolbar>div{width:100%}.employee-preview em{display:none}.session-panel{padding:18px}.session-list article{grid-template-columns:auto minmax(0,1fr) auto}.session-list article em{display:none}.session-panel>footer{flex-direction:column;align-items:stretch}:is(.bilingual-fields,.invite-controls,.permission-grid,.role-grid,.role-summary,.role-summary:has(.monthly-hours-card)){grid-template-columns:1fr}.member-list article{grid-template-columns:auto minmax(0,1fr)}.member-controls{grid-column:1/-1}.company-welcome{flex-direction:column;align-items:flex-start}}.organization-page{gap:18px;display:grid}.section-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.section-heading small{color:var(--brand);font-weight:800}.section-heading h1{margin:6px 0}.section-heading p{color:var(--muted);margin:0}.icon-action{border:1px solid var(--line);width:40px;height:40px;color:var(--brand-dark);background:#fff;border-radius:11px}.inline-notice{color:var(--brand-dark);background:var(--brand-soft);border-radius:10px;padding:11px 14px}.organization-card{border:1px solid var(--line);background:#ffffffeb;border-radius:18px;padding:20px;box-shadow:0 16px 38px #19322d0f}.card-title{align-items:center;gap:11px;margin-bottom:16px;display:flex}.card-title>svg{width:20px;height:20px;color:var(--brand-dark);background:var(--brand-soft);border-radius:11px;padding:11px}.card-title h2{margin:0 0 3px;font-size:17px}.card-title small{color:var(--muted)}.organization-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.organization-grid label{color:var(--muted);gap:6px;font-size:11px;display:grid}.organization-grid input,.organization-grid select{border:1px solid var(--line);background:#fff;border-radius:9px;width:100%;min-height:41px;padding:0 10px}.organization-grid input:disabled{color:var(--muted);background:#f4f6f5}.primary-action,.danger-action,.editor-actions>button{border-radius:9px;min-height:40px;padding-inline:14px}.primary-action{border:1px solid var(--brand);color:#fff;background:var(--brand);margin-top:14px}.danger-action{color:var(--danger);background:#fff;border:1px solid #efcaca}.organization-columns{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px;display:grid}.entity-list{gap:7px;display:grid}.entity-row{text-align:start;border:1px solid var(--line);background:#fafcfb;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:11px;display:flex}.entity-row:hover{background:#f1faf7;border-color:#9dcec5}.entity-row>span{gap:4px;min-width:0;display:grid}.entity-row small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.entity-row em{color:var(--brand);font-size:10px;font-style:normal}.entity-row.inactive{opacity:.58}.compact-editor{border-top:1px solid var(--line);margin-top:16px;padding-top:16px}.compact-editor h3{margin:0 0 12px;font-size:14px}.editor-actions{align-items:center;gap:7px;display:flex}.editor-actions .primary-action{margin-top:0}.editor-actions>button:not(.primary-action):not(.danger-action){border:1px solid var(--line);color:var(--ink);background:#fff}@media (width<=920px){.organization-columns{grid-template-columns:1fr}}@media (width<=620px){.section-heading{flex-direction:column;align-items:flex-start}.organization-grid{grid-template-columns:1fr}.editor-actions{flex-direction:column;align-items:stretch}.editor-actions button{width:100%}}.organization-map-card{overflow:hidden}.map-picker{gap:9px;display:grid}.map-picker-toolbar{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;font-size:11px;display:flex}.map-picker-toolbar button{border:1px solid var(--line);min-height:38px;color:var(--brand-dark);background:#fff;border-radius:9px;flex:none;padding-inline:12px}.work-location-map{border:1px solid var(--line);background:#e8efed;border-radius:14px;width:100%;height:390px;overflow:hidden}.map-error{color:#902c2c;background:#fdeaea;border-radius:8px;padding:8px 10px}.maplibregl-canvas{outline:none}.maplibregl-ctrl-attrib{font-size:9px}@media (width<=620px){.map-picker-toolbar{flex-direction:column;align-items:stretch}.work-location-map{height:310px}}.structure-layout{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);align-items:start;gap:18px;display:grid}.organization-tree{border:1px solid var(--line);background:linear-gradient(145deg,#f8fbfa,#eef7f4);border-radius:14px;min-width:0;padding:13px;overflow:auto}.tree-branch{position:relative}.tree-unit,.tree-position{min-width:360px;min-height:55px;border-radius:11px;align-items:center;gap:9px;margin-inline-start:calc(var(--tree-depth) * 25px);padding:9px 11px;display:flex}.tree-unit{background:#fff;border:1px solid #b9d9d3;margin-bottom:5px}.tree-position{background:#ffffffb8;border:1px dashed #c9d7d4;margin-bottom:4px}.tree-unit>span,.tree-position>span{width:33px;height:33px;color:var(--brand-dark);background:var(--brand-soft);border-radius:9px;flex:none;place-items:center;display:grid}.tree-unit>div,.tree-position>div{gap:3px;min-width:0;display:grid}.tree-unit small,.tree-position small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tree-toggle,.tree-edit{width:30px;height:30px;color:var(--muted);background:#eff4f2;border:0;border-radius:8px;flex:none;place-items:center;display:grid}.tree-edit{margin-inline-start:auto}.tree-children{position:relative}.tree-children:before{content:"";background:#bfd5d1;width:1px;position:absolute;inset-block:0 7px;inset-inline-start:25px}.structure-editors{gap:16px;display:grid}.structure-editors .compact-editor{border:1px solid var(--line);background:#f8faf9;border-radius:13px;margin:0;padding:14px}.structure-editors label{color:var(--muted);gap:5px;margin-bottom:9px;font-size:11px;display:grid}.structure-editors input,.structure-editors select{border:1px solid var(--line);background:#fff;border-radius:8px;width:100%;min-height:39px;padding-inline:9px}@media (width<=1050px){.structure-layout{grid-template-columns:1fr}}.organization-summary-card{justify-content:space-between;align-items:center;gap:18px;display:flex}.organization-summary-card .card-title{margin:0}.secondary-action.icon-button{border:1px solid var(--line);min-height:40px;color:var(--brand-dark);background:#fff;border-radius:10px;align-items:center;gap:7px;padding-inline:13px;display:inline-flex}.row-edit{width:34px;height:34px;color:var(--brand-dark);background:var(--brand-soft);border:0;border-radius:9px;flex:none;place-items:center;display:grid}.modal-overlay{z-index:80;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#071e1b8a;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.modal-dialog{background:#fff;border:1px solid #ffffffb8;border-radius:20px;width:min(640px,100%);max-height:min(90vh,900px);overflow:hidden;box-shadow:0 28px 80px #061c1947}.modal-dialog.wide{width:min(1040px,100%)}.modal-dialog>header{border-bottom:1px solid var(--line);background:linear-gradient(135deg,#f9fcfb,#edf8f5);justify-content:space-between;align-items:center;gap:12px;min-height:64px;padding:14px 18px;display:flex}.modal-dialog>header h2{margin:0;font-size:17px}.modal-dialog>header button{width:36px;height:36px;color:var(--muted);background:#fff;border:0;border-radius:10px}.modal-body{max-height:calc(90vh - 65px);padding:18px;overflow:auto}.popup-form{gap:15px;display:grid}.popup-form>label{color:var(--muted);gap:6px;font-size:11px;display:grid}.popup-form input,.popup-form select{border:1px solid var(--line);background:#fff;border-radius:9px;width:100%;min-height:41px;padding-inline:10px}.modal-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.modal-actions .primary-action{margin-top:0}.modal-actions>button:not(.primary-action):not(.danger-action){border:1px solid var(--line);min-height:40px;color:var(--ink);background:#fff;border-radius:9px;padding-inline:14px}.confirm-copy{color:var(--muted);margin:0 0 18px;line-height:1.8}.work-location-map.leaflet-container{z-index:0;background:#dfe9e6;font-family:inherit;position:relative}.ideahr-map-pin{background:0 0;border:0}.ideahr-map-pin span{background:var(--brand);border:3px solid #fff;border-radius:50% 50% 50% 8%;width:25px;height:25px;display:block;position:relative;transform:rotate(45deg);box-shadow:0 5px 14px #08342f59}.ideahr-map-pin span:after{content:"";background:#fff;border-radius:50%;width:7px;height:7px;position:absolute;inset:6px}.structure-card{overflow:hidden}.structure-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;display:flex}.structure-actions button,.structure-tabs button{border:1px solid var(--line);min-height:38px;color:var(--brand-dark);background:#fff;border-radius:9px;padding-inline:12px}.structure-tabs{background:#eef4f2;border-radius:11px;gap:4px;width:max-content;max-width:100%;margin-bottom:10px;padding:4px;display:flex}.structure-tabs button{background:0 0;border:0}.structure-tabs button.active{background:#fff;font-weight:800;box-shadow:0 3px 10px #19322d17}.structure-canvas{border:1px solid var(--line);background-color:#f7fbfa;background-image:radial-gradient(#bdd4cf 1px,#0000 1px);background-size:20px 20px;border-radius:15px;min-height:390px;padding:34px 24px 85px;overflow:auto}.structure-stage{transform-origin:top;justify-content:center;align-items:flex-start;gap:42px;width:max-content;min-width:100%;transition:transform .18s;display:flex}.diagram-family{flex-direction:column;align-items:center;display:flex;position:relative}.diagram-children{justify-content:center;align-items:flex-start;gap:24px;margin-top:38px;display:flex;position:relative}.diagram-children:before{content:"";border-inline-start:2px solid #94bbb4;height:19px;position:absolute;inset-block-start:-38px;inset-inline-start:50%}.diagram-children:after{content:"";border-block-start:2px solid #94bbb4;position:absolute;inset-block-start:-19px;inset-inline:115px}.diagram-children>.diagram-family:before{content:"";border-inline-start:2px solid #94bbb4;height:19px;position:absolute;inset-block-start:-19px;inset-inline-start:50%}.diagram-children:has(>.diagram-family:only-child):after{display:none}.structure-node{z-index:1;background:#fffffff7;border:1px solid #acd2cb;border-radius:13px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;width:230px;min-height:70px;padding:11px;display:grid;position:relative;box-shadow:0 9px 22px #13413a17}.structure-node[draggable=true]{cursor:grab}.structure-node[draggable=true]:active{cursor:grabbing;opacity:.72}.structure-node>span{width:36px;height:36px;color:var(--brand-dark);background:var(--brand-soft);border-radius:10px;place-items:center;display:grid}.structure-node>div{gap:4px;min-width:0;display:grid}.structure-node small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.structure-node>button{width:30px;height:30px;color:var(--muted);background:#eef4f2;border:0;border-radius:8px}.position-node{border-style:dashed;border-color:#c6b783}.position-node>span{color:#735d18;background:#f8f0d7}@media (width<=720px){.modal-overlay{padding:10px}.modal-dialog{max-height:94vh}.modal-body{max-height:calc(94vh - 65px)}.organization-summary-card,.section-title{flex-direction:column;align-items:flex-start}.structure-actions{justify-content:flex-start}.structure-canvas{min-height:330px;padding-inline:16px}.modal-actions{flex-direction:column;align-items:stretch}.modal-actions button{width:100%}}.root-drop-zone{width:max-content;max-width:100%;min-height:38px;color:var(--brand-dark);background:#ffffffe6;border:1px dashed #8ebdb4;border-radius:10px;justify-content:center;align-items:center;gap:7px;margin:-20px auto 28px;padding-inline:14px;font-size:11px;font-weight:700;display:flex}.root-drop-zone:hover{border-color:var(--brand);background:var(--brand-soft)}.employee-directory{gap:8px;display:grid}.employee-directory article{border:1px solid var(--line);background:#fafcfb;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;gap:11px;padding:12px;display:grid}.employee-directory article>div{gap:4px;min-width:0;display:grid}.employee-directory article small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.employee-directory article em{color:var(--brand-dark);background:var(--brand-soft);border-radius:999px;padding:5px 8px;font-size:9px;font-style:normal}.employee-directory article.inactive{opacity:.55}.attendance-row-action{color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand-dark));border-color:#0000}.employee-directory-actions{flex-wrap:wrap;gap:8px;display:flex}.invitation-filter-grid{grid-template-columns:1.4fr repeat(3,1fr);gap:8px;margin-block:14px;display:grid}.invitation-filter-grid input,.invitation-filter-grid select,.invite-submit-row select,.permission-search{border:1px solid var(--line);background:#fff;border-radius:10px;width:100%;min-height:42px;padding:0 11px}.invite-selection-tools{gap:7px;margin-bottom:8px;display:flex}.invite-selection-tools button,.permission-group-actions button,.pending-invitations button,.invitation-links button{color:var(--brand-dark);background:var(--brand-soft);border:0;border-radius:8px;padding:7px 10px;font-weight:700}.invite-employee-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:340px;display:grid;overflow:auto}.invite-employee-list label{border:1px solid var(--line);background:#fff;border-radius:10px;align-items:flex-start;gap:9px;padding:10px;display:flex}.invite-employee-list label>span{gap:3px;min-width:0;display:grid}.invite-employee-list small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.invite-employee-list em{color:var(--brand);font-size:10px;font-style:normal}.invite-submit-row{justify-content:flex-end;align-items:end;gap:9px;margin-top:12px;display:flex}.invite-submit-row label{min-width:240px}.invitation-links{background:#edf7f4;border-radius:11px;gap:7px;margin-top:12px;padding:12px;display:grid}.invitation-links>div,.pending-invitations article{justify-content:space-between;align-items:center;gap:10px;display:flex}.pending-invitations{gap:7px;display:grid}.pending-invitations article{border:1px solid var(--line);border-radius:10px;padding:10px}.pending-invitations article>div{gap:3px;display:grid}.pending-invitations small{color:var(--muted)}.permission-search{margin-bottom:9px}.permission-groups{gap:7px;display:grid}.permission-group{border:1px solid var(--line);background:#fff;border-radius:10px;overflow:hidden}.permission-group-head{width:100%;color:var(--ink);background:#fff;border:0;justify-content:space-between;align-items:center;padding:11px;display:flex}.permission-group-head span{text-align:start;gap:2px;display:grid}.permission-group-head small{color:var(--muted)}.permission-group-head svg{transition:transform .18s}.permission-group.expanded .permission-group-head svg{transform:rotate(180deg)}.permission-group-body{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:0 10px 10px;display:grid}.permission-group-body>label{background:#f5f8f7;border-radius:8px;align-items:flex-start;gap:8px;padding:10px;display:flex}.permission-group-body>label>span{gap:3px;min-width:0;display:grid}.permission-group-body .permission-code{text-align:start;color:var(--brand-dark);direction:ltr;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px}.permission-group-body label em{color:var(--muted);font-size:11px;font-style:normal;line-height:1.35}.permission-group-actions{grid-column:1/-1;justify-content:flex-end;gap:6px;display:flex}.login-id-result{border:1px solid var(--line);background:var(--brand-soft);border-radius:11px;gap:7px;padding:13px;display:grid}.login-id-result strong{word-break:break-all;direction:ltr}.login-id-result button{color:var(--brand-dark);background:#fff;border:0;border-radius:8px;justify-self:start;padding:7px 10px;font-weight:700}.central-account-summary{border:1px solid var(--line);background:#f7faf9;border-radius:12px;gap:5px;padding:16px;display:grid}.central-account-summary small{color:var(--muted)}.central-account-summary em{width:max-content;color:var(--brand-dark);background:var(--brand-soft);border-radius:999px;padding:5px 8px;font-size:10px;font-style:normal}@media (width<=620px){.employee-directory article{grid-template-columns:auto minmax(0,1fr) auto auto}.employee-directory article em{display:none}}@media (width<=760px){.invitation-filter-grid,.invite-employee-list,.permission-group-body{grid-template-columns:1fr}.invite-submit-row{flex-direction:column;align-items:stretch}.invite-submit-row label{min-width:0}.employee-directory-actions{width:100%}.employee-directory-actions button{flex:1}}.manager-hint{color:var(--brand);font-size:10px;line-height:1.6}.manager-hint.warning{color:#8a5b09}.position-occupants{gap:3px;margin-top:4px;display:grid}.position-occupants b{color:var(--brand-dark);background:var(--brand-soft);text-overflow:ellipsis;white-space:nowrap;border-radius:6px;padding:4px 6px;font-size:10px;font-weight:700;overflow:hidden}.vacant-position{font-style:italic;color:#986d1f!important}.attendance-mobile{align-content:center;gap:18px;width:min(520px,100%);min-height:calc(100vh - 190px);margin:0 auto;animation:.45s both attendance-enter;display:grid}.attendance-hero{border:1px solid var(--line);color:#fff;background:linear-gradient(145deg,#0b5f59,#149188);border-radius:22px;justify-content:space-between;align-items:flex-start;padding:22px;display:flex;box-shadow:0 20px 45px #0f766e38}.attendance-hero small{opacity:.75}.attendance-hero h1{letter-spacing:1px;margin:8px 0 2px;font-size:clamp(34px,10vw,50px)}.attendance-hero p{opacity:.82;margin:0}.attendance-hero button{color:#fff;background:#ffffff1a;border:1px solid #ffffff40;border-radius:12px;width:40px;height:40px}.attendance-state{border:1px solid var(--line);background:#fff;border-radius:18px;grid-template-columns:auto 1fr;align-items:center;gap:3px 12px;padding:18px;display:grid}.attendance-state>span{border-radius:16px;grid-row:1/4;place-items:center;width:52px;height:52px;font-size:20px;display:grid}.attendance-state.inside>span{color:#08705d;background:#dff7ef}.attendance-state.outside>span{color:#916314;background:#fff2d5}.attendance-state small,.attendance-state p{color:var(--muted)}.attendance-state p{margin:2px 0 0;font-size:11px}.fingerprint-zone{text-align:center;justify-items:center;gap:8px;padding:12px 0 4px;display:grid}.fingerprint-action{width:112px;height:112px;box-shadow:none;background:0 0;border:0;border-radius:50%;place-items:center;transition:transform .18s,opacity .18s;display:grid;position:relative}.fingerprint-glyph{z-index:1;filter:drop-shadow(0 8px 13px #0b5f5933);width:82px;height:82px;animation:2.8s ease-in-out infinite fingerprint-breathe;position:relative;overflow:visible}.fingerprint-action:hover:not(:disabled){transform:translateY(-2px)scale(1.035)}.fingerprint-action:active:not(:disabled){transform:scale(.94)}.fingerprint-action:disabled{cursor:wait;opacity:.5}.fingerprint-halo{filter:blur(2px);background:radial-gradient(circle,#14918824,#14918800 68%);border-radius:50%;width:86px;height:86px;animation:2.8s ease-in-out infinite fingerprint-halo;position:absolute}.fingerprint-zone>strong{color:var(--brand-dark);font-size:16px}.fingerprint-zone>small{color:var(--muted)}.fingerprint-zone>small svg{color:var(--brand)}.attendance-message{text-align:center;color:var(--brand-dark);background:var(--brand-soft);border-radius:12px;padding:12px 14px;animation:.25s both attendance-enter}.attendance-note{color:var(--muted);background:#ffffffb8;border-radius:14px;align-items:center;gap:11px;padding:14px;display:flex}.attendance-note>svg{color:var(--brand)}.attendance-note p{gap:3px;margin:0;display:grid}.attendance-note small{line-height:1.6}.attendance-checkout-confirm-copy{background:linear-gradient(135deg,#fff8f7,#fff);border:1px solid #c54b432e;border-radius:16px;align-items:flex-start;gap:14px;margin-bottom:20px;padding:16px;display:flex}.attendance-checkout-confirm-copy>span{color:#a73831;background:#ffe9e7;border-radius:14px;flex:0 0 46px;place-items:center;width:46px;height:46px;font-size:19px;display:grid}.attendance-checkout-confirm-copy>div{gap:6px;min-width:0;display:grid}.attendance-checkout-confirm-copy strong{color:var(--ink);font-size:16px}.attendance-checkout-confirm-copy p{color:var(--muted);margin:0;line-height:1.7}.attendance-checkout-confirm .danger-action{min-height:42px;padding-inline:16px}.attendance-mode-badge{color:var(--brand-dark);background:var(--brand-soft);border-radius:999px;align-items:center;padding:2px 8px;font-size:10px;font-weight:800;display:inline-flex}.attendance-tracking-status{background:#effaf8;border:1px solid #bfe5df;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:13px 14px;display:flex}.attendance-tracking-status div{gap:4px;display:grid}.attendance-tracking-status small{color:var(--muted)}.attendance-tracking-status>span{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.attendance-tracking-status button{color:#fff;background:var(--brand);white-space:nowrap;border:0;border-radius:10px;min-height:38px;padding:0 14px}.attendance-tracking-interrupted,.attendance-tracking-battery{border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.attendance-tracking-interrupted{color:#7b2420;background:#fff0ef;border:1px solid #efb5b0}.attendance-tracking-battery{color:#78530e;background:#fff8e7;border:1px solid #efd9a4}.attendance-tracking-interrupted div,.attendance-tracking-battery div{gap:4px;display:grid}.attendance-tracking-interrupted small,.attendance-tracking-battery small{color:inherit;opacity:.84;line-height:1.55}.attendance-tracking-interrupted button,.attendance-tracking-battery button{color:#fff;white-space:nowrap;border:0;border-radius:10px;min-height:38px;padding:0 14px}.attendance-tracking-interrupted button{background:#b6443d}.attendance-tracking-battery button{background:#9a6b12}@keyframes attendance-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fingerprint-breathe{0%,to{opacity:.9;transform:scale(.97)}50%{opacity:1;transform:scale(1.03)}}@keyframes fingerprint-halo{0%,to{opacity:.25;transform:scale(.96)}50%{opacity:.7;transform:scale(1.04)}}@media (width<=620px){.attendance-mobile{align-content:start;gap:14px;min-height:auto}.attendance-hero{border-radius:18px;padding:20px}.fingerprint-action{width:104px;height:104px}.main-area:has(.attendance-mobile) main{padding-inline:14px}}@media (prefers-reduced-motion:reduce){.attendance-mobile,.fingerprint-action>svg,.fingerprint-halo,.attendance-message{animation:none!important}}.attendance-history{border-top:1px solid var(--line);gap:14px;margin-top:10px;padding-top:22px;display:grid}.attendance-history-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.attendance-history-head>div{gap:3px;display:grid}.attendance-history-head small{color:var(--brand);font-size:10px;font-weight:800}.attendance-history-head h2{margin:0;font-size:19px}.attendance-history-head label{border:1px solid var(--line);min-height:42px;color:var(--brand-dark);background:#fff;border-radius:12px;align-items:center;gap:8px;padding:0 10px;display:flex}.attendance-history-head input{width:125px;color:var(--ink);background:0 0;border:0;outline:0}.attendance-history-summary{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.attendance-history-summary article{border:1px solid var(--line);background:#fff;border-radius:13px;align-items:center;gap:9px;min-width:0;padding:12px;display:flex}.attendance-history-summary article>svg{color:var(--brand);flex:none}.attendance-history-summary article>span{gap:4px;min-width:0;display:grid}.attendance-history-summary small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.attendance-history-summary strong{font-size:15px}.attendance-history-summary article.warning{background:#fff9ec;border-color:#edcc91}.attendance-history-summary article.warning>svg{color:#9a6712}.attendance-days{gap:8px;display:grid}.attendance-days>article{border:1px solid var(--line);background:#fff;border-radius:14px;transition:border-color .18s,box-shadow .18s;overflow:hidden}.attendance-days>article:has(.attendance-day-row[aria-expanded=true]){border-color:#99cfc5;box-shadow:0 10px 25px #0f766e14}.attendance-days>article.incomplete{border-inline-start:4px solid #d89b32}.attendance-day-row{text-align:start;width:100%;min-height:68px;color:var(--ink);background:#fff;border:0;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:12px;display:grid}.attendance-day-date{gap:4px;min-width:0;display:grid}.attendance-day-date strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.attendance-day-date small{color:var(--brand);font-size:9px}.incomplete .attendance-day-date small{color:#95620c}.attendance-day-times{direction:ltr;grid-template-columns:repeat(2,auto);align-items:center;gap:4px 10px;display:grid}.attendance-day-times em{color:var(--muted);align-items:center;gap:4px;font-size:10px;font-style:normal;display:flex}.attendance-day-times em:first-child svg{color:var(--brand)}.attendance-day-times em:nth-child(2) svg{color:#b46d3b}.attendance-day-times strong{text-align:end;grid-column:1/-1;font-size:11px}.attendance-events{background:#f8fbfa;gap:7px;padding:4px 12px 12px;display:grid}.attendance-events>div{background:#fff;border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;min-height:54px;padding:9px;display:grid}.attendance-events>div>span{border-radius:9px;place-items:center;width:31px;height:31px;display:grid}.event-in{color:#08705d;background:#dff7ef}.event-out{color:#99582e;background:#fff0e5}.attendance-events>div>div{gap:3px;min-width:0;display:grid}.attendance-events strong{font-size:11px}.attendance-events small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.attendance-events time{color:var(--ink);direction:ltr;font-size:11px;font-weight:800}.attendance-history-empty,.attendance-history-error{text-align:center;min-height:150px;color:var(--muted);background:#ffffffb8;border:1px dashed #b8ccc8;border-radius:15px;align-content:center;place-items:center;gap:8px;padding:24px;display:grid}.attendance-history-empty>svg{color:var(--brand);font-size:25px}.attendance-history-empty strong{color:var(--ink)}.attendance-history-error{text-align:start;min-height:90px;color:var(--danger);background:#fff7f5;border-color:#ebc2b8;grid-template-columns:auto 1fr}.attendance-history-loading{gap:8px;display:grid}.attendance-history-loading span{background:linear-gradient(90deg,#edf2f0 25%,#fafcfa 50%,#edf2f0 75%) 0 0/200% 100%;border-radius:14px;height:68px;animation:1.25s linear infinite attendance-shimmer}@keyframes attendance-shimmer{to{background-position:-200% 0}}.month-picker{position:relative}.month-picker-trigger{text-align:start;border:1px solid var(--line);min-width:220px;min-height:54px;color:var(--ink);background:#fff;border-radius:18px;grid-template-columns:1fr auto;align-items:center;gap:2px 12px;padding:8px 12px;display:grid;box-shadow:0 8px 22px #164a440f}.month-picker-trigger>span{color:var(--brand);align-items:center;gap:7px;display:flex}.month-picker-trigger>span small{color:var(--brand)}.month-picker-trigger>strong{grid-column:1;font-size:13px}.month-picker-trigger>svg{color:var(--muted);grid-area:1/2/3;transition:transform .18s}.month-picker-trigger[aria-expanded=true]>svg{transform:rotate(180deg)}.month-picker-popover{z-index:35;inset-inline-end:0;border:1px solid var(--line);background:#fffffffa;border-radius:22px;width:min(330px,100vw - 32px);padding:12px;animation:.2s both attendance-enter;position:absolute;top:calc(100% + 8px);box-shadow:0 20px 55px #0c36312e}.month-picker-popover>header{grid-template-columns:36px 1fr 36px 36px;align-items:center;gap:5px;min-height:38px;display:grid}.month-picker-popover>header strong{text-align:center}.month-picker-popover>header button{width:34px;height:34px;color:var(--brand-dark);background:var(--brand-soft);border:0;border-radius:50%}.month-picker-popover>header button:disabled{opacity:.35}.month-picker-popover>header .month-picker-close{color:var(--muted);background:#f0f3f2}.month-picker-popover>div{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:9px;display:grid}.month-picker-popover>div button{min-height:42px;color:var(--ink);background:#f5f8f7;border:1px solid #0000;border-radius:14px;padding:7px 4px;font-size:11px}.month-picker-popover>div button:hover:not(:disabled){background:var(--brand-soft);border-color:#9acfc3}.month-picker-popover>div button.active{color:#fff;background:linear-gradient(145deg,#0f766e,#149188);font-weight:800}.month-picker-popover>div button:disabled{opacity:.3}@media (width<=620px){.attendance-history-head{flex-direction:column;align-items:stretch}.month-picker-trigger{width:100%}.month-picker-popover{border-radius:28px;width:auto;position:fixed;inset-block:auto 92px;inset-inline:12px}.attendance-history-summary{grid-template-columns:repeat(2,1fr)}.attendance-history-summary article:first-child{grid-column:1/-1}.attendance-day-row{grid-template-columns:minmax(0,1fr) auto}.attendance-day-times{grid-area:2/1/auto/-1;justify-content:space-between;justify-self:stretch;display:flex}.attendance-day-row>svg{grid-area:1/2}.attendance-events>div{grid-template-columns:auto minmax(0,1fr)}.attendance-events time{grid-column:2}}@media (prefers-reduced-motion:reduce){.attendance-history-loading span{animation:none!important}}.attendance-history{border-top:0;width:min(1100px,100%);margin:0 auto;padding-top:0;animation:.35s both attendance-enter}.attendance-table-wrap{border:1px solid var(--line);background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 12px 32px #164a440f}.attendance-table{border-spacing:0;border-collapse:separate;width:100%}.attendance-table th{text-align:start;color:var(--muted);background:#f5f9f8;padding:13px 16px;font-size:10px;font-weight:800}.attendance-table td{border-top:1px solid var(--line);padding:14px 16px;font-size:12px}.attendance-table tbody tr:first-child td{border-top:0}.attendance-table-row{transition:background .18s}.attendance-table-row:hover{background:#fbfdfc}.attendance-table-row.incomplete td:first-child{box-shadow:inset 4px 0 #d89b32}.attendance-table[dir=rtl] .attendance-table-row.incomplete td:first-child,[dir=rtl] .attendance-table-row.incomplete td:first-child{box-shadow:inset -4px 0 #d89b32}.attendance-time{color:var(--muted);direction:ltr;align-items:center;gap:6px;display:inline-flex}.attendance-time.in svg{color:var(--brand)}.attendance-time.out svg{color:#b46d3b}.attendance-details-cell{text-align:center;width:56px}.attendance-details-cell button{border:1px solid var(--line);width:34px;height:34px;color:var(--brand-dark);background:#fff;border-radius:9px;place-items:center;display:inline-grid}.attendance-details-cell button:hover{background:var(--brand-soft);border-color:#99cfc5}.attendance-detail-row>td{background:#f8fbfa;padding:0 14px 14px}.attendance-detail-row .attendance-events{padding-top:12px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.attendance-location-action{min-height:32px;color:var(--brand-dark);background:var(--brand-soft);border:1px solid #b7d9d2;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:10px;font-weight:800;display:inline-flex}.attendance-location-dialog .modal-body{padding:0}.attendance-location-view{display:grid}.attendance-point-map-wrap{position:relative}.attendance-point-map{background:#dfe9e6;width:100%;height:min(52vh,470px)}.attendance-event-pin{background:0 0;border:0}.attendance-event-pin span{border:3px solid #fff;border-radius:50% 50% 50% 8%;width:27px;height:27px;display:block;position:relative;transform:rotate(45deg);box-shadow:0 5px 16px #08342f61}.attendance-event-pin.check-in span{background:#0f8a70}.attendance-event-pin.check-out span{background:#c54b43}.attendance-event-pin span:after{content:"";background:#fff;border-radius:50%;width:7px;height:7px;position:absolute;inset:7px}.attendance-location-meta{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:14px 18px 18px;display:grid}.attendance-location-meta span{background:#f5f9f8;border-radius:10px;gap:4px;min-width:0;padding:10px;display:grid}.attendance-location-meta small{color:var(--muted);font-size:9px}.attendance-location-meta strong{text-overflow:ellipsis;font-size:11px;overflow:hidden}.attendance-location-empty{text-align:center;min-height:260px;color:var(--muted);align-content:center;place-items:center;gap:8px;padding:30px;display:grid}.attendance-location-empty strong{color:var(--ink)}.report-location-actions{flex-wrap:wrap;gap:6px;min-width:120px;display:flex}.report-location-actions .attendance-location-action{white-space:nowrap}.schedule-summary{grid-template-columns:repeat(3,1fr)}.attendance-table-row.status-absent td:first-child{box-shadow:inset 4px 0 #c95048}.attendance-table-row.status-incomplete td:first-child{box-shadow:inset 4px 0 #d89b32}.attendance-table-row.status-absent .attendance-day-date small{color:#a63731}.attendance-table-row.status-incomplete .attendance-day-date small{color:#95620c}.attendance-table-row td>span{gap:3px;display:grid}.attendance-table-row td>span small{color:var(--muted);font-size:9px}.attendance-day-metrics{border-bottom:1px solid var(--line);grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;padding:12px;display:grid}.attendance-day-metrics span{background:#fff;border-radius:10px;gap:4px;padding:9px;display:grid}.attendance-day-metrics small{color:var(--muted);font-size:9px}.attendance-day-metrics strong{color:var(--brand-dark);font-size:12px}.attendance-correction-action{color:#80550d;font:inherit;background:#fff7e8;border:1px solid #d89b3257;border-radius:13px;justify-content:center;align-items:center;gap:7px;margin:12px;padding:10px 14px;font-weight:800;display:flex}.attendance-correction-state{color:var(--brand-dark);background:var(--brand-soft);border-radius:13px;align-items:center;gap:9px;margin:12px;padding:10px 13px;display:flex}.attendance-correction-state span{gap:2px;display:grid}.attendance-correction-state small{color:var(--muted)}@media (width<=700px){.attendance-table-wrap{box-shadow:none;background:0 0;border:0;border-radius:0;overflow:visible}.attendance-table,.attendance-table tbody{display:block}.attendance-table thead{display:none}.attendance-table-row{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:1fr 1fr;margin-bottom:8px;display:grid;overflow:hidden}.attendance-table-row td{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:10px 12px;font-size:11px;display:flex}.attendance-table-row td:before{content:attr(data-label);color:var(--muted);font-size:9px;font-weight:700}.attendance-table-row td:first-child{border-top:0;grid-column:1/-1}.attendance-table-row td:first-child:before,.attendance-details-cell:before{display:none}.attendance-table-row .attendance-details-cell{grid-column:1/-1;justify-content:center;width:auto}.attendance-details-cell button{width:100%;height:32px}.attendance-detail-row{margin:-8px 0 8px;display:block}.attendance-detail-row>td{border:1px solid var(--line);border-top:0;border-radius:0 0 14px 14px;padding:0;display:block}.attendance-detail-row .attendance-events{padding:10px}.attendance-day-metrics{grid-template-columns:repeat(2,1fr)}.attendance-table-row:has(+.attendance-detail-row){border-radius:14px 14px 0 0}.attendance-history{width:100%}.attendance-events>div .attendance-location-action{grid-column:2;width:100%}.attendance-location-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.attendance-point-map{height:44vh}}.weekday-picker,.employee-checklist{border:1px solid var(--line);border-radius:13px;flex-wrap:wrap;gap:8px;padding:14px;display:flex}.weekday-picker legend,.employee-checklist legend{color:var(--brand-dark);padding-inline:7px;font-size:11px;font-weight:800}.weekday-picker label{background:#f4f8f7;border-radius:9px;align-items:center;gap:6px;padding:8px 11px;font-size:11px;display:inline-flex}.employee-checklist{grid-template-columns:repeat(2,minmax(0,1fr));max-height:280px;display:grid;overflow:auto}.employee-checklist label{border:1px solid var(--line);background:#fff;border-radius:10px;align-items:center;gap:9px;padding:9px;display:flex}.employee-checklist span{gap:3px;min-width:0;display:grid}.employee-checklist small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.shift-preview{color:var(--brand-dark);background:var(--brand-soft);border:1px solid #9acfc3;border-radius:12px;align-items:center;gap:10px;padding:13px;display:flex}.shift-preview span{flex:1;gap:3px;display:grid}.shift-preview em{font-style:normal;font-weight:800}.shift-assignment-row span{gap:4px}.report-toolbar{justify-content:space-between;align-items:end;gap:16px;display:flex}.report-range,.report-export-actions{align-items:end;gap:9px;display:flex}.report-range label{color:var(--muted);gap:6px;font-size:10px;font-weight:700;display:grid}.report-range input{border:1px solid var(--line);background:#fff;border-radius:9px;min-height:40px;padding:0 10px}.report-export-actions button{color:#fff;border:0;border-radius:9px;align-items:center;gap:7px;min-height:40px;padding:0 14px;font-weight:800;display:inline-flex}.excel-action{background:#197044}.pdf-action{background:#b9423a}.export-language-menu{position:relative}.export-chevron{margin-inline-start:2px;font-size:9px;transition:transform .18s}.export-language-menu [aria-expanded=true] .export-chevron{transform:rotate(180deg)}.export-language-options{z-index:30;inset-inline-end:0;border:1px solid var(--line);background:#fff;border-radius:12px;gap:4px;min-width:174px;padding:8px;display:grid;position:absolute;top:calc(100% + 7px);box-shadow:0 15px 38px #14363229}.export-language-options small{color:var(--muted);padding:4px 7px;font-size:10px;font-weight:800}.report-export-actions .export-language-options button{min-height:36px;color:var(--ink);background:0 0;justify-content:flex-start;padding:7px 9px}.report-export-actions .export-language-options button:hover{background:var(--brand-soft)}.export-language-options button span{min-width:28px;color:var(--brand-dark);text-align:center;background:#e7f4f1;border-radius:6px;padding:3px 5px;font-size:9px}.report-table td>span{gap:3px;display:grid}.report-table td>span small,.report-table td>small{color:var(--muted)}.report-status{border-radius:999px;width:max-content;padding:5px 8px;font-size:9px;font-weight:800}.report-status.complete{color:#08705d;background:#dff7ef}.report-status.incomplete{color:#95620c;background:#fff2d5}@media (width<=760px){.employee-checklist{grid-template-columns:1fr}.report-toolbar,.report-range{flex-direction:column;align-items:stretch}.report-export-actions{width:100%}.report-export-actions button{flex:1;justify-content:center}.report-table .attendance-table-row{grid-template-columns:1fr}.report-table .attendance-table-row td{grid-column:1/-1}}.attendance-policy-page{gap:18px;width:min(1180px,100%);margin:0 auto;display:grid}.policy-heading-actions{align-items:center;gap:8px;display:flex}.policy-heading-actions .primary-action,.policy-card-actions .primary-action,.policy-card-actions .secondary-action{justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 14px;display:inline-flex}.policy-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.policy-summary-grid article{border:1px solid var(--line);background:#fff;border-radius:16px;align-items:center;gap:12px;min-width:0;padding:16px;display:flex;box-shadow:0 9px 26px #164a440d}.policy-summary-grid article>span{width:42px;height:42px;color:var(--brand-dark);background:var(--brand-soft);border-radius:13px;flex:none;place-items:center;display:grid}.policy-summary-grid article>div{gap:4px;min-width:0;display:grid}.policy-summary-grid small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.policy-summary-grid strong{font-size:23px}.policy-default-card{color:var(--brand-dark);background:linear-gradient(135deg,#f0faf7,#fbfdfc);border:1px solid #b8ddd6;border-radius:16px;align-items:center;gap:13px;padding:16px 18px;display:flex}.policy-default-card>span{color:#fff;background:var(--brand);border-radius:50%;flex:none;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 7px 18px #0f766e33}.policy-default-card>div{gap:4px;display:grid}.policy-default-card p{color:var(--muted);margin:0;font-size:11px;line-height:1.7}.policy-loading{gap:10px;display:grid}.policy-loading span{background:linear-gradient(90deg,#edf2f0 25%,#fafcfa 50%,#edf2f0 75%) 0 0/200% 100%;border-radius:18px;height:190px;animation:1.25s linear infinite attendance-shimmer}.policy-empty{min-height:250px}.policy-empty>svg{color:var(--brand);font-size:30px}.policy-list{gap:14px;display:grid}.policy-card{border:1px solid var(--line);background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 12px 34px #164a440f}.policy-card.status-active{border-color:#a9d4cb}.policy-card.status-archived{opacity:.78}.policy-card>header{border-bottom:1px solid var(--line);background:linear-gradient(135deg,#fff,#f8fbfa);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;padding:17px 18px;display:grid}.policy-card-icon{width:47px;height:47px;color:var(--brand-dark);background:var(--brand-soft);border-radius:14px;place-items:center;font-size:18px;display:grid}.policy-card-title{gap:3px;min-width:0;display:grid}.policy-card-title>span{gap:6px;display:flex}.policy-card-title h2{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:16px;overflow:hidden}.policy-card-title p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:10px;overflow:hidden}.policy-status,.policy-mode{border-radius:999px;width:max-content;padding:4px 7px;font-size:8px;font-weight:800}.policy-status.draft{color:#81580e;background:#fff1cf}.policy-status.active{color:#08705d;background:#dff7ef}.policy-status.archived{color:#5d6f6b;background:#e9efed}.policy-mode{color:#305b73;background:#e5f3fa}.policy-card-actions{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.danger-action{color:var(--danger)!important}.policy-facts{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:14px 18px;display:grid}.policy-facts>span{background:#f5f9f8;border-radius:11px;gap:5px;min-width:0;padding:11px;display:grid}.policy-facts small{color:var(--muted);font-size:9px}.policy-facts strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.policy-field-warning{color:#76500d;background:#fff9e9;border:1px solid #e7c982;border-radius:11px;align-items:center;gap:10px;margin:0 18px 14px;padding:11px 13px;display:flex}.policy-field-warning>span{gap:3px;display:grid}.policy-field-warning small{font-size:9px}.policy-assignments{border-top:1px solid var(--line)}.policy-assignments>header{background:#fbfdfc;justify-content:space-between;align-items:center;gap:12px;padding:13px 18px;display:flex}.policy-assignments>header>div{gap:3px;display:grid}.policy-assignments>header strong{font-size:11px}.policy-assignments>header small{color:var(--muted);font-size:9px}.policy-assignments>header>span{min-width:28px;height:28px;color:var(--brand-dark);background:var(--brand-soft);border-radius:999px;place-items:center;padding:0 8px;font-size:10px;font-weight:800;display:grid}.policy-no-assignments{color:var(--muted);text-align:center;margin:0;padding:18px;font-size:10px}.policy-assignment-list{display:grid}.policy-assignment-list>div{border-top:1px solid #edf2f0;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;gap:10px;padding:10px 18px;display:grid}.policy-assignment-list>div.cancelled{opacity:.58}.assignment-avatar{color:#fff;background:linear-gradient(135deg,var(--brand),#2b9b86);border-radius:11px;place-items:center;width:34px;height:34px;font-size:10px;font-weight:900;display:grid}.assignment-person{gap:3px;min-width:0;display:grid}.assignment-person strong,.assignment-person small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.assignment-person strong{font-size:11px}.assignment-person small{color:var(--muted);font-size:9px}.assignment-period{color:var(--muted);direction:ltr;align-items:center;gap:5px;font-size:9px;display:inline-flex}.assignment-state{border-radius:999px;padding:4px 7px;font-size:8px;font-weight:800}.assignment-state.active{color:#08705d;background:#dff7ef}.assignment-state.cancelled{color:#755a55;background:#f1e9e7}.assignment-cancel{width:30px;height:30px;color:var(--danger);background:#fff8f6;border:1px solid #edc6be;border-radius:9px;place-items:center;display:grid}.policy-mode-choice{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.policy-mode-choice>button{text-align:start;border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:14px;align-items:center;gap:11px;padding:15px;display:flex}.policy-mode-choice>button>svg{color:var(--brand);font-size:20px}.policy-mode-choice>button>span{gap:4px;display:grid}.policy-mode-choice small{color:var(--muted);font-size:9px;line-height:1.5}.policy-mode-choice>button.active{border-color:var(--brand);background:var(--brand-soft);box-shadow:0 0 0 3px #0f766e14}.assignment-reason{grid-column:1/-1}.employee-selection-head{align-items:center;gap:9px;display:flex}.employee-selection-head>label{border:1px solid var(--line);background:#fff;border-radius:11px;flex:1;align-items:center;gap:8px;min-height:42px;padding:0 12px;display:flex}.employee-selection-head input{background:0 0;border:0;outline:0;width:100%}.employee-selection-head>span{color:var(--brand-dark);font-size:10px;font-weight:800}.policy-employee-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:360px;display:grid;overflow:auto}.policy-employee-grid>label{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:12px;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:9px;min-width:0;padding:10px;display:grid}.policy-employee-grid>label.selected{border-color:var(--brand);background:var(--brand-soft)}.policy-employee-grid>label.conflict{cursor:not-allowed;opacity:.55}.policy-employee-grid>label>span:last-child{gap:3px;min-width:0;display:grid}.policy-employee-grid strong,.policy-employee-grid small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.policy-employee-grid strong{font-size:10px}.policy-employee-grid small{color:var(--muted);font-size:8px}.policy-employee-grid em{color:#9a6712;font-size:8px;font-style:normal;font-weight:800}.inline-notice.success{color:#08705d;background:#effaf7;border-color:#aadace}.inline-notice.danger{color:var(--danger);background:#fff8f6;border-color:#edc6be}.policy-heading-actions{align-self:flex-start}.policy-heading-actions .primary-action,.policy-card-actions .primary-action,.policy-card-actions .secondary-action{box-sizing:border-box;height:40px;min-height:40px;margin-top:0;line-height:1}.policy-heading-actions .icon-action{flex:0 0 40px;align-self:center}.policy-card-actions{align-self:center;align-items:center}.employee-selection-head>label{box-sizing:border-box;height:42px;min-height:42px}.employee-selection-head .secondary-action{align-self:center;height:42px;margin:0}.employee-selection-head>span{align-items:center;min-height:42px;display:inline-flex}@media (width<=900px){.policy-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.policy-card>header{grid-template-columns:auto minmax(0,1fr)}.policy-card-actions{grid-column:1/-1;justify-content:stretch}.policy-card-actions button{flex:1}.policy-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.policy-heading-actions{width:100%}.policy-heading-actions .primary-action{flex:1}.policy-summary-grid{gap:7px}.policy-summary-grid article{padding:12px}.policy-default-card{align-items:flex-start}.policy-card>header{padding:14px}.policy-card-icon{width:40px;height:40px}.policy-facts{padding:11px 14px}.policy-assignment-list>div{grid-template-columns:auto minmax(0,1fr) auto;padding:10px 14px}.assignment-period{grid-column:2/-1}.assignment-state{grid-column:2;width:max-content}.assignment-cancel{grid-area:2/3}.policy-mode-choice,.policy-employee-grid{grid-template-columns:1fr}.employee-selection-head{flex-wrap:wrap;align-items:stretch}.employee-selection-head>label{flex-basis:100%}.employee-selection-head .secondary-action{flex:1}}.restore-action{min-height:40px;color:var(--brand-dark);background:#ecf9f5;border:1px solid #9acfc3;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding-inline:14px;font-weight:700;display:inline-flex}.restore-action:hover:not(:disabled){border-color:var(--brand);background:var(--brand-soft)}.restore-action:disabled{cursor:wait;opacity:.55}.restore-note{color:var(--brand-dark);background:var(--brand-soft);border-radius:9px;margin:0;padding:10px 12px;font-size:11px;line-height:1.7}.archived-structure{background:#f7faf9;border:1px dashed #b6cbc7;border-radius:13px;margin-top:13px;padding:14px}.archived-structure h3{color:var(--muted);align-items:center;gap:7px;margin:0 0 10px;font-size:13px;display:flex}.archived-structure>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.archived-structure article{border:1px solid var(--line);background:#fff;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:10px;display:flex}.archived-structure article>span{gap:3px;min-width:0;display:grid}.archived-structure article small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.archived-structure .restore-action{flex:none;min-height:34px;font-size:11px}@media (width<=620px){.archived-structure>div{grid-template-columns:1fr}.archived-structure article{flex-direction:column;align-items:stretch}.archived-structure .restore-action{width:100%}}.employment-day-toggles{flex-wrap:wrap;gap:10px;display:flex}.employment-day-toggles label{border:1px solid var(--line);background:#fff;border-radius:12px;flex-direction:row;align-items:center;gap:8px;padding:9px 12px;display:inline-flex}.modal-feedback{color:var(--brand-dark);background:var(--brand-soft);border:1px solid #0f766e38;border-radius:12px;margin-bottom:14px;padding:11px 13px;font-size:12px;line-height:1.6}.modal-feedback.error{color:#9f322b;background:#fff0ee;border-color:#efb8b3}.row-actions{align-items:center;gap:5px;display:flex}.wifi-network-manager{gap:16px;display:grid}.wifi-network-list{gap:8px;max-height:280px;display:grid;overflow:auto}.wifi-network-list>article{border:1px solid var(--line);background:#f8fbfa;border-radius:13px;justify-content:space-between;align-items:center;gap:10px;padding:11px 12px;display:flex}.wifi-network-list>article.inactive{opacity:.58}.wifi-network-list>article>span{color:var(--brand-dark);align-items:center;gap:10px;display:flex}.wifi-network-list>article>span>span{gap:3px;display:grid}.wifi-network-list small{color:var(--muted)}.wifi-network-list>article>div{gap:6px;display:flex}.wifi-network-list button{border:1px solid var(--line);min-height:34px;color:var(--brand-dark);background:#fff;border-radius:9px;padding-inline:10px}@media (width<=620px){.wifi-network-list>article{flex-direction:column;align-items:stretch}.wifi-network-list>article>div button{flex:1}}.wifi-capture-panel{border:1px solid color-mix(in srgb,var(--brand) 22%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 8%,#fff),#fff);border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;display:grid}.wifi-capture-panel div{gap:5px;display:grid}.wifi-capture-panel p,.wifi-capture-panel ol{color:var(--muted);margin:0;font-size:.88rem;line-height:1.7}.wifi-capture-panel ol{grid-column:1/-1;padding-inline-start:22px}.wifi-capture-panel .secondary-action{white-space:nowrap}@media (width<=620px){.wifi-capture-panel{grid-template-columns:1fr}.wifi-capture-panel .secondary-action{justify-content:center;width:100%}}.personal-attendance-table th:nth-child(3),.personal-attendance-table th:nth-child(4),.personal-attendance-table td:nth-child(3),.personal-attendance-table td:nth-child(4){text-align:center}.attendance-history-tools{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.attendance-report-filters{grid-template-columns:minmax(190px,1.4fr) repeat(4,minmax(145px,1fr));gap:.65rem;width:100%;display:grid}.attendance-report-filters label{color:var(--muted);gap:.3rem;font-size:.72rem;font-weight:700;display:grid}.attendance-report-filters input,.attendance-report-filters select{border:1px solid var(--line);min-width:0;height:42px;color:var(--ink);background:#fff;border-radius:12px;padding:0 .7rem}@media (width<=900px){.attendance-report-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.attendance-report-filters{grid-template-columns:1fr}.attendance-history-tools{flex-direction:column;align-items:stretch;width:100%}.attendance-history-tools .secondary-action{justify-content:center}}[dir=rtl] .organization-grid label:has(input[type=email]):after{content:"البريد اختياري. في حال عدم إدخاله سيتم توليد بريد للموظف عند تسجيل الدخول لأول مرة."}[dir=ltr] .organization-grid label:has(input[type=email]):after{content:"Email is optional. If omitted, a sign-in email will be generated for the employee on the first sign-in."}.organization-grid label:has(input[type=email]):after{color:var(--muted);margin-top:.25rem;font-size:.72rem;font-weight:500;line-height:1.5;display:block}.attendance-reports .report-toolbar{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:14px;min-width:0;display:grid}.attendance-reports .report-range{flex-wrap:wrap;align-items:end;min-width:0;display:flex}.attendance-reports .report-range label{flex:160px;min-width:0}.attendance-reports .report-range input{box-sizing:border-box;width:100%;min-width:0}.attendance-reports .report-range .secondary-action{white-space:nowrap;flex:none;justify-content:center;align-items:center;min-height:40px;padding-inline:16px;line-height:1.2;display:inline-flex}.attendance-reports .attendance-report-filters{grid-area:2/1/auto/-1;grid-template-columns:repeat(5,minmax(0,1fr));min-width:0}.attendance-reports .attendance-report-filters label,.attendance-reports .attendance-report-filters input,.attendance-reports .attendance-report-filters select{box-sizing:border-box;min-width:0;max-width:100%}.attendance-reports .report-export-actions{grid-area:1/2;min-width:0}@media (width<=1100px){.attendance-reports .attendance-report-filters{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.attendance-reports .report-toolbar{grid-template-columns:1fr;align-items:stretch}.attendance-reports .report-range{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;display:grid}.attendance-reports .report-range .secondary-action{grid-column:1/-1;width:100%}.attendance-reports .attendance-report-filters{grid-area:auto/1;grid-template-columns:repeat(2,minmax(0,1fr))}.attendance-reports .report-export-actions{grid-area:auto/1;width:100%}}@media (width<=520px){.attendance-reports .report-range,.attendance-reports .attendance-report-filters{grid-template-columns:1fr}}.report-employee-link{text-align:start;width:100%;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:11px;gap:2px;padding:8px 10px;transition:background .18s,color .18s;display:grid}.report-employee-link:hover:not(:disabled){color:var(--brand);background:#0f766e17}.report-employee-link:disabled{cursor:default}.report-employee-link small{color:var(--muted)}.employee-attendance-detail-dialog{width:min(1180px,100%)}.employee-attendance-detail-toolbar{border:1px solid var(--line);background:linear-gradient(135deg,#f7fcfa,#eef8f5);border-radius:16px;justify-content:space-between;align-items:end;gap:16px;margin-bottom:16px;padding:14px 16px;display:flex}.employee-attendance-detail-toolbar>span{grid-template-columns:auto 1fr;align-items:center;gap:3px 9px;display:grid}.employee-attendance-detail-toolbar>span svg{color:var(--brand);grid-row:1/3}.employee-attendance-detail-toolbar>span small{color:var(--muted)}.employee-attendance-detail-toolbar label{color:var(--muted);gap:5px;font-size:.78rem;font-weight:700;display:grid}.employee-attendance-detail-toolbar input{border:1px solid var(--line);min-height:42px;font:inherit;background:#fff;border-radius:10px;padding:6px 10px}.employee-attendance-detail{gap:18px;display:grid}.attendance-history-summary.compact{grid-template-columns:repeat(4,minmax(0,1fr));margin:0}.employee-attendance-section{gap:10px;display:grid}.employee-attendance-section>header{justify-content:space-between;align-items:center;display:flex}.employee-attendance-section h3{margin:0;font-size:1rem}.employee-attendance-days,.employee-tracking-sessions{gap:8px;display:grid}.employee-attendance-days article,.employee-tracking-sessions article{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:minmax(170px,1.4fr) repeat(3,minmax(90px,1fr)) auto;align-items:center;gap:10px;padding:12px 14px;display:grid}.employee-attendance-days article>div,.employee-tracking-sessions article>div,.employee-attendance-days article>span,.employee-tracking-sessions article>span{gap:3px;display:grid}.employee-attendance-days small,.employee-tracking-sessions small{color:var(--muted);font-size:.72rem}.employee-attendance-section .empty-state{border:1px dashed var(--line);text-align:center;color:var(--muted);border-radius:14px;margin:0;padding:18px}@media (width<=760px){.employee-attendance-detail-toolbar{flex-direction:column;align-items:stretch}.attendance-history-summary.compact,.employee-attendance-days article,.employee-tracking-sessions article{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-attendance-days article>div,.employee-tracking-sessions article>div{grid-column:1/-1}.employee-tracking-sessions article>button{grid-column:1/-1;justify-content:center}}.flex-monitor{gap:18px;display:grid}.flex-monitor-hero{background:linear-gradient(135deg,#f5fbf9 0%,#fff 55%,#fff8e8 100%);border:1px solid #0f766e2e;border-radius:24px;justify-content:space-between;align-items:center;gap:24px;padding:26px;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 35px #12433c14}.flex-monitor-hero:after{content:"";inset-inline-end:-75px;background:radial-gradient(circle,#d3a32d33,#0000 68%);border-radius:50%;width:190px;height:190px;position:absolute;top:-105px}.flex-monitor-hero>div,.flex-monitor-hero>button{z-index:1;position:relative}.flex-monitor-hero small{color:#0f766e;font-weight:800}.flex-monitor-hero h2{color:#163f3a;margin:5px 0}.flex-monitor-hero p{color:#607773;margin:0}.flex-monitor-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.flex-monitor-summary article{background:#fff;border:1px solid #dbeae6;border-radius:18px;align-items:center;gap:12px;padding:16px;display:flex;box-shadow:0 8px 22px #1c4b440f}.flex-monitor-summary article>svg{color:#0f766e;background:#e8f6f2;border-radius:13px;width:20px;height:20px;padding:11px}.flex-monitor-summary article.warning>svg{color:#a86700;background:#fff1d6}.flex-monitor-summary span{display:grid}.flex-monitor-summary small{color:#6a7f7b}.flex-monitor-summary strong{color:#173e39;font-size:1.45rem}.flex-monitor-filters{grid-template-columns:minmax(260px,1fr) 210px 210px;gap:10px;display:grid}.flex-monitor-filters label{color:#718783;background:#fff;border:1px solid #cddedb;border-radius:14px;align-items:center;gap:9px;padding-inline:14px;display:flex}.flex-monitor-filters input{background:0 0;outline:0;width:100%;box-shadow:none!important;border:0!important;padding-inline:0!important}.flex-monitor-filters select{color:#294a45;background:#fff;border:1px solid #cddedb;border-radius:14px;min-height:46px;padding-inline:13px}.flex-monitor-grid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:14px;display:grid}.flex-employee-card{background:#fff;border:1px solid #d9e7e4;border-radius:20px;gap:14px;padding:17px;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid;box-shadow:0 9px 26px #1440390f}.flex-employee-card:hover{border-color:#9bcac1;transform:translateY(-2px);box-shadow:0 14px 30px #1440391a}.flex-employee-card.active{border-inline-start:4px solid #159477}.flex-employee-card.alert{background:linear-gradient(145deg,#fff 65%,#fff9ec);border-color:#efc67c}.flex-employee-card>header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.flex-employee-card>header>button{text-align:start;background:0 0;border:0;align-items:center;gap:10px;min-width:0;padding:0;display:flex}.flex-employee-card>header>button>span{color:#fff;background:linear-gradient(135deg,#0f766e,#25a98e);border-radius:14px;flex:0 0 43px;place-items:center;height:43px;font-weight:900;display:grid}.flex-employee-card header div{min-width:0;display:grid}.flex-employee-card header div strong{color:#183f39;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.flex-employee-card header div small{color:#748783}.flex-employee-card header>b{white-space:nowrap;border-radius:999px;padding:5px 9px;font-size:.72rem}.flex-employee-card header>b.online{color:#08705d;background:#ddf7ed}.flex-employee-card header>b.offline{color:#60706d;background:#edf2f1}.flex-employee-policy{background:#f5f9f8;border-radius:15px;grid-template-columns:auto 1fr;align-items:center;gap:3px 9px;padding:12px;display:grid}.flex-employee-policy span{color:#0f766e;background:#e1f3ef;border-radius:10px;grid-row:span 2;padding:6px 9px;font-size:.75rem;font-weight:800}.flex-employee-policy strong{color:#294b46}.flex-employee-policy small{color:#748783}.flex-route-health{grid-template-columns:1.35fr .65fr 1fr;gap:8px;display:grid}.flex-route-health>span{border:1px solid #e0ebe9;border-radius:13px;padding:10px;display:grid}.flex-route-health small,.flex-last-event small{color:#778a86}.flex-route-health strong{color:#244c46}.flex-route-health strong.danger{color:#b16800}.flex-last-event{color:#0f766e;border:1px solid #e0ebe9;border-radius:13px;align-items:center;gap:10px;padding:11px;display:flex}.flex-last-event span{display:grid}.flex-last-event strong{color:#294b46;font-size:.85rem}.flex-employee-card>footer{border-top:1px solid #edf2f1;justify-content:flex-end;gap:8px;padding-top:13px;display:flex}.flex-monitor-updated{color:#71827f;justify-self:end}@media (width<=900px){.flex-monitor-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-monitor-filters{grid-template-columns:1fr 1fr}.flex-monitor-filters label{grid-column:1/-1}}@media (width<=560px){.flex-monitor-hero{flex-direction:column;align-items:flex-start;padding:20px}.flex-monitor-summary{grid-template-columns:1fr 1fr}.flex-monitor-summary article{padding:12px}.flex-monitor-filters{grid-template-columns:1fr}.flex-monitor-filters label{grid-column:auto}.flex-monitor-grid{grid-template-columns:1fr}.flex-employee-card>header{flex-direction:column}.flex-route-health{grid-template-columns:1fr 1fr}.flex-route-health>span:first-child{grid-column:1/-1}.flex-employee-card>footer{grid-template-columns:1fr 1fr;display:grid}.flex-employee-card>footer button{justify-content:center}}.flex-monitor-summary{grid-template-columns:repeat(5,minmax(0,1fr))}.flex-connection-alert{color:#8f3029;background:#fff4f2;border:1px solid #efb9b0;border-radius:16px;align-items:center;gap:13px;padding:14px 16px;display:flex;box-shadow:0 8px 20px #8f30290f}.flex-connection-alert>svg{flex:none;font-size:20px}.flex-connection-alert>div{gap:3px;display:grid}.flex-connection-alert small{color:#9a5a54}.flex-employee-card{grid-template-rows:auto auto 1fr auto;align-content:start}.flex-employee-card.disconnected{background:linear-gradient(145deg,#fff 62%,#fff2f0);border-color:#dd756c}.flex-connection-state{background:#f8fbfa;border:1px solid #dce9e6;border-radius:13px;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;min-height:58px;padding:10px 12px;display:grid}.flex-connection-state>i{background:#92a4a0;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 4px #92a4a024}.flex-connection-state>span{gap:2px;display:grid}.flex-connection-state small,.flex-connection-state time{color:#748783;font-size:.72rem}.flex-connection-state strong{color:#294b46;font-size:.86rem}.flex-connection-state time{white-space:nowrap}.flex-connection-state.connection-connected>i{background:#159477;box-shadow:0 0 0 4px #15947726}.flex-connection-state.connection-delayed>i{background:#d08a18;box-shadow:0 0 0 4px #d08a1829}.flex-connection-state.connection-disconnected{background:#fff5f3;border-color:#efb9b0}.flex-connection-state.connection-disconnected>i{background:#c6483d;box-shadow:0 0 0 4px #c6483d26}.flex-connection-state.connection-disconnected strong{color:#a8332a}.flex-employee-card>footer{align-items:stretch;margin-top:auto}.flex-employee-card>footer button{flex:1 1 0;justify-content:center;align-items:center;gap:7px;min-height:42px;margin:0;display:inline-flex}.dashboard-tracking-alert{text-align:start;color:#8f3029;background:linear-gradient(135deg,#fff4f2,snow);border:1px solid #eaa99f;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;width:100%;min-height:74px;padding:14px 18px;display:grid;box-shadow:0 10px 26px #8f302914}.dashboard-tracking-alert>svg:first-child{color:#fff;background:#c6483d;border-radius:12px;width:20px;height:20px;padding:10px}.dashboard-tracking-alert>span{gap:4px;display:grid}.dashboard-tracking-alert strong{font-size:.95rem}.dashboard-tracking-alert small{color:#98615c}.dashboard-tracking-alert .dashboard-card-arrow{color:#a84037}@media (width<=1100px){.flex-monitor-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=900px){.flex-monitor-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.flex-monitor-summary{grid-template-columns:1fr 1fr}.flex-connection-alert{align-items:flex-start}.flex-employee-card>footer{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-employee-card>footer button:only-child{grid-column:1/-1}}.notification-settings{gap:16px;display:grid}.notification-device-summary{border:1px solid var(--line);background:#fff;border-radius:18px;align-items:center;gap:12px;padding:16px 20px;display:flex}.notification-device-summary>svg{color:var(--brand);font-size:24px}.notification-device-summary span{gap:3px;display:grid}.notification-device-summary small{color:var(--muted)}.notification-preference-list{gap:10px;display:grid}.notification-preference-list article{border:1px solid var(--line);background:#fff;border-radius:16px;grid-template-columns:minmax(260px,1fr) auto auto;align-items:center;gap:18px;padding:15px 18px;display:grid}.notification-preference-list article>div{align-items:center;gap:12px;display:flex}.notification-preference-list article>div>svg{color:var(--brand)}.notification-preference-list article span{gap:3px;display:grid}.notification-preference-list article small{color:var(--muted);font-size:9px}.notification-preference-list label{align-items:center;gap:8px;font-weight:700;display:flex}.notification-preference-list label.disabled{opacity:.4}.notification-preference-list input{width:18px;height:18px;accent-color:var(--brand)}@media (width<=700px){.notification-preference-list article{grid-template-columns:1fr 1fr}.notification-preference-list article>div{grid-column:1/-1}.notification-preference-list label{background:#f5f9f8;border-radius:12px;justify-content:center;padding:10px}}.notification-center,.notification-bell{position:relative}.notification-bell b{color:#fff;background:#e25353;border:2px solid #fff;border-radius:10px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:9px;line-height:1;display:grid;position:absolute;inset-block-start:-5px;inset-inline-end:-5px}.notification-popover{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#fffffff5;border:1px solid #005a4e26;border-radius:22px;flex-direction:column;width:min(390px,100vw - 24px);max-height:min(560px,100vh - 90px);display:flex;position:absolute;inset-block-start:calc(100% + 11px);inset-inline-end:0;overflow:hidden;box-shadow:0 24px 70px #0a2d2838}.notification-popover>header{border-bottom:1px solid var(--line);background:linear-gradient(135deg,#11977e1f,#ffffffbf);justify-content:space-between;align-items:center;padding:15px 16px;display:flex}.notification-popover>header>div{align-items:center;gap:6px;display:flex}.notification-popover>header>div:first-child{gap:2px;display:grid}.notification-popover>header small{font-size:10px}.topbar .notification-popover>header button{border-radius:10px;width:32px;height:32px}.notification-items{overscroll-behavior:contain;overflow:auto}.topbar .notification-items>button{text-align:start;border-bottom:1px solid var(--line);width:100%;height:auto;min-height:82px;color:var(--text);background:#fff;border-radius:0;grid-template-columns:8px minmax(0,1fr);gap:10px;padding:13px 15px;display:grid}.topbar .notification-items>button:hover{background:#f3fbf9}.notification-items>button>i{background:0 0;border-radius:50%;width:7px;height:7px;margin-top:7px}.notification-items>button.unread>i{background:var(--brand)}.notification-items>button>span{gap:4px;min-width:0;display:grid}.notification-items strong{font-size:12px}.notification-items small{color:var(--muted);font-size:10px;line-height:1.55}.notification-items time{color:#879894;font-size:9px}.notification-items>button.read{opacity:.72}.notification-empty{text-align:center;color:var(--muted);padding:28px 18px}.notification-empty.error{color:#b33}@media (width<=620px){.notification-popover{border-radius:20px;width:auto;max-height:calc(100dvh - 150px);position:fixed;inset-block-start:76px;inset-inline:12px}.topbar .notification-items>button{min-height:76px;padding:11px 13px}}.notification-items em{color:var(--brand-dark);font-size:9px;font-style:normal}.push-permission-card{border:1px solid color-mix(in srgb,var(--brand) 25%,transparent);background:linear-gradient(135deg,#0f766e1a,#1ca0910d);border-radius:20px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin:14px 24px 0;padding:14px 16px;display:grid;box-shadow:0 10px 30px #0f766e14}.push-permission-card.active{background:#f0fdf4e6;border-color:#16a34a40}.push-permission-card.denied,.push-permission-card.error{background:#fef2f2eb;border-color:#dc262633}.push-permission-icon{color:#fff;background:linear-gradient(135deg,var(--brand),#22c55e);border-radius:15px;place-items:center;width:42px;height:42px;display:grid}.push-permission-card>div{gap:3px;display:grid}.push-permission-card small{color:var(--muted)}.push-permission-card button{color:#fff;background:var(--brand);font:inherit;cursor:pointer;border:0;border-radius:14px;padding:9px 14px;font-weight:800}.push-permission-card button.secondary{color:var(--brand);border:1px solid var(--line);background:#fff}@media (width<=700px){.push-permission-card{grid-template-columns:auto 1fr;margin:10px 12px 0}.push-permission-card button{grid-column:1/-1;width:100%}}.leave-balances-page{gap:18px;display:grid}.leave-balance-actions{flex-wrap:wrap;align-items:end;gap:9px;display:flex}.leave-balance-actions label{color:var(--muted);gap:4px;font-size:11px;display:grid}.leave-balance-actions input{border:1px solid var(--line);width:100px;height:40px;font:inherit;background:#fff;border-radius:12px;padding:0 10px}.leave-type-summary{grid-template-columns:repeat(5,minmax(145px,1fr));gap:11px;display:grid}.leave-type-summary article{border:1px solid var(--line);background:#ffffffeb;border-radius:18px;align-items:center;gap:11px;padding:15px;display:flex}.leave-type-summary article>span{color:#fff;background:linear-gradient(135deg,var(--brand),#22c55e);border-radius:13px;place-items:center;width:38px;height:38px;display:grid}.leave-type-summary article>div{gap:3px;display:grid}.leave-type-summary small{color:var(--muted)}.leave-balance-table-card,.leave-grant-history{border:1px solid var(--line);background:#fffffff0;border-radius:22px;padding:18px}.leave-balance-table-wrap{border:1px solid var(--line);border-radius:16px;overflow:auto}.leave-balance-table-wrap table{border-collapse:collapse;width:100%;min-width:980px}.leave-balance-table-wrap th,.leave-balance-table-wrap td{text-align:start;border-bottom:1px solid var(--line);vertical-align:top;padding:12px 14px}.leave-balance-table-wrap th{color:var(--muted);z-index:1;background:#f5faf8;font-size:11px;position:sticky;top:0}.leave-balance-table-wrap td{font-size:12px}.leave-balance-table-wrap td:first-child{min-width:190px}.leave-balance-table-wrap td strong,.leave-balance-table-wrap td small{display:block}.leave-balance-table-wrap td small{color:var(--muted);white-space:nowrap;margin-top:3px}.leave-balance-table-wrap tr:last-child td{border-bottom:0}.low-balance{color:#dc2626}.leave-grant-history{gap:9px;display:grid}.leave-grant-history>article{background:#f7faf9;border-radius:14px;justify-content:space-between;gap:12px;padding:12px 14px;display:flex}.leave-grant-history span{gap:3px;display:grid}.leave-grant-history small{color:var(--muted)}.leave-grant-history em{color:var(--brand);font-style:normal;font-weight:800}.leave-grant-form .wide-field{grid-column:1/-1}.leave-employee-checklist{max-height:300px}.leave-employee-checklist>.employee-search{border:1px solid var(--line);width:100%;height:42px;font:inherit;border-radius:12px;margin-bottom:10px;padding:0 12px}.leave-employee-checklist>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:210px;display:grid;overflow:auto}.leave-grant-preview{color:var(--brand);background:#effaf7;border:1px solid #0f766e40;border-radius:16px;align-items:flex-start;gap:12px;padding:14px;display:flex}.leave-grant-preview.warning{color:#b91c1c;background:#fff4f4;border-color:#dc262640}.leave-grant-preview>div{gap:3px;display:grid}.leave-grant-preview p{color:var(--muted);margin:2px 0 0;font-size:11px}.employee-leave-balance-card>svg{color:var(--brand);font-size:22px}.employee-leave-balance-card{align-items:center;gap:12px;display:flex!important}.employee-leave-balance-card span{gap:4px;display:grid}.employee-leave-balance-card strong{font-size:13px;line-height:1.6}@media (width<=1050px){.leave-type-summary{grid-template-columns:repeat(3,minmax(145px,1fr))}}@media (width<=700px){.leave-balances-page{gap:12px}.leave-balance-actions{width:100%}.leave-balance-actions label{flex:1}.leave-type-summary{scroll-snap-type:x mandatory;padding-bottom:4px;display:flex;overflow:auto}.leave-type-summary article{scroll-snap-align:start;min-width:170px}.leave-balance-table-card,.leave-grant-history{border-radius:18px;padding:12px}.leave-employee-checklist>div{grid-template-columns:1fr}.leave-grant-history>article{align-items:flex-start}.leave-grant-history em{white-space:nowrap}}.leave-type-manager{gap:.8rem;display:grid}.leave-type-manager-list{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.65rem;display:grid}.leave-type-manager-list article{border:1px solid var(--line);background:#fff;border-radius:14px;justify-content:space-between;align-items:center;gap:.65rem;padding:.75rem;display:flex}.leave-type-manager-list article.inactive{opacity:.65;background:#f5f6f6}.leave-type-manager-list article>span{gap:.2rem;display:grid}.leave-type-manager-list article small{color:var(--muted)}.leave-type-manager-list article>div{align-items:center;gap:.4rem;display:flex}.leave-type-manager-list .row-edit{position:static}.field-hint{color:var(--muted);margin-top:.25rem;font-size:.72rem;line-height:1.5;display:block}.platform-companies{gap:1.2rem;display:grid}.platform-company-heading-actions{flex-wrap:wrap;gap:.7rem;display:flex}.platform-company-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:1rem;display:grid}.platform-company-card{background:var(--surface,#fff);border:1px solid #23405c1f;border-radius:26px;gap:1rem;padding:1rem;display:grid;position:relative;overflow:hidden;box-shadow:0 14px 36px #1f364f14}.platform-company-card:before{content:"";inset-inline:0;background:linear-gradient(90deg,#5d2f75,#2499a5);height:4px;position:absolute;top:0}.platform-company-card.status-suspended:before,.platform-company-card.status-expired:before{background:#d79a2b}.platform-company-card.status-archived{opacity:.72}.platform-company-card.status-archived:before{background:#89929d}.platform-company-card>header{align-items:center;gap:.8rem;display:flex}.platform-company-card>header div{flex:1;min-width:0}.platform-company-card h2{margin:.2rem 0;font-size:1.05rem}.platform-company-card>header em{color:#147985;background:#2599a51a;border-radius:999px;padding:.35rem .65rem;font-size:.76rem;font-style:normal}.platform-company-stats{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.platform-company-stats span{background:#223e580b;border-radius:17px;gap:.2rem;padding:.7rem;display:grid}.platform-company-stats small{color:var(--muted,#687987);font-size:.7rem}.platform-company-stats strong{text-overflow:ellipsis;font-size:.86rem;overflow:hidden}.platform-company-card>footer{flex-wrap:wrap;gap:.45rem;display:flex}.platform-company-card>footer button{border-radius:999px;padding:.55rem .75rem}.platform-company-card label small{color:var(--muted,#687987);margin-top:.3rem;display:block}@media (width<=640px){.platform-company-stats{grid-template-columns:1fr}.platform-company-heading-actions{width:100%}.platform-company-heading-actions button,.platform-company-card>footer button{flex:1}}.platform-company-heading-actions{align-items:stretch}.platform-company-heading-actions>button{justify-content:center;align-items:center;gap:.45rem;min-height:44px;margin:0;padding:.7rem 1rem;line-height:1.1;display:inline-flex}.requests-page{gap:18px;display:grid}.request-heading-actions{align-items:center;gap:9px;display:flex}.request-heading-actions>.icon-action,.request-heading-actions>.primary-action{align-self:center;height:40px;min-height:40px;margin-top:0}.request-message{color:var(--brand-dark);background:#effaf7;border:1px solid #0f766e38;border-radius:14px;padding:11px 14px}.request-balance-strip{scroll-snap-type:x mandatory;gap:10px;padding-bottom:4px;display:flex;overflow:auto}.request-balance-strip article{scroll-snap-align:start;border:1px solid var(--line);background:#fffffff0;border-radius:18px;gap:4px;min-width:155px;padding:14px;display:grid}.request-balance-strip small,.request-balance-strip span{color:var(--muted);font-size:10px}.request-balance-strip strong{color:var(--brand-dark);font-size:16px}.request-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.request-card{border:1px solid var(--line);background:#fffffff2;border-radius:21px;gap:14px;padding:17px;display:grid;box-shadow:0 12px 30px #0f4d440d}.request-card>header{justify-content:space-between;gap:12px;display:flex}.request-card>header>div{gap:3px;display:grid}.request-card>header small{color:var(--muted)}.request-status{border-radius:99px;height:max-content;padding:5px 9px;font-size:10px;font-weight:800}.status-in_approval,.status-submitted{color:#8a5b0b;background:#fff3d8}.status-approved{color:#08705d;background:#dff7ef}.status-rejected,.status-cancelled{color:#a13d35;background:#ffebe8}.request-facts{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.request-facts span{background:#f7faf9;border-radius:12px;gap:4px;padding:10px;display:grid}.request-facts small{color:var(--muted);font-size:9px}.approval-timeline{color:var(--muted);align-items:center;gap:7px;display:flex;overflow:auto}.approval-timeline>svg{color:var(--brand)}.approval-timeline span{align-items:center;gap:4px;min-width:max-content;font-size:10px;display:flex}.approval-timeline i{background:#ccd8d5;border-radius:50%;width:8px;height:8px}.approval-timeline .active i{background:#d89b32;box-shadow:0 0 0 4px #fff3d8}.approval-timeline .approved i{background:#0f766e}.approval-timeline .rejected i{background:#d94c43}.request-cancel{color:#a13d35;font:inherit;background:0 0;border:0;justify-self:end;align-items:center;gap:5px;font-size:11px;display:flex}.request-date-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.request-form textarea,.popup-form textarea{border:1px solid var(--line);resize:vertical;font:inherit;border-radius:13px;padding:11px}.request-reserve-note{color:var(--brand);background:#effaf7;border-radius:14px;align-items:center;gap:10px;padding:12px;display:flex}.request-reserve-note span{gap:2px;display:grid}.request-reserve-note small{color:var(--muted)}.request-empty{min-height:180px;color:var(--muted);background:#ffffffa6;border:1px dashed #b7cbc7;border-radius:20px;grid-column:1/-1;align-content:center;place-items:center;gap:7px;display:grid}.request-empty svg{color:var(--brand);font-size:27px}.request-empty strong{color:var(--ink)}.approval-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.approval-grid>article{border:1px solid var(--line);background:#fff;border-radius:20px;gap:14px;padding:16px;display:grid}.approval-grid article>header{gap:10px;display:flex}.approval-grid article>header>span{color:#fff;background:linear-gradient(135deg,var(--brand),#22c55e);border-radius:13px;place-items:center;width:38px;height:38px;display:grid}.approval-grid header div{gap:2px;display:grid}.approval-grid header small,.approval-grid header em{color:var(--muted);font-size:9px;font-style:normal}.approval-grid dl{grid-template-columns:1fr 1fr;gap:7px;margin:0;display:grid}.approval-grid dl div{background:#f7faf9;border-radius:11px;padding:9px}.approval-grid dt{color:var(--muted);font-size:9px}.approval-grid dd{margin:3px 0 0;font-size:11px;font-weight:800}.approval-decision{grid-template-columns:1fr 1fr;gap:10px;display:grid}.approval-decision button{border:1px solid var(--line);min-height:70px;font:inherit;background:#fff;border-radius:16px;place-items:center;gap:5px;display:grid}.approval-decision button.selected.approve{color:#08705d;background:#e6f8f3;border-color:#6bc5b6}.approval-decision button.selected.reject{color:#a13d35;background:#fff0ee;border-color:#e9aaa5}@media (width<=1000px){.approval-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.requests-page{gap:12px}.request-list,.approval-grid{grid-template-columns:1fr}.request-card{border-radius:17px;padding:14px}.request-date-grid{grid-template-columns:1fr}.request-heading-actions{justify-content:flex-end;width:100%}.approval-grid dl{grid-template-columns:1fr 1fr}}.correction-impact{background:linear-gradient(135deg,#eafaf6eb,#fffaefe0);border:1px solid #0f766e2e;border-radius:16px;gap:10px;padding:14px;display:grid}.correction-impact>.request-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.correction-financial{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.correction-financial>span{background:#fffc;border-radius:11px;padding:9px;font-size:10px}.correction-financial>small{color:var(--muted);grid-column:1/-1}.correction-financial .positive{color:#08705d}.correction-financial .negative{color:#a13d35}@media (width<=700px){.correction-impact>.request-facts,.correction-financial{grid-template-columns:1fr 1fr}.correction-financial>small{grid-column:1/-1}}.correction-application-result{background:#f1f8f6db;border:1px solid #0f766e2e;border-radius:14px;flex-wrap:wrap;align-items:center;gap:8px;padding:11px 13px;display:flex}.correction-application-result>strong{color:var(--brand-dark)}.correction-application-result>.request-status{width:auto;height:auto;padding:5px 9px}.correction-application-result>small{color:var(--muted);flex-basis:100%}.history-toolbar{border:1px solid var(--line);background:#ffffffd1;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;padding:7px;display:flex}.history-tabs{gap:5px;display:flex}.history-tabs button,.history-expand{font:inherit;cursor:pointer;border:0}.history-tabs button{color:var(--muted);background:0 0;border-radius:12px;padding:9px 14px}.history-tabs button.active{color:#fff;background:linear-gradient(135deg,var(--brand),#16a085);box-shadow:0 7px 18px #0f766e2e}.history-filters{gap:7px;display:flex}.history-filters input,.history-filters select,.history-toolbar>select{border:1px solid var(--line);min-height:38px;color:var(--ink);font:inherit;background:#fff;border-radius:12px;padding:7px 11px;font-size:11px}.history-expand{color:var(--brand-dark);background:#f1f8f6;border-radius:12px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.history-expand svg{transition:transform .2s}.history-expand[aria-expanded=true] svg{transform:rotate(180deg)}.approval-history-path{gap:10px;display:grid}.approval-attempt{background:linear-gradient(145deg,#fbfefd,#f1f8f6);border:1px solid #0f766e29;border-radius:16px;padding:12px}.approval-attempt>header{justify-content:space-between;align-items:flex-start;display:flex!important}.approval-attempt>header>div{gap:2px;display:grid}.approval-attempt>header small{color:var(--muted)}.approval-path-steps{gap:8px;margin-top:12px;display:grid;position:relative}.path-step{background:#ffffffe0;border-radius:13px;grid-template-columns:28px 1fr;gap:9px;padding:9px;display:grid}.path-step>i{color:#fff;background:#9aaba7;border-radius:50%;place-items:center;width:25px;height:25px;font-size:10px;font-style:normal;display:grid}.path-step.approved>i{background:#0f766e}.path-step.rejected>i{background:#c64b42}.path-step.returned>i{background:#c98a1f}.path-step.active>i{background:#d89b32}.path-step>div{gap:3px;display:grid}.path-step small{color:var(--muted)}.path-step p{background:#f7faf9;border-inline-start:3px solid #cbdad6;border-radius:8px;gap:2px;margin:4px 0 0;padding:7px 9px;font-size:10px;display:grid}.path-step p span{color:var(--muted)}.path-step p em{color:#784e06;font-style:normal}.approval-history-card>header{align-items:flex-start}.approval-history-card>header>div{flex:1;min-width:0}.approval-history-card>header>.request-status{width:auto;height:max-content;color:inherit;background:#eef5f3}.approval-history-card .decision-mark.approved{background:linear-gradient(135deg,#0f766e,#22c55e)}.approval-history-card .decision-mark.rejected{background:linear-gradient(135deg,#b63f38,#e66b61)}.approval-history-card .decision-mark.returned{background:linear-gradient(135deg,#b77911,#eab84f)}.history-decision-summary{grid-template-columns:1fr 1fr;gap:7px;display:grid}.history-decision-summary>span{background:#f7faf9;border-radius:11px;gap:3px;padding:9px;display:grid}.history-decision-summary small{color:var(--muted);font-size:9px}.approval-history-card blockquote{background:#fff8e9;border-inline-start:3px solid #d89b32;border-radius:10px;gap:4px;margin:0;padding:10px 12px;font-size:11px;display:grid}.approval-history-card blockquote small{color:var(--muted)}@media (width<=700px){.history-toolbar{flex-direction:column;align-items:stretch}.history-tabs,.history-tabs button{flex:1}.history-filters{grid-template-columns:1fr 1fr;display:grid}.history-decision-summary{grid-template-columns:1fr}.approval-history-card{padding:13px!important}.approval-history-card>header{flex-wrap:wrap}.approval-history-card>header>.request-status{margin-inline-start:48px}.approval-attempt{padding:9px}}.history-load-more{justify-self:center;min-width:190px}.status-returned{color:#80560b;background:#fff3d8}.approval-timeline .returned i{background:#d89b32}.approval-decision{grid-template-columns:repeat(3,1fr)}@media (width<=520px){.approval-decision{grid-template-columns:1fr}}.payroll-calendar-page{gap:18px;display:grid}.payroll-settings-card{border:1px solid var(--line);background:linear-gradient(135deg,#fffffff7,#ebf9f5eb);border-radius:22px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:18px;display:grid}.payroll-settings-card>span{color:#fff;background:linear-gradient(135deg,var(--brand),#22c55e);border-radius:16px;place-items:center;width:48px;height:48px;display:grid}.payroll-settings-card>div{gap:4px;display:grid}.payroll-settings-card small,.payroll-settings-card p{color:var(--muted);margin:0}.calendar-rule-section{border:1px solid var(--line);background:#fffffff0;border-radius:22px;padding:18px}.calendar-rule-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;display:grid}.calendar-rule-grid article{border:1px solid var(--line);background:#fff;border-radius:17px;gap:7px;padding:14px;display:grid}.calendar-rule-grid article.inactive{opacity:.58}.calendar-rule-grid header,.calendar-rule-grid footer{justify-content:space-between;align-items:center;gap:8px;display:flex}.calendar-rule-grid header span{color:var(--brand);font-size:10px;font-weight:800}.calendar-rule-grid header em{color:var(--muted);font-size:9px}.calendar-rule-grid small,.calendar-rule-grid p{color:var(--muted);margin:0;font-size:10px}.calendar-rule-grid footer button{font:inherit;border:0;border-radius:10px;padding:7px 10px}.calendar-number-grid{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.paid-toggle{align-items:center;gap:9px;flex-direction:row!important;display:flex!important}.calendar-employees{border:1px solid var(--line);border-radius:15px;grid-column:1/-1;grid-template-columns:repeat(2,1fr);gap:6px;max-height:210px;display:grid;overflow:auto}.calendar-employees label{background:#f7faf9;border-radius:10px;flex-direction:row;align-items:center;gap:7px;padding:7px;display:flex}.payroll-policy-fields{border:1px solid var(--line);background:linear-gradient(145deg,#f7fbfa,#fff);border-radius:18px;gap:12px;padding:15px;display:grid}.payroll-policy-fields>legend{color:var(--brand);padding:0 8px;font-weight:800}.policy-note{color:var(--brand-dark);background:var(--brand-soft);border-radius:10px;margin:0;padding:10px 12px;font-size:11px;line-height:1.7}@media (width<=1000px){.calendar-rule-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.payroll-calendar-page{gap:12px}.payroll-settings-card{grid-template-columns:auto 1fr}.payroll-settings-card>button{grid-column:1/-1}.calendar-rule-grid,.calendar-number-grid,.calendar-employees{grid-template-columns:1fr}.calendar-rule-section{padding:13px}.payroll-policy-fields{padding:11px}}.adjustments-page{gap:1rem;display:grid}.adjustment-list{gap:.75rem;margin-top:1rem;display:grid}.adjustment-list>article{background:#ffffffb8;border:1px solid #1532401a;border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:1rem;padding:1rem;display:grid}.adjustment-kind{border-radius:15px;place-items:center;width:42px;height:42px;display:grid}.adjustment-earning .adjustment-kind{color:#07875d;background:#dff8ec}.adjustment-deduction .adjustment-kind{color:#c04450;background:#ffe8eb}.adjustment-list article>div:nth-child(2){gap:.25rem;display:grid}.adjustment-list p{color:var(--muted);margin:0;font-size:.88rem}.adjustment-value{justify-items:end;gap:.3rem;display:grid}.adjustment-earning .adjustment-value>strong{color:#07875d}.adjustment-deduction .adjustment-value>strong{color:#c04450}@media (width<=720px){.adjustment-list>article{grid-template-columns:auto 1fr}.adjustment-value{grid-column:2;justify-items:start}.adjustment-list>article>button{grid-column:1/-1;width:100%}}.loans-page{gap:1rem;display:grid}.loan-list{gap:1rem;margin-top:1rem;display:grid}.loan-list>article{background:#ffffffbd;border:1px solid #1532401a;border-radius:20px;gap:.85rem;padding:1rem;display:grid}.loan-list>article>header{justify-content:space-between;gap:1rem;display:flex}.loan-list header>div{gap:.2rem;display:grid}.loan-list p{color:var(--muted);margin:0}.loan-facts{grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;display:grid}.loan-facts>span{background:#e2efeb8c;border-radius:14px;gap:.2rem;padding:.7rem;display:grid}.loan-actions{justify-content:flex-end;gap:.6rem;display:flex}.loan-schedule{border-top:1px solid #1532401a;gap:.45rem;padding-top:.7rem;display:grid}.loan-schedule>span{grid-template-columns:32px 1fr 1fr auto;align-items:center;gap:.7rem;display:grid}.loan-schedule i{background:var(--brand);color:#fff;border-radius:50%;place-items:center;width:28px;height:28px;font-style:normal;display:grid}.loan-schedule em{font-style:normal;font-weight:700}@media (width<=720px){.loan-facts{grid-template-columns:1fr 1fr}.loan-schedule>span{grid-template-columns:32px 1fr}.loan-schedule em,.loan-schedule small{grid-column:2}.loan-actions>*{flex:1}}.payroll-snapshot-page{gap:1rem;display:grid}.snapshot-period-card{background:linear-gradient(135deg,#fffffff0,#def1ecb8);border:1px solid #0f766e26;border-radius:22px;grid-template-columns:repeat(2,minmax(170px,1fr)) auto;align-items:end;gap:.8rem;padding:1rem;display:grid;box-shadow:0 12px 36px #0a474314}.snapshot-period-card label{gap:.4rem;display:grid}.snapshot-history{gap:.7rem;margin-top:1rem;display:grid}.snapshot-history>article{background:#ffffffc2;border:1px solid #1532401a;border-radius:17px;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem;display:flex}.snapshot-history>article>div{gap:.2rem;display:grid}.snapshot-history>article.superseded{opacity:.65}.snapshot-review{gap:1rem;display:grid}.snapshot-metrics{grid-template-columns:repeat(5,minmax(0,1fr));gap:.65rem;display:grid}.snapshot-metrics article{background:#eef6f4;border-radius:16px;gap:.25rem;padding:.8rem;display:grid}.snapshot-metrics article.ok{background:#e8f7ef}.snapshot-metrics article.warning{background:#fff7df}.snapshot-metrics article.blocked{background:#ffe9e9}.snapshot-metrics strong{font-size:1.3rem}.snapshot-employee-list{gap:.75rem;max-height:58vh;padding:.2rem;display:grid;overflow:auto}.snapshot-employee{border:1px solid #1532401f;background:#ffffffd1;border-inline-start:4px solid #4ca492;border-radius:18px;overflow:hidden}.snapshot-employee.warning{border-inline-start-color:#e3a622}.snapshot-employee.blocked{border-inline-start-color:#cf5252}.snapshot-employee-head{text-align:start;width:100%;color:inherit;background:0 0;border:0;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem;display:flex}.snapshot-employee-head>span:first-child{gap:.2rem;display:grid}.snapshot-employee-head em{color:var(--muted);font-style:normal}.snapshot-employee-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;padding:0 .9rem .9rem;display:grid}.snapshot-employee-facts>span{background:#e2efeb80;border-radius:12px;justify-content:space-between;gap:.5rem;padding:.55rem;display:flex}.snapshot-warning-list{flex-wrap:wrap;gap:.4rem;padding:0 .9rem .9rem;display:flex}.snapshot-warning-list span{color:#805b09;background:#fff0d0;border-radius:999px;padding:.35rem .55rem;font-size:.78rem}.snapshot-days{border:1px solid #1532401a;border-radius:13px;margin:.2rem .9rem .9rem;overflow:auto}.snapshot-days>header,.snapshot-days>div{grid-template-columns:1.1fr 1fr 1fr 1fr;gap:.5rem;min-width:520px;padding:.55rem .7rem;display:grid}.snapshot-days>header{color:#fff;background:#176f68;font-weight:700}.snapshot-days>div:nth-child(odd){background:#f2f8f6}@media (width<=760px){.snapshot-period-card{grid-template-columns:1fr 1fr}.snapshot-period-card button{grid-column:1/-1}.snapshot-history>article{flex-direction:column;align-items:stretch}.snapshot-metrics{grid-template-columns:1fr 1fr}.snapshot-metrics article:last-child{grid-column:1/-1}.snapshot-employee-facts{grid-template-columns:1fr}.snapshot-employee-head{align-items:flex-start}.snapshot-review .modal-actions{background:#fffffff5;padding:.7rem 0;position:sticky;bottom:0}}.snapshot-status-stack{justify-items:end;gap:.35rem;display:grid}.review-decision{border-radius:999px;padding:.28rem .55rem;font-size:.75rem;font-weight:800}.snapshot-employee.exclude{opacity:.76;border-inline-start-color:#6b7280}.snapshot-review-filters{flex-wrap:wrap;gap:.45rem;display:flex}.snapshot-review-filters button{color:#315a57;cursor:pointer;background:#fff;border:1px solid #0f766e2e;border-radius:999px;padding:.45rem .8rem}.snapshot-review-filters button.active{color:#fff;background:#176f68}.snapshot-review-audit,.snapshot-review-controls{background:#f4f8f7;border-radius:14px;margin:.65rem .9rem .9rem;padding:.8rem}.snapshot-review-audit{gap:.25rem;display:grid}.snapshot-review-audit p{margin:.25rem 0 0}.snapshot-review-controls{gap:.65rem;display:grid}.snapshot-review-controls label{gap:.35rem;display:grid}.snapshot-review-controls textarea{resize:vertical;min-height:72px}.snapshot-review-controls>div{flex-wrap:wrap;gap:.5rem;display:flex}.snapshot-review-controls small{color:#9b3b3b}.danger-action{color:#9b3030;font:inherit;cursor:pointer;background:#fff1f1;border:1px solid #b0353540;border-radius:12px;padding:.65rem .9rem;font-weight:700}.danger-action:disabled{cursor:not-allowed;opacity:.5}@media (width<=760px){.snapshot-status-stack{justify-items:start}.snapshot-review-controls>div>*{flex:1}.snapshot-review-filters{flex-wrap:nowrap;overflow:auto}.snapshot-review-filters button{white-space:nowrap}}.impact-review-panel{background:linear-gradient(145deg,#eff9f7f5,#fffffff0);border:1px solid #176f6829;border-radius:20px;gap:.8rem;padding:.9rem;display:grid}.impact-review-title{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.impact-review-title h3,.impact-review-title p{margin:.15rem 0}.impact-review-title small{color:#176f68;font-weight:800}.impact-review-title>span{white-space:nowrap;border-radius:999px;padding:.38rem .68rem;font-size:.78rem;font-weight:800}.impact-review-title>span.pending{color:#805b09;background:#fff0d0}.impact-review-title>span.complete{color:#176b46;background:#dff5e9}.impact-review-toolbar{grid-template-columns:auto minmax(140px,.7fr) auto minmax(170px,1fr) auto;align-items:center;gap:.55rem;display:grid}.impact-segmented{background:#dcece8;border-radius:13px;padding:.2rem;display:flex}.impact-segmented button{color:#315a57;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:.45rem .7rem;font-size:.82rem;font-weight:750}.impact-segmented button.active{color:#176f68;background:#fff;box-shadow:0 3px 10px #16534d1f}.impact-review-toolbar>label{align-items:center;gap:.4rem;display:flex}.impact-review-toolbar select,.impact-review-toolbar input{min-width:0;height:40px;color:inherit;font:inherit;background:#fff;border:1px solid #15324024;border-radius:12px;padding:.45rem .65rem}.icon-action{color:#176f68;cursor:pointer;background:#fff;border:1px solid #1532401f;border-radius:12px;width:40px;height:40px}.impact-review-table{background:#fff;border:1px solid #1532401a;border-radius:15px;overflow:hidden}.impact-review-table>header,.impact-review-row{grid-template-columns:34px minmax(100px,.7fr) minmax(180px,1.3fr) minmax(130px,.9fr) minmax(90px,.55fr) minmax(170px,1fr);align-items:center;gap:.55rem;min-width:800px;padding:.6rem .75rem;display:grid}.impact-review-table>header{color:#fff;background:#176f68;font-weight:800}.impact-review-scroll{max-height:310px;overflow:auto}.impact-review-row{cursor:pointer;border-bottom:1px solid #15324012}.impact-review-row:last-child{border-bottom:0}.impact-review-row:hover{background:#f0f8f6}.impact-review-row>span{gap:.15rem;display:grid}.impact-review-row small{color:var(--muted);font-size:.75rem}.impact-kind{grid-template-columns:auto 1fr;align-items:center;display:flex!important}.impact-kind.overtime{color:#176f68}.impact-kind.late_deduction{color:#a26708}.impact-decision{border-radius:999px;width:max-content;padding:.27rem .5rem;font-size:.75rem}.impact-decision.approve{color:#176b46;background:#dff5e9}.impact-decision.reject{color:#963c3c;background:#f8e2e2}.impact-decision.pending{color:#805b09;background:#fff0d0}.impact-review-row.approve{border-inline-start:3px solid #3a9a70}.impact-review-row.reject{opacity:.78;border-inline-start:3px solid #bd5555}.impact-empty{color:#56706d;align-content:center;place-items:center;gap:.4rem;min-height:120px;display:grid}.impact-bulk-bar{z-index:3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border:1px solid #176f682e;border-radius:16px;grid-template-columns:auto minmax(190px,1fr) auto auto;align-items:center;gap:.55rem;padding:.7rem;display:grid;position:sticky;bottom:.25rem;box-shadow:0 10px 35px #134a4529}.impact-bulk-bar input{min-width:0;height:42px;font:inherit;border:1px solid #15324026;border-radius:12px;padding:.45rem .7rem}.impact-bulk-bar button{white-space:nowrap;align-items:center;gap:.4rem;display:flex}@media (width<=900px){.impact-review-toolbar{grid-template-columns:1fr 1fr}.impact-segmented{grid-column:1/-1}.impact-review-toolbar>.icon-action{display:none}.impact-bulk-bar{grid-template-columns:1fr 1fr}.impact-bulk-bar input{grid-area:1/1/auto/-1}.impact-bulk-bar>strong{grid-column:1/-1}.impact-review-title{flex-direction:column}.impact-review-scroll{max-height:46vh}}.impact-bulk-bar .primary-action,.impact-bulk-bar .danger-action{box-sizing:border-box;border-radius:12px;justify-content:center;align-self:center;height:42px;min-height:42px;margin:0;padding:.6rem .9rem;line-height:1}.snapshot-period-card label{min-width:0;color:var(--muted);font-size:.78rem;font-weight:700}.snapshot-period-card input[type=date]{width:100%;min-width:0;min-height:48px;color:var(--ink);font:inherit;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#ffffffeb;border:1px solid #0f766e38;border-radius:13px;outline:none;padding:.65rem .8rem;font-size:.92rem;transition:border-color .18s,box-shadow .18s,background .18s;box-shadow:inset 0 1px #fffc}.snapshot-period-card input[type=date]:hover{background:#fff;border-color:#0f766e6b}.snapshot-period-card input[type=date]:focus{border-color:var(--brand);box-shadow:0 0 0 3px #0f766e1f}.snapshot-period-card input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;background-color:#0f766e1a;border-radius:9px;padding:.45rem}.modal-dialog.payroll-snapshot-modal{grid-template-rows:auto minmax(0,1fr);width:min(1280px,100vw - 32px);height:min(94dvh,960px);max-height:94dvh;display:grid}.payroll-snapshot-modal>.modal-body{min-height:0;max-height:none;padding:16px;overflow:hidden}.payroll-snapshot-modal .snapshot-review{grid-template-rows:auto auto minmax(0,1fr) auto;height:100%;min-height:0}.payroll-snapshot-modal .snapshot-employee-list{scrollbar-gutter:stable;overscroll-behavior:contain;align-content:start;min-height:0;max-height:none;padding:.2rem .45rem .8rem .2rem;overflow:hidden auto}.payroll-snapshot-modal .snapshot-employee{flex:none;min-width:0}.payroll-snapshot-modal .snapshot-employee-head>*{min-width:0}.payroll-snapshot-modal .snapshot-employee-head strong,.payroll-snapshot-modal .snapshot-employee-head em{overflow-wrap:anywhere}.payroll-snapshot-modal .modal-actions{background:#fff;border-top:1px solid #1532401a;margin-top:0;padding-top:.75rem}.payroll-snapshot-modal .snapshot-metrics{grid-template-columns:repeat(auto-fit,minmax(125px,1fr))}.payroll-snapshot-modal .snapshot-metrics article{min-width:0}.payroll-snapshot-modal .snapshot-metrics small{line-height:1.35}.payroll-snapshot-modal .snapshot-metrics strong{overflow-wrap:anywhere}@media (width<=760px){.modal-overlay:has(.payroll-snapshot-modal){padding:6px}.modal-dialog.payroll-snapshot-modal{border-radius:16px;width:100%;height:calc(100dvh - 12px);max-height:calc(100dvh - 12px)}.payroll-snapshot-modal>.modal-body{padding:10px}.payroll-snapshot-modal .snapshot-review{gap:.65rem}.payroll-snapshot-modal .snapshot-metrics{scrollbar-width:thin;gap:.5rem;padding-bottom:.2rem;display:flex;overflow-x:auto}.payroll-snapshot-modal .snapshot-metrics article{flex:0 0 132px;padding:.65rem}.payroll-snapshot-modal .snapshot-employee-list{padding-inline:.1rem}.payroll-snapshot-modal .snapshot-employee-head{flex-direction:column;align-items:stretch}.payroll-snapshot-modal .snapshot-status-stack{flex-wrap:wrap;display:flex}.payroll-snapshot-modal .snapshot-employee-facts,.payroll-snapshot-modal .snapshot-warning-list{padding-inline:.65rem}.payroll-snapshot-modal .snapshot-days{margin-inline:.65rem}.payroll-snapshot-modal .modal-actions{padding-bottom:max(.25rem,env(safe-area-inset-bottom))}}@media (width<=600px){.snapshot-period-card{grid-template-columns:1fr}.snapshot-period-card button{grid-column:auto}.snapshot-period-card input[type=date]{min-height:46px}}.payroll-snapshot-modal .snapshot-review{flex-direction:column;display:flex}.payroll-snapshot-modal .snapshot-metrics,.payroll-snapshot-modal .snapshot-review-filters,.payroll-snapshot-modal .modal-actions{flex:none}.payroll-snapshot-modal .snapshot-employee-list{flex:auto;grid-auto-rows:max-content;align-items:start}.payroll-snapshot-modal .snapshot-employee{flex:none;align-self:start;height:max-content;min-height:0}.payroll-snapshot-modal .snapshot-employee-facts,.payroll-snapshot-modal .snapshot-warning-list,.payroll-snapshot-modal .snapshot-days,.payroll-snapshot-modal .snapshot-review-audit,.payroll-snapshot-modal .snapshot-review-controls{flex:none}.payroll-snapshot-modal .snapshot-days>header,.payroll-snapshot-modal .snapshot-days>div{grid-template-columns:1.05fr .9fr .8fr 1.15fr 1fr;min-width:650px}.modal-dialog.payroll-snapshot-workspace-modal{width:min(1540px,100vw - 24px);height:96dvh;max-height:96dvh}.payroll-snapshot-workspace-modal .snapshot-review-workspace{overflow:hidden}.snapshot-workspace-tabs{background:#e4f1edb8;border:1px solid #0f766e24;border-radius:16px;flex:none;gap:.45rem;padding:.35rem;display:flex}.snapshot-workspace-tabs button{min-height:44px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;gap:.55rem;padding:.65rem 1rem;font-weight:800;transition:background .18s,color .18s,box-shadow .18s;display:flex}.snapshot-workspace-tabs button.active{color:var(--brand);background:#fff;box-shadow:0 5px 18px #0d544e1f}.snapshot-workspace-tabs b{background:#0f766e1a;border-radius:999px;place-items:center;min-width:24px;height:24px;padding-inline:.35rem;font-size:.76rem;display:grid}.employee-review-workspace{flex-direction:column;flex:auto;gap:.65rem;min-height:0;display:flex;overflow:hidden}.employee-review-toolbar{grid-template-columns:minmax(0,1fr) minmax(260px,380px);align-items:center;gap:.65rem;display:grid}.employee-review-toolbar .snapshot-review-filters{scrollbar-width:thin;gap:.35rem;padding-bottom:.15rem;display:flex;overflow-x:auto}.employee-review-toolbar .snapshot-review-filters button{white-space:nowrap}.snapshot-employee-search{min-height:44px;color:var(--brand);background:#fffffff0;border:1px solid #0f766e2e;border-radius:13px;align-items:center;gap:.55rem;padding-inline:.8rem;transition:border-color .18s,box-shadow .18s;display:flex}.snapshot-employee-search:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px #0f766e1a}.snapshot-employee-search input{width:100%;min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;outline:0}.employee-review-split{flex:auto;grid-template-columns:minmax(610px,1.4fr) minmax(390px,.82fr);gap:.7rem;min-height:0;display:grid;overflow:hidden}.employee-review-table-wrap,.employee-review-detail{background:#ffffffd1;border:1px solid #1532401a;border-radius:17px;min-width:0;min-height:0}.employee-review-table-wrap{overscroll-behavior:contain;scrollbar-gutter:stable;overflow:auto}.employee-review-table{min-width:780px}.employee-review-table>header,.employee-review-row{grid-template-columns:34px minmax(180px,1.45fr) minmax(145px,1fr) 90px 105px 118px;align-items:center;gap:.65rem;padding:.65rem .75rem;display:grid}.employee-review-table>header{z-index:2;color:#fff;background:#176f68;font-size:.75rem;font-weight:800;position:sticky;top:0}.employee-review-table>div{display:grid}.employee-review-row{cursor:pointer;border-bottom:1px solid #15324013;transition:background .16s,box-shadow .16s}.employee-review-row:hover{background:#e1f1eda3}.employee-review-row.active{box-shadow:inset 4px 0 0 var(--brand);background:#cfebe4b8}[dir=rtl] .employee-review-row.active{box-shadow:inset -4px 0 0 var(--brand)}.employee-review-row>span{gap:.15rem;min-width:0;display:grid}.employee-review-row strong,.employee-review-row small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.employee-review-row small{color:var(--muted);font-size:.72rem}.employee-review-row input,.employee-review-table>header input{width:17px;height:17px;accent-color:var(--brand)}.employee-review-detail{overscroll-behavior:contain;scrollbar-gutter:stable;overflow:auto}.snapshot-employee-detail{border-inline-start:4px solid #4ca492;gap:.8rem;min-height:100%;padding:.9rem;display:grid}.snapshot-employee-detail.warning{border-inline-start-color:#e3a622}.snapshot-employee-detail.blocked{border-inline-start-color:#cf5252}.snapshot-employee-detail>header{border-bottom:1px solid #15324014;justify-content:space-between;align-items:flex-start;gap:.75rem;padding-bottom:.65rem;display:flex}.snapshot-employee-detail>header>div{gap:.14rem;display:grid}.snapshot-employee-detail h3{margin:0;font-size:1.05rem}.snapshot-employee-detail>header small,.snapshot-employee-detail>header span{color:var(--muted)}.snapshot-employee-detail .snapshot-employee-facts{grid-template-columns:repeat(2,minmax(0,1fr));padding:0}.snapshot-employee-detail .snapshot-warning-list{padding:0}.snapshot-employee-detail .snapshot-days{max-height:270px;margin:0}.snapshot-employee-detail .snapshot-review-controls{background:#e5f1eead;border-radius:14px;margin:0;padding:.8rem}.snapshot-table-empty{min-height:170px;color:var(--muted);text-align:center;place-items:center;padding:2rem;display:grid}.review-decision{border-radius:999px;width:max-content;padding:.3rem .48rem;font-size:.72rem;display:inline-flex}.review-decision.include{color:#17643d;background:#dff4e8}.review-decision.exclude{color:#9e3030;background:#ffe5e5}.review-decision.pending{color:#596a70;background:#eef1f2}.employee-review-bulk{background:linear-gradient(135deg,#eef8f5,#fff);border:1px solid #0f766e29;border-radius:15px;flex:none;grid-template-columns:auto minmax(220px,1fr) auto auto;align-items:center;gap:.55rem;padding:.65rem;display:grid;box-shadow:0 -5px 24px #124c4714}.employee-review-bulk input{min-height:42px;color:var(--ink);font:inherit;background:#fff;border:1px solid #0f766e33;border-radius:11px;outline:none;padding:.6rem .75rem}.employee-review-bulk input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #0f766e1a}.employee-review-bulk button{min-height:42px;margin:0}.payroll-snapshot-workspace-modal .impact-review-panel{flex:auto;min-height:0;overflow:hidden}.payroll-snapshot-workspace-modal .impact-review-scroll{height:100%;max-height:none}@media (width<=1050px){.employee-review-split{grid-template-columns:1fr;overflow:auto}.employee-review-table-wrap{min-height:360px}.employee-review-detail{overflow:visible}.snapshot-employee-detail .snapshot-days{max-height:none}}@media (width<=760px){.modal-dialog.payroll-snapshot-workspace-modal{height:calc(100dvh - 12px);max-height:calc(100dvh - 12px)}.snapshot-workspace-tabs button{flex:1;padding:.55rem .45rem;font-size:.78rem}.employee-review-toolbar{grid-template-columns:1fr}.employee-review-split{display:block;overflow:auto}.employee-review-table-wrap{min-height:330px;max-height:55dvh}.employee-review-detail{margin-top:.65rem}.employee-review-bulk{grid-template-columns:1fr 1fr;position:sticky;bottom:0}.employee-review-bulk input,.employee-review-bulk strong{grid-column:1/-1}.employee-review-bulk button{width:100%}}.payroll-runs-page{gap:1rem;display:grid}.payroll-run-grid{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:.8rem;display:grid}.payroll-run-grid>article{background:#ffffffd1;border:1px solid #0f766e24;border-radius:20px;gap:.8rem;padding:1rem;display:grid;box-shadow:0 10px 28px #14443f12}.payroll-run-card-head{justify-content:space-between;gap:.8rem;display:flex}.payroll-run-card-head>span:first-child{gap:.25rem;display:grid}.payroll-run-facts{flex-wrap:wrap;gap:.5rem;display:flex}.payroll-run-facts>span{background:#edf6f4;border-radius:12px;flex:1;gap:.2rem;min-width:120px;padding:.6rem;display:grid}.payroll-run-detail{gap:1rem;display:grid}.payroll-run-comparison-note{color:#385167;background:#eef5fb;border-radius:12px;margin:0;padding:.7rem .85rem}.payroll-run-employees{gap:.55rem;max-height:55vh;display:grid;overflow:auto}.payroll-run-employees article{background:#f3f8f7;border-inline-start:4px solid #2f9174;border-radius:14px;grid-template-columns:1fr auto;gap:.55rem .8rem;padding:.75rem;display:grid}.payroll-run-employees article.excluded{background:#faf2f2;border-inline-start-color:#9b5252}.payroll-run-employees article.has-variance{box-shadow:inset 0 0 0 1px #bf70184d}.payroll-run-employees article>span:first-child{display:grid}.payroll-run-employees p,.payroll-source-comparison,.payroll-variance-alerts{grid-column:1/-1}.payroll-run-employees p{color:var(--muted);margin:0}.payroll-source-comparison{grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:.45rem;display:grid}.payroll-source-comparison>span{background:#ffffffb3;border-radius:10px;gap:.15rem;padding:.55rem;display:grid}.payroll-source-comparison small{color:#526b66}.payroll-variance-alerts{flex-wrap:wrap;gap:.35rem;display:flex}.payroll-variance-alerts span{color:#8a4d05;background:#fff0dc;border-radius:999px;padding:.3rem .55rem;font-size:.8rem;font-weight:700}@media (width<=600px){.payroll-run-grid{grid-template-columns:1fr}.payroll-run-card-head{flex-direction:column;align-items:flex-start}.payroll-run-employees article{grid-template-columns:1fr}.payroll-source-comparison{grid-template-columns:1fr 1fr}}.payroll-employee-totals{grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:.45rem;display:grid}.payroll-employee-totals span{background:#ffffffc7;border-radius:10px;gap:.15rem;padding:.55rem;display:grid}.payroll-line-items{background:#ffffffbf;border:1px solid #0f766e1f;border-radius:12px;grid-column:1/-1;display:grid;overflow-x:auto}.payroll-line-items>header,.payroll-line-items>div{grid-template-columns:1.5fr 1fr .7fr;align-items:center;gap:.6rem;min-width:560px;padding:.55rem .7rem;display:grid}.payroll-line-items>header{color:var(--muted);background:#e8f2f0;font-size:.78rem;font-weight:800}.payroll-line-items>div+div{border-top:1px solid #0f766e17}.payroll-line-items>div>span:first-child{display:grid}.payroll-line-items>div>strong{text-align:end}.payroll-line-items .kind-deduction>strong{color:#a83c3c}.payroll-line-items .kind-earning>strong{color:#08705d}.payroll-calculation-warnings{grid-column:1/-1;gap:.35rem;display:grid}.payroll-calculation-warnings span{color:#8a4d05;background:#fff0dc;border-radius:10px;padding:.55rem .7rem;font-weight:700}@media (width<=600px){.payroll-employee-totals{grid-template-columns:1fr}.payroll-line-items>header,.payroll-line-items>div{min-width:500px}}.payroll-carry-forward-action{grid-column:1/-1;justify-self:start}.payroll-carry-forward-summary{background:#fff9ed;border:1px solid #bf701840;border-radius:12px;grid-column:1/-1;grid-template-columns:repeat(3,minmax(140px,1fr));gap:.5rem;padding:.7rem;display:grid}.payroll-carry-forward-summary span{gap:.15rem;display:grid}.payroll-carry-forward-summary span:nth-child(3){color:#8a4d05;align-content:center;font-weight:800}.payroll-carry-forward-summary small{color:var(--muted);grid-column:1/-1}.payroll-carry-forward-preview{background:#fff9ed;border-radius:14px;gap:.6rem;padding:.8rem;display:grid}.payroll-carry-forward-preview span{justify-content:space-between;gap:1rem;display:flex}.popup-form textarea{resize:vertical;width:100%}@media (width<=600px){.payroll-carry-forward-summary{grid-template-columns:1fr}.payroll-carry-forward-summary small{grid-column:1}}.payroll-returned-alert{color:#74430b;background:linear-gradient(135deg,#fff5df,#fffaf0);border:1px solid #bf70184d;border-radius:15px;align-items:flex-start;gap:.75rem;padding:.85rem 1rem;display:flex}.payroll-returned-alert>svg{margin-top:.2rem;font-size:1.15rem}.payroll-returned-alert div{gap:.25rem;display:grid}.payroll-returned-alert p{color:#74430b;white-space:pre-wrap;margin:0}.payroll-approval-history{background:#eff8f6b8;border:1px solid #0f766e21;border-radius:17px;gap:.7rem;padding:.85rem;display:grid}.payroll-approval-history>header{justify-content:space-between;align-items:center;gap:.8rem;display:flex}.payroll-approval-history>header>div{gap:.15rem;display:grid}.payroll-approval-history h3{align-items:center;gap:.45rem;margin:0;font-size:1rem;display:flex}.payroll-approval-history>header>span{color:var(--muted);background:#fff;border-radius:999px;padding:.35rem .6rem;font-size:.78rem;font-weight:800}.payroll-approval-attempts{gap:.5rem;display:grid}.payroll-approval-attempts>article{border:1px solid #1532401a;background:#fff;border-inline-start:4px solid #76938e;border-radius:13px;overflow:hidden}.payroll-approval-attempts>article.status-returned{border-inline-start-color:#d08a25}.payroll-approval-attempts>article.status-rejected{border-inline-start-color:#c94f4f}.payroll-approval-attempts>article.status-approved{border-inline-start-color:#2f9174}.payroll-approval-attempt-head{width:100%;color:inherit;text-align:start;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:.8rem;padding:.7rem .8rem;display:flex}.payroll-approval-attempt-head>span{gap:.12rem;display:grid}.payroll-approval-attempt-head small{color:var(--muted)}.payroll-approval-steps{gap:.5rem;padding:.15rem .7rem .7rem;display:grid}.payroll-approval-steps>div{background:#f3f8f7;border-radius:11px;gap:.45rem;padding:.65rem;display:grid}.payroll-approval-steps>div>header{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.payroll-approval-steps>div>header>span{align-items:center;gap:.5rem;display:flex}.payroll-approval-steps>div>header b{color:#fff;background:#176f68;border-radius:50%;place-items:center;width:25px;height:25px;font-size:.76rem;display:grid}.payroll-approval-steps>div>header small{color:var(--muted);font-weight:800}.payroll-approval-decision{background:#fff;border-radius:10px;grid-template-columns:minmax(180px,1fr) auto;gap:.35rem .7rem;padding:.55rem;display:grid}.payroll-approval-decision>span{align-items:center;gap:.4rem;display:flex}.payroll-approval-decision>span:nth-child(2){justify-content:flex-end}.payroll-approval-decision>span:nth-child(2) small{color:var(--muted)}.payroll-approval-person svg{color:var(--brand)}.payroll-approval-decision p{color:#70420e;white-space:pre-wrap;background:#fff7e8;border-inline-start:3px solid #d08a25;border-radius:7px;grid-column:1/-1;margin:.1rem 0 0;padding:.5rem .6rem}@media (width<=600px){.payroll-approval-history>header,.payroll-approval-attempt-head,.payroll-approval-steps>div>header{flex-direction:column;align-items:flex-start}.payroll-approval-decision{grid-template-columns:1fr}.payroll-approval-decision>span:nth-child(2){flex-wrap:wrap;justify-content:flex-start}.payroll-approval-decision p{grid-column:1}.payroll-returned-alert{padding:.75rem}}.payroll-financial-comparison{background:linear-gradient(135deg,#e8f6f2e6,#ffffffe0);border:1px solid #0f766e24;border-radius:12px;grid-column:1/-1;gap:.55rem;padding:.65rem;display:grid}.payroll-financial-comparison>header{justify-content:space-between;align-items:center;gap:.7rem;display:flex}.payroll-financial-comparison>header strong{color:#176f68;align-items:center;gap:.4rem;display:flex}.payroll-financial-comparison>header small{color:var(--muted)}.payroll-financial-comparison>div:not(.payroll-final-alerts){grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;display:grid}.payroll-financial-comparison article{background:#fff;border-radius:10px;gap:.16rem;padding:.55rem;display:grid}.payroll-financial-comparison article>span{color:var(--muted);font-size:.76rem}.payroll-financial-comparison article>b{border-radius:7px;width:max-content;padding:.18rem .4rem;font-size:.77rem}.payroll-financial-comparison article>b.up{color:#17643d;background:#e3f5eb}.payroll-financial-comparison article>b.down{color:#9a3333;background:#ffe8e8}.payroll-financial-comparison article>b.same{color:#5b686b;background:#eef1f2}.payroll-final-alerts{flex-wrap:wrap;gap:.35rem;display:flex}.payroll-final-alerts span{color:#8a4d05;background:#fff0dc;border-radius:999px;padding:.3rem .5rem;font-size:.75rem;font-weight:800}@media (width<=600px){.payroll-financial-comparison>header{flex-direction:column;align-items:flex-start}.payroll-financial-comparison>div:not(.payroll-final-alerts){grid-template-columns:1fr}}.payroll-reopen-warning{color:#873434;background:#fff1f1;border:1px solid #ae3e3e38;border-radius:13px;align-items:flex-start;gap:.7rem;padding:.8rem;display:flex}.payroll-reopen-warning svg{margin-top:.2rem}.payroll-reopen-warning p{margin:0;line-height:1.65}.payroll-payslip-action{grid-column:1/-1;justify-self:start}.payroll-publish-confirm{color:#176f68;background:#edf8f5;border:1px solid #0f766e2e;border-radius:14px;align-items:flex-start;gap:.75rem;padding:.85rem;display:flex}.payroll-publish-confirm>svg{margin-top:.2rem;font-size:1.35rem}.payroll-publish-confirm div{gap:.25rem;display:grid}.payroll-publish-confirm p{color:#405d58;margin:0;line-height:1.6}.payroll-run-employees article.collapsed>:not(.payroll-employee-summary):not(.payroll-employee-toggle){display:none}.payroll-employee-toggle{min-height:36px;color:var(--brand-dark);background:#ffffffc7;border:1px solid #0f766e2e;border-radius:11px;grid-column:1/-1;justify-content:center;justify-self:stretch;align-items:center;gap:.45rem;font-weight:800;display:flex}.payroll-employee-toggle:hover{background:var(--brand-soft)}.my-payslips-page{gap:1rem;display:grid}.payslip-print-block{display:none}.my-payslip-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.8rem;display:grid}.my-payslip-grid>article{background:linear-gradient(145deg,#fffffff7,#e5f3efd1);border:1px solid #0f766e24;border-radius:20px;gap:.85rem;padding:1rem;display:grid;box-shadow:0 12px 30px #0d484214}.my-payslip-grid article>header{color:#176f68;justify-content:space-between;align-items:center;gap:.7rem;display:flex}.my-payslip-grid article>header span{gap:.2rem;display:grid}.my-payslip-grid article>header>svg{font-size:1.5rem}.my-payslip-grid article>div{grid-template-columns:1fr 1fr;gap:.45rem;display:grid}.my-payslip-grid article>div span{color:var(--muted);background:#ffffffd1;border-radius:11px;gap:.2rem;padding:.6rem;font-size:.78rem;display:grid}.my-payslip-grid article>div strong{color:var(--ink);font-size:.9rem}.my-payslip-grid article>div .net{background:#e5f2ff;grid-column:1/-1}.my-payslip-actions{gap:.55rem;display:flex}.my-payslip-actions button{flex:1}.official-payslip-dialog{max-width:980px}.official-payslip{isolation:isolate;color:#183c36;gap:1rem;display:grid;position:relative}.official-payslip:before{content:attr(data-watermark);z-index:-1;text-align:center;color:#0f766e09;white-space:nowrap;font-size:3.6rem;font-weight:800;position:absolute;inset:42% 0 auto;transform:rotate(-19deg)}.official-payslip-head{color:#fff;background:linear-gradient(120deg,#075e58,#12877d);border-radius:18px;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.1rem;display:flex}.official-payslip-head>div:last-child{justify-items:end;gap:.45rem;display:grid}.payslip-brand{align-items:center;gap:.75rem;display:flex}.payslip-brand>span{background:#ffffff29;border-radius:15px;place-items:center;width:48px;height:48px;font-size:1.35rem;display:grid}.payslip-brand>div{display:grid}.payslip-brand b{font-size:1.35rem}.payslip-brand small{color:#fffc}.payslip-identity{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}.payslip-identity>div,.payslip-metrics>div{background:#f7fbfa;border:1px solid #0f766e1c;border-radius:13px;gap:.24rem;padding:.75rem;display:grid}.payslip-identity small,.payslip-metrics small,.payslip-totals small{color:var(--muted)}.payslip-section{background:#ffffffdb;border:1px solid #0f766e24;border-radius:16px;gap:.7rem;padding:1rem;display:grid}.payslip-section>header{color:#0f766e;align-items:center;gap:.65rem;display:flex}.payslip-section>header>svg{font-size:1.15rem}.payslip-section h3,.payslip-section p{margin:0}.payslip-section header p{color:var(--muted);margin-top:.15rem;font-size:.78rem}.payslip-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;display:grid}.payslip-table-wrap{border:1px solid #0f766e1c;border-radius:12px;overflow:auto}.payslip-lines table{border-collapse:collapse;width:100%;min-width:620px}.payslip-lines th{text-align:start;color:#176f68;background:#eaf5f2;padding:.7rem;font-size:.78rem}.payslip-lines td{vertical-align:middle;border-top:1px solid #0f766e17;padding:.7rem}.payslip-lines td:first-child{gap:.14rem;display:grid}.payslip-lines td small{color:var(--muted);font-size:.68rem;display:block}.payslip-empty-line{color:var(--muted);background:#f7faf9;border-radius:11px;padding:.7rem}.payslip-totals{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:.6rem;display:grid}.payslip-totals>div{background:#eef7f4;border-radius:14px;gap:.3rem;padding:.8rem;display:grid}.payslip-totals>div:nth-child(2){background:#fff2ea}.payslip-totals .net{background:#e7f1ff}.payslip-totals strong{font-size:1rem}.official-payslip-footer{border-top:1px solid #0f766e29;justify-content:space-between;align-items:center;gap:1rem;padding-top:.8rem;display:flex}.official-payslip-footer p{margin:0 0 .25rem;font-weight:700}.official-payslip-footer small{color:var(--muted)}@media (width<=640px){.my-payslip-grid,.my-payslip-grid article>div,.payslip-identity,.payslip-metrics{grid-template-columns:1fr}.my-payslip-grid article>div .net{grid-column:1}.my-payslip-actions,.official-payslip-footer{flex-direction:column;align-items:stretch}.official-payslip-head{align-items:flex-start}.official-payslip-head>div:last-child{justify-items:start}.official-payslip:before{font-size:2rem}}@media print{body.payslip-print-protected *{visibility:hidden!important}body.payslip-print-protected .payslip-print-block{z-index:2147483647;color:#183c36;text-align:center;background:#fff;place-items:center;padding:3rem;font:700 18px/1.7 sans-serif;position:fixed;inset:0;visibility:visible!important;display:grid!important}}.salary-components-page{gap:18px;display:grid}.salary-component-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.salary-component-summary article{background:#ffffffc7;border:1px solid #0f6b6524;border-radius:20px;justify-content:space-between;align-items:center;padding:16px;display:flex;box-shadow:0 12px 30px #174a460f}.salary-component-summary strong{font-size:1.7rem}.salary-component-summary .kind-earning{border-inline-start:4px solid #1b9b77}.salary-component-summary .kind-deduction{border-inline-start:4px solid #d15c62}.salary-component-summary .kind-informational{border-inline-start:4px solid #477fb4}.salary-component-summary .kind-employer_contribution{border-inline-start:4px solid #9a6fc0}.salary-component-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.salary-component-grid>article{border:1px solid #0f6b6524;background:#ffffffd6;border-top:4px solid #1b9b77;border-radius:22px;gap:10px;padding:17px;display:grid}.salary-component-grid>article.kind-deduction{border-top-color:#d15c62}.salary-component-grid>article.kind-informational{border-top-color:#477fb4}.salary-component-grid>article.kind-employer_contribution{border-top-color:#9a6fc0}.salary-component-grid>article.inactive{opacity:.62}.salary-component-grid header,.salary-component-grid footer{justify-content:space-between;align-items:center;gap:10px;display:flex}.salary-component-grid header span{background:#0f6b6517;border-radius:999px;padding:5px 9px;font-size:.78rem;font-weight:800}.salary-component-grid>article>strong{font-size:1.08rem}.salary-component-grid>article>small{text-align:start;color:var(--muted);direction:ltr}.salary-component-grid>article>p{min-height:42px;color:var(--muted);margin:0}.salary-component-grid dl{grid-template-columns:1fr 1fr;gap:8px;margin:0;display:grid}.salary-component-grid dl div{background:#0f6b650d;border-radius:13px;padding:9px}.salary-component-grid dt{color:var(--muted);font-size:.72rem}.salary-component-grid dd{margin:3px 0 0;font-weight:750}.salary-component-grid footer>span{color:var(--muted);font-size:.75rem}.salary-component-grid footer div{gap:7px;display:flex}.salary-component-grid footer button{cursor:pointer;border:0;border-radius:11px;padding:8px 10px}.salary-component-descriptions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.salary-component-switches{border:1px solid #0f6b6524;border-radius:18px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px;display:grid}.salary-component-switches label{align-items:center;gap:9px;display:flex}.salary-component-switches input{width:auto}@media (width<=1050px){.salary-component-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.salary-component-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.salary-component-grid,.salary-component-descriptions,.salary-component-switches{grid-template-columns:1fr}}.compensation-page{gap:18px;display:grid}.compensation-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.compensation-summary article{background:#fffc;border:1px solid #0f6b6524;border-radius:20px;justify-content:space-between;align-items:center;padding:17px;display:flex}.compensation-summary strong{font-size:1.7rem}.compensation-search{width:min(480px,100%);min-height:48px;color:var(--brand-dark);font:inherit;background:linear-gradient(135deg,#fffffff5,#ebf7f3d1);border:1px solid #0f6b6533;border-radius:16px;outline:0;margin:14px 0;padding:0 17px;font-weight:650;transition:border-color .18s,box-shadow .18s,background .18s,transform .18s;display:block;box-shadow:inset 0 1px #ffffffe6,0 7px 20px #0f4f4b0f}.compensation-search::placeholder{color:color-mix(in srgb,var(--muted) 78%,transparent);font-weight:500}.compensation-search:hover{background:linear-gradient(135deg,#fff,#e6f5f0eb);border-color:#0f6b655c}.compensation-search:focus{border-color:var(--brand);background:#fff;transform:translateY(-1px);box-shadow:0 0 0 4px #0f766e1c,0 12px 26px #0f4f4b17}.compensation-list{gap:11px;display:grid}.compensation-list>article{background:#ffffffc7;border:1px solid #0f6b6521;border-radius:18px;grid-template-columns:minmax(220px,1.35fr) minmax(210px,1fr) auto;align-items:center;gap:16px;padding:15px;display:grid}.compensation-list>article.missing{border-inline-start:4px solid #d79a48}.compensation-person,.compensation-rate{gap:4px;display:grid}.compensation-person small,.compensation-rate small{color:var(--muted)}.compensation-rate>span{color:var(--brand);font-size:.74rem;font-weight:800}.compensation-empty{color:#a26922;font-weight:750}.compensation-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.compensation-actions button{cursor:pointer;border:1px solid #0f6b652b;border-radius:12px;padding:9px 12px}.compensation-components{border:1px solid #0f6b6524;border-radius:18px;gap:9px;padding:14px;display:grid}.compensation-components>p{color:var(--muted);margin:0}.compensation-components>label{background:#0f6b650d;border-radius:13px;grid-template-columns:1fr 170px;align-items:center;gap:12px;padding:10px;display:grid}.compensation-components span{gap:3px;display:grid}.compensation-components small{color:var(--muted)}.compensation-history{gap:12px;display:grid}.compensation-history>article{border:1px solid #0f6b6524;border-radius:18px;gap:12px;padding:15px;display:grid}.compensation-history header,.compensation-history>article>div,.compensation-history li{justify-content:space-between;align-items:center;gap:12px;display:flex}.compensation-history header span,.compensation-history small{color:var(--muted)}.compensation-history ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.compensation-history li{background:#0f6b650d;border-radius:11px;padding:8px 10px}@media (width<=850px){.compensation-list>article{grid-template-columns:1fr}.compensation-actions{justify-content:flex-start}}@media (width<=650px){.compensation-summary{grid-template-columns:1fr}.compensation-search{border-radius:14px;width:100%;min-height:46px;margin:12px 0}.compensation-components>label{grid-template-columns:1fr}.compensation-history header,.compensation-history>article>div{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.compensation-search{transition:none}.compensation-search:focus{transform:none}}.compensation-pending{color:#86570a;background:#fff0c9;border-radius:999px;width:max-content;margin-top:4px;padding:5px 9px;font-size:10px;font-weight:800}.compensation-actions button:disabled{cursor:not-allowed;opacity:.5}.compensation-status{color:#76520b;background:#fff0c9;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:800}.profile-approved .compensation-status{color:#08705d;background:#dff7ef}.profile-rejected .compensation-status{color:#a13d35;background:#ffebe8}.compensation-review{gap:14px;display:grid}.compensation-compare{grid-template-columns:1fr 1fr;gap:10px;display:grid}.compensation-compare article{border:1px solid var(--line);background:#f7faf9;border-radius:16px;gap:6px;padding:14px;display:grid}.compensation-compare article.proposed{background:#effaf7;border-color:#0f766e59}.compensation-compare small,.compensation-compare span{color:var(--muted)}.compensation-compare strong{color:var(--brand-dark);font-size:18px}.compensation-progress{gap:8px;display:grid}.compensation-progress>article{background:#f7faf9;border-radius:13px;justify-content:space-between;align-items:center;gap:10px;padding:10px;display:flex}.compensation-progress>article>span{grid-template-columns:auto 1fr;align-items:center;column-gap:8px;display:grid}.compensation-progress i{background:#bccbc8;border-radius:50%;grid-row:1/3;width:9px;height:9px}.compensation-progress article.active i{background:#d89b32;box-shadow:0 0 0 4px #fff3d8}.compensation-progress article.approved i{background:#0f766e}.compensation-progress article.rejected i,.compensation-progress article.returned i{background:#d94c43}.compensation-progress small{color:var(--muted);font-size:10px}.approval-decision button.selected.returned{color:#86570a;background:#fff6df;border-color:#e0b666}@media (width<=650px){.compensation-compare{grid-template-columns:1fr}.compensation-progress>article{flex-direction:column;align-items:flex-start}}.compensation-heading-actions{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.compensation-batch-form{gap:16px;display:grid}.compensation-employee-checklist{border:1px solid var(--line);border-radius:16px;min-width:0;margin:0;padding:12px}.compensation-employee-checklist>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:210px;margin-top:9px;display:grid;overflow:auto}.compensation-employee-checklist>div>label{border:1px solid var(--line);background:#f9fbfa;border-radius:12px;align-items:flex-start;gap:8px;padding:9px;display:flex}.compensation-employee-checklist label span{min-width:0;display:grid}.compensation-employee-checklist label small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.compensation-batch-preview{color:var(--brand-dark);background:#effaf7;border:1px solid #0f766e4d;border-radius:16px;align-items:flex-start;gap:12px;padding:14px;display:flex}.compensation-batch-preview.warning{background:#fff6df;border-color:#e0b666}.compensation-batch-preview>div{flex:1;gap:5px;min-width:0;display:grid}.compensation-batch-preview span{border-top:1px solid #1446411a;justify-content:space-between;align-items:center;gap:10px;padding:6px 0;display:flex}.compensation-batch-preview small{color:var(--muted)}.compensation-batch-preview em{color:#a13d35;background:#ffe1dc;border-radius:8px;padding:4px 7px;font-size:10px;font-style:normal;font-weight:800}@media (width<=650px){.compensation-heading-actions{justify-content:space-between;width:100%}.compensation-heading-actions .primary-action{flex:1}.compensation-employee-checklist>div{grid-template-columns:1fr}.compensation-batch-preview span{flex-direction:column;align-items:flex-start}}.compensation-import{gap:16px;display:grid}.compensation-import-options{grid-template-columns:1fr 1fr;gap:12px;display:grid}.compensation-import-options>button{border:1px solid var(--line);text-align:start;color:var(--brand-dark);background:#f8fbfa;border-radius:18px;grid-template-columns:auto 1fr;align-items:center;gap:3px 12px;padding:18px;display:grid}.compensation-import-options>button:hover{background:#effaf7;border-color:#0f766e73}.compensation-import-options>button>span{color:#fff;background:linear-gradient(135deg,#0f766e,#28a58f);border-radius:14px;grid-row:1/3;place-items:center;width:42px;height:42px;display:grid}.compensation-import-options small{color:var(--muted)}.compensation-import-preview{border:1px solid var(--line);border-radius:18px;min-width:0;overflow:hidden}.compensation-import-preview>header{background:#f4f9f7;align-items:center;gap:10px;padding:13px;display:flex}.compensation-import-preview>header>div{flex:1;display:grid}.compensation-import-preview>header small{color:var(--muted)}.compensation-import-preview>header>span{border-radius:999px;padding:6px 9px;font-size:11px;font-weight:800}.compensation-import-preview>header>span.valid{color:#08705d;background:#dff7ef}.compensation-import-preview>header>span.invalid{color:#a13d35;background:#ffebe8}.compensation-import-table{max-height:360px;overflow:auto}.compensation-import-table table{border-collapse:collapse;white-space:nowrap;width:100%}.compensation-import-table th,.compensation-import-table td{border-bottom:1px solid var(--line);text-align:start;padding:10px}.compensation-import-table td:nth-child(2){display:grid}.compensation-import-table td small{color:var(--muted)}.compensation-import-table tr.invalid{background:#fff7f5}.compensation-import-table em{color:#a13d35;font-size:11px;font-style:normal;font-weight:700}.compensation-import-table td>span{color:#08705d;font-weight:700}@media (width<=650px){.compensation-import-options{grid-template-columns:1fr}.compensation-import-options>button{padding:14px}.compensation-import-table{max-height:300px}.compensation-heading-actions .secondary-action{flex:1}}.workflow-page{gap:18px;display:grid}.workflow-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.workflow-cards>article{border:1px solid var(--line);background:#fff;border-radius:21px;gap:15px;padding:17px;display:grid}.workflow-cards article>header{align-items:center;gap:10px;display:flex}.workflow-cards article>header>svg{color:#fff;background:linear-gradient(135deg,var(--brand),#22c55e);border-radius:13px;width:22px;height:22px;padding:10px}.workflow-cards header>div{flex:1;gap:2px;display:grid}.workflow-cards header small{color:var(--muted)}.workflow-cards header em{color:#08705d;background:#dff7ef;border-radius:99px;padding:4px 8px;font-size:9px;font-style:normal}.workflow-mini-flow{gap:7px;display:flex;overflow:auto}.workflow-mini-flow span{background:#f6faf9;border-radius:13px;grid-template-columns:auto 1fr;gap:2px 7px;min-width:135px;padding:10px;display:grid}.workflow-mini-flow i{color:#fff;background:var(--brand);border-radius:50%;grid-row:1/3;place-items:center;width:22px;height:22px;font-size:9px;font-style:normal;display:grid}.workflow-mini-flow small{color:var(--muted);font-size:8px}.workflow-step-list{gap:12px;display:grid}.workflow-step-editor{border:1px solid var(--line);background:#f9fbfa;border-radius:18px;gap:12px;padding:14px;display:grid}.workflow-step-editor>header{align-items:center;gap:8px;display:flex}.workflow-step-editor>header>i{color:#fff;background:var(--brand);border-radius:9px;place-items:center;width:26px;height:26px;font-style:normal;display:grid}.workflow-step-editor>header>div{gap:4px;margin-inline-start:auto;display:flex}.workflow-step-editor header button,.workflow-rule>button{border:1px solid var(--line);width:31px;height:31px;color:var(--muted);background:#fff;border-radius:9px;place-items:center;display:grid}.workflow-rule{grid-template-columns:1fr 1fr 1.35fr auto;gap:7px;display:grid}.workflow-rule select{border:1px solid var(--line);background:#fff;border-radius:11px;min-width:0;height:40px;padding:0 8px}.workflow-add-rule{color:var(--brand);font:inherit;background:0 0;border:0;justify-self:start;font-size:11px}@media (width<=700px){.workflow-cards{grid-template-columns:1fr}.workflow-rule{grid-template-columns:1fr 1fr}.workflow-rule>button{grid-column:2;justify-self:end}}.app-shell{height:100dvh;min-height:0;overflow:hidden}.sidebar{height:100dvh}.main-area{flex-direction:column;height:100dvh;min-height:0;display:flex;overflow:hidden}.topbar{z-index:50;flex:none;position:relative}.main-area main{overscroll-behavior:contain;scrollbar-gutter:stable;flex:auto;min-height:0;overflow:auto}.main-area footer{flex:none}.invite-submit-row .approve-action{min-height:42px;margin-top:0}.attendance-history{width:100%;margin-inline:0}.compensation-heading-actions .primary-action,.compensation-heading-actions .secondary-action{min-height:40px;margin-top:0}.compensation-actions{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.compensation-actions button{min-height:40px;margin-top:0}.my-payslip-actions{align-items:stretch}.my-payslip-actions button{min-height:40px;margin-top:0}.snapshot-period-card .primary-action{min-height:48px;margin-top:0}.payroll-run-detail>.modal-actions>select{min-height:40px;color:var(--ink);font:inherit;background:#fff;border:1px solid #0f766e38;border-radius:10px;outline:none;padding:0 34px 0 12px;font-weight:700}.payroll-run-detail>.modal-actions>select:focus{border-color:var(--brand);box-shadow:0 0 0 3px #0f766e1f}.dashboard-home{gap:14px;min-height:calc(100dvh - 190px)}.dashboard-hero{color:#fff;background:linear-gradient(125deg,#075e58 0%,#0f766e 52%,#2aa390 100%);border:1px solid #0f766e2e;border-radius:24px;justify-content:space-between;align-items:center;gap:20px;min-height:150px;padding:24px 28px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 45px #075e582e}.dashboard-hero:before,.dashboard-hero:after{content:"";border:1px solid #ffffff21;border-radius:50%;position:absolute}.dashboard-hero:before{width:190px;height:190px;inset-block-start:-90px;inset-inline-end:-45px}.dashboard-hero:after{width:120px;height:120px;inset-block-end:-85px;inset-inline-end:90px}.dashboard-hero>div{z-index:1;gap:6px;display:grid;position:relative}.dashboard-hero small{letter-spacing:.08em;color:#ffffffb8;font-weight:800}.dashboard-hero h1{margin:0;font-size:clamp(1.35rem,2.2vw,2rem)}.dashboard-hero p{color:#ffffffd1;margin:0}.dashboard-hero>span{z-index:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border:1px solid #ffffff38;border-radius:18px;padding:13px 18px;font-size:1.25rem;font-weight:900;position:relative}.dashboard-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.dashboard-card{text-align:start;min-width:0;min-height:118px;color:var(--ink);background:#fff;border:1px solid #0f766e21;border-radius:19px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:15px;transition:transform .18s,box-shadow .18s,border-color .18s;display:grid;position:relative;box-shadow:0 10px 28px #12433e12}.dashboard-card:hover{border-color:#0f766e59;transform:translateY(-3px);box-shadow:0 16px 34px #12433e1f}.dashboard-card-icon{color:#0f766e;background:#e6f5f1;border-radius:14px;place-items:center;width:44px;height:44px;font-size:1.1rem;display:grid}.dashboard-card.blue .dashboard-card-icon{color:#25648a;background:#e8f4fb}.dashboard-card.amber .dashboard-card-icon{color:#93610a;background:#fff3d8}.dashboard-card.violet .dashboard-card-icon{color:#684c9c;background:#f1ebff}.dashboard-card.navy .dashboard-card-icon{color:#315b86;background:#e9f1fb}.dashboard-card-copy{gap:3px;min-width:0;display:grid}.dashboard-card-copy small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.dashboard-card-copy strong{color:var(--brand-dark);font-size:1.15rem}.dashboard-card-copy em{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;font-style:normal;overflow:hidden}.dashboard-card-arrow{color:#91aaa5;font-size:.7rem}@media (width<=650px){.compensation-heading-actions{align-items:stretch}.compensation-heading-actions .icon-action{min-height:40px}}@media (width<=920px){.app-shell{height:100dvh;padding-bottom:0}.main-area{height:100%;padding-bottom:calc(82px + env(safe-area-inset-bottom,0px))}.main-area>footer{text-overflow:ellipsis;white-space:nowrap;border-top-color:#1849441a;min-height:24px;padding:5px 16px 4px;font-size:10px;line-height:1.25;overflow:hidden}}@media (width<=620px){.my-payslip-actions{flex-direction:row}.my-payslip-actions button{flex:1 1 0}.dashboard-home{gap:8px;height:calc(100dvh - 166px);min-height:0;overflow:hidden}.dashboard-hero{border-radius:17px;min-height:78px;padding:9px 14px}.dashboard-hero>div{gap:2px}.dashboard-hero small{font-size:.62rem}.dashboard-hero h1{font-size:1rem}.dashboard-hero p{max-width:94%;font-size:.64rem;line-height:1.2}.dashboard-hero>span{display:none}.dashboard-cards{scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;scrollbar-width:none;-ms-overflow-style:none;grid-template-rows:repeat(2,minmax(82px,1fr));grid-template-columns:none;grid-auto-columns:min(76vw,240px);grid-auto-flow:column;gap:8px;min-height:0;padding:1px 2px 7px;overflow:auto hidden}.dashboard-cards::-webkit-scrollbar{width:0;height:0;display:none}.dashboard-card{scroll-snap-align:start;background:linear-gradient(145deg,#fffffffa,#e1f3eee6);border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;min-height:82px;padding:10px}.dashboard-card-icon{border-radius:11px;width:35px;height:35px;font-size:.9rem}.dashboard-card-copy strong{font-size:.92rem}.dashboard-card-copy small,.dashboard-card-copy em{font-size:.62rem}}.app-launch-screen{z-index:9999;color:#155f59;background:radial-gradient(circle at 18% 16%,#2dd4bf33,#0000 31%),radial-gradient(circle at 82% 84%,#0f766e24,#0000 34%),linear-gradient(145deg,#f7fffd 0%,#e8f8f4 48%,#fff 100%);place-items:center;min-height:100dvh;display:grid;position:fixed;inset:0;overflow:hidden}.app-launch-pattern{opacity:.16;background-image:linear-gradient(30deg,#0000 43%,#0f766e52 44% 46%,#0000 47%),linear-gradient(150deg,#0000 43%,#0f766e38 44% 46%,#0000 47%);background-size:72px 124px;position:absolute;inset:-15%;transform:rotate(-8deg)scale(1.1);-webkit-mask-image:radial-gradient(circle,#000 0%,#0000 70%);mask-image:radial-gradient(circle,#000 0%,#0000 70%)}.app-launch-content{text-align:center;justify-items:center;gap:24px;padding:32px;display:grid;position:relative}.app-launch-mark{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffa8;border:1px solid #ffffffc2;border-radius:34px;place-items:center;width:124px;height:124px;display:grid;position:relative;box-shadow:0 24px 54px #0f766e2e,inset 0 1px #fff}.app-launch-mark img{object-fit:contain;width:88px;height:88px}.app-launch-orbit{pointer-events:none;background:conic-gradient(from var(--launch-angle), #0f766e47, #14b8a6 18%, #5eead4eb 31%, #ffffff4d 46%, #0f766e 65%, #2dd4bf8c 82%, #0f766e47);-webkit-mask-composite:xor;filter:drop-shadow(0 0 7px #14b8a647);border-radius:42px;padding:3px;animation:2.6s linear infinite launch-border-flow;position:absolute;inset:-8px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.app-launch-copy{gap:7px;display:grid}.app-launch-copy strong{letter-spacing:-.8px;font-size:clamp(30px,8vw,42px)}.app-launch-copy span{color:#54746f;font-size:13px;font-weight:600}.app-launch-progress{gap:7px;display:flex}.app-launch-progress i{background:#0f766e;border-radius:999px;width:7px;height:7px;animation:1.15s ease-in-out infinite launch-dot}.app-launch-progress i:nth-child(2){animation-delay:.16s}.app-launch-progress i:nth-child(3){animation-delay:.32s}@property --launch-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes launch-border-flow{to{--launch-angle:360deg}}@keyframes launch-dot{0%,65%,to{opacity:.28;transform:scale(.72)}32%{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.app-launch-orbit,.app-launch-progress i{animation:none}.app-launch-progress i{opacity:.65}}