:root{--ink:#23221f;--muted:#77746d;--line:#e9e5dc;--paper:#fffefa;--canvas:#f5f3ee;--charcoal:#272724;--coral:#e5644d;--coral-soft:#fbe6df;--green:#537d68;--green-soft:#e6f0e8;--amber:#c48735;--amber-soft:#f8edd9;--blue:#5279a5;--blue-soft:#e8eef6;--shadow:0 1px 2px #28231908, 0 12px 30px #2823190b}*{box-sizing:border-box}html{background:var(--canvas)}body{background:var(--canvas);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button{color:inherit}.app-shell{--sidebar-width:226px;min-height:100vh;display:flex}.app-shell.sidebar-collapsed{--sidebar-width:78px}.sidebar{width:var(--sidebar-width);z-index:20;border-right:1px solid var(--line);background:#fdfcf8;flex-direction:column;min-height:100vh;padding:25px 17px 18px;transition:width .22s,padding .22s;display:flex;position:fixed;inset:0 auto 0 0;overflow:hidden}.sidebar-brand-row{justify-content:space-between;align-items:center;gap:9px;min-height:42px;display:flex}.brand-mark{flex:auto;align-items:center;gap:8px;min-width:0;padding:0;display:flex}.brand-mark>div:last-child{flex-direction:column;min-width:0;line-height:1;display:flex}.brand-mark strong{letter-spacing:-.04em;font-size:16px}.brand-mark small{color:var(--muted);letter-spacing:.16em;overflow-wrap:anywhere;margin-top:6px;font-size:8.5px;font-weight:700;line-height:1.18}.brand-logo{background:#000 url(/brand-lockup.png) 50%/92% no-repeat;border-radius:9px;flex:none;place-items:center;width:70px;height:42px;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffff1a}.brand-logo.compact{width:54px;height:36px}.brand-home-button{color:inherit;text-align:left;cursor:pointer;background:0 0;border:0}.brand-home-button:focus-visible{outline:2px solid var(--green);outline-offset:4px;border-radius:8px}.sidebar-toggle{border:1px solid var(--line);color:#77736b;cursor:pointer;background:#fff;border-radius:9px;flex:none;place-items:center;width:29px;height:29px;transition:all .18s;display:grid}.sidebar-toggle:hover{color:var(--ink);background:#f4f1ea}.sidebar-toggle svg{transition:transform .2s;transform:rotate(180deg)}.company-switcher{border:1px solid var(--line);background:#fff;border-radius:13px;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:9px;margin:27px 2px 23px;padding:10px;display:grid;overflow:hidden;box-shadow:0 2px 12px #25211906}.company-switcher div:nth-child(2){flex-direction:column;min-width:0;display:flex}.company-switcher small,.company-mini small{color:#97938a;font-size:9px;line-height:1.3}.company-switcher strong{white-space:normal;overflow-wrap:anywhere;font-size:11.5px;line-height:1.25}.side-nav{flex-direction:column;gap:4px;display:flex}.side-nav>p{color:#a29d94;letter-spacing:.14em;margin:0 12px 8px;font-size:9px;font-weight:800}.side-nav button,.sidebar-foot>button{color:#69665f;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:11px;grid-template-columns:23px minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;min-height:42px;padding:0 12px;transition:all .18s;display:grid;position:relative}.side-nav button:hover,.sidebar-foot>button:hover{color:var(--ink);background:#f3f0e9}.side-nav button.active,.sidebar-foot>button.active{color:#fff;background:#2c2b28;box-shadow:0 7px 18px #1f1f1d1f}.side-nav button span,.sidebar-foot>button span{font-size:12.5px;font-weight:650}.side-nav button b{color:#a84332;background:#f4d3ca;border-radius:10px;place-items:center;min-width:19px;height:19px;padding:0 5px;font-size:9px;display:grid}.side-nav button.active b{color:#622e23;background:#f3b9a8}.sidebar-foot{border-top:1px solid var(--line);margin-top:auto;padding-top:13px}.company-mini{align-items:center;gap:9px;padding:14px 9px 2px;display:flex}.company-mini>div:last-child{flex-direction:column;gap:2px;min-width:0;display:flex}.sidebar-collapsed .sidebar{padding-inline:12px}.sidebar-collapsed .sidebar-brand-row{flex-direction:column;justify-content:center;gap:7px;min-height:76px}.sidebar-collapsed .brand-mark{flex:none;padding:0}.sidebar-collapsed .brand-mark>div:last-child,.sidebar-collapsed .company-switcher,.sidebar-collapsed .side-nav>p,.sidebar-collapsed .side-nav button>span,.sidebar-collapsed .sidebar-foot>button>span,.sidebar-collapsed .company-mini>div:last-child{display:none}.sidebar-collapsed .brand-logo{border-radius:9px;width:43px;height:32px}.sidebar-collapsed .sidebar-toggle svg{transform:rotate(0)}.sidebar-collapsed .side-nav{margin-top:20px}.sidebar-collapsed .side-nav button,.sidebar-collapsed .sidebar-foot>button{grid-template-columns:1fr;place-items:center;width:48px;min-height:46px;margin-inline:auto;padding:0;display:grid}.sidebar-collapsed .side-nav button b{min-width:17px;height:17px;padding:0 4px;font-size:8px;position:absolute;top:3px;right:2px}.sidebar-collapsed .company-mini{justify-content:center;padding-inline:0}.sidebar-collapsed .company-mini .brand-logo{width:42px;height:31px}.app-main{width:calc(100% - var(--sidebar-width));margin-left:var(--sidebar-width);min-width:0;transition:width .22s,margin-left .22s}.topbar{z-index:15;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fdfcf8e0;border-bottom:1px solid #e4e0d7e6;justify-content:space-between;align-items:center;height:72px;padding:0 31px;display:flex;position:sticky;top:0}.topbar-context{color:#605d56;align-items:center;gap:8px;font-size:11.5px;font-weight:650;display:flex}.entity-dot{background:var(--coral);width:8px;height:8px;box-shadow:0 0 0 4px var(--coral-soft);border-radius:50%;margin-right:4px;display:inline-block}.entity-dot.gempikat{background:#c6934e;box-shadow:0 0 0 4px #f6ead6}.divider{color:#bbb7af}.topbar-actions{align-items:center;gap:12px;display:flex}.prototype-pill{color:#8a7d6d;letter-spacing:.04em;background:#f3eee5;border-radius:7px;padding:6px 8px;font-size:7px;font-weight:800}.prototype-pill.demo{background:var(--amber-soft);color:#8e6428}.preview-staff-button,.preview-return{border:1px solid var(--line);color:#625e56;cursor:pointer;background:#fff;border-radius:9px;min-height:31px;padding:0 11px;font-size:8.5px;font-weight:750}.preview-staff-button:hover,.preview-return:hover{background:#f5f2ec}.sign-in-button{color:#fff;cursor:pointer;background:#2d2c29;border:0;border-radius:9px;justify-content:center;align-items:center;min-height:36px;padding:0 13px;font-size:10.5px;font-weight:750;text-decoration:none;display:inline-flex}.staff-access-label{background:var(--green-soft);min-height:31px;color:var(--green);border-radius:9px;align-items:center;gap:5px;padding:0 10px;font-size:8.5px;font-weight:800;display:inline-flex}.preview-return{color:#8c7767;background:#f8f3ec}.role-toggle{border:1px solid var(--line);background:#f4f1eb;border-radius:10px;padding:3px;display:flex}.role-toggle button{color:#848078;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:7px 11px;font-size:10.5px;font-weight:700}.role-toggle button.selected{color:#2b2a27;background:#fff;box-shadow:0 1px 5px #1e1c1614}.icon-button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:relative}.notification-dot{background:var(--coral);border:2px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:4px;right:5px}.notification-count{background:var(--coral);color:#fff;border:2px solid #fff;border-radius:999px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:7px;font-weight:850;line-height:1;display:grid;position:absolute;top:-5px;right:-5px}.notification-overlay{z-index:59;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:default;background:#1e1d1a4d;border:0;position:fixed;inset:0}.notification-drawer{z-index:60;border:1px solid var(--line);background:#fdfcf8;border-radius:18px;flex-direction:column;width:min(420px,100vw - 28px);max-height:calc(100dvh - 92px);padding:19px;display:flex;position:fixed;top:77px;right:14px;overflow:hidden;box-shadow:0 24px 70px #24211b33}.notification-drawer-head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.notification-drawer-head small{color:var(--coral);letter-spacing:.14em;font-size:7.5px;font-weight:850}.notification-drawer-head h2{margin:5px 0 3px;font-family:Georgia,Times New Roman,serif;font-size:27px;font-weight:500}.notification-drawer-head p{color:var(--muted);margin:0;font-size:9px}.notification-drawer-head>button{border:1px solid var(--line);color:#6b675f;cursor:pointer;background:#fff;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;display:grid}.notification-mark-all{color:#6c7e70;cursor:pointer;background:0 0;border:0;align-self:flex-end;margin:-18px 46px 13px 0;font-size:8.5px;font-weight:800}.notification-list{border-top:1px solid var(--line);flex-direction:column;min-height:120px;margin-top:15px;display:flex;overflow-y:auto}.notification-list>button{border:0;border-bottom:1px solid var(--line);width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;grid-template-columns:34px 1fr 8px;gap:10px;padding:14px 4px;display:grid;position:relative}.notification-list>button.unread{background:linear-gradient(90deg,#e86f5812,#0000 72%)}.notification-list>button>span:nth-child(2){flex-direction:column;gap:4px;min-width:0;display:flex}.notification-list>button strong{font-size:10.5px;line-height:1.3}.notification-list>button p{color:#746f67;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:9px;line-height:1.45;display:-webkit-box;overflow:hidden}.notification-list>button small{color:#9d978d;font-size:7.5px}.notification-list>button>i{background:var(--coral);border-radius:50%;align-self:center;width:7px;height:7px}.notification-list-icon{color:#625e57;background:#f1eee7;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.notification-empty{color:#8e887e;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:210px;display:flex}.notification-empty strong{color:#4a4741;font-size:11px}.notification-empty p{max-width:280px;margin:0;font-size:9px;line-height:1.55}.notification-footnote{color:#99938a;margin:13px 0 0;font-size:7.5px;line-height:1.45}.profile-chip{grid-template-columns:34px 1fr;align-items:center;gap:9px;padding-left:4px;display:grid}.profile-chip>span{color:#fff;background:#34332f;border-radius:50%;place-items:center;width:34px;height:34px;font-size:10px;font-weight:800;display:grid}.profile-chip>div{flex-direction:column;gap:2px;display:flex}.profile-chip small{color:#9a968e;font-size:8.5px}.private-avatar{overflow:hidden}.private-avatar img{object-fit:cover;width:100%;height:100%;display:block}.mobile-topbar-group,.mobile-brand,.mobile-menu-overlay,.mobile-menu-drawer{display:none}.content{max-width:1500px;margin:0 auto;padding:37px 34px 54px}.demo-access-banner{color:#88652f;background:#fbf3e4;border:1px solid #ead7b7;border-radius:13px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-bottom:19px;padding:13px 15px;display:grid}.demo-access-banner>div{flex-direction:column;gap:2px;min-width:0;display:flex}.demo-access-banner strong{color:#65491f;font-size:11.5px}.demo-access-banner p{color:#8a714d;margin:0;font-size:10px}.demo-access-banner>button{color:#fff;white-space:nowrap;cursor:pointer;background:#2d2c29;border:0;border-radius:9px;justify-content:center;align-items:center;min-height:36px;padding:0 13px;font-size:10.5px;font-weight:750;text-decoration:none;display:inline-flex}.page-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:27px;display:flex}.eyebrow{letter-spacing:.16em;margin:0 0 8px;font-weight:800;color:#a19c92!important;font-size:9px!important}.page-heading h1,.placeholder-view h1{letter-spacing:-.035em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(30px,3vw,42px);font-weight:500;line-height:1.05}.page-heading>div>p:not(.eyebrow){color:var(--muted);margin:8px 0 0;font-size:12.5px}.primary-button{color:#fff;cursor:pointer;background:#2d2c29;border:0;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:41px;padding:0 16px;font-size:11px;font-weight:750;display:inline-flex;box-shadow:0 8px 18px #201f1c21}.primary-button:hover{background:#181816}.staff-company{border:1px solid var(--line);background:#fffefa;border-radius:13px;align-items:center;gap:11px;padding:10px 14px;display:flex}.staff-company div{flex-direction:column;gap:3px;display:flex}.staff-company small{color:#9e988f;letter-spacing:.12em;font-size:8px;font-weight:800}.metrics-grid{grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:15px;display:grid}.metric-card{background:var(--paper);border:1px solid var(--line);min-height:121px;box-shadow:var(--shadow);border-radius:16px;grid-template-columns:39px 1fr auto;align-items:start;gap:12px;padding:17px;display:grid;position:relative;overflow:hidden}.metric-card:before{content:"";background:var(--accent);opacity:.9;height:3px;position:absolute;inset:0 0 auto}.metric-card.coral{--accent:var(--coral);--soft:var(--coral-soft)}.metric-card.green{--accent:var(--green);--soft:var(--green-soft)}.metric-card.amber{--accent:var(--amber);--soft:var(--amber-soft)}.metric-card.blue{--accent:var(--blue);--soft:var(--blue-soft)}.metric-icon{background:var(--soft);width:39px;height:39px;color:var(--accent);border-radius:11px;place-items:center;display:grid}.metric-card>div:nth-child(2){flex-direction:column;min-width:0;display:flex}.metric-card p{color:#88837a;margin:1px 0 6px;font-size:9.5px;font-weight:650}.metric-card strong{letter-spacing:-.025em;font-family:Georgia,Times New Roman,serif;font-size:21px;font-weight:500;line-height:1.1}.metric-card small{color:#969187;margin-top:7px;font-size:9px}.metric-card>button{border:1px solid var(--line);color:#8e8981;cursor:pointer;background:#fff;border-radius:50%;place-items:center;width:27px;height:27px;display:grid}.dashboard-grid{grid-template-columns:1.45fr 1fr;align-items:start;gap:15px;display:grid}.panel{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:17px;padding:19px}.panel-head{justify-content:space-between;align-items:center;gap:14px;display:flex}.panel-head>div{align-items:center;gap:10px;display:flex}.panel-head h2,.quick-actions-card h2{letter-spacing:-.01em;margin:0;font-size:13px}.panel-head p,.quick-actions-card>p{color:#969188;margin:4px 0 0;font-size:9.5px}.panel-head>button{color:#6e6a63;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;font-size:9.5px;font-weight:700;display:inline-flex}.tiny-icon{border-radius:9px;place-items:center;width:31px;height:31px;display:grid}.tiny-icon.coral{color:var(--coral);background:var(--coral-soft)}.tiny-icon.sand{color:#ad7f3f;background:#f7ecd9}.tiny-icon.mint{color:var(--green);background:var(--green-soft)}.tiny-icon.sky{color:var(--blue);background:var(--blue-soft)}.request-list{margin-top:15px}.request-row{border-top:1px solid #efebe3;grid-template-columns:37px minmax(155px,1fr) auto auto;align-items:center;gap:11px;padding:12px 0;display:grid}.avatar{color:#45413a;border-radius:50%;place-items:center;width:37px;height:37px;font-size:9px;font-weight:800;display:grid}.avatar.small{width:31px;height:31px;font-size:8px}.avatar.sage,.quick-actions-card span.sage{color:#496753!important;background:#dce9df!important}.avatar.peach,.quick-actions-card span.peach{color:#985340!important;background:#f4dcd5!important}.avatar.blue,.quick-actions-card span.blue{color:#476c91!important;background:#dce7f2!important}.avatar.lilac,.quick-actions-card span.lilac{color:#795d88!important;background:#e8e0ed!important}.request-copy{flex-direction:column;min-width:0;display:flex}.request-copy strong{font-size:10.5px}.request-copy p{color:#5f5b54;margin:3px 0;font-size:10.5px}.request-copy small{color:#a19c93;font-size:8.5px}.type-pill{border:1px solid var(--line);color:#77736c;background:#faf8f4;border-radius:8px;padding:5px 8px;font-size:8.5px}.request-actions{gap:6px;display:flex}.request-actions button{cursor:pointer;border-radius:8px;min-height:30px;padding:0 10px;font-size:8.5px;font-weight:750}.quiet-button{border:1px solid var(--line);background:#fff}.quiet-button:is(a){color:#625e56;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;min-height:30px;padding:0 10px;font-size:8.5px;font-weight:750;text-decoration:none;display:inline-flex}.approve-button{color:#fff;background:#2f4539;border:0;align-items:center;gap:5px;display:inline-flex}.upcoming-list{margin-top:14px}.upcoming-row{border-top:1px solid #efebe3;align-items:center;gap:11px;padding:11px 0;display:flex}.date-tile{border:1px solid var(--line);background:#fbfaf6;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;width:39px;min-width:39px;height:43px;display:flex}.date-tile strong{font-family:Georgia,Times New Roman,serif;font-size:17px;font-weight:500;line-height:1}.date-tile span{color:#a19b91;letter-spacing:.08em;margin-top:3px;font-size:6.5px;font-weight:800}.upcoming-row>div:last-child{flex-direction:column;gap:4px;display:flex}.upcoming-row p{color:#969188;margin:0;font-size:8.5px}.announcement-card{background:#f7efe7;border-radius:12px;gap:10px;margin-top:8px;padding:12px;display:flex}.announcement-card>span{width:31px;min-width:31px;height:31px;color:var(--coral);background:#fff;border-radius:50%;place-items:center;display:grid}.announcement-card>div{flex-direction:column;display:flex}.announcement-card small{color:#a16c5c;letter-spacing:.12em;font-size:6.8px;font-weight:800}.announcement-card strong{margin-top:3px;font-size:9.5px}.announcement-card p{color:#8d7a70;margin:4px 0 0;font-size:8.5px;line-height:1.4}.attendance-summary{background:#f6f5f0;border-radius:12px;grid-template-columns:repeat(3,auto) 1fr;align-items:center;gap:21px;margin:16px 0 7px;padding:13px 15px;display:grid}.attendance-summary>div:not(.attendance-progress){flex-direction:column;gap:2px;display:flex}.attendance-summary strong{font-family:Georgia,Times New Roman,serif;font-size:17px;font-weight:500}.attendance-summary span{color:#8e8980;font-size:8px}.attendance-progress{background:#dedbd3;border-radius:4px;height:6px;overflow:hidden}.attendance-progress span{background:var(--green);border-radius:4px;height:100%;display:block}.attendance-row{border-bottom:1px solid #f0ede6;grid-template-columns:31px 1fr auto 60px;align-items:center;gap:9px;padding:9px 2px;display:grid}.attendance-row>div{flex-direction:column;gap:2px;display:flex}.attendance-row small{color:#a09b92;font-size:8px}.clock-time{color:#66625c;font-size:8.5px}.status{white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;padding:5px 7px;font-size:7.5px;font-weight:800;display:inline-flex}.status.on-time,.status.approved{color:#52735f;background:#e3eee6}.status.late,.status.pending{color:#986a2e;background:#f6e8d4}.status.leave{color:#745f83;background:#e9e4ef}.status.mc{color:#507093;background:#e3ebf4}.status.absent{color:#9e4e43;background:#f7e2df}.status.paid{color:#507093;background:#e3ebf4}.payroll-total{color:#fff;background:#2e302d;border-radius:12px;flex-direction:column;min-height:86px;margin:16px 0 12px;padding:15px 17px;display:flex}.payroll-total small{color:#bdbeb8;letter-spacing:.12em;font-size:7px;font-weight:800}.payroll-total strong{margin-top:6px;font-family:Georgia,Times New Roman,serif;font-size:25px;font-weight:500}.payroll-total span{color:#9ea099;margin-top:4px;font-size:7.5px}.payroll-checks>div{align-items:center;gap:9px;padding:7px 2px;display:flex}.payroll-checks>div>span{color:#8a7560;background:#f3eee6;border-radius:50%;place-items:center;width:25px;height:25px;font-size:8px;font-weight:800;display:grid}.payroll-checks>div>span.done{background:var(--green-soft);color:var(--green)}.payroll-checks p{flex-direction:column;gap:2px;margin:0;display:flex}.payroll-checks small{color:#a09b92;font-size:7.5px}.wide-button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:9px;justify-content:center;align-items:center;gap:7px;width:100%;min-height:37px;margin-top:10px;padding:0 12px;font-size:9.5px;font-weight:750;display:flex}.wide-button:hover{background:#f7f4ee}.staff-hero-grid{grid-template-columns:1.25fr .85fr .9fr;gap:15px;display:grid}.clock-card{color:#fff;background:#2d302c;border-radius:18px;min-height:275px;padding:25px;position:relative;overflow:hidden;box-shadow:0 18px 35px #26262221}.clock-card:after{content:"";background:radial-gradient(circle,#de897066,#de897000 67%);border-radius:50%;width:220px;height:220px;position:absolute;top:-55px;right:-60px}.clock-card>div{color:#c7c8c2;letter-spacing:.13em;z-index:1;align-items:center;gap:6px;font-size:8px;font-weight:800;display:flex;position:relative}.live-dot{background:#e78065;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #e7806521}.clock-card h2{letter-spacing:-.03em;z-index:1;max-width:310px;margin:39px 0 10px;font-family:Georgia,Times New Roman,serif;font-size:31px;font-weight:500;line-height:1.08;position:relative}.clock-card p{color:#b5b6af;z-index:1;margin:0;font-size:10px;position:relative}.clock-card button{color:#32322e;cursor:pointer;z-index:1;background:#f5e9df;border:0;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-width:156px;min-height:43px;margin-top:27px;font-size:10.5px;font-weight:800;display:flex;position:relative}.clock-card>small{color:#888b84;margin-top:9px;font-size:7.5px;display:block}.balance-card,.quick-actions-card{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;padding:19px}.balance-ring{background:conic-gradient(#d4965a 0 var(--balance-progress,0%), #eee7dc var(--balance-progress,0%) 100%);border-radius:50%;place-items:center;width:130px;height:130px;margin:18px auto 12px;display:grid;position:relative}.balance-ring:after{content:"";background:var(--paper);border-radius:50%;width:101px;height:101px;position:absolute}.balance-ring div{z-index:1;flex-direction:column;align-items:center;display:flex;position:relative}.balance-ring strong{font-family:Georgia,Times New Roman,serif;font-size:29px;font-weight:500}.balance-ring span{color:#8d887f;font-size:8px}.balance-legend{color:#8d887f;justify-content:center;gap:14px;font-size:7.5px;display:flex}.balance-legend span{align-items:center;gap:4px;display:flex}.balance-legend i{border-radius:50%;width:6px;height:6px}.balance-legend i.used{background:#eee7dc}.balance-legend i.left{background:#d4965a}.replacement-balance-line{background:#faf5ec;border:1px solid #eadfce;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;margin:13px 0 2px;padding:10px 11px;display:flex}.replacement-balance-line span{color:#6d604f;font-size:10px}.replacement-balance-line span strong{color:#2d2b27;font-size:13px}.replacement-balance-line small{color:#9a8d7c;text-align:right;font-size:8.5px}.balance-card>button{cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;margin:17px auto 0;font-size:9px;font-weight:750;display:flex}.quick-actions-card>p{margin-bottom:15px}.quick-actions-card>div{flex-direction:column;gap:7px;display:flex}.quick-actions-card>div>button{cursor:pointer;text-align:left;background:#fff;border:1px solid #eee9df;border-radius:11px;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;width:100%;min-height:45px;padding:6px 9px;display:grid}.quick-actions-card>div>button:hover{background:#f9f7f2}.quick-actions-card>div>button>span{border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.quick-actions-card>div>button>svg{color:#a39e95}.staff-lower-grid{grid-template-columns:1.5fr .8fr;gap:15px;margin-top:15px;display:grid}.staff-request{border-top:1px solid #efebe3;grid-template-columns:31px 1fr auto;align-items:center;gap:10px;padding:11px 0;display:grid}.staff-request:first-of-type{margin-top:12px}.staff-request>div{flex-direction:column;gap:3px;display:flex}.staff-request strong{font-size:9.5px}.staff-request p{color:#9c978e;margin:0;font-size:8px}.payslip-amount{background:#f5f1e9;border-radius:12px;flex-direction:column;align-items:center;margin:15px 0 5px;padding:22px 10px 18px;display:flex}.payslip-amount small{color:#9b958b;letter-spacing:.13em;font-size:7px;font-weight:800}.payslip-amount strong{margin-top:5px;font-family:Georgia,Times New Roman,serif;font-size:24px;font-weight:500}.payslip-amount p{color:#918b82;margin:4px 0 0;font-size:8px}.payslip-row{border-bottom:1px solid #efebe3;justify-content:space-between;padding:8px 2px;font-size:8.5px;display:flex}.payslip-row span{color:#8d887f}.module-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:25px;display:flex}.module-heading h1{letter-spacing:-.035em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(30px,3vw,42px);font-weight:500;line-height:1.05}.module-heading>div>p:last-child{max-width:670px;color:var(--muted);margin:9px 0 0;font-size:12.5px;line-height:1.55}.header-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.secondary-action{border:1px solid var(--line);color:#625e56;cursor:pointer;background:#fff;border-radius:11px;justify-content:center;align-items:center;gap:7px;min-height:41px;padding:0 13px;font-size:9px;font-weight:750;text-decoration:none;display:inline-flex}.secondary-action:hover{background:#f7f4ed}.secondary-action:disabled{opacity:.55;cursor:default}.export-note{background:var(--blue-soft);color:var(--blue);border-radius:10px;align-items:center;padding:12px;font-size:8.5px;flex-direction:row!important;gap:9px!important;display:flex!important}.module-stats{grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:15px;display:grid}.module-stats article{border:1px solid var(--line);background:var(--paper);min-height:92px;box-shadow:var(--shadow);border-radius:15px;align-items:center;gap:13px;padding:17px;display:flex}.module-stats article>div{flex-direction:column;gap:4px;display:flex}.module-stats strong{font-family:Georgia,Times New Roman,serif;font-size:21px;font-weight:500}.module-stats p{color:#8a867e;margin:0;font-size:9.5px}.leave-balance-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:15px;display:grid}.leave-balance-grid article{border:1px solid var(--line);background:var(--paper);min-height:128px;box-shadow:var(--shadow);border-radius:15px;flex-direction:column;justify-content:center;padding:17px;display:flex}.leave-balance-grid small{color:#918a80;letter-spacing:.1em;font-size:8px;font-weight:800}.leave-balance-grid strong{margin:8px 0 5px;font-family:Georgia,Times New Roman,serif;font-size:29px;font-weight:500}.leave-balance-grid p{color:#8a867e;margin:0;font-size:9px;line-height:1.5}.leave-today-panel{margin-bottom:15px;padding:18px 19px}.leave-today-count{background:var(--green-soft);min-width:34px;height:34px;color:var(--green);border-radius:18px;place-items:center;padding:0 9px;font-size:11px;font-weight:800;display:grid}.leave-today-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:14px;display:grid}.leave-today-list article{border:1px solid var(--line);background:#faf8f3;border-radius:11px;grid-template-columns:34px 1fr;align-items:center;gap:10px;min-width:0;padding:12px 13px;display:grid}.leave-today-list article>div{min-width:0}.leave-today-list strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;display:block;overflow:hidden}.leave-today-list p{color:var(--muted);margin:4px 0 0;font-size:8.5px;line-height:1.45}.leave-today-empty{color:#837e75;background:#f7f5ef;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:62px;margin-top:12px;font-size:10px;display:flex}.leave-request-summary{background:#eef4ef;border:1px solid #dbe7de;border-radius:11px;grid-template-columns:1fr 1fr;gap:8px 14px;padding:13px 14px;display:grid}.leave-request-summary>div{flex-direction:column;gap:4px;display:flex}.leave-request-summary small{color:#75877a;letter-spacing:.1em;font-size:7px;font-weight:800}.leave-request-summary strong{color:#4d6756;font-size:11px}.leave-request-summary p{color:#708076;grid-column:1/-1;margin:2px 0 0;font-size:8.5px;line-height:1.5}.leave-request-summary.has-error{background:#fff2ef;border-color:#eccbc4}.leave-request-summary.has-error small,.leave-request-summary.has-error strong,.leave-request-summary.has-error p{color:#a64f42}.table-panel{padding:0;overflow:hidden}.table-panel>.panel-head{border-bottom:1px solid var(--line);min-height:75px;padding:16px 19px}.table-panel>.panel-head>div:first-child{display:block}.table-tools{gap:7px!important;display:flex!important}.table-tools button,.event-list .panel-head>button{border:1px solid var(--line);color:#716d65;cursor:pointer;background:#fbfaf6;border-radius:8px;min-height:30px;padding:0 10px;font-size:8.5px;font-weight:700}.data-table{width:100%;overflow-x:auto}.table-row{color:#5f5b54;border-bottom:1px solid #efebe3;align-items:center;gap:16px;min-width:800px;min-height:64px;padding:11px 19px;font-size:9.5px;display:grid}.table-row:last-child{border-bottom:0}.table-header{color:#9a958c;letter-spacing:.08em;text-transform:uppercase;background:#f8f6f1;min-height:39px;padding-block:8px;font-size:7.5px;font-weight:800}.people-table .table-row{grid-template-columns:1.6fr .8fr 1fr .7fr .55fr}.leave-table .table-row{grid-template-columns:1.35fr 1.2fr 1.05fr .65fr 1.35fr}.claims-table .table-row{grid-template-columns:1.45fr 1.1fr .65fr .65fr 1.35fr}.attendance-table .table-row{grid-template-columns:1.3fr .65fr 1.15fr .7fr .6fr}.attendance-table.editable-attendance .table-row{grid-template-columns:1.25fr .7fr 1fr 1fr .65fr 1.25fr;min-width:1080px}.monthly-attendance-panel{margin-bottom:15px}.attendance-help{border-bottom:1px solid var(--line);background:#faf9f5;padding:12px 19px;font-size:11px;line-height:1.6}.attendance-help summary{cursor:pointer;color:#58684d;font-weight:700}.attendance-help dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px;margin:14px 0;display:grid}.attendance-help dt{color:var(--ink);font-weight:750}.attendance-help dd{color:var(--muted);margin:2px 0 0}.attendance-help>p{color:var(--muted);margin:8px 0 0}.attendance-manage-button{align-self:flex-start;gap:6px;width:fit-content;margin-top:4px}.attendance-editor-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.attendance-editor-heading p{max-width:410px;color:var(--muted);margin:0;font-size:12px;line-height:1.6}.attendance-day-list{border:1px solid var(--line);border-radius:12px;display:grid;overflow:hidden}.attendance-day-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(120px,1fr) 110px minmax(160px,auto);align-items:center;gap:15px;padding:13px 15px;display:grid}.attendance-day-row:last-child{border-bottom:0}.attendance-day-row>span:first-child{flex-direction:column;gap:4px;font-size:12px;display:flex}.attendance-day-row small{color:var(--muted);font-size:10px}.attendance-day-row>.status{justify-self:start}.attendance-day-actions{justify-content:flex-end;display:flex}.payroll-scroll-hint{color:#817d75;border-bottom:1px solid var(--line);background:#faf9f5;margin:0;padding:10px 19px;font-size:10px}.payroll-table-v2:focus-visible{outline-offset:-2px;outline:2px solid #7d9078}.payroll-table-v2::-webkit-scrollbar{height:8px}.payroll-table-v2::-webkit-scrollbar-track{background:#eeece6}.payroll-table-v2::-webkit-scrollbar-thumb{background:#aaa69f;border:2px solid #eeece6;border-radius:8px}.monthly-attendance-table .table-row{grid-template-columns:1.45fr repeat(8,.7fr);min-width:1120px}.attendance-month-filter{color:#878178;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;font-size:8px;font-weight:800;display:flex}.attendance-month-filter input{border:1px solid var(--line);min-height:34px;color:var(--ink);font:inherit;letter-spacing:0;text-transform:none;background:#fff;border-radius:8px;padding:6px 9px}.staff-monthly-attendance-panel{margin-bottom:15px;padding:18px 19px}.staff-attendance-totals{grid-template-columns:repeat(7,1fr);gap:9px;margin-top:16px;display:grid}.staff-attendance-totals>span{border:1px solid var(--line);background:#faf8f3;border-radius:12px;flex-direction:column;justify-content:center;gap:6px;min-height:76px;padding:12px;display:flex}.staff-attendance-totals small{color:#99948b;letter-spacing:.08em;font-size:7px;font-weight:800}.staff-attendance-totals strong{font-family:Georgia,Times New Roman,serif;font-size:21px;font-weight:500}.attendance-summary-note{color:#888279;margin:12px 0 0;font-size:8.5px;line-height:1.55}.attendance-history .table-row,.payslip-table .table-row{grid-template-columns:1.2fr .8fr .8fr .8fr .7fr}.attendance-history.staff-attendance-history .table-row{grid-template-columns:1.1fr .75fr .75fr .7fr .65fr 1fr;min-width:900px}.time-credit-panel{margin-top:15px}.time-credit-table .table-row{grid-template-columns:1.2fr .7fr .55fr 1.5fr .7fr 1.15fr;min-width:1040px}.staff-time-credit-table .table-row{grid-template-columns:.8fr .55fr 1.6fr .7fr 1.2fr;min-width:850px}.empty-table-state{color:#99948b;text-align:center;place-items:center;min-height:96px;padding:26px 20px;font-size:10px;display:grid}.replacement-leave-summary{grid-template-columns:repeat(3,1fr);gap:13px;margin:15px 0;display:grid}.replacement-leave-summary article{border:1px solid var(--line);background:var(--paper);min-height:124px;box-shadow:var(--shadow);border-radius:15px;grid-template-columns:34px 1fr;align-items:start;gap:12px;padding:17px;display:grid}.replacement-leave-summary article>div{flex-direction:column;gap:4px;display:flex}.replacement-leave-summary article>div>small{color:#99948b;letter-spacing:.08em;font-size:7.5px;font-weight:800}.replacement-leave-summary article strong{font-family:Georgia,Times New Roman,serif;font-size:21px;font-weight:500}.replacement-leave-summary article p{color:#8a867e;margin:2px 0 0;font-size:9px;line-height:1.45}.replacement-leave-summary article .primary-button{width:fit-content;min-height:34px;box-shadow:none;grid-column:2;margin-top:6px;padding-inline:11px;font-size:9px}.oil-request-form select:disabled{opacity:1;color:var(--ink);cursor:default;background:#f7f3ec}.oil-approval-route{background:#edf4ef;border:1px solid #dce8df;border-radius:13px;align-items:center;gap:12px;min-height:72px;padding:14px 16px;display:flex}.oil-approval-route>div{flex-direction:column;gap:3px;display:flex}.oil-approval-route small{color:#6e8777;letter-spacing:.11em;font-size:7px;font-weight:800}.oil-approval-route p{color:#738277;margin:0;font-size:8px}.approval-restriction{color:#796854;background:#faf5ec;border:1px solid #eadfce;border-radius:12px;align-items:center;gap:11px;min-height:68px;padding:13px 15px;display:flex}.approval-restriction>div{flex-direction:column;gap:3px;display:flex}.approval-restriction strong{color:#554b3f;font-size:11px}.approval-restriction p{color:#897967;margin:0;font-size:10px}.payroll-table .table-row{grid-template-columns:1.35fr .75fr .7fr .85fr .8fr 1.05fr;min-width:930px}.table-row>span{min-width:0}.table-row>span:not(.person-cell){flex-direction:column;gap:4px;display:flex}.table-row strong{color:var(--ink);font-size:9.5px}.person-cell{align-items:center;flex-direction:row!important;gap:10px!important;display:flex!important}.person-cell .avatar{width:34px;min-width:34px;height:34px;font-style:normal}.person-cell>span{flex-direction:column;gap:3px;min-width:0;display:flex}.freeze-period-list{gap:12px;margin-bottom:18px;display:grid}.freeze-period-row{border:1px solid var(--line);background:#faf9f6;border-radius:14px;grid-template-columns:minmax(145px,.8fr) minmax(145px,.8fr) minmax(220px,1.4fr) auto;align-items:end;gap:12px;padding:14px;display:grid}.freeze-period-row label{gap:7px;font-size:13px;font-weight:700;display:grid}.freeze-period-row input{min-width:0}.row-actions{justify-content:flex-end;align-items:center;flex-direction:row!important;gap:6px!important;display:flex!important}.row-actions button{cursor:pointer;white-space:nowrap;border-radius:8px;min-height:31px;padding:0 10px;font-size:8px;font-weight:750}.row-tool-group{align-items:center;flex-direction:row!important;gap:5px!important;display:flex!important}.icon-text-button{border:1px solid var(--line);color:#67635c;cursor:pointer;white-space:nowrap;background:#fff;border-radius:8px;align-items:center;gap:4px;min-height:29px;padding:0 8px;font-size:7.5px;font-weight:750;display:inline-flex}.icon-text-button:hover{background:#f6f3ed}.icon-text-button.danger{color:#a35247;background:snow;border-color:#ead8d3}.primary-button.compact{min-height:31px;box-shadow:none;padding-inline:10px}.primary-button:disabled{cursor:default;opacity:.72}.status.rejected{color:#9e4e43;background:#f7e2df}.status.needs-info{color:#735f82;background:#eee8f2}.soft-note,.guardrail-note{color:#786a59;background:#f7f1e8;border:1px solid #e8e0d4;border-radius:14px;align-items:flex-start;gap:11px;margin-top:15px;padding:16px 18px;display:flex}.soft-note svg,.guardrail-note svg{min-width:19px}.soft-note div,.guardrail-note div{flex-direction:column;gap:4px;display:flex}.soft-note strong,.guardrail-note strong{color:#544b41;font-size:10px}.soft-note p,.guardrail-note p{margin:0;font-size:9px;line-height:1.55}.guardrail-note{color:#64766a;background:#ebf1ed;border-color:#dae6de}.guardrail-note strong{color:#405448}.modal-backdrop{z-index:80;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#23221f6b;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal-card{background:var(--paper);border:1px solid #ffffff80;border-radius:19px;width:min(590px,100%);max-height:calc(100vh - 48px);padding:22px;overflow-y:auto;box-shadow:0 24px 80px #1918153b}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:17px;display:flex}.modal-head h2{letter-spacing:-.025em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:25px;font-weight:500}.modal-head p{color:var(--muted);margin:6px 0 0;font-size:9.5px;line-height:1.45}.modal-head>button{border:1px solid var(--line);color:#716d65;cursor:pointer;background:#fff;border-radius:50%;width:31px;height:31px;font-size:19px;line-height:1}.form-grid{grid-template-columns:1fr 1fr;gap:14px;padding-top:19px;display:grid}.form-grid label{color:#625e56;flex-direction:column;gap:7px;font-size:9px;font-weight:750;display:flex}.form-grid .full{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #dfdbd2;border-radius:9px;outline:0;padding:10px 11px;font-size:10px;font-weight:500}.form-grid input,.form-grid select{min-height:40px}.form-grid textarea{resize:vertical}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#8e9e93;box-shadow:0 0 0 3px #537d681a}.attendance-entry-mode{border:0;flex-direction:column;gap:8px;margin:0;padding:0;display:flex}.attendance-entry-mode legend{color:#625e56;margin-bottom:7px;font-size:9px;font-weight:750}.attendance-entry-mode .role-toggle{width:fit-content}.attendance-entry-mode>small{color:#918b82;font-size:8px;font-weight:500}.form-callout{background:var(--green-soft);color:var(--green);border-radius:10px;align-items:center;padding:12px;flex-direction:row!important;gap:10px!important;display:flex!important}.form-callout span{flex-direction:column;gap:3px;display:flex}.form-callout small{color:#718577;font-size:8px}.form-actions{justify-content:flex-end;padding-top:3px;flex-direction:row!important;gap:8px!important;display:flex!important}.form-actions button{cursor:pointer;border-radius:9px;min-height:39px;padding-inline:15px;font-size:9px;font-weight:750}.toast{z-index:100;color:#425247;background:#fbfffc;border:1px solid #dce6df;border-radius:13px;align-items:center;gap:10px;max-width:420px;min-height:48px;padding:10px 16px 10px 10px;font-size:10px;font-weight:700;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 18px 50px #232e2729}.toast>span{background:var(--green-soft);width:28px;height:28px;color:var(--green);border-radius:50%;place-items:center;display:grid}.personal-clock-panel{color:#fff;background:#2d302c;border-radius:18px;justify-content:space-between;align-items:center;gap:20px;min-height:188px;margin-bottom:15px;padding:26px 30px;display:flex;box-shadow:0 18px 35px #2626221f}.personal-clock-panel>div:first-child{flex-direction:column;align-items:flex-start;display:flex}.personal-clock-panel small{color:#b7bab3;letter-spacing:.13em;font-size:8px;font-weight:800}.personal-clock-panel h2{margin:24px 0 7px;font-family:Georgia,Times New Roman,serif;font-size:28px;font-weight:500}.personal-clock-panel p{color:#aaada6;margin:0;font-size:9.5px}.clock-face{border:8px solid #ffffff14;border-top-color:#d88569;border-radius:50%;align-content:center;place-items:center;width:125px;min-width:125px;height:125px;display:grid}.clock-face strong{font-family:Georgia,Times New Roman,serif;font-size:24px;font-weight:500}.clock-face span{color:#9fa29b;margin-top:3px;font-size:7px}.clock-out-button{background:#944c3e}.clock-card.clocked:after{background:radial-gradient(circle,#5697716b,#56977100 67%)}.payroll-overview{grid-template-columns:1.25fr .85fr 1fr;gap:13px;margin-bottom:15px;display:grid}.payroll-header-actions{flex-wrap:wrap}.payroll-period-picker{border:1px solid var(--line);background:#fff;border-radius:11px;align-items:center;gap:8px;min-width:176px;height:42px;padding:5px 9px 5px 11px;display:flex}.payroll-period-picker span{color:#8b867d;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;font-size:8px;font-weight:800}.payroll-period-picker select{min-width:0;color:var(--ink);cursor:pointer;background:0 0;border:0;outline:0;flex:1;font-size:10px;font-weight:750}.payroll-paid-badge{color:#416b50;background:#dfeee4;border-radius:11px;align-items:center;gap:6px;min-height:42px;padding:0 13px;font-size:10px;font-weight:850;display:inline-flex}.payroll-overview>*{border:1px solid var(--line);background:var(--paper);min-height:145px;box-shadow:var(--shadow);border-radius:16px;padding:20px}.payroll-overview>article{color:#fff;background:#2d302c;flex-direction:column;display:flex}.payroll-overview>article small{color:#aeb1aa;letter-spacing:.13em;font-size:7.5px;font-weight:800}.payroll-overview>article strong{margin-top:14px;font-family:Georgia,Times New Roman,serif;font-size:29px;font-weight:500}.payroll-overview>article span{color:#989b94;margin-top:8px;font-size:8px}.payroll-overview>div:nth-child(2){flex-direction:column;justify-content:center;gap:14px;display:flex}.payroll-overview>div:nth-child(2) p{border-bottom:1px solid #efebe3;justify-content:space-between;margin:0;padding-bottom:9px;font-size:9px;display:flex}.payroll-overview>div:nth-child(2) span{color:#8f8a82}.warning-text{color:#b46e35}.lock-state{color:#866b45;background:#fbf2e3;flex-direction:column;justify-content:center;display:flex}.lock-state.locked{color:#4f755e;background:#eaf2ec}.lock-state.paid{color:#315f43;background:#dfeee4;border-color:#cfe2d5}.lock-state strong{color:inherit;margin-top:10px;font-size:10.5px}.lock-state p{color:#827d74;margin:6px 0 0;font-size:8.5px;line-height:1.5}.payslip-hero{color:#fff;background:#2d302c;border-radius:18px;justify-content:space-between;align-items:center;gap:20px;min-height:170px;margin-bottom:15px;padding:27px 30px;display:flex;box-shadow:0 18px 35px #2626221f}.payslip-hero small{color:#adb0a9;letter-spacing:.13em;font-size:8px;font-weight:800}.payslip-hero h2{margin:17px 0 6px;font-family:Georgia,Times New Roman,serif;font-size:31px;font-weight:500}.payslip-hero p{color:#a5a8a1;margin:0;font-size:9px}.payslip-hero .primary-button{color:#2d2d29;box-shadow:none;background:#f2e7dc}.secure-label{color:var(--green);align-items:center;font-size:8px;font-weight:750;gap:5px!important;display:flex!important}.payslip-document{padding-top:19px}.payslip-doc-head{justify-content:space-between;align-items:center;padding-bottom:17px;display:flex}.payslip-doc-head .brand-mark{transform-origin:0;padding:0;transform:scale(.88)}.payslip-doc-head>span{background:var(--green-soft);color:var(--green);border-radius:7px;padding:6px 8px;font-size:7px;font-weight:800}.payslip-person{background:#f6f3ed;border-radius:12px;grid-template-columns:1fr 1fr;gap:20px;padding:16px;display:grid}.payslip-person>div{flex-direction:column;gap:4px;display:flex}.payslip-person small{color:#98938b;letter-spacing:.1em;font-size:7px;font-weight:800}.payslip-person span{color:#8f8a82;font-size:8px}.payslip-lines{margin-top:15px}.payslip-lines p{border-bottom:1px solid var(--line);color:#77736b;justify-content:space-between;margin:0;padding:11px 2px;font-size:9px;display:flex}.payslip-lines p strong{color:var(--ink)}.payslip-lines p.net{color:#fff;background:#2d302c;border:0;border-radius:10px;margin-top:5px;padding:15px}.payslip-lines p.net strong{color:#fff;font-size:13px}.payslip-note{color:#9a6d59;background:#fbede7;border-radius:9px;padding:10px;font-size:8px;line-height:1.5}.calendar-layout{grid-template-columns:1.1fr .9fr;gap:15px;display:grid}.mini-calendar{min-height:520px}.calendar-title{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.calendar-title h2{margin:0;font-family:Georgia,Times New Roman,serif;font-size:24px;font-weight:500}.calendar-title button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:50%;width:31px;height:31px}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:7px;display:grid}.calendar-grid>span{color:#99948b;text-align:center;padding-bottom:8px;font-size:8px;font-weight:800}.calendar-grid i{aspect-ratio:1;background:#faf8f3;border-radius:10px;place-items:center;font-size:10px;font-style:normal;display:grid;position:relative}.calendar-grid i.has-event:after{content:"";background:var(--coral);border-radius:50%;width:4px;height:4px;position:absolute;bottom:7px}.calendar-grid i.today{color:#fff;background:#2d2c29}.pressable-calendar>button{aspect-ratio:1;color:var(--ink);cursor:pointer;background:#faf8f3;border:1px solid #0000;border-radius:10px;place-items:center;font-size:10px;transition:all .16s;display:grid;position:relative}.pressable-calendar>button:hover,.pressable-calendar>button:focus-visible{background:#fff;border-color:#d4cec4;outline:none;transform:translateY(-1px)}.pressable-calendar>button.has-event:after{content:"";background:var(--coral);border-radius:50%;width:4px;height:4px;position:absolute;bottom:7px}.pressable-calendar>button.today{color:#fff;background:#2d2c29}.calendar-hint{color:#888178;text-align:center;background:#f6f2eb;border-radius:10px;margin:18px 0 0;padding:11px 12px;font-size:8px}.event-list .panel-head{border-bottom:1px solid var(--line);padding-bottom:13px}.calendar-event{border-bottom:1px solid #efebe3;grid-template-columns:31px 60px 1fr;align-items:center;gap:11px;padding:15px 0;display:grid}.calendar-event>strong{color:#817c74;font-size:8px}.calendar-event h3{margin:0;font-size:10px}.calendar-event p{color:#969188;margin:4px 0 0;font-size:8px}.calendar-event.pressable-event{text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #efebe3;grid-template-columns:31px 60px 1fr auto;width:100%}.calendar-event.pressable-event:hover{background:#faf8f3}.day-event-stack{flex-direction:column;gap:10px;padding-top:18px;display:flex}.day-event-card{border:1px solid var(--line);background:#fbfaf6;border-radius:11px;grid-template-columns:31px 1fr auto;align-items:start;gap:11px;padding:13px;display:grid}.day-event-card h3{margin:2px 0 5px;font-size:10.5px}.day-event-card p{color:#777169;margin:0 0 7px;font-size:9px;line-height:1.45}.day-event-card small{color:#9a958c;font-size:8px}.empty-calendar-day{color:#979188;background:#fbfaf7;border:1px dashed #ddd7cd;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:170px;display:flex}.empty-calendar-day strong{color:#5f5a53;margin-top:10px;font-size:11px}.empty-calendar-day p{margin:5px 0 0;font-size:8.5px}.settings-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.settings-card{flex-direction:column;min-height:310px;display:flex}.settings-card>h2{margin:15px 0 7px;font-size:14px}.settings-card>p{min-height:31px;color:var(--muted);margin:0 0 15px;font-size:9px;line-height:1.5}.setting-line{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:55px;padding:10px 0;display:flex}.setting-line>span{flex-direction:column;gap:4px;display:flex}.setting-line small{color:#97928a;font-size:8px}.settings-card>button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:9px;justify-content:center;align-items:center;gap:6px;min-height:35px;margin-top:auto;font-size:8.5px;font-weight:750;display:flex}.password-settings-form{gap:10px;margin-top:2px;display:grid}.password-settings-form label{color:#716b63;gap:5px;font-size:8.5px;font-weight:750;display:grid}.password-settings-form label small{color:#918b82;font-size:7.5px;font-weight:500;line-height:1.45}.password-settings-form input{width:100%;min-height:40px;color:var(--ink);background:#fff;border:1px solid #dfdbd2;border-radius:9px;outline:0;padding:0 11px;font-size:10px}.password-settings-form input:focus{border-color:#8e9e93;box-shadow:0 0 0 3px #537d681a}.password-settings-form button{justify-content:center;margin-top:3px}.tag-cloud{border-top:1px solid var(--line);flex-wrap:wrap;gap:7px;padding-top:12px;display:flex}.tag-cloud span{color:#746d63;background:#f4f0e8;border-radius:8px;padding:7px 9px;font-size:8px;font-weight:700}.staff-settings-layout{grid-template-columns:1.25fr .9fr;align-items:start;gap:15px;display:grid}.settings-side-stack{flex-direction:column;gap:15px;display:flex}.settings-section-head{align-items:center;gap:11px;margin-bottom:16px;display:flex}.settings-section-head h2{margin:0;font-size:13px}.settings-section-head p{color:#969188;margin:4px 0 0;font-size:8.5px}.settings-profile-card .form-grid{padding-top:0}.settings-profile-avatar{color:#fff;background:#34332f;flex:none;font-size:11px;width:48px!important;height:48px!important}.profile-photo-control{border:1px solid var(--line);background:#fbfaf6;border-radius:11px;grid-template-columns:minmax(150px,1fr) auto;align-items:center;gap:9px;margin:-2px 0 17px;padding:12px;display:grid}.profile-photo-control>div{flex-direction:column;gap:4px;display:flex}.profile-photo-control strong{font-size:9.5px}.profile-photo-control small,.profile-photo-control>span{color:#918b82;overflow-wrap:anywhere;font-size:8px}.profile-photo-control label{cursor:pointer;min-height:34px;margin:0}.profile-photo-control label input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.profile-photo-control>span{background:var(--green-soft);color:var(--green);border-radius:7px;grid-column:1/-1;padding:7px 9px}.profile-photo-control>button{min-height:34px;box-shadow:none;grid-column:2}.language-choice{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:8px;padding-top:12px;display:grid}.language-choice button{border:1px solid var(--line);color:#6f6a62;cursor:pointer;background:#fff;border-radius:10px;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;min-height:62px;padding:10px;display:flex}.language-choice button strong{font-size:10px}.language-choice button small{color:#9b958d;font-size:8px}.language-choice button.active{background:var(--green-soft);color:#3f6450;border-color:#6f8b78;box-shadow:0 0 0 2px #537d6814}.settings-account-card,.settings-notification-card{padding:18px}.settings-account-card .setting-line>button{cursor:pointer;border-radius:8px;min-height:30px;padding:0 9px;font-size:8px}.settings-select{color:#716b63;flex-direction:column;gap:6px;margin-top:11px;font-size:8px;font-weight:750;display:flex}.settings-select select{border:1px solid var(--line);min-height:37px;color:var(--ink);background:#fff;border-radius:9px;padding:0 10px;font-size:9px}.notification-setting{border:0;border-top:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:51px;padding:9px 0;display:flex}.notification-setting>span{flex-direction:column;gap:3px;display:flex}.notification-setting small{color:#99938b;font-size:7.5px}.switch{background:#d8d4cd;border-radius:12px;align-items:center;width:34px;height:20px;padding:2px;transition:all .18s;display:flex}.switch b{background:#fff;border-radius:50%;width:16px;height:16px;transition:all .18s;box-shadow:0 1px 4px #00000029}.switch.on{background:var(--green)}.switch.on b{transform:translate(14px)}.onboarding-shell{background:radial-gradient(circle at 85% 8%,#e5644d1c,#0000 28%),radial-gradient(circle at 8% 80%,#537d681f,#0000 30%),#f5f3ee;min-height:100vh;padding:0 28px 24px}.onboarding-topbar{justify-content:space-between;align-items:center;width:min(1180px,100%);min-height:84px;margin:0 auto;display:flex}.onboarding-topbar .brand-mark{padding:0}.onboarding-topbar>div:last-child{align-items:center;gap:13px;display:flex}.onboarding-topbar>div:last-child>span{color:#8e887e;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:800}.onboarding-topbar>div:last-child>button{color:#706a61;cursor:pointer;background:#ffffffb8;border:1px solid #dfd9cf;border-radius:9px;min-height:34px;padding:0 12px;font-size:9px;font-weight:750}.onboarding-layout{background:var(--paper);border:1px solid #e3ded5;border-radius:24px;grid-template-columns:295px 1fr;width:min(1180px,100%);min-height:700px;margin:0 auto;display:grid;overflow:hidden;box-shadow:0 24px 70px #362f241a}.onboarding-rail{color:#fff;background:#292a27;flex-direction:column;padding:39px 31px;display:flex}.onboarding-rail>h1{letter-spacing:-.035em;margin:10px 0 11px;font-family:Georgia,Times New Roman,serif;font-size:30px;font-weight:500;line-height:1.08}.onboarding-rail>p:not(.eyebrow){color:#b4b5af;margin:0;font-size:10px;line-height:1.65}.onboarding-rail .eyebrow{color:#e8ac9c}.onboarding-progress{background:#444540;border-radius:4px;height:4px;margin:28px 0 25px;overflow:hidden}.onboarding-progress span{border-radius:inherit;background:#e88670;height:100%;transition:width .25s;display:block}.onboarding-rail ol{flex-direction:column;gap:18px;margin:0;padding:0;list-style:none;display:flex}.onboarding-rail li{color:#767872;grid-template-columns:30px 1fr;align-items:center;gap:11px;display:grid}.onboarding-rail li>i{border:1px solid #555751;border-radius:50%;place-items:center;width:28px;height:28px;font-size:8px;font-style:normal;font-weight:800;display:grid}.onboarding-rail li>span{flex-direction:column;gap:4px;display:flex}.onboarding-rail li small{letter-spacing:.12em;font-size:6.5px;font-weight:800}.onboarding-rail li.active{color:#fff}.onboarding-rail li.active>i{color:#2f2b27;background:#ed9b86;border-color:#ed9b86;box-shadow:0 0 0 5px #ed9b861a}.onboarding-rail li.done{color:#b7c9bd}.onboarding-rail li.done>i{color:#fff;background:#577662;border-color:#6f917d}.onboarding-privacy{color:#9fc0aa;background:#323330;border:1px solid #454741;border-radius:12px;grid-template-columns:24px 1fr;gap:9px;margin-top:auto;padding:13px;display:grid}.onboarding-privacy p{flex-direction:column;gap:4px;margin:0;display:flex}.onboarding-privacy strong{color:#d8e5dc;font-size:8.5px}.onboarding-privacy span{color:#9ea19a;font-size:7.5px;line-height:1.45}.onboarding-card{background:#fffefa;flex-direction:column;min-width:0;padding:28px 37px 30px;display:flex}.onboarding-card-head{border-bottom:1px solid var(--line);justify-content:space-between;min-height:45px;padding-bottom:18px;display:flex}.onboarding-card-head span{color:#a19a90;letter-spacing:.12em;font-size:7px;font-weight:800}.onboarding-card-head strong{color:#6d675f;font-size:9px}.onboarding-card>form{flex-direction:column;flex:1;display:flex}.onboarding-step{padding:32px 0 25px}.onboarding-step>h2{letter-spacing:-.03em;margin:9px 0 8px;font-family:Georgia,Times New Roman,serif;font-size:27px;font-weight:500}.onboarding-step>p:not(.eyebrow){color:#837e75;margin:0 0 22px;font-size:10px;line-height:1.55}.welcome-step{text-align:center;max-width:760px;margin:auto}.welcome-avatar{color:#5279a5;background:#e6edf5;border-radius:19px;place-items:center;width:62px;height:62px;margin:0 auto 20px;font-family:Georgia,Times New Roman,serif;font-size:21px;display:grid}.welcome-step>h2{letter-spacing:-.035em;margin:9px 0;font-family:Georgia,Times New Roman,serif;font-size:30px;font-weight:500}.welcome-step>p:not(.eyebrow){color:#817b72;max-width:560px;margin:0 auto 24px;font-size:10px;line-height:1.65}.employment-summary{border:1px solid var(--line);text-align:left;background:#fbfaf6;border-radius:13px;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.employment-summary>span{border-right:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;justify-content:center;gap:6px;min-height:72px;padding:13px;display:flex}.employment-summary>span:nth-child(3n){border-right:0}.employment-summary>span:nth-child(n+4){border-bottom:0}.employment-summary small{color:#9d978d;letter-spacing:.08em;text-transform:uppercase;font-size:7px;font-weight:800}.employment-summary strong{overflow-wrap:anywhere;font-size:9.5px}.onboarding-callout{background:var(--green-soft);color:var(--green);text-align:left;border-radius:11px;align-items:center;gap:10px;margin-top:18px;padding:13px;display:flex}.onboarding-callout>div{flex-direction:column;gap:4px;display:flex}.onboarding-callout strong{font-size:9px}.onboarding-callout p{color:#708777;margin:0;font-size:8px}.changes-note{color:#a36e2e;text-align:left;background:#fbf1e1;border:1px solid #eed6b8;border-radius:11px;gap:10px;margin:-10px 0 22px;padding:13px;display:flex}.changes-note div{flex-direction:column;gap:4px;display:flex}.changes-note strong{font-size:9px}.changes-note p{color:#927856;margin:0;font-size:8px;line-height:1.45}.onboarding-form-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.onboarding-form-grid label{color:#625e56;flex-direction:column;gap:7px;min-width:0;font-size:8.5px;font-weight:750;display:flex}.onboarding-form-grid label.full{grid-column:1/-1}.onboarding-form-grid input,.onboarding-form-grid select,.onboarding-form-grid textarea{width:100%;min-height:42px;color:var(--ink);background:#fff;border:1px solid #ddd8ce;border-radius:9px;outline:0;padding:10px 11px;font-size:9.5px;font-weight:500}.onboarding-form-grid input[readonly]{color:#858078;background:#f4f1eb}.onboarding-form-grid textarea{resize:vertical}.onboarding-form-grid input:focus,.onboarding-form-grid select:focus,.onboarding-form-grid textarea:focus{border-color:#8e9e93;box-shadow:0 0 0 3px #537d681a}.onboarding-fieldset{border:1px solid var(--line);background:#fbfaf6;border-radius:13px;margin:0 0 18px;padding:17px}.onboarding-fieldset legend{color:#746e65;letter-spacing:.08em;text-transform:uppercase;padding:0 7px;font-size:8px;font-weight:800}.selected-document{background:var(--green-soft);width:fit-content;color:var(--green);border-radius:6px;align-items:center;gap:4px;padding:5px 7px;font-size:7px;display:inline-flex}.onboarding-review-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.onboarding-review-grid article{border:1px solid var(--line);background:#fbfaf6;border-radius:12px;grid-template-columns:32px 1fr auto;align-items:start;gap:11px;min-height:154px;padding:14px;display:grid}.onboarding-review-grid article>div{min-width:0}.onboarding-review-grid article small{color:#9b958b;letter-spacing:.1em;font-size:6.5px;font-weight:800}.onboarding-review-grid article strong{overflow-wrap:anywhere;margin-top:7px;font-size:9.5px;display:block}.onboarding-review-grid article p{color:#7c776f;margin:7px 0 0;font-size:8px;line-height:1.55}.onboarding-review-grid article>button{color:var(--green);cursor:pointer;background:0 0;border:0;font-size:7.5px;font-weight:800}.consent-check{color:#68635b;cursor:pointer;background:#f2efe8;border-radius:10px;align-items:flex-start;gap:9px;margin-top:16px;padding:13px;font-size:8.5px;line-height:1.45;display:flex}.consent-check input{accent-color:var(--green)}.onboarding-actions{border-top:1px solid var(--line);grid-template-columns:auto 1fr auto auto;align-items:center;gap:9px;min-height:66px;margin-top:auto;padding-top:16px;display:grid}.onboarding-actions>.quiet-button,.onboarding-actions>.secondary-action,.onboarding-actions>.primary-button{min-height:39px}.prototype-footnote{color:#9b958c;text-align:center;margin:13px auto 0;font-size:8px}.document-onboarding-shell{background:radial-gradient(circle at 82% 8%,#5279a51f,#0000 28%),radial-gradient(circle at 8% 82%,#537d6821,#0000 30%),#f5f3ee;min-height:100vh;padding:0 28px 28px}.document-onboarding-layout{background:var(--paper);border:1px solid #e3ded5;border-radius:24px;grid-template-columns:330px minmax(0,1fr);width:min(1180px,100%);min-height:720px;margin:0 auto;display:grid;overflow:hidden;box-shadow:0 24px 70px #362f241a}.document-onboarding-rail{color:#fff;background:#292a27;padding:38px 31px}.document-onboarding-rail>h1{letter-spacing:-.035em;margin:10px 0 12px;font-family:Georgia,Times New Roman,serif;font-size:32px;font-weight:500;line-height:1.08}.document-onboarding-rail>p:not(.eyebrow){color:#b4b5af;margin:0;font-size:10px;line-height:1.65}.document-onboarding-rail .eyebrow{color:#a9c2dc!important}.document-progress-copy{color:#dce9df;justify-content:space-between;align-items:baseline;gap:10px;margin-top:27px;display:flex}.document-progress-copy strong{font-size:14px}.document-progress-copy span{color:#9fa39c;font-size:8px}.document-onboarding-rail .onboarding-progress{margin:11px 0 25px}.document-checklist{flex-direction:column;gap:15px;margin:0;padding:0;list-style:none;display:flex}.document-checklist li{color:#777a73;grid-template-columns:30px 1fr;align-items:center;gap:11px;display:grid}.document-checklist li>i{border:1px solid #565850;border-radius:50%;place-items:center;width:28px;height:28px;font-size:8px;font-style:normal;font-weight:800;display:grid}.document-checklist li>span{flex-direction:column;gap:4px;min-width:0;display:flex}.document-checklist small{letter-spacing:.1em;font-size:6.5px;font-weight:800}.document-checklist strong{text-overflow:ellipsis;white-space:nowrap;font-size:9.5px;overflow:hidden}.document-checklist li.active{color:#fff}.document-checklist li.active>i{color:#fff;background:#6e94b8;border-color:#90b1d1;box-shadow:0 0 0 5px #6e94b81f}.document-checklist li.done{color:#b7c9bd}.document-checklist li.done>i{color:#fff;background:#577662;border-color:#6f917d}.document-onboarding-card{background:#fffefa;flex-direction:column;min-width:0;padding:34px 42px;display:flex}.document-onboarding-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:22px;display:flex}.document-onboarding-head>div{min-width:0}.document-onboarding-head span{color:#8e7569;letter-spacing:.11em;text-transform:uppercase;font-size:8px;font-weight:800}.document-onboarding-head h2{letter-spacing:-.03em;margin:10px 0 7px;font-family:Georgia,Times New Roman,serif;font-size:28px;font-weight:500}.document-onboarding-head p{color:#817b73;margin:0;font-size:10.5px;line-height:1.55}.document-onboarding-head>i{color:#817b71;white-space:nowrap;background:#f0ece4;border-radius:7px;padding:6px 8px;font-size:8px;font-style:normal;font-weight:800}.document-onboarding-body{color:#4f4b45;max-height:470px;margin:22px 0;padding-right:12px;overflow-y:auto}.document-onboarding-body p{white-space:pre-wrap;margin:0 0 12px;font-size:10.5px;line-height:1.75}.document-acknowledgement-note{background:var(--green-soft);color:var(--green);border-radius:10px;grid-template-columns:22px 1fr;align-items:center;gap:9px;margin-top:auto;padding:12px 13px;display:grid}.document-acknowledgement-note p{color:#667e6e;margin:0;font-size:8.5px;line-height:1.5}.document-acknowledge-button{width:100%;margin-top:12px}.document-onboarding-complete{text-align:center;color:var(--green);flex-direction:column;align-items:center;margin:auto;display:flex}.document-onboarding-complete>svg{background:var(--green-soft);border-radius:20px;width:62px;height:62px;padding:14px}.document-onboarding-complete h2{color:var(--ink);margin:18px 0 7px;font-family:Georgia,Times New Roman,serif;font-size:28px;font-weight:500}.document-onboarding-complete p{color:var(--muted);margin:0}.staff-profile-banner{color:#9b6a2e;background:#fbf1df;border:1px solid #ead9bd;border-radius:14px;grid-template-columns:36px 1fr auto;align-items:center;gap:12px;margin-bottom:16px;padding:15px 17px;display:grid}.staff-profile-banner>span{background:#ffffffad;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.staff-profile-banner>div{flex-direction:column;gap:4px;display:flex}.staff-profile-banner p{color:#89745a;margin:0;font-size:8.5px;line-height:1.45}.staff-profile-banner>button{color:#fff;cursor:pointer;background:#342f29;border:0;border-radius:9px;align-items:center;gap:6px;min-height:34px;padding:0 11px;font-size:8px;font-weight:800;display:inline-flex}.staff-profile-banner.waiting-for-verification{color:#52759d;background:#edf3f8;border-color:#d9e3ed}.staff-profile-banner.waiting-for-verification p{color:#71849a}.staff-profile-banner.changes-requested{color:#a55044;background:#fbedeb;border-color:#edcbc5}.staff-profile-banner.changes-requested p{color:#8c6863}.status.profile-incomplete{color:#787168;background:#eeeae4}.status.waiting-for-verification{color:#52749a;background:#e8eef6}.status.completed{color:#52735f;background:#e3eee6}.status.changes-requested{color:#9e4e43;background:#f7e2df}.payroll-state{white-space:nowrap;border-radius:7px;width:fit-content;padding:5px 7px;font-size:7.5px;font-style:normal;font-weight:800;display:inline-flex}.payroll-state.ready{color:#557460;background:#e7efe9}.payroll-state.not-set{color:#8d7760;background:#f3eee6}.people-actions{align-items:center;gap:6px;display:flex!important}.profile-review-button{border:1px solid var(--line);color:#6c675f;cursor:pointer;white-space:nowrap;background:#fff;border-radius:8px;min-height:29px;padding:0 9px;font-size:7.5px;font-weight:800}.profile-review-button.attention{color:#496d91;background:#eaf1f7;border-color:#bed0df;box-shadow:0 0 0 3px #5279a512}.profile-review-layout{padding-top:18px}.profile-review-summary{color:#fff;background:#2c2d2a;border-radius:13px;align-items:center;gap:14px;min-height:108px;padding:18px;display:flex}.profile-review-summary>.avatar{width:50px;height:50px;font-size:13px}.profile-review-summary>div{flex-direction:column;align-items:flex-start;display:flex}.profile-review-summary .eyebrow{color:#d8a898}.profile-review-summary h3{margin:6px 0 4px;font-size:13px}.profile-review-summary p{color:#b2b3ad;margin:0 0 8px;font-size:8.5px;line-height:1.45}.profile-review-sections{grid-template-columns:1fr 1fr;gap:12px;margin-top:13px;display:grid}.profile-review-sections>article{border:1px solid var(--line);background:#fbfaf6;border-radius:12px;padding:15px}.profile-review-sections>article>h3{margin:0 0 12px;font-size:10px}.profile-review-sections dl{grid-template-columns:1fr 1fr;gap:9px;margin:0;display:grid}.profile-review-sections dl>div{background:#fff;border-radius:8px;min-width:0;padding:9px}.profile-review-sections dl>div.wide{grid-column:1/-1}.profile-review-sections dt{color:#99938a;letter-spacing:.08em;text-transform:uppercase;font-size:6.5px;font-weight:800}.profile-review-sections dd{overflow-wrap:anywhere;color:#514d47;margin:5px 0 0;font-size:8.5px;font-weight:650;line-height:1.4}.document-download-row{border:1px solid var(--line);color:#5f6f7d;text-align:left;cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:8px;width:100%;margin-top:10px;padding:9px;display:flex}.document-download-row>span{flex-direction:column;gap:3px;display:flex}.document-download-row strong{font-size:8px}.document-download-row small{color:#99938b;font-size:7px}.profile-review-sections>article.payroll-separation-card{background:#edf3f8;border-color:#dce6ef;grid-column:1/-1;grid-template-columns:32px 1fr auto;align-items:center;gap:11px;display:grid}.payroll-separation-card h3{margin:0 0 5px;font-size:9.5px}.payroll-separation-card p{color:#718092;margin:0;font-size:8px;line-height:1.45}.payroll-separation-card>button{color:#52749a;cursor:pointer;background:#fff;border:1px solid #cbd9e5;border-radius:8px;align-items:center;gap:5px;min-height:32px;padding:0 10px;font-size:8px;font-weight:800;display:inline-flex}.verification-decision{background:#f0f5f1;border:1px solid #dfe8e1;border-radius:12px;grid-template-columns:1fr auto;align-items:end;gap:12px;margin-top:13px;padding:14px;display:grid}.verification-decision>label{color:#667269;flex-direction:column;gap:7px;font-size:8px;font-weight:800;display:flex}.verification-decision textarea{width:100%;color:var(--ink);resize:vertical;background:#fff;border:1px solid #d2ddd5;border-radius:8px;padding:9px;font-size:8.5px}.verification-decision>div{gap:8px;display:flex}.verification-decision button{cursor:pointer;border-radius:9px;min-height:38px;padding:0 12px;font-size:8px;font-weight:800}.verification-decision .approve-button{justify-content:center}.reminder-panel{margin-bottom:15px}.reminder-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px;display:grid}.reminder-grid>button{text-align:left;cursor:pointer;background:#fbfaf6;border:1px solid #ece7de;border-radius:12px;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;min-width:0;padding:12px;display:grid}.reminder-grid>button:hover{background:#fff;border-color:#d9d2c7}.reminder-grid>button>svg{color:#aaa49a}.reminder-date{background:var(--amber-soft);color:#946527;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:42px;height:46px;display:flex}.reminder-date.birthday{color:#9a5265;background:#f4dfe5}.reminder-date strong{font-family:Georgia,Times New Roman,serif;font-size:17px;font-weight:500;line-height:1}.reminder-date small{letter-spacing:.1em;margin-top:4px;font-size:6px;font-weight:800}.reminder-grid>button>span:nth-child(2){flex-direction:column;gap:3px;min-width:0;display:flex}.reminder-grid>button>span:nth-child(2) small{color:#a08d74;letter-spacing:.08em;font-size:6.5px;font-weight:800}.reminder-grid>button>span:nth-child(2) strong{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.reminder-grid>button>span:nth-child(2) em{color:#98938a;font-size:7.5px;font-style:normal}.reminder-grid>.empty-calendar-day{grid-column:1/-1}.settings-readonly-note{border-top:1px solid var(--line);padding-top:12px;line-height:1.55;color:#8d887f!important;margin-top:auto!important}.hub-tabs{border:1px solid var(--line);background:#ebe8e1;border-radius:13px;align-items:center;gap:5px;width:fit-content;max-width:100%;margin:-7px 0 22px;padding:5px;display:flex}.hub-tabs button{color:#716d65;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 13px;font-size:10px;font-weight:750;display:inline-flex}.hub-tabs button:hover{color:var(--ink)}.hub-tabs button.active{background:var(--paper);color:var(--ink);box-shadow:0 2px 8px #28231914}.hub-tabs button b{background:var(--coral-soft);color:#a84d3d;border-radius:10px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:8px;display:grid}.hub-section{min-width:0}.hub-section-head{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:14px;display:flex}.hub-section-head h2{letter-spacing:-.025em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:24px;font-weight:500}.hub-section-head p{max-width:680px;color:var(--muted);margin:6px 0 0;font-size:10.5px;line-height:1.55}.hub-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.hub-document-card{flex-direction:column;min-height:240px;padding:18px;display:flex}.hub-card-meta{justify-content:space-between;align-items:center;gap:10px;display:flex}.hub-card-meta>span{color:#9a7567;letter-spacing:.11em;text-transform:uppercase;font-size:8px;font-weight:800}.hub-document-card h3,.hub-list-card h3{margin:15px 0 8px;font-family:Georgia,Times New Roman,serif;font-size:19px;font-weight:500;line-height:1.2}.hub-document-card>p,.hub-list-card>div>p{color:#77736b;margin:0;font-size:10.5px;line-height:1.6}.hub-document-foot{border-top:1px solid var(--line);margin-top:auto;padding-top:17px}.hub-document-foot>small,.hub-list-card small{color:#99948a;margin-bottom:10px;font-size:8px;line-height:1.5;display:block}.hub-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;display:flex}.hub-actions .quiet-button,.hub-actions .secondary-action,.hub-actions .primary-button,.hub-actions .danger-button{min-height:35px}.hub-done{color:var(--green);font-size:9px;font-weight:800}.hub-list{flex-direction:column;gap:10px;display:flex}.hub-list-card{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;min-height:122px;padding:17px 18px;display:grid}.hub-list-card h3{margin:8px 0 5px;font-size:17px}.hub-list-card>div:first-child{min-width:0}.hub-list-card>div:first-child>small{margin:9px 0 0}.hub-resolution{background:var(--green-soft);color:#52705e;border-radius:9px;margin:10px 0 4px;padding:10px 11px}.hub-resolution strong{letter-spacing:.07em;text-transform:uppercase;font-size:8px}.hub-resolution p{margin:5px 0 0;font-size:9.5px;line-height:1.5}.hub-empty{text-align:center;grid-column:1/-1;align-content:center;place-items:center;min-height:150px;padding:30px;display:grid}.hub-empty strong{font-family:Georgia,Times New Roman,serif;font-size:19px;font-weight:500}.hub-empty p{color:var(--muted);margin:7px 0 0;font-size:10px}.hub-reader,.warning-reader{padding-top:18px}.hub-summary{background:var(--amber-soft);color:#765a30;border-radius:10px;margin:0 0 15px;padding:13px 14px;font-size:10.5px;line-height:1.55}.hub-body{color:#514e48;max-height:min(55vh,620px);padding:3px 5px 3px 0;overflow-y:auto}.hub-body p{white-space:pre-wrap;margin:0 0 10px;font-size:10.5px;line-height:1.65}.warning-facts{grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:18px;display:grid}.warning-facts span{background:#f6f3ed;border-radius:10px;flex-direction:column;justify-content:center;gap:5px;min-height:64px;padding:11px;display:flex}.warning-facts small{color:#979187;letter-spacing:.1em;text-transform:uppercase;font-size:7px;font-weight:800}.warning-facts strong{font-size:10px}.warning-reader h3{margin:17px 0 7px;font-size:11px}.warning-reader p{color:#5e5a53;white-space:pre-wrap;font-size:10.5px;line-height:1.65}.danger-button{color:#aa4d3d;cursor:pointer;background:#fff5f2;border:1px solid #e6bdb5;border-radius:11px;min-height:41px;padding:0 13px;font-size:9px;font-weight:750}.danger-button:hover{background:#fee9e4}.status.draft{color:#726d63;background:#f0ede6}.status.published{background:var(--green-soft);color:var(--green)}.status.archived,.status.withdrawn{color:#817c73;background:#eceae5}.status.issued{background:var(--coral-soft);color:#a64b39}.status.acknowledged{background:var(--blue-soft);color:var(--blue)}.status.in-progress{background:var(--amber-soft);color:#8d642a}.people-directory-panel{margin-top:0}.people-table-v2 .table-row{grid-template-columns:1.35fr .7fr .85fr .65fr 1fr .6fr 1.65fr;min-width:1050px}.table-edit{cursor:pointer;border-radius:8px;min-height:30px;padding:0 11px;font-size:8px;font-weight:750}.modal-card.modal-wide{width:min(920px,100%)}.employee-form{padding-top:18px}.form-section{border:1px solid var(--line);background:#fbfaf6;border-radius:13px;margin:0 0 16px;padding:16px}.form-section legend{color:#6d675e;letter-spacing:.08em;text-transform:uppercase;padding:0 7px;font-size:8.5px;font-weight:800}.form-section>div{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.form-section label{color:#625e56;flex-direction:column;gap:7px;min-width:0;font-size:8.5px;font-weight:750;display:flex}.form-section label.span-two{grid-column:span 2}.form-section input,.form-section select,.form-section textarea{width:100%;min-height:39px;color:var(--ink);background:#fff;border:1px solid #dfdbd2;border-radius:9px;outline:0;padding:9px 10px;font-size:9.5px;font-weight:500}.form-section textarea{resize:vertical}.form-section input:focus,.form-section select:focus,.form-section textarea:focus{border-color:#8e9e93;box-shadow:0 0 0 3px #537d681a}.employee-form-note{background:var(--green-soft);color:#5e7666;border-radius:10px;align-items:center;gap:9px;margin-bottom:14px;padding:12px;font-size:8.5px;line-height:1.4;display:flex}.employee-form>.form-actions{padding-top:0}.attachment-pill{background:var(--blue-soft);width:fit-content;color:var(--blue);border-radius:7px;align-items:center;gap:4px;padding:5px 7px;font-size:7.5px;font-style:normal;font-weight:800;display:inline-flex}.attachment-button{cursor:pointer;border:0}.review-stack{flex-direction:column;gap:14px;padding-top:18px;display:flex}.review-detail-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.review-detail-grid>span{background:#f6f3ed;border-radius:10px;flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;min-height:65px;padding:13px;display:flex}.review-detail-grid small,.reason-box>small,.file-preview>small{color:#9a958c;letter-spacing:.1em;font-size:7px;font-weight:800}.reason-box{border:1px solid var(--line);background:#fff;border-radius:11px;padding:14px}.reason-box p{color:#5f5b54;margin:8px 0 0;font-size:10px;line-height:1.6}.file-preview{border:1px solid var(--line);background:#fbfaf6;border-radius:11px;padding:14px}.document-preview{grid-template-columns:135px 1fr;align-items:center;gap:14px;margin-top:10px;display:grid}.document-preview>img{object-fit:cover;border:1px solid var(--line);background:#fff;border-radius:9px;width:135px;height:150px}.document-meta{flex-direction:column;gap:12px;display:flex}.document-meta>p{flex-direction:column;gap:5px;margin:0;display:flex}.document-meta>p strong{font-size:9.5px}.document-meta>p span{color:#98938a;font-size:8px}.document-actions{gap:7px;display:flex}.document-actions a,.document-actions button{border:1px solid var(--line);color:#625e56;cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:5px;min-height:31px;padding:0 10px;font-size:8px;font-weight:750;text-decoration:none;display:inline-flex}.receipt-paper{color:#847c70;background:#fff;border:1px solid #e3ded4;border-radius:8px 8px 13px 13px;flex-direction:column;align-items:center;width:135px;height:150px;padding:17px 14px;display:flex;box-shadow:0 8px 20px #2d271c0f}.receipt-paper strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:12px;font-size:7.5px;overflow:hidden}.receipt-paper span{color:#aaa49b;margin:4px 0 8px;font-size:6.5px}.receipt-paper i{background:#efebe3;border-radius:3px;width:100%;height:4px;margin-top:6px}.receipt-paper i:last-child{align-self:flex-start;width:60%}.empty-file{color:#9d978d;margin:10px 0 0;font-size:8.5px}.decision-actions{grid-template-columns:1fr 1.4fr;gap:8px;padding-top:3px;display:grid}.decision-actions.three{grid-template-columns:1fr 1fr 1.2fr}.decision-actions button{cursor:pointer;border-radius:10px;min-height:41px;font-size:9px;font-weight:800}.decision-actions .approve-button{justify-content:center}.reject-action{color:#a75045}.chosen-file{background:var(--green-soft);color:var(--green);border-radius:8px;align-items:center;gap:5px;margin-top:2px;padding:7px 9px;font-size:8px;font-weight:700;display:flex}.form-grid label>small{color:#9b958c;font-size:7.5px;font-weight:500}.claim-review-total{color:#fff;background:#2d302c;border-radius:12px;flex-direction:column;align-items:center;min-height:105px;padding:18px;display:flex}.claim-review-total small{color:#aeb1aa;letter-spacing:.12em;font-size:7px;font-weight:800}.claim-review-total strong{margin-top:9px;font-family:Georgia,Times New Roman,serif;font-size:25px;font-weight:500}.claim-review-total span{color:#9da099;margin-top:6px;font-size:8px}.mileage-review{background:#eef5f0;border:1px solid #d9e5dc;border-radius:11px;flex-direction:column;gap:7px;padding:14px;display:flex}.mileage-review small{color:#718879;letter-spacing:.1em;font-size:7px;font-weight:800}.mileage-review strong{color:#42594a;font-size:9.5px;line-height:1.5}.mileage-review p{color:#6f8075;margin:0;font-size:9px}.mileage-builder{background:#f2f6f2;border:1px solid #dce7df;border-radius:12px;grid-template-columns:1fr 1fr;gap:12px;padding:14px;display:grid}.mileage-origin{color:#fff;background:#2e332f;border-radius:9px;flex-direction:column;grid-column:1/-1;gap:3px;padding:11px 12px;display:flex}.mileage-origin small{color:#aeb9b1;letter-spacing:.1em;font-size:7px;font-weight:800}.mileage-origin strong{font-size:10px}.mileage-origin span{color:#b8c0ba;font-size:8px}.location-search{grid-template-columns:1fr auto;gap:7px;display:grid}.location-search button{color:#54705d;cursor:pointer;background:#fff;border:1px solid #cddbd1;border-radius:9px;min-width:78px;font-size:8.5px;font-weight:800}.location-search button:disabled{opacity:.65;cursor:default}.location-results{flex-direction:column;gap:6px;display:flex}.location-results button{color:#5d695f;text-align:left;cursor:pointer;background:#fff;border:1px solid #d7e1d9;border-radius:9px;grid-template-columns:20px 1fr 18px;align-items:center;gap:7px;width:100%;min-height:42px;padding:8px 10px;display:grid}.location-results button:hover{border-color:#aabcae}.location-results span{font-size:8.5px;line-height:1.4}.mileage-result{background:#fff;border:1px solid #dbe4dd;border-radius:9px;flex-direction:column;justify-content:center;gap:4px;min-height:69px;padding:10px 12px;display:flex}.mileage-result small{color:#849087;letter-spacing:.1em;font-size:7px;font-weight:800}.mileage-result strong{color:#3f5747;font-family:Georgia,Times New Roman,serif;font-size:17px;font-weight:500}.mileage-result span{color:#818b84;font-size:8px}.mileage-privacy-note{color:#7c8780;margin:0;font-size:8px;line-height:1.5}.mileage-rate-setting{border:1px solid var(--line);background:#faf8f3;border-radius:10px;grid-template-columns:1fr auto;align-items:end;gap:8px;margin-top:12px;padding:11px;display:grid}.mileage-rate-setting label{color:#716b63;flex-direction:column;gap:6px;font-size:8px;font-weight:750;display:flex}.mileage-rate-setting input{background:#fff;border:1px solid #ded9d0;border-radius:8px;width:100%;min-height:36px;padding:0 9px}.mileage-rate-setting button{color:#fff;cursor:pointer;background:#2c2d2a;border:0;border-radius:8px;min-height:36px;padding:0 11px;font-size:8px;font-weight:800}.payment-meta p{justify-content:space-between;gap:12px;display:flex}.payment-meta p span{color:#8f8980}.private-payroll-banner{color:#4f715c;background:#edf4ef;border:1px solid #dce8df;border-radius:13px;align-items:center;gap:10px;margin-bottom:15px;padding:13px 16px;display:flex}.private-payroll-banner>div{flex-direction:column;gap:3px;display:flex}.private-payroll-banner p{color:#738277;margin:0;font-size:8px}.payroll-table-v2 .table-row{grid-template-columns:1.25fr .7fr .7fr .65fr .65fr .6fr 1fr .8fr 1fr;min-width:1190px}.payroll-table-v2.editable-payroll .table-row{grid-template-columns:1.25fr .62fr .62fr .62fr .58fr .58fr .54fr 1fr .8fr .9fr 1.25fr;min-width:1570px}.payroll-period-empty{grid-column:1/-1;min-width:100%;min-height:220px}.payroll-period-empty>div{flex-direction:column;align-items:center;gap:8px;max-width:390px;display:flex}.payroll-period-empty strong{color:#514d46;font-size:13px}.payroll-period-empty p{color:#8a857c;margin:0 0 5px;font-size:10px;line-height:1.5}.payslip-lines p.line-heading{color:#9a958c;letter-spacing:.1em;margin-top:7px;padding:13px 2px 7px;font-size:7px;font-weight:800}.payslip-lines p.deduction-total{background:#f7f3ec;padding-inline:10px;font-weight:750}.placeholder-view{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 170px);display:flex}.placeholder-view .tiny-icon{border-radius:14px;width:47px;height:47px;margin-bottom:15px}.placeholder-view h1{font-size:38px}.placeholder-view>p:not(.eyebrow){color:var(--muted);margin:10px 0 23px}.placeholder-view .primary-button svg{transform:rotate(180deg)}@media (width<=1180px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.leave-balance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.upcoming-panel{grid-row:3}.staff-hero-grid{grid-template-columns:1.2fr 1fr}.quick-actions-card{grid-column:1/-1}.quick-actions-card>div{grid-template-columns:repeat(4,1fr);display:grid}.quick-actions-card>div>button{grid-template-columns:34px 1fr}.quick-actions-card>div>button>svg{display:none}.payroll-overview{grid-template-columns:1fr 1fr}.payroll-overview>article{grid-column:1/-1;min-height:125px}.reminder-grid{grid-template-columns:1fr 1fr}}@media (width<=860px){.sidebar{display:none}.app-main,.app-shell.sidebar-collapsed .app-main{width:100%;margin-left:0;padding-bottom:0}.topbar{height:67px;padding:0 17px}.topbar-context,.profile-chip>div,.profile-chip>svg,.prototype-pill{display:none}.preview-staff-button,.preview-return{padding-inline:9px;font-size:8px}.staff-access-label{display:none}.mobile-topbar-group{align-items:center;gap:10px;min-width:0;display:flex}.mobile-menu-button{border:1px solid var(--line);color:#555149;cursor:pointer;background:#fff;border-radius:11px;flex:none;place-items:center;width:38px;height:38px;display:grid}.mobile-brand{display:block}.mobile-brand .brand-mark{padding:0}.mobile-brand .brand-logo{width:62px;height:38px}.mobile-brand .brand-mark strong{font-size:15px}.mobile-brand .brand-mark small{font-size:7px}.mobile-menu-overlay{z-index:49;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:default;background:#1e1d1a61;border:0;animation:.16s both mobile-menu-fade;display:block;position:fixed;inset:0}.mobile-menu-drawer{z-index:50;width:min(320px,86vw);height:100dvh;padding:22px 17px max(18px, env(safe-area-inset-bottom));border-right:1px solid var(--line);background:#fdfcf8;flex-direction:column;animation:.2s both mobile-menu-enter;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto;box-shadow:18px 0 50px #1f1d1829}.mobile-menu-head{justify-content:space-between;align-items:center;gap:12px;min-height:42px;margin-bottom:22px;display:flex}.mobile-menu-head .brand-mark{flex:0 auto;gap:11px;max-width:205px}.mobile-menu-head .brand-logo{border-radius:11px;width:104px;height:50px}.mobile-menu-head .brand-mark strong{font-size:18px;line-height:1}.mobile-menu-head>button{border:1px solid var(--line);color:#69655d;cursor:pointer;background:#fff;border-radius:10px;flex:none;place-items:center;width:36px;height:36px;display:grid}.mobile-menu-drawer .company-switcher{margin:24px 2px 22px}.mobile-menu-drawer .side-nav button,.mobile-menu-drawer .sidebar-foot>button{min-height:46px}.mobile-menu-drawer .side-nav button span,.mobile-menu-drawer .sidebar-foot>button span{font-size:13px}.mobile-menu-drawer .sidebar-foot{margin-top:auto}.content{padding:29px 17px 35px}.staff-settings-layout{grid-template-columns:1fr}}@keyframes mobile-menu-enter{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes mobile-menu-fade{0%{opacity:0}to{opacity:1}}@media (width<=650px){.freeze-period-row{grid-template-columns:1fr}.topbar-actions{gap:6px}.role-toggle button{padding:6px 8px;font-size:8.5px}.icon-button:not(.notification-button){display:none}.notification-button{width:38px;height:38px;display:grid}.profile-chip{display:none}.demo-access-banner{grid-template-columns:auto 1fr}.demo-access-banner a{grid-column:1/-1;width:100%}.page-heading{align-items:flex-start;margin-bottom:21px}.page-heading h1{font-size:32px}.page-heading>.primary-button{width:40px;min-width:40px;padding:0}.page-heading>.primary-button svg{margin:0}.page-heading>.primary-button{font-size:0}.staff-heading{flex-direction:column}.metrics-grid{grid-template-columns:1fr;gap:10px;margin-right:0;padding-bottom:0;display:grid;overflow:visible}.metric-card{min-width:0;min-height:116px}.panel{padding:16px}.request-row{grid-template-columns:34px 1fr auto;gap:8px}.request-row .type-pill{display:none}.request-actions{grid-column:2/-1}.request-actions button{flex:1}.attendance-summary{grid-template-columns:repeat(3,1fr);gap:12px}.attendance-progress{grid-column:1/-1}.attendance-row{grid-template-columns:31px 1fr auto}.attendance-row .clock-time{display:none}.staff-hero-grid,.staff-lower-grid{grid-template-columns:1fr}.clock-card{min-height:290px}.quick-actions-card{grid-column:auto}.quick-actions-card>div{grid-template-columns:1fr 1fr}.quick-actions-card>div>button{grid-template-columns:34px 1fr}.panel-head>button{font-size:0}.panel-head>button svg{display:block}.module-heading{flex-direction:column;align-items:flex-start;gap:15px;margin-bottom:20px}.module-heading h1{font-size:32px}.module-heading>.primary-button{width:100%}.module-heading>.header-actions{justify-content:stretch;width:100%}.module-heading>.header-actions>button,.module-heading>.header-actions>.secondary-action{flex:1}.module-heading>.payroll-header-actions>.payroll-period-picker{flex:1 0 100%;width:100%}.payroll-header-actions .payroll-paid-badge{flex:1;justify-content:center}.module-stats{grid-template-columns:1fr;gap:10px;margin-right:0;padding-bottom:0;display:grid;overflow:visible}.module-stats article{min-width:0}.leave-balance-grid{grid-template-columns:1fr;gap:10px}.leave-balance-grid article{min-height:108px}.leave-today-list,.mileage-builder{grid-template-columns:1fr}.mileage-origin,.mileage-builder .full{grid-column:1}.location-search{grid-template-columns:1fr}.location-search button{min-height:39px}.replacement-leave-summary{grid-template-columns:1fr;gap:10px;margin-right:0;padding-bottom:0;display:grid;overflow:visible}.replacement-leave-summary article{min-width:0}.staff-attendance-totals{grid-template-columns:repeat(2,1fr)}.attendance-month-filter{justify-content:space-between;width:100%}.table-panel>.panel-head{align-items:flex-start;min-height:71px}.table-tools{display:none!important}.table-row{padding-inline:15px}.table-panel{box-shadow:none;background:0 0;border:0;padding:0 12px 12px;overflow:visible}.table-panel>.panel-head{border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow);border-radius:15px;margin:0 -12px 10px;padding-inline:16px}.data-table{gap:10px;display:grid;overflow:visible}.data-table .table-header{display:none}.data-table .table-row:not(.table-header){border:1px solid var(--line);background:var(--paper);border-radius:14px;gap:13px 16px;min-height:0;padding:15px;display:grid;box-shadow:0 8px 24px #2d29210f;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;min-width:0!important}.data-table .table-row:not(.table-header)>span{overflow-wrap:anywhere;justify-content:flex-start;align-self:start;min-width:0;background:0 0!important;padding:0!important;position:static!important}.data-table .table-row:not(.table-header)>span:before{color:#9b958b;letter-spacing:.09em;text-transform:uppercase;margin-bottom:4px;font-size:8px;font-weight:800}.data-table .table-row:not(.table-header)>.person-cell{border-bottom:1px solid var(--line);grid-column:1/-1;padding-bottom:11px!important}.data-table .table-row:not(.table-header)>.person-cell:before{display:none}.data-table .table-row:not(.table-header)>span:last-child{border-top:1px solid var(--line);grid-column:1/-1;padding-top:11px!important}.data-table .table-row:not(.table-header)>span:last-child:before{content:"Action"}.monthly-attendance-table .table-row:not(.table-header)>span:nth-child(2):before{content:"Expected"}.monthly-attendance-table .table-row:not(.table-header)>span:nth-child(3):before{content:"Recorded"}.monthly-attendance-table .table-row:not(.table-header)>span:nth-child(4):before{content:"Present"}.monthly-attendance-table .table-row:not(.table-header)>span:nth-child(5):before{content:"Leave"}.monthly-attendance-table .table-row:not(.table-header)>span:nth-child(6):before{content:"MC"}.monthly-attendance-table .table-row:not(.table-header)>span:nth-child(7):before{content:"Absent"}.monthly-attendance-table .table-row:not(.table-header)>span:nth-child(8):before{content:"Unrecorded"}.monthly-attendance-table .table-row:not(.table-header)>span:last-child{border-top:0;grid-column:auto;padding-top:0!important}.monthly-attendance-table .table-row:not(.table-header)>span:last-child:before{content:"Public holiday"}.data-table .row-actions,.data-table .people-actions{flex-wrap:wrap;justify-content:flex-start}.data-table .empty-table-state{border:1px solid var(--line);background:var(--paper);border-radius:14px}.people-table-v2 .table-row>span:nth-child(2):before{content:"Department"}.people-table-v2 .table-row>span:nth-child(3):before{content:"Employment"}.people-table-v2 .table-row>span:nth-child(4):before{content:"Start date"}.people-table-v2 .table-row>span:nth-child(5):before{content:"Profile"}.people-table-v2 .table-row>span:nth-child(6):before{content:"Payroll"}.leave-table-v2 .table-row>span:nth-child(2):before{content:"Leave"}.leave-table-v2 .table-row>span:nth-child(3):before{content:"Dates"}.leave-table-v2 .table-row>span:nth-child(4):before{content:"Document"}.leave-table-v2 .table-row>span:nth-child(5):before{content:"Status"}.claims-table-v2 .table-row>span:nth-child(2):before{content:"Category"}.claims-table-v2 .table-row>span:nth-child(3):before{content:"Amount"}.claims-table-v2 .table-row>span:nth-child(4):before{content:"Receipt"}.claims-table-v2 .table-row>span:nth-child(5):before{content:"Status"}.editable-attendance .table-row>span:nth-child(2):before{content:"Date"}.editable-attendance .table-row>span:nth-child(3):before{content:"Clock in / out"}.editable-attendance .table-row>span:nth-child(4):before{content:"Location"}.editable-attendance .table-row>span:nth-child(5):before{content:"Status"}.time-credit-table .table-row>span:nth-child(2):before{content:"Date"}.time-credit-table .table-row>span:nth-child(3):before{content:"Hours"}.time-credit-table .table-row>span:nth-child(4):before{content:"Remark"}.time-credit-table .table-row>span:nth-child(5):before{content:"Status"}.staff-time-credit-table .table-row>span:first-child:before{content:"Date"}.staff-time-credit-table .table-row>span:nth-child(2):before{content:"Hours"}.staff-time-credit-table .table-row>span:nth-child(3):before{content:"Remark"}.staff-time-credit-table .table-row>span:nth-child(4):before{content:"Status"}.attendance-history .table-row>span:first-child:before{content:"Date"}.attendance-history .table-row>span:nth-child(2):before{content:"Clock in"}.attendance-history .table-row>span:nth-child(3):before{content:"Clock out"}.attendance-history .table-row>span:nth-child(4):before{content:"Total"}.attendance-history .table-row>span:nth-child(5):before{content:"Status"}.payslip-table .table-row>span:first-child:before{content:"Month"}.payslip-table .table-row>span:nth-child(2):before{content:"Gross pay"}.payslip-table .table-row>span:nth-child(3):before{content:"Deductions"}.payslip-table .table-row>span:nth-child(4):before{content:"Net pay"}.editable-payroll .table-row>span:first-child{border-bottom:1px solid var(--line);grid-column:1/-1;padding-bottom:11px!important}.editable-payroll .table-row>span:first-child:before{content:"Employee"}.editable-payroll .table-row>span:nth-child(2):before{content:"Basic"}.editable-payroll .table-row>span:nth-child(3):before{content:"Allowance"}.editable-payroll .table-row>span:nth-child(4):before{content:"Claims"}.editable-payroll .table-row>span:nth-child(5):before{content:"EPF"}.editable-payroll .table-row>span:nth-child(6):before{content:"SOCSO"}.editable-payroll .table-row>span:nth-child(7):before{content:"EIS"}.editable-payroll .table-row>span:nth-child(8):before{content:"Proration reduction"}.editable-payroll .table-row>span:nth-child(9):before{content:"Late / correction"}.editable-payroll .table-row>span:nth-child(10):before{content:"Net pay"}.soft-note,.guardrail-note{padding:14px}.modal-backdrop{align-items:end;padding:12px}.modal-card{border-radius:18px 18px 14px 14px;max-height:calc(100vh - 24px);padding:18px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.form-actions{grid-column:auto!important}.form-actions button{flex:1}.toast{max-width:none;bottom:18px;left:13px;right:13px}.personal-clock-panel{align-items:flex-start;padding:23px}.personal-clock-panel h2{font-size:24px}.clock-face{border-width:6px;width:94px;min-width:94px;height:94px}.clock-face strong{font-size:18px}.payroll-overview{grid-template-columns:1fr}.payroll-overview>article{grid-column:auto}.payslip-hero{flex-direction:column;align-items:flex-start;padding:24px}.payslip-hero .primary-button{width:100%}.payslip-hero .header-actions{flex-wrap:wrap;width:100%}.payslip-hero .header-actions>button{flex:1}.calendar-layout,.settings-grid{grid-template-columns:1fr}.mini-calendar{min-height:auto}.calendar-grid{gap:4px}.payslip-person,.reminder-grid,.form-section>div{grid-template-columns:1fr}.form-section label.span-two{grid-column:auto}.employee-form>.form-actions{display:flex!important}.document-preview{grid-template-columns:105px 1fr}.document-preview>img,.receipt-paper{width:105px;height:125px}.document-actions{flex-wrap:wrap}.day-event-card{grid-template-columns:31px 1fr}.day-event-card>.row-tool-group{grid-column:2}.decision-actions,.decision-actions.three{grid-template-columns:1fr}.preview-staff-button{text-overflow:ellipsis;white-space:nowrap;max-width:112px;overflow:hidden}.preview-return{padding-inline:8px}}@media (width<=390px){.topbar{padding-inline:12px}.mobile-brand .brand-mark>div:last-child{display:none}.role-toggle button{padding-inline:7px}.content{padding-inline:13px}.quick-actions-card>div{grid-template-columns:1fr}}@media (width<=900px){.onboarding-shell{padding:0 16px 18px}.onboarding-layout{grid-template-columns:1fr}.onboarding-rail{padding:25px}.onboarding-rail>h1{font-size:25px}.onboarding-rail>p:not(.eyebrow),.onboarding-privacy{display:none}.onboarding-progress{margin:19px 0 16px}.onboarding-rail ol{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.onboarding-rail li{grid-template-columns:26px 1fr;gap:7px}.onboarding-rail li>i{width:25px;height:25px}.onboarding-rail li small{display:none}.onboarding-rail li strong{font-size:8px}.onboarding-card{padding:24px}.document-onboarding-shell{padding:0 16px 18px}.document-onboarding-layout{grid-template-columns:1fr}.document-onboarding-rail{padding:25px}.document-onboarding-rail>h1{font-size:26px}.document-onboarding-rail>p:not(.eyebrow){display:none}.document-checklist{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.document-checklist li{border:1px solid #454741;border-radius:10px;grid-template-columns:26px 1fr;padding:8px}.document-checklist li>i{width:24px;height:24px}.document-onboarding-card{padding:27px}}@media (width<=650px){.onboarding-shell{padding:0 10px 12px}.onboarding-topbar{min-height:66px}.onboarding-topbar>div:last-child>span{display:none}.onboarding-layout{border-radius:18px}.onboarding-rail{padding:20px 18px}.onboarding-rail>h1{margin-bottom:4px;font-size:23px}.onboarding-rail ol{grid-template-columns:repeat(4,1fr)}.onboarding-rail li{justify-content:center;display:flex}.onboarding-rail li>span{display:none}.onboarding-card{padding:20px 16px}.onboarding-step{padding-top:24px}.onboarding-step>h2,.welcome-step>h2{font-size:24px}.employment-summary{grid-template-columns:1fr 1fr}.employment-summary>span:nth-child(3n){border-right:1px solid var(--line)}.employment-summary>span:nth-child(2n){border-right:0}.employment-summary>span:nth-child(n+4){border-bottom:1px solid var(--line)}.employment-summary>span:nth-child(n+5){border-bottom:0}.onboarding-form-grid,.onboarding-review-grid{grid-template-columns:1fr}.onboarding-form-grid label.full{grid-column:auto}.onboarding-actions{grid-template-columns:1fr 1fr}.onboarding-actions>span{display:none}.onboarding-actions>.quiet-button{grid-area:2/1/auto/-1}.onboarding-actions>.primary-button{grid-area:1/2}.onboarding-actions>.secondary-action{grid-area:1/1}.staff-profile-banner{grid-template-columns:34px 1fr}.staff-profile-banner>button,.staff-profile-banner>i{grid-column:2;width:fit-content}.profile-review-sections{grid-template-columns:1fr}.profile-review-sections>article.payroll-separation-card{grid-column:auto;grid-template-columns:32px 1fr}.payroll-separation-card>button{grid-column:2;width:fit-content}.verification-decision{grid-template-columns:1fr}.verification-decision>div{grid-template-columns:1fr 1fr;display:grid}.document-onboarding-shell{padding:0 10px 12px}.document-onboarding-layout{border-radius:18px;min-height:0}.document-onboarding-rail{padding:20px 18px}.document-onboarding-rail>h1{margin-bottom:5px;font-size:23px}.document-progress-copy{margin-top:18px}.document-checklist{grid-template-columns:repeat(2,1fr)}.document-checklist li>span{display:none}.document-checklist li{justify-content:center;display:flex}.document-onboarding-card{padding:22px 17px}.document-onboarding-head h2{font-size:24px}.document-onboarding-body{max-height:none}.profile-photo-control{grid-template-columns:1fr}.profile-photo-control>button,.profile-photo-control>span{grid-column:1}}.secure-state{background:var(--canvas);min-height:100vh;color:var(--ink);text-align:center;place-content:center;justify-items:center;gap:24px;padding:32px;display:grid}.secure-state>section,.loading-sticker{border:1px solid var(--line);background:var(--paper);max-width:560px;box-shadow:var(--shadow);border-radius:17px;padding:24px 28px}.secure-state h1{margin:0 0 10px;font-family:Georgia,Times New Roman,serif;font-size:clamp(28px,4vw,42px);font-weight:500;line-height:1.05}.secure-state p{color:var(--muted);margin:0 0 20px}.loading-sticker{background:var(--paper);font-weight:700}.login-page{background:radial-gradient(circle at 8% 12%,#e5644d1f,#0000 30%),radial-gradient(circle at 93% 86%,#537d681f,#0000 33%),#f3f0e9;place-items:center;min-height:100svh;padding:clamp(18px,4vw,52px);display:grid;position:relative;overflow:hidden}.login-page:before,.login-page:after{content:"";pointer-events:none;border:1px solid #23221f14;border-radius:50%;position:fixed}.login-page:before{width:360px;height:360px;top:-220px;right:-80px}.login-page:after{width:260px;height:260px;bottom:-170px;left:-60px}.login-shell{background:var(--paper);border:1px solid #403a2f1f;border-radius:28px;grid-template-columns:minmax(0,1.02fr) minmax(390px,.98fr);width:min(1080px,100%);min-height:min(690px,100svh - 64px);display:grid;overflow:hidden;box-shadow:0 30px 90px #27231b24}.login-story{isolation:isolate;color:#fff;background:#292824;flex-direction:column;min-width:0;padding:clamp(34px,5vw,66px);display:flex;position:relative;overflow:hidden}.login-story:before{content:"";z-index:-1;border:1px solid #ffffff1c;border-radius:50%;width:420px;height:420px;position:absolute;top:-150px;right:-230px;box-shadow:0 0 0 58px #ffffff06,0 0 0 116px #ffffff05}.login-story:after{content:"";z-index:-1;filter:blur(1px);background:#e5644d2b;border-radius:50%;width:150px;height:150px;position:absolute;bottom:72px;left:-80px}.login-brand-lockup{align-items:center;gap:14px;display:flex}.login-brand-lockup>span{background:#171715;border:1px solid #ffffff1a;border-radius:14px;place-items:center;width:76px;height:54px;padding:7px;display:grid;overflow:hidden}.login-brand-lockup img{width:100%;height:auto;display:block}.login-brand-lockup>div{flex-direction:column;line-height:1;display:flex}.login-brand-lockup strong{letter-spacing:-.04em;font-size:23px}.login-brand-lockup small{color:#bcb8af;letter-spacing:.18em;margin-top:7px;font-size:8px;font-weight:800}.login-story-copy{margin-block:auto;padding-block:58px}.login-story-copy>p,.login-copy>p{color:#ef927f;letter-spacing:.18em;margin:0 0 17px;font-size:10px;font-weight:850}.login-story-copy h1{letter-spacing:-.045em;max-width:520px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(42px,5vw,64px);font-weight:500;line-height:.98}.login-story-copy>span{color:#c9c5bc;max-width:440px;margin-top:23px;font-size:14px;line-height:1.65;display:block}.login-panel{background:#fffefa;flex-direction:column;justify-content:center;min-width:0;padding:clamp(34px,5vw,72px);display:flex}.login-mobile-brand{display:none}.login-copy>p{color:var(--coral)}.login-copy h2{letter-spacing:-.04em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(38px,4vw,52px);font-weight:500;line-height:1}.login-copy>span{max-width:420px;color:var(--muted);margin-top:16px;font-size:13px;line-height:1.65;display:block}.login-form{gap:11px;margin-top:36px;display:grid}.login-form label{color:#5f5b53;font-size:11px;font-weight:750}.login-form input{width:100%;min-height:54px;color:var(--ink);background:#fff;border:1px solid #dcd7cd;border-radius:12px;outline:0;padding:0 15px;font-size:14px}.login-form input::placeholder{color:#aaa59c}.login-form input:focus{border-color:var(--green);box-shadow:0 0 0 4px #537d681c}.login-form>button{color:#fff;cursor:pointer;background:#2c2b28;border:0;border-radius:12px;justify-content:space-between;align-items:center;min-height:54px;margin-top:4px;padding:0 17px;font-size:12px;font-weight:800;display:flex;box-shadow:0 10px 22px #23221f29}.login-form>button:hover{background:#181816}.login-form>button:disabled{cursor:wait;opacity:.62}.login-form>button span{font-size:20px;font-weight:400}.login-form>.login-text-button{width:fit-content;min-height:auto;color:var(--green);box-shadow:none;background:0 0;border-radius:0;justify-self:center;margin:5px 0 0;padding:0;font-size:10px}.login-form>.login-text-button:hover{background:0 0;text-decoration:underline}.login-message{color:#9e4e3f;background:#fbebe6;border-radius:10px;margin:2px 0 0;padding:11px 12px;font-size:10.5px;line-height:1.5}.login-help{border-top:1px solid var(--line);color:#99948b;justify-content:space-between;align-items:center;gap:16px;margin-top:28px;padding-top:20px;font-size:10px;display:flex}.login-help a{color:#5b6f63;font-weight:800;text-decoration:none}.login-help a:hover{text-decoration:underline}.login-sent{background:#eef5ef;border:1px solid #cee0d3;border-radius:14px;grid-template-columns:38px 1fr;gap:13px;margin-top:34px;padding:18px;display:grid}.login-sent>i{background:var(--green);color:#fff;border-radius:50%;place-items:center;width:38px;height:38px;font-style:normal;font-weight:900;display:grid}.login-sent strong{margin-bottom:5px;font-size:12px;display:block}.login-sent p{color:#617068;margin:0;font-size:10.5px;line-height:1.55}.login-sent button{width:fit-content;color:var(--green);cursor:pointer;background:0 0;border:0;grid-column:2;padding:0;font-size:10px;font-weight:850}.login-checking{background:#292824}.login-loader{color:#d8d4ca;letter-spacing:.03em;justify-items:center;gap:22px;font-size:11px;font-weight:750;display:grid}.login-loader img{width:148px;height:auto}@media (width<=780px){.login-page{place-items:stretch stretch;padding:0;overflow:auto}.login-page:before,.login-page:after{display:none}.login-shell{border:0;border-radius:0;grid-template-columns:1fr;min-height:100svh}.login-story{display:none}.login-panel{justify-content:center;min-height:100svh;padding:30px clamp(22px,7vw,48px) 40px}.login-mobile-brand{align-items:center;gap:12px;margin-bottom:auto;display:flex}.login-mobile-brand img{background:#1c1b19;border-radius:11px;width:72px;padding:6px}.login-mobile-brand strong{letter-spacing:-.04em;font-size:20px}.login-copy{margin-top:clamp(58px,14vh,130px)}.login-copy h2{font-size:clamp(39px,12vw,50px)}.login-form{margin-top:30px}.login-help{margin-top:auto;padding-top:38px}}@media (width<=420px){.login-panel{padding-inline:20px}.login-help{flex-direction:column;align-items:flex-start;gap:7px}}body{font-size:15px;line-height:1.45}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #537d683d}.brand-mark small{font-size:9.5px}.company-switcher small,.company-mini small{font-size:10px}.company-switcher strong{font-size:12px}.company-mini strong{font-size:11.5px}.side-nav>p{font-size:10px}.side-nav button span,.sidebar-foot>button span{font-size:13px}.topbar-context{font-size:12.5px}.prototype-pill{font-size:9px}.preview-staff-button,.preview-return,.staff-access-label{min-height:36px;font-size:10.5px}.profile-chip strong{font-size:11.5px}.profile-chip small{font-size:9.5px}.eyebrow{font-size:10px!important}.primary-button{min-height:43px;font-size:12px}.secondary-action{min-height:43px;font-size:11px}.staff-company small{font-size:9px}.staff-company strong{font-size:12px}.metric-card{min-height:128px}.metric-card p{font-size:11px}.metric-card strong{white-space:nowrap;font-size:clamp(20px,1.6vw,23px)}.metric-card small{font-size:10.5px}.metric-card>button{width:31px;height:31px}.panel-head h2,.quick-actions-card h2{font-size:15px}.panel-head p,.quick-actions-card>p{font-size:11px;line-height:1.45}.panel-head>button{font-size:11px}.request-copy strong,.request-copy p{font-size:11.5px}.request-copy small,.type-pill,.request-actions button{font-size:10px}.upcoming-row>div:last-child strong{font-size:11.5px}.upcoming-row p{font-size:10px}.date-tile span{font-size:8px}.announcement-card small{font-size:8.5px}.announcement-card strong{font-size:11px}.announcement-card p{font-size:10px}.attendance-summary span{font-size:9.5px}.attendance-row strong{font-size:11px}.attendance-row small,.clock-time{font-size:9.5px}.status{padding:6px 8px;font-size:9px}.payroll-total small,.payroll-total span{font-size:9px}.payroll-checks strong{font-size:10.5px}.payroll-checks small{font-size:9px}.wide-button{min-height:41px;font-size:11px}.clock-card>div{font-size:9.5px}.clock-card p{font-size:11.5px}.clock-card button{min-height:46px;font-size:12px}.clock-card>small{font-size:9px}.balance-ring span,.balance-legend{font-size:9.5px}.balance-card>button{font-size:11px}.quick-actions-card>div>button{min-height:50px}.quick-actions-card>div>button strong,.staff-request strong{font-size:11px}.staff-request p{font-size:9.5px}.payslip-amount small{font-size:9px}.payslip-amount p,.payslip-row{font-size:10.5px}.module-stats article{min-height:100px}.module-stats strong{font-size:23px}.module-stats p{font-size:11px}.table-panel>.panel-head{min-height:82px}.table-tools button,.event-list .panel-head>button{min-height:36px;font-size:10.5px}.data-table{overscroll-behavior-x:contain;scrollbar-color:#aaa69f #eeece6;scrollbar-width:thin}.table-row{gap:12px;min-height:70px;font-size:11px;line-height:1.35}.table-header{min-height:44px;font-size:9px}.table-row strong{font-size:11px}.table-row small{color:#817d75;font-size:9.5px}.row-actions button{min-height:36px;font-size:10px}.icon-text-button,.profile-review-button,.table-edit{min-height:35px;font-size:9.5px}.attachment-pill{font-size:9.5px}.empty-table-state{font-size:11.5px}.people-table-v2 .table-row{min-width:1030px}.leave-table-v2 .table-row{grid-template-columns:1.2fr .95fr 1fr .65fr .65fr 1.55fr;min-width:1020px}.claims-table-v2 .table-row{grid-template-columns:1.25fr .7fr .65fr .62fr .62fr 1.65fr;min-width:1020px}.attendance-table.editable-attendance .table-row{min-width:1020px}.time-credit-table .table-row{min-width:1010px}.staff-time-credit-table .table-row{min-width:780px}.attendance-history.staff-attendance-history .table-row{min-width:820px}.data-table .table-row>span:last-child{z-index:2;background:linear-gradient(90deg, #fffefae0, var(--paper) 18%);justify-content:center;align-self:stretch;padding-left:10px;position:sticky;right:0}.data-table .table-header>span:last-child{z-index:3;background:#f8f6f1}.editable-payroll .table-row>span:first-child{z-index:2;background:var(--paper);justify-content:center;padding-right:10px;position:sticky;left:0}.editable-payroll .table-header>span:first-child{z-index:3;background:#f8f6f1}@media (width>=651px){.payroll-table-v2.editable-payroll .table-row{grid-template-columns:minmax(230px,1.4fr) minmax(150px,1fr) minmax(180px,1fr) minmax(110px,.7fr) minmax(110px,.7fr) minmax(140px,.9fr) minmax(110px,.7fr) minmax(190px,1.2fr) minmax(150px,1fr) minmax(150px,1fr) minmax(200px,1.1fr);align-items:stretch;gap:0;width:max(100%,1720px);min-width:1720px;padding:0}.payroll-table-v2.editable-payroll .table-row>span{overflow-wrap:anywhere;justify-content:center;align-self:stretch;padding:16px 14px}.payroll-table-v2.editable-payroll .table-row>span:first-child{background:var(--paper);border-right:1px solid var(--line);box-shadow:4px 0 8px #2d29210a}.payroll-table-v2.editable-payroll .table-row>span:last-child{background:var(--paper);border-left:1px solid var(--line);box-shadow:-4px 0 8px #2d29210a}.payroll-table-v2.editable-payroll .table-header>span:first-child,.payroll-table-v2.editable-payroll .table-header>span:last-child{background:#f8f6f1}.payroll-table-v2.editable-payroll .table-header>span{padding-block:13px}.payroll-net-cell{color:var(--ink);font-variant-numeric:tabular-nums}}.replacement-leave-summary article>div>small{font-size:9px}.replacement-leave-summary article strong{font-size:23px}.replacement-leave-summary article p{font-size:10.5px}.replacement-leave-summary article .primary-button{min-height:38px;font-size:10.5px}.oil-approval-route small{font-size:8.5px}.oil-approval-route strong{font-size:11.5px}.oil-approval-route p{font-size:10px}.soft-note strong,.guardrail-note strong{font-size:11.5px}.soft-note p,.guardrail-note p{font-size:10.5px}.modal-head h2{font-size:27px}.modal-head p{font-size:11px}.modal-head>button{width:36px;height:36px}.form-grid label,.form-section label{font-size:10.5px}.form-grid input,.form-grid select,.form-grid textarea,.form-section input,.form-section select,.form-section textarea{min-height:44px;font-size:12px}.form-grid label>small,.form-section legend{font-size:9.5px}.form-actions button{min-height:43px;font-size:11px}.form-callout strong{font-size:10.5px}.form-callout small{font-size:9.5px}.toast{font-size:11.5px}.personal-clock-panel small{font-size:9.5px}.personal-clock-panel p{font-size:11px}.clock-face{width:132px;min-width:132px;height:132px}.clock-face strong{font-size:22px}.clock-face span,.payroll-overview>article small{font-size:9px}.payroll-overview>article span{font-size:10px}.payroll-overview>div:nth-child(2) p{font-size:10.5px}.lock-state strong{font-size:12px}.lock-state p{font-size:10px}.private-payroll-banner strong{font-size:11px}.private-payroll-banner p,.payslip-hero small{font-size:9.5px}.payslip-hero p{font-size:10.5px}.secure-label{font-size:9.5px}.payslip-person small,.payslip-doc-head>span{font-size:8.5px}.payslip-person strong{font-size:11.5px}.payslip-person span,.payslip-note{font-size:9.5px}.payslip-lines p{font-size:10.5px}.calendar-grid>span{font-size:9.5px}.calendar-grid i,.pressable-calendar>button{font-size:11.5px}.calendar-hint,.calendar-event>strong{font-size:9.5px}.calendar-event h3{font-size:11.5px}.calendar-event p{font-size:9.5px}.day-event-card h3{font-size:12px}.day-event-card p{font-size:10.5px}.day-event-card small,.empty-calendar-day p{font-size:9.5px}.settings-card>h2{font-size:16px}.settings-card>p{font-size:10.5px}.setting-line strong{font-size:11px}.setting-line small{font-size:9.5px}.settings-card>button{min-height:42px;font-size:10.5px}.tag-cloud span{font-size:9.5px}.settings-section-head h2{font-size:15px}.settings-section-head p,.settings-select{font-size:10px}.settings-select select{min-height:43px;font-size:11px}.notification-setting{min-height:58px}.notification-setting strong{font-size:10.5px}.notification-setting small{font-size:9px}.reminder-grid>button>span:nth-child(2) small{font-size:8px}.reminder-grid>button>span:nth-child(2) strong{font-size:10.5px}.reminder-grid>button>span:nth-child(2) em{font-size:9px}.employee-form-note,.profile-review-summary p{font-size:10px}.profile-review-sections>article>h3{font-size:12px}.profile-review-sections dt{font-size:8px}.profile-review-sections dd,.document-download-row strong{font-size:10px}.document-download-row small{font-size:9px}.payroll-separation-card h3{font-size:11.5px}.payroll-separation-card p{font-size:9.5px}.payroll-separation-card>button{min-height:38px;font-size:9.5px}.verification-decision>label{font-size:9.5px}.verification-decision textarea{font-size:11px}.verification-decision button{min-height:42px;font-size:10px}.review-detail-grid small,.reason-box>small,.file-preview>small{font-size:8.5px}.review-detail-grid strong{font-size:11.5px}.reason-box p,.document-meta>p strong{font-size:11px}.document-meta>p span{font-size:9.5px}.document-actions a,.document-actions button{min-height:37px;font-size:10px}.receipt-paper strong{font-size:9px}.receipt-paper span{font-size:8px}.empty-file{font-size:10px}.decision-actions button{min-height:44px;font-size:10.5px}.chosen-file{font-size:9.5px}.claim-review-total small{font-size:8.5px}.claim-review-total span{font-size:9.5px}.payroll-state{font-size:9px}.onboarding-rail>p:not(.eyebrow){font-size:11px}.onboarding-rail li small{font-size:8px}.onboarding-rail li strong{font-size:11px}.onboarding-privacy strong{font-size:10px}.onboarding-privacy span{font-size:9px}.onboarding-card-head span{font-size:8.5px}.onboarding-card-head strong{font-size:10.5px}.onboarding-step>p:not(.eyebrow),.welcome-step>p:not(.eyebrow){font-size:11.5px}.employment-summary small{font-size:8.5px}.employment-summary strong{font-size:11px}.onboarding-callout strong,.changes-note strong{font-size:10.5px}.onboarding-callout p,.changes-note p{font-size:9.5px}.onboarding-form-grid label{font-size:10.5px}.onboarding-form-grid input,.onboarding-form-grid select,.onboarding-form-grid textarea{min-height:44px;font-size:12px}.onboarding-fieldset legend{font-size:9.5px}.onboarding-review-grid article small{font-size:8px}.onboarding-review-grid article strong{font-size:11px}.onboarding-review-grid article p{font-size:9.5px}.onboarding-review-grid article>button{font-size:9px}.consent-check{font-size:10px}.onboarding-actions button{font-size:11px}.onboarding-topbar>div:last-child>button{min-height:40px;font-size:10.5px}.prototype-footnote{font-size:9.5px}.staff-profile-banner strong{font-size:11.5px}.staff-profile-banner p{font-size:10px}.staff-profile-banner>button{min-height:40px;font-size:10px}@media (width<=860px){.app-main{padding-bottom:0}.topbar{height:72px}.content{padding-bottom:48px}.preview-staff-button,.preview-return{min-height:38px;font-size:10px}.hub-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=650px){.attendance-help{border:1px solid var(--line);border-radius:12px;margin-bottom:12px;padding:14px}.attendance-help dl{grid-template-columns:1fr}.attendance-editor-heading{flex-direction:column;align-items:flex-start}.attendance-day-row{grid-template-columns:minmax(0,1fr) auto;gap:10px}.attendance-day-actions{grid-column:1/-1;justify-content:flex-start}.payroll-scroll-hint{display:none}.content{padding-top:25px;padding-bottom:44px}.module-heading>.header-actions>button,.module-heading>.header-actions>.secondary-action{min-height:44px}.panel-head{align-items:flex-start}.table-panel>.panel-head{min-height:82px}.table-row{min-height:68px}.data-table .table-row>span:last-child{padding-left:8px}.editable-payroll .table-row>span:first-child{background:0 0;padding-right:0;position:static}.editable-payroll .table-header>span:first-child{background:0 0}.modal-head h2{font-size:25px}.personal-clock-panel{gap:15px}.clock-face{width:100px;min-width:100px;height:100px}.clock-face strong{font-size:17px}.calendar-grid{gap:5px}.pressable-calendar>button{min-height:39px}.onboarding-rail li>i{width:30px;height:30px;font-size:9px}.hub-tabs{grid-template-columns:1fr 1fr;width:100%;display:grid}.hub-tabs button{white-space:normal;width:100%}.hub-section-head{flex-direction:column;align-items:stretch}.hub-section-head>button{width:100%}.hub-card-grid{grid-template-columns:1fr}.hub-document-card{min-height:210px}.hub-list-card{grid-template-columns:1fr;gap:12px}.hub-list-card>.secondary-action{width:100%}.hub-actions{justify-content:stretch}.hub-actions>button{flex:auto}.warning-facts{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}