:root{color-scheme:light;--z-black: #050505;--z-white: #ffffff;--z-signal: #ff4a36;--z-signal-soft: #fff0ed;--z-green: #18794e;--z-green-soft: #e9f7ef;--z-amber: #9a5b00;--z-amber-soft: #fff5dc;--z-blue: #275dad;--z-blue-soft: #eef4ff;--z-ink-2: #2f2f2f;--z-muted: #6e6e6e;--z-subtle: #969696;--z-line: #dddddd;--z-line-strong: #b9b9b9;--z-surface: #f7f7f7;--z-focus: #ff7b6b;--z-radius-xs: 4px;--z-radius-sm: 7px;--z-radius-md: 10px;--z-radius-lg: 14px;--z-shadow-float: 0 12px 32px rgb(0 0 0 / 10%);--z-space-1: 4px;--z-space-2: 8px;--z-space-3: 12px;--z-space-4: 16px;--z-space-5: 20px;--z-space-6: 24px;--z-space-7: 32px;--z-space-8: 40px;--z-space-9: 48px;--z-control: 44px;--z-sidebar: 184px;font-family:IBM Plex Sans Thai,IBM Plex Sans,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{min-width:320px;background:var(--z-white)}body{margin:0;min-width:320px;min-height:100vh;color:var(--z-black);background:var(--z-white)}body,button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}img{max-width:100%}h1,h2,h3,p{margin-top:0}::selection{background:#ffd8d2}:focus-visible{outline:3px solid color-mix(in srgb,var(--z-focus) 65%,transparent);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mono-number{font-family:IBM Plex Sans,IBM Plex Sans Thai,sans-serif;font-variant-numeric:tabular-nums}.muted{color:var(--z-muted)}.signal{color:var(--z-signal)}.brand-mark{position:relative;display:inline-block;width:120px;height:32px;overflow:hidden;flex:0 0 auto}.brand-mark img{position:absolute;width:204px;max-width:none;left:-42px;top:-112px}.brand-mark--inverse img{filter:invert(1)}.brand-mark--small{width:102px;height:28px}.brand-mark--small img{width:176px;left:-38px;top:-97px}.button{min-height:var(--z-control);border:1px solid transparent;border-radius:var(--z-radius-sm);padding:10px 18px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:.94rem;font-weight:600;line-height:1.2;transition:background .15s ease,color .15s ease,border-color .15s ease,transform .1s ease}.button:active:not(:disabled){transform:translateY(1px)}.button--primary{color:var(--z-white);background:var(--z-black);border-color:var(--z-black)}.button--primary:hover{background:#242424}.button--secondary{color:var(--z-black);background:var(--z-white);border-color:var(--z-line-strong)}.button--secondary:hover{border-color:var(--z-black)}.button--ghost{color:var(--z-black);background:transparent;border-color:transparent}.button--ghost:hover{background:var(--z-surface)}.button--danger{color:var(--z-white);background:var(--z-signal);border-color:var(--z-signal)}.button--sm{min-height:36px;padding:7px 12px;font-size:.86rem}.button--lg{min-height:58px;padding:15px 24px;font-size:1.1rem}.button--block{width:100%}.badge{display:inline-flex;align-items:center;width:fit-content;min-height:25px;padding:3px 9px;border-radius:999px;font-size:.76rem;font-weight:600;line-height:1;white-space:nowrap}.badge--neutral{color:var(--z-ink-2);background:#ededed}.badge--success{color:var(--z-green);background:var(--z-green-soft)}.badge--warning{color:var(--z-amber);background:var(--z-amber-soft)}.badge--danger{color:#c92d1e;background:var(--z-signal-soft)}.badge--info{color:var(--z-blue);background:var(--z-blue-soft)}.panel{border:1px solid var(--z-line);border-radius:var(--z-radius-md);background:var(--z-white)}.panel__header{min-height:62px;padding:16px 20px;border-bottom:1px solid var(--z-line);display:flex;align-items:center;justify-content:space-between;gap:16px}.panel__title{margin:0;font-size:1.08rem;line-height:1.3}.panel__body{padding:20px}.field{display:grid;gap:7px}.field__label{font-size:.88rem;font-weight:600;color:var(--z-ink-2)}.field__required{color:var(--z-signal)}.field__help{margin:0;color:var(--z-muted);font-size:.78rem;line-height:1.45}.field__error{margin:0;color:#bd2b1c;font-size:.78rem;line-height:1.45}.input,.select,.textarea{width:100%;min-height:var(--z-control);border:1px solid var(--z-line-strong);border-radius:var(--z-radius-sm);padding:9px 12px;background:var(--z-white);color:var(--z-black);font-size:.92rem}.textarea{min-height:96px;resize:vertical}.input:hover,.select:hover,.textarea:hover{border-color:#7e7e7e}.input[aria-invalid=true],.select[aria-invalid=true],.textarea[aria-invalid=true]{border-color:var(--z-signal)}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.page-header h1{margin:0 0 3px;font-size:clamp(1.55rem,2vw,2rem);line-height:1.2;letter-spacing:-.02em}.page-header p{margin:0;color:var(--z-muted);font-size:.88rem}.page-header__actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tabs{display:flex;align-items:center;gap:22px;min-height:48px;overflow-x:auto;border-bottom:1px solid var(--z-line);scrollbar-width:none}.tab{position:relative;min-height:48px;border:0;background:transparent;color:var(--z-muted);font-size:.9rem;white-space:nowrap;padding:0 2px}.tab[aria-selected=true]{color:var(--z-black);font-weight:600}.tab[aria-selected=true]:after{content:"";position:absolute;height:2px;left:0;right:0;bottom:-1px;background:var(--z-signal)}.table-wrap{width:100%;overflow-x:auto}.data-table{width:100%;border-collapse:collapse;min-width:720px;font-size:.88rem}.data-table th{text-align:left;color:var(--z-muted);font-size:.78rem;font-weight:600;background:#fbfbfb}.data-table th,.data-table td{padding:13px 16px;border-bottom:1px solid var(--z-line);vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fcfcfc}.row-actions{display:flex;gap:6px;justify-content:flex-end}.empty-state,.loading-state,.error-state{min-height:220px;display:grid;place-items:center;text-align:center;padding:32px}.state-stack{max-width:420px;display:grid;justify-items:center;gap:10px}.state-stack h2{margin:0;font-size:1.2rem}.state-stack p{margin:0;color:var(--z-muted)}.spinner{width:28px;height:28px;border:2px solid var(--z-line);border-top-color:var(--z-black);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-backdrop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:18px;background:#00000075;animation:fade-in .14s ease}.modal{width:min(620px,100%);max-height:min(820px,calc(100vh - 36px));display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:clip;background:var(--z-white);border-radius:var(--z-radius-md);box-shadow:var(--z-shadow-float);animation:modal-in .16s ease}.modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 22px;border-bottom:1px solid var(--z-line);background:var(--z-white)}.modal__header h2{margin:0;font-size:1.25rem}.modal__body{position:relative;z-index:1;min-height:0;overflow-y:auto;padding:22px}.modal__footer{position:relative;z-index:2;display:flex;justify-content:flex-end;gap:10px;padding:16px 22px;border-top:1px solid var(--z-line);background:var(--z-white)}.icon-button{width:40px;height:40px;border:0;border-radius:50%;background:transparent;display:inline-grid;place-items:center}.icon-button:hover{background:var(--z-surface)}.toast-region{position:fixed;z-index:120;right:20px;bottom:20px;width:min(380px,calc(100vw - 40px));display:grid;gap:10px}.toast{display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:12px;border:1px solid var(--z-line-strong);border-radius:var(--z-radius-sm);padding:14px;background:var(--z-white);box-shadow:var(--z-shadow-float);animation:toast-in .18s ease}.toast--success{border-left:4px solid var(--z-green)}.toast--error{border-left:4px solid var(--z-signal)}.toast p{margin:0;font-size:.88rem;line-height:1.45}@keyframes fade-in{0%{opacity:0}}@keyframes modal-in{0%{opacity:0}}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@media(max-width:720px){.page-header{align-items:stretch;flex-direction:column}.page-header__actions{width:100%}.page-header__actions .button{flex:1}.panel__header,.panel__body{padding-left:16px;padding-right:16px}.modal-backdrop{align-items:end;padding:0}.modal{width:100%;max-height:92vh;border-radius:var(--z-radius-lg) var(--z-radius-lg) 0 0}.toast-region{bottom:calc(78px + env(safe-area-inset-bottom));left:12px;right:12px;width:auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.admin-shell{min-height:100vh;background:var(--z-white)}.demo-banner{position:fixed;inset:0 0 auto;z-index:100;height:36px;padding:0 16px;display:flex;align-items:center;justify-content:center;gap:9px;overflow:hidden;color:var(--z-white);background:var(--z-signal);font-size:.76rem;letter-spacing:.01em;white-space:nowrap}.demo-banner strong{font:800 .72rem/1 IBM Plex Sans,sans-serif;letter-spacing:.12em}.demo-banner span{overflow:hidden;text-overflow:ellipsis}.admin-shell--demo .admin-sidebar{top:36px}.admin-shell--demo .admin-main{padding-top:36px}.admin-shell--demo .topbar{top:36px}.admin-sidebar{position:fixed;inset:0 auto 0 0;z-index:40;width:var(--z-sidebar);display:flex;flex-direction:column;color:var(--z-white);background:var(--z-black)}.admin-sidebar__brand{height:116px;display:grid;align-content:center;gap:7px;padding:18px 24px;border-bottom:1px solid #323232}.admin-sidebar__brand span:last-child{font-family:IBM Plex Sans,sans-serif;font-size:.8rem;letter-spacing:.08em}.admin-nav{flex:1;padding:14px 0;overflow-y:auto}.admin-nav a{position:relative;min-height:54px;padding:0 21px;display:flex;align-items:center;gap:13px;color:#d8d8d8;font-size:.9rem}.admin-nav a:hover{color:var(--z-white);background:#121212}.admin-nav a.active{color:var(--z-white);background:#101010}.admin-nav a.active:before{content:"";position:absolute;left:0;inset-block:0;width:4px;background:var(--z-signal)}.admin-sidebar__footer{padding:14px 18px 20px;border-top:1px solid #323232}.collapse-button{width:100%;border:0;padding:10px 6px;color:#d8d8d8;background:transparent;display:flex;align-items:center;gap:12px;font-size:.82rem}.admin-main{min-height:100vh;margin-left:var(--z-sidebar)}.topbar{position:sticky;top:0;z-index:30;min-height:82px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--z-line);background:#fffffff2;backdrop-filter:blur(10px)}.topbar__date strong{display:block;font-size:.88rem}.topbar__date span{color:var(--z-muted);font-size:.78rem}.topbar__actions{display:flex;align-items:center;gap:12px}.branch-select{min-height:42px;min-width:230px;border:1px solid var(--z-line);border-radius:var(--z-radius-sm);padding:8px 12px;background:var(--z-white);color:var(--z-ink-2);font-size:.86rem}.notification-button{position:relative}.notification-dot{position:absolute;top:7px;right:6px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;display:grid;place-items:center;color:var(--z-white);background:var(--z-signal);font:700 .62rem/1 IBM Plex Sans,sans-serif}.user-menu{position:relative}.user-menu__trigger{min-height:46px;border:0;padding:3px 6px;display:flex;align-items:center;gap:10px;background:transparent;text-align:left}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:var(--z-white);background:var(--z-black);font:600 .78rem/1 IBM Plex Sans,sans-serif}.user-menu__copy strong,.user-menu__copy span{display:block}.user-menu__copy strong{font-size:.84rem}.user-menu__copy span{color:var(--z-muted);font-size:.72rem}.user-popover{position:absolute;top:calc(100% + 10px);right:0;width:245px;border:1px solid var(--z-line);border-radius:var(--z-radius-sm);padding:8px;background:var(--z-white);box-shadow:var(--z-shadow-float)}.user-popover__identity{padding:10px 10px 12px;border-bottom:1px solid var(--z-line);margin-bottom:5px}.user-popover__identity strong,.user-popover__identity span{display:block}.user-popover__identity span{color:var(--z-muted);font-size:.75rem}.user-popover button{width:100%;min-height:38px;border:0;padding:7px 10px;display:flex;align-items:center;gap:10px;background:transparent;border-radius:var(--z-radius-xs);text-align:left;font-size:.84rem}.user-popover button:hover{background:var(--z-surface)}.role-switch{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:7px 3px}.role-switch button[aria-pressed=true]{color:var(--z-white);background:var(--z-black)}.page-content{width:min(100%,1540px);margin:0 auto;padding:28px}.mobile-admin-bar{display:none}.employee-shell{min-height:100vh;background:var(--z-white)}.employee-shell--demo{padding-top:36px}.employee-shell__main{width:min(100%,720px);margin:0 auto;padding:24px 24px 110px}.employee-topbar{min-height:70px;display:flex;align-items:center;justify-content:space-between}.employee-topbar__actions{display:flex;align-items:center;gap:8px}.employee-bottom-nav{position:fixed;z-index:50;left:50%;bottom:0;width:min(100%,720px);transform:translate(-50%);display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--z-line);padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:#fffffff7;backdrop-filter:blur(12px)}.employee-bottom-nav a{min-height:54px;display:grid;justify-items:center;align-content:center;gap:3px;color:var(--z-muted);font-size:.72rem}.employee-bottom-nav a.active{color:var(--z-black);font-weight:600}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(320px,1fr) minmax(460px,.9fr);background:var(--z-white)}.login-brand{position:relative;overflow:hidden;padding:clamp(36px,6vw,88px);display:flex;flex-direction:column;justify-content:space-between;color:var(--z-white);background:var(--z-black)}.login-brand:after{content:"";position:absolute;width:38vw;height:38vw;right:-18vw;bottom:-18vw;border:1px solid #424242;border-radius:50%;box-shadow:0 0 0 70px #0c0c0c,0 0 0 71px #333}.login-brand__copy{position:relative;z-index:1;max-width:640px}.login-brand__copy h1{margin-bottom:16px;font-size:clamp(2.4rem,5vw,5.6rem);line-height:.95;letter-spacing:-.055em}.login-brand__copy p{max-width:470px;color:#bdbdbd;font-size:clamp(1rem,1.4vw,1.25rem);line-height:1.65}.login-form-wrap{display:grid;place-items:center;padding:32px}.login-form{width:min(430px,100%)}.login-form h2{margin:0 0 7px;font-size:1.9rem}.login-form>p{margin-bottom:28px;color:var(--z-muted)}.login-fields{display:grid;gap:16px}.login-note{margin:18px 0 0;padding:12px 14px;border-left:3px solid var(--z-signal);background:var(--z-signal-soft);color:var(--z-ink-2);font-size:.8rem;line-height:1.55}.activation-state{width:min(430px,100%);min-height:260px;display:grid;justify-items:center;align-content:center;gap:12px;text-align:center}.activation-state h2,.activation-state p{margin:0}.activation-state p{max-width:390px;color:var(--z-muted);line-height:1.6}@media(max-width:980px){.admin-sidebar{transform:translate(-100%)}.admin-main{margin-left:0}.topbar{min-height:66px;padding:0 16px}.topbar__date,.branch-select,.user-menu__copy{display:none}.mobile-admin-bar{display:flex;align-items:center;gap:10px}.mobile-admin-bar strong{font:700 .9rem/1 IBM Plex Sans,sans-serif}.page-content{padding:22px 16px 96px}.admin-mobile-nav{position:fixed;z-index:45;inset:auto 0 0;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--z-line);padding:7px 4px calc(7px + env(safe-area-inset-bottom));background:#fffffff7;backdrop-filter:blur(12px)}.admin-mobile-nav a{min-height:52px;display:grid;place-items:center;align-content:center;gap:3px;color:var(--z-muted);font-size:.68rem}.admin-mobile-nav a.active{color:var(--z-black);font-weight:600}}@media(min-width:981px){.admin-mobile-nav{display:none}}@media(max-width:760px){.employee-shell__main{padding:14px 18px 100px}.login-page{display:block}.login-brand{min-height:260px;padding:32px 24px}.login-brand__copy h1{margin-top:50px;font-size:3.2rem}.login-brand__copy p{font-size:.94rem}.login-form-wrap{padding:38px 22px}}.owner-dashboard{display:grid;gap:24px}.dashboard-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.dashboard-heading h1{margin:3px 0 0;font-size:clamp(1.8rem,3vw,2.65rem);line-height:1;letter-spacing:-.045em}.dashboard-heading p{margin:0;color:var(--z-muted);font-size:.82rem}.eyebrow{font:700 .68rem/1 IBM Plex Sans,sans-serif;letter-spacing:.16em;color:var(--z-muted)}.today-overview{min-height:248px;border:1px solid var(--z-line);border-radius:20px;padding:28px;display:grid;grid-template-columns:minmax(220px,.75fr) minmax(0,2fr);gap:28px;background:var(--z-surface)}.headcount-block{border-right:1px solid var(--z-line-strong);display:grid;justify-items:center;align-content:center;text-align:center}.headcount-block>span{margin-top:10px;color:var(--z-ink-2);font-size:1rem}.headcount-block>strong{font-size:clamp(3.8rem,7vw,5.8rem);line-height:1;letter-spacing:-.07em}.headcount-block>small{margin-top:12px;color:var(--z-muted);font-size:.8rem}.today-kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.today-kpi{min-width:0;display:grid;justify-items:center;align-content:center;text-align:center}.today-kpi>span{margin-top:13px;color:var(--z-ink-2);font-size:.95rem}.today-kpi>strong{margin-top:7px;font-size:clamp(2.7rem,5vw,4.4rem);line-height:1;letter-spacing:-.055em}.today-kpi>small{margin-top:6px;color:var(--z-muted)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.section-heading h2{margin:0;font-size:clamp(1.25rem,2vw,1.65rem);letter-spacing:-.025em}.section-heading p{margin:5px 0 0;color:var(--z-muted);font-size:.82rem}.section-heading>a{display:inline-flex;align-items:center;gap:7px;font-size:.82rem;font-weight:600;white-space:nowrap}.work-summary{display:grid;gap:14px}.work-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.work-stat{min-height:164px;border:1px solid var(--z-line);border-radius:16px;padding:20px;display:grid;justify-items:start;align-content:space-between;background:var(--z-white)}.work-stat:hover{border-color:var(--z-black)}.work-stat>span{align-self:end;color:var(--z-muted);font-size:.88rem}.work-stat>strong{font-size:2.1rem;line-height:1;letter-spacing:-.04em}.work-stat>strong small{font-size:.8rem;letter-spacing:0}.work-stat--alert{border-color:#c5c5c5}.work-stat--alert svg{color:var(--z-signal)}.payroll-result{overflow:hidden;border:1px solid var(--z-black);border-radius:20px;background:var(--z-black);color:var(--z-white)}.payroll-result__header{min-height:90px;padding:22px 28px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #343434}.payroll-result__header span:first-child{color:#aaa;font-size:.75rem}.payroll-result__header h2{margin:4px 0 0;font-size:1.3rem}.payroll-result__body{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);gap:30px;padding:28px}.net-pay-card{min-height:190px;border-radius:14px;padding:24px;display:grid;align-content:center;background:var(--z-white);color:var(--z-black)}.net-pay-card>span{color:var(--z-muted);font-size:.86rem}.net-pay-card>strong{margin:12px 0;font-size:clamp(2rem,4vw,3.25rem);line-height:1;letter-spacing:-.055em;white-space:nowrap}.net-pay-card>small{color:var(--z-muted)}.payroll-breakdown{margin:0}.payroll-breakdown>div{min-height:47px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #343434}.payroll-breakdown dt{color:#c9c9c9;font-size:.86rem}.payroll-breakdown dd{margin:0;font-weight:600}.payroll-result>footer{padding:0 28px 28px;display:flex;justify-content:flex-end;gap:10px}.payroll-result .button--primary{color:var(--z-black);background:var(--z-white);border-color:var(--z-white)}.payroll-result .button--secondary{color:var(--z-white);background:transparent;border-color:#666}.owner-actions{overflow:hidden;border:1px solid var(--z-line);border-radius:16px}.owner-actions>.section-heading{min-height:82px;padding:18px 22px;border-bottom:1px solid var(--z-line)}.actions-toolbar{min-height:52px;padding:0 22px;display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--z-line);overflow-x:auto}.actions-filter{border:0;padding:0;background:transparent;color:var(--z-muted);font-size:.82rem;white-space:nowrap}.actions-filter[aria-pressed=true]{color:var(--z-black);font-weight:700}.actions-filter span{margin-left:5px;color:var(--z-subtle);font-family:IBM Plex Sans,sans-serif}.action-list{list-style:none;margin:0;padding:0}.action-row{min-height:72px;padding:12px 22px;display:grid;grid-template-columns:30px minmax(190px,1.4fr) minmax(120px,.75fr) 100px auto;align-items:center;gap:10px;border-bottom:1px solid var(--z-line)}.action-row:last-child{border-bottom:0}.action-row__icon{color:var(--z-signal)}.action-row__title strong,.action-row__title span{display:block}.action-row__title strong{font-size:.88rem}.action-row__title span,.action-row__requester,.action-row__date{color:var(--z-muted);font-size:.75rem}.actions-empty{min-height:110px;display:grid;place-items:center;align-content:center;gap:8px;color:var(--z-muted);font-size:.86rem}@media(max-width:920px){.today-overview{grid-template-columns:1fr}.headcount-block{min-height:160px;border-right:0;border-bottom:1px solid var(--z-line-strong);padding-bottom:24px}.work-stat-grid{grid-template-columns:repeat(2,1fr)}.payroll-result__body{grid-template-columns:1fr}}@media(max-width:620px){.owner-dashboard{gap:22px}.dashboard-heading{align-items:flex-start;flex-direction:column;gap:8px}.today-overview{min-height:184px;padding:16px 12px;border-radius:16px;grid-template-columns:minmax(105px,.72fr) minmax(0,2fr);gap:10px}.headcount-block{min-height:0;border-right:1px solid var(--z-line-strong);border-bottom:0;padding:0 10px 0 0}.headcount-block>span{margin-top:7px;font-size:.76rem}.headcount-block>strong{font-size:3.25rem}.headcount-block>small{margin-top:8px;font-size:.65rem;line-height:1.4}.today-kpi-grid{gap:4px}.today-kpi>svg{width:20px}.today-kpi>span{margin-top:8px;font-size:.65rem;line-height:1.35}.today-kpi>strong{font-size:2rem}.today-kpi>small{margin-top:3px;font-size:.65rem}.work-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.work-stat{min-height:118px;border-radius:13px;padding:12px 9px}.work-stat>svg{width:22px}.work-stat>span{font-size:.68rem;line-height:1.35}.work-stat>strong{font-size:1.45rem;white-space:nowrap}.work-stat>strong small{font-size:.62rem}.payroll-result{border-radius:16px}.payroll-result__header,.payroll-result__body{padding:20px 16px}.net-pay-card{min-height:160px;padding:19px}.net-pay-card>strong{font-size:2.05rem}.payroll-result>footer{padding:0 16px 20px;display:grid;grid-template-columns:1fr}.action-row{grid-template-columns:26px 1fr auto;padding:13px 15px}.action-row__requester,.action-row__date{display:none}}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.toolbar__filters{flex:1;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.toolbar .input,.toolbar .select{width:auto;min-width:170px}.search-field{position:relative;min-width:min(320px,100%)}.search-field svg{position:absolute;top:50%;left:13px;transform:translateY(-50%);color:var(--z-muted);pointer-events:none}.search-field .input{width:100%;padding-left:40px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-grid__full{grid-column:1 / -1}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px;padding-top:16px;border-top:1px solid var(--z-line)}.detail-primary{display:flex;align-items:center;gap:12px}.detail-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:var(--z-white);background:var(--z-black);font-size:.75rem;font-weight:600}.detail-primary strong,.detail-primary span{display:block}.detail-primary span{color:var(--z-muted);font-size:.72rem}.type-stack strong,.type-stack span{display:block}.type-stack span{color:var(--z-muted);font-size:.72rem}.summary-strip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--z-line);border-radius:var(--z-radius-sm);margin-bottom:18px}.summary-strip--dynamic{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.summary-strip__item{padding:16px 18px;border-right:1px solid var(--z-line)}.summary-strip__item:last-child{border-right:0}.summary-strip__item span,.summary-strip__item strong{display:block}.summary-strip__item span{color:var(--z-muted);font-size:.76rem}.summary-strip__item strong{margin-top:4px;font:600 1.45rem/1.2 IBM Plex Sans,IBM Plex Sans Thai,sans-serif}.status-cell{display:flex;align-items:center;gap:8px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--z-muted)}.status-dot--success{background:var(--z-green)}.status-dot--warning{background:#e18a00}.status-dot--danger{background:var(--z-signal)}.approval-list{display:grid;gap:12px}.approval-card{border:1px solid var(--z-line);border-radius:var(--z-radius-sm);padding:17px;display:grid;grid-template-columns:minmax(180px,1fr) minmax(150px,.75fr) auto;align-items:center;gap:18px}.approval-card__person{display:flex;align-items:center;gap:12px}.approval-card__person strong,.approval-card__person span{display:block}.approval-card__person span{color:var(--z-muted);font-size:.78rem}.approval-card__detail{font-size:.84rem}.approval-card__detail strong,.approval-card__detail span{display:block}.approval-card__detail span{margin-top:3px;color:var(--z-muted)}.approval-card__actions{display:flex;align-items:center;gap:8px}.schedule-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:22px}.schedule-card{border:1px solid var(--z-line);border-radius:var(--z-radius-sm);padding:17px}.schedule-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.schedule-card h3{margin:0 0 4px;font-size:1rem}.schedule-card p{margin:0;color:var(--z-muted);font-size:.76rem}.schedule-card__time{margin:24px 0 16px;font:600 1.55rem/1 IBM Plex Sans,sans-serif;letter-spacing:-.03em}.schedule-card__footer{display:flex;align-items:center;justify-content:space-between;color:var(--z-muted);font-size:.76rem}.week-grid{display:grid;grid-template-columns:150px repeat(7,minmax(95px,1fr));min-width:850px}.week-grid>div{min-height:74px;padding:10px;border-right:1px solid var(--z-line);border-bottom:1px solid var(--z-line);font-size:.75rem}.week-grid>div:nth-child(8n){border-right:0}.week-grid__head{min-height:52px!important;background:#fbfbfb;font-weight:600;text-align:center}.week-grid__employee{font-weight:600}.shift-block{min-height:48px!important;margin:-2px;border:0!important;border-left:3px solid var(--z-black)!important;background:#f3f3f3}.shift-block--off{border-left-color:var(--z-line-strong)!important;color:var(--z-muted);background:var(--z-white)}.payroll-page-grid{display:grid;grid-template-columns:270px minmax(0,1fr);gap:18px}.payroll-checklist{padding:8px 0}.payroll-checklist__item{width:100%;min-height:58px;border:0;border-left:3px solid transparent;padding:9px 16px;display:grid;grid-template-columns:28px 1fr;align-items:center;gap:10px;background:transparent;color:var(--z-muted);text-align:left}.payroll-checklist__item[aria-current=step]{border-left-color:var(--z-signal);color:var(--z-black);background:#fafafa;font-weight:600}.payroll-checklist__item--done{color:var(--z-black)}.step-number{width:25px;height:25px;border:1px solid var(--z-line-strong);border-radius:50%;display:grid;place-items:center;font:600 .72rem/1 IBM Plex Sans,sans-serif}.payroll-checklist__item--done .step-number{color:var(--z-white);background:var(--z-black);border-color:var(--z-black)}.payroll-workspace{min-width:0;min-height:590px}.payroll-workspace .panel__body{padding:0}.payroll-stage-head{padding:24px;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;border-bottom:1px solid var(--z-line)}.payroll-stage-head h2{margin:0 0 4px;font-size:1.3rem}.payroll-stage-head p{margin:0;color:var(--z-muted);font-size:.82rem}.payroll-warning{margin:18px 24px 0;border:1px solid #f0c6bf;border-left:4px solid var(--z-signal);border-radius:var(--z-radius-xs);padding:14px;display:flex;gap:10px;background:#fff9f8}.payroll-warning strong,.payroll-warning span{display:block}.payroll-warning span{color:var(--z-muted);font-size:.78rem}.payroll-review-table{margin-top:18px}.empty-table-message{padding:30px 16px;color:var(--z-muted);text-align:center}.payroll-stage-footer{padding:18px 24px;display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--z-line)}.report-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.report-card{min-height:180px;border:1px solid var(--z-line);border-radius:var(--z-radius-sm);padding:20px;display:flex;flex-direction:column}.report-card__icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--z-line);border-radius:var(--z-radius-sm)}.report-card h2{margin:24px 0 5px;font-size:1.08rem}.report-card p{margin:0 0 18px;color:var(--z-muted);font-size:.82rem;line-height:1.55}.report-card .button{margin-top:auto;align-self:flex-start}.detailed-report{margin-bottom:18px;overflow:hidden;border:1px solid var(--z-black);border-radius:16px}.detailed-report>header{min-height:92px;padding:20px 22px;display:flex;align-items:center;gap:14px;color:var(--z-white);background:var(--z-black)}.detailed-report>header .report-card__icon{border-color:#555}.detailed-report>header h2{margin:0 0 4px;font-size:1.2rem}.detailed-report>header p{margin:0;max-width:850px;color:#bbb;font-size:.8rem;line-height:1.5}.report-filters{padding:18px 22px;display:grid;grid-template-columns:minmax(150px,.75fr) minmax(150px,.75fr) minmax(180px,1fr) auto;align-items:end;gap:12px;border-bottom:1px solid var(--z-line)}.report-filters label{display:grid;gap:7px}.report-filters label>span{color:var(--z-ink-2);font-size:.8rem;font-weight:600}.report-export-actions{display:flex;gap:8px}.report-result-meta{min-height:58px;padding:12px 22px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--z-line)}.report-result-meta strong{font-size:1rem}.report-result-meta span{color:var(--z-muted);font-size:.75rem}.report-preview-table{min-width:1180px}.report-preview-table th{white-space:nowrap}.settings-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:18px}.settings-nav{padding:8px;align-self:start}.settings-nav button{width:100%;min-height:42px;border:0;border-radius:var(--z-radius-xs);padding:8px 10px;display:flex;align-items:center;gap:9px;color:var(--z-muted);background:transparent;text-align:left;font-size:.84rem}.settings-nav button[aria-pressed=true]{color:var(--z-black);background:var(--z-surface);font-weight:600}.settings-section{min-height:540px}.settings-section__intro{max-width:720px}.settings-section__intro h2{margin-bottom:5px}.settings-section__intro p{color:var(--z-muted);line-height:1.55}.branch-list{display:grid;gap:10px;margin-top:20px}.branch-row{border:1px solid var(--z-line);border-radius:var(--z-radius-sm);padding:15px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px}.branch-row strong,.branch-row span{display:block}.branch-row span{color:var(--z-muted);font-size:.76rem}.branch-row--inactive{background:var(--z-surface)}.branch-row__title{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px}.branch-row__title strong{margin-right:2px}.settings-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.settings-title-row h2{margin-bottom:5px}.settings-title-row p{margin:0}.settings-title-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.settings-actions{margin-top:18px}.settings-notice,.onboarding-notice{margin:16px 0;border:1px solid var(--z-line);border-left:4px solid var(--z-amber);border-radius:var(--z-radius-sm);padding:14px;display:flex;align-items:flex-start;gap:10px;background:var(--z-amber-soft)}.settings-notice p,.onboarding-notice p{margin:0;color:var(--z-ink-2);font-size:.82rem;line-height:1.55}.onboarding-notice{margin-top:0;border-left-color:var(--z-blue);background:var(--z-blue-soft)}.onboarding-notice strong{display:block;margin-bottom:3px}.branch-editor{margin-top:18px;border:1px solid var(--z-black);border-radius:var(--z-radius-md);padding:20px}.branch-editor__header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px}.branch-editor__header h3,.branch-editor__header p{margin:0}.branch-editor__header p{color:var(--z-muted);font-size:.8rem}.branch-editor__checks{margin:18px 0;display:flex;gap:18px;flex-wrap:wrap}.branch-editor__checks label,.line-consent-check{display:flex;align-items:flex-start;gap:8px;color:var(--z-ink-2);font-size:.86rem}.branch-editor__checks input,.line-consent-check input{width:18px;height:18px;accent-color:var(--z-black)}.branch-editor__preview{margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--z-muted);font-size:.78rem}.branch-editor__preview a{display:inline-flex;align-items:center;gap:6px;color:var(--z-blue);font-weight:600}.branch-capture{margin-top:16px;border:1px dashed var(--z-line-strong);border-radius:var(--z-radius-sm);padding:14px;display:flex;align-items:center;gap:14px}.branch-capture strong,.branch-capture span{display:block}.branch-capture span{margin-top:2px;color:var(--z-muted);font-size:.76rem}.policy-version{margin-top:18px;border:1px solid var(--z-line);border-radius:var(--z-radius-sm)}.policy-version__row{padding:14px 16px;display:grid;grid-template-columns:1fr 140px 110px;gap:12px;align-items:center;border-bottom:1px solid var(--z-line)}.policy-version__row:last-child{border-bottom:0}.setup-steps{display:grid;grid-template-columns:repeat(11,1fr);gap:5px;margin-bottom:26px}.setup-step{height:5px;border-radius:3px;background:var(--z-line)}.setup-step--done{background:var(--z-black)}.setup-step--active{background:var(--z-signal)}.guide-callout{margin-bottom:18px;border:1px solid var(--z-line);border-left:4px solid var(--z-black);border-radius:var(--z-radius-sm);padding:15px 17px;display:flex;align-items:flex-start;gap:12px;background:var(--z-surface)}.guide-callout strong,.guide-callout p{display:block;margin:0}.guide-callout p{margin-top:3px;color:var(--z-muted);font-size:.8rem;line-height:1.5}.guide-callout--compact{margin:14px 0 0;padding:12px 14px}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.guide-card{min-width:0;display:flex;flex-direction:column}.guide-card .panel__body{min-height:0;height:auto;flex:1 1 auto;display:flex;flex-direction:column}.guide-card__action{align-self:flex-start;margin-top:auto}.guide-card__actions{margin-top:auto;display:flex;gap:8px;flex-wrap:wrap}.guide-steps{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:13px}.guide-steps li{display:grid;grid-template-columns:28px 1fr;align-items:start;gap:10px}.guide-steps li>span{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;color:var(--z-white);background:var(--z-black);font:600 .72rem/1 IBM Plex Sans,sans-serif}.guide-steps strong,.guide-steps p{margin:0}.guide-steps p{margin-top:2px;color:var(--z-muted);font-size:.79rem;line-height:1.5}.guide-topic{display:grid;grid-template-columns:28px 1fr;align-items:start;gap:11px;margin-bottom:16px}.guide-topic strong,.guide-topic p{margin:0}.guide-topic p{margin-top:3px;color:var(--z-muted);font-size:.8rem;line-height:1.55}.guide-checks{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:8px}.guide-checks li{display:flex;align-items:flex-start;gap:8px;color:var(--z-ink-2);font-size:.8rem}.guide-checks svg{flex:0 0 auto}.setup-readiness .panel__body{padding:0}.setup-checklist{list-style:none;margin:0;padding:0}.setup-checklist>li{padding:18px 20px;display:grid;grid-template-columns:30px 26px minmax(0,1fr) auto;align-items:start;gap:12px;border-bottom:1px solid var(--z-line)}.setup-checklist>li:last-child{border-bottom:0}.setup-checklist__number{width:28px;height:28px;border:1px solid var(--z-line-strong);border-radius:50%;display:grid;place-items:center;font:600 .75rem/1 IBM Plex Sans,sans-serif}.setup-checklist strong,.setup-checklist p{margin:0}.setup-checklist p{margin-top:3px;color:var(--z-muted);font-size:.8rem;line-height:1.5}.setup-checklist__link{display:inline-flex;margin-top:7px;color:var(--z-blue);font-size:.8rem;font-weight:600}.setup-footer-note{margin-top:14px;display:flex;align-items:flex-start;gap:9px;color:var(--z-muted)}.setup-footer-note p{margin:0;font-size:.78rem;line-height:1.5}.operational-onboarding{margin-top:20px;border:1px solid var(--z-line);border-radius:var(--z-radius-md);padding:20px;background:var(--z-surface)}.operational-onboarding__header{margin-bottom:16px;display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.operational-onboarding__header h2,.operational-onboarding__header p{margin:0}.operational-onboarding__header p{margin-top:4px;color:var(--z-muted);font-size:.8rem}.operational-form{margin-top:14px;border-top:1px solid var(--z-line);padding-top:4px}.operational-fieldset{margin:18px 0;border:1px solid var(--z-line);border-radius:var(--z-radius-sm);padding:16px}.operational-fieldset legend{padding:0 7px;font-weight:600}.branch-toggle-row{margin:12px 0;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.branch-toggle-row label{display:inline-flex;align-items:center;gap:7px;color:var(--z-ink-2);font-size:.82rem}.branch-toggle-row input{width:17px;height:17px;accent-color:var(--z-black)}.operational-rule{margin:12px 0;border:1px solid var(--z-line);border-radius:var(--z-radius-sm);padding:14px;background:var(--z-canvas)}.operational-rule__header{margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:10px}.employee-setup-list{display:grid;gap:10px}.employee-setup-card{border:1px solid var(--z-line);border-radius:var(--z-radius-sm);background:var(--z-canvas)}.employee-setup-card summary{padding:15px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer}.employee-setup-card summary strong,.employee-setup-card summary small{display:block}.employee-setup-card summary small{margin-top:2px;color:var(--z-muted)}.employee-setup-badges{display:flex;gap:7px;flex-wrap:wrap}.employee-setup-card__body{border-top:1px solid var(--z-line);padding:16px}.readiness-tags{margin-bottom:16px;display:flex;gap:6px;flex-wrap:wrap}.readiness-tags span{border:1px solid var(--z-line);border-radius:999px;padding:4px 8px;color:var(--z-muted);font-size:.7rem}.readiness-tags span[data-ready=true]{border-color:#a9d7bc;color:#23613b;background:var(--z-green-soft)}.operational-assignment,.operational-invite{margin-top:14px;border:1px solid var(--z-line);border-radius:var(--z-radius-sm);padding:14px}.operational-assignment h4,.operational-invite h4,.operational-invite p{margin:0}.operational-assignment h4,.operational-invite h4{margin-bottom:12px}.operational-invite p{margin-bottom:12px;color:var(--z-muted);font-size:.8rem;line-height:1.5}.operational-revoke{margin-top:14px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px}.integration-status{margin:12px 0 18px;border:1px solid var(--z-line);border-radius:var(--z-radius-sm);padding:16px;display:flex;align-items:flex-start;gap:13px;background:var(--z-surface)}.integration-status--success{border-left:4px solid var(--z-green);background:var(--z-green-soft)}.integration-status strong,.integration-status p{display:block;margin:0}.integration-status .badge{margin-bottom:7px}.integration-status p{margin-top:3px;color:var(--z-muted);font-size:.8rem;line-height:1.5}.line-account__consent{margin-bottom:14px;border:1px solid var(--z-line);border-radius:var(--z-radius-sm);padding:14px;display:flex;align-items:center;justify-content:space-between;gap:14px}.line-account__consent strong,.line-account__consent p{margin:0}.line-account__consent p{margin-top:2px;color:var(--z-muted);font-size:.78rem}.line-consent-check{margin-bottom:14px}.line-account__unlink{margin-top:12px;border:1px solid var(--z-line);border-radius:var(--z-radius-sm);padding:14px}.line-account__actions{margin-top:12px;display:flex;justify-content:flex-end;gap:8px}.payroll-production-gate{margin-bottom:18px;border:1px solid #f0c6bf;border-left:4px solid var(--z-signal);border-radius:var(--z-radius-sm);padding:16px;display:flex;align-items:flex-start;gap:11px;background:var(--z-signal-soft)}.payroll-production-gate strong,.payroll-production-gate p{margin:0}.payroll-production-gate p{margin-top:3px;color:var(--z-ink-2);font-size:.8rem;line-height:1.55}@media(max-width:1050px){.schedule-grid{grid-template-columns:repeat(2,1fr)}.payroll-page-grid,.settings-layout{grid-template-columns:minmax(0,1fr)}.payroll-checklist{display:flex;overflow-x:auto;padding:5px}.payroll-checklist__item{min-width:170px;border-left:0;border-bottom:3px solid transparent}.payroll-checklist__item[aria-current=step]{border-bottom-color:var(--z-signal)}.settings-nav{display:flex;overflow-x:auto}.settings-nav button{width:auto;min-width:max-content}.guide-grid{grid-template-columns:1fr}}@media(max-width:720px){.toolbar,.toolbar__filters{align-items:stretch;flex-direction:column}.toolbar .input,.toolbar .select,.search-field{width:100%;min-width:0}.form-grid{grid-template-columns:1fr}.form-grid__full{grid-column:auto}.form-actions{flex-direction:column-reverse;padding-bottom:env(safe-area-inset-bottom)}.form-actions .button{width:100%}.summary-strip{grid-template-columns:repeat(2,1fr)}.summary-strip__item:nth-child(2){border-right:0}.summary-strip__item:nth-child(-n+2){border-bottom:1px solid var(--z-line)}.approval-card{grid-template-columns:1fr}.approval-card__actions{width:100%}.approval-card__actions .button{flex:1}.schedule-grid,.report-grid{grid-template-columns:1fr}.report-filters{grid-template-columns:1fr 1fr}.report-export-actions{grid-column:1 / -1}.report-export-actions .button{flex:1}.report-result-meta{align-items:flex-start;flex-direction:column}.payroll-stage-head,.payroll-stage-footer{padding:16px}.payroll-stage-head{flex-direction:column}.payroll-warning{margin-inline:16px}.policy-version__row{grid-template-columns:1fr}.settings-title-row,.branch-capture,.line-account__consent{align-items:stretch;flex-direction:column}.settings-title-actions{justify-content:space-between}.branch-editor{padding:16px}.branch-editor__preview{align-items:flex-start;flex-direction:column}.setup-checklist>li{grid-template-columns:30px 24px 1fr;padding:16px}.setup-checklist>li>.badge{grid-column:3}.operational-onboarding__header,.employee-setup-card summary{align-items:stretch;flex-direction:column}.operational-revoke{grid-template-columns:1fr}}@media(max-width:560px){.detailed-report>header{align-items:flex-start;padding:18px 16px}.report-filters{grid-template-columns:1fr;padding:16px}.report-export-actions{grid-column:auto}}.employee-home{padding-top:30px}.employee-hero{display:grid;grid-template-columns:1fr auto;align-items:end;gap:20px}.employee-date{margin:0 0 20px;color:var(--z-ink-2);font-size:.95rem}.employee-greeting{margin:0;font-size:clamp(2rem,8vw,3rem);line-height:1;letter-spacing:-.04em}.employee-status{margin:14px 0 0;display:flex;align-items:center;gap:9px;font-size:.9rem}.employee-status strong{color:var(--z-signal);font-weight:500}.employee-time{text-align:right}.employee-time strong{display:block;font:700 clamp(2.1rem,9vw,3.8rem)/1 "IBM Plex Sans",sans-serif;letter-spacing:-.04em}.employee-time span{display:block;margin-top:10px;color:var(--z-ink-2);font-size:.85rem}.clock-button{width:100%;min-height:118px;margin:30px 0 18px;border:0;border-radius:var(--z-radius-lg);display:flex;align-items:center;justify-content:center;gap:22px;color:var(--z-white);background:var(--z-black);font-size:clamp(1.7rem,7vw,2.6rem);font-weight:700;transition:transform .1s ease,background .14s ease}.clock-button:hover{background:#1b1b1b}.clock-button:active{transform:scale(.995)}.clock-button--out{background:var(--z-signal)}.clock-button--loading{color:#aaa}.location-status{min-height:48px;margin-bottom:18px;display:flex;align-items:center;justify-content:space-between;gap:14px;color:var(--z-muted);font-size:.8rem}.location-status__quality{display:flex;align-items:center;gap:9px}.location-status__quality strong{color:var(--z-signal);font-weight:500}.location-status__privacy{display:flex;align-items:center;gap:7px}.today-card{border:1px solid var(--z-line);border-radius:var(--z-radius-md);overflow:hidden}.today-card__head{padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:14px}.today-card__head h2{margin:0;font-size:1.05rem}.today-card__summary{padding:2px 20px 20px;display:grid;grid-template-columns:.9fr 1.1fr;gap:22px}.schedule-facts{display:grid;gap:15px}.schedule-fact{display:grid;grid-template-columns:24px 1fr;gap:9px;align-items:start}.schedule-fact span,.schedule-fact strong{display:block}.schedule-fact span{color:var(--z-muted);font-size:.76rem}.schedule-fact strong{margin-top:2px;font-size:1.35rem}.privacy-box{border-left:1px solid var(--z-line);padding-left:22px;display:grid;align-content:center;gap:12px;color:var(--z-ink-2);font-size:.82rem;line-height:1.55}.privacy-box p{margin:0}.privacy-box span{display:flex;align-items:center;gap:8px;color:var(--z-muted)}.today-timeline{padding:18px 20px 22px;border-top:1px solid var(--z-line)}.today-timeline h3{margin:0 0 17px;font-size:.9rem}.timeline-rail{display:grid;grid-template-columns:repeat(4,1fr)}.timeline-point{position:relative;display:grid;justify-items:start;gap:6px;color:var(--z-muted);font-size:.72rem}.timeline-point:not(:last-child):after{content:"";position:absolute;top:7px;left:16px;right:0;border-top:1px dashed var(--z-line-strong)}.timeline-point__dot{position:relative;z-index:1;width:15px;height:15px;border:2px solid var(--z-black);border-radius:50%;background:var(--z-white)}.timeline-point--future .timeline-point__dot{border-color:var(--z-line-strong)}.timeline-point strong{color:var(--z-black);font-family:IBM Plex Sans,sans-serif;font-size:.76rem}.quick-section{margin-top:18px;border:1px solid var(--z-line);border-radius:var(--z-radius-md);padding:18px}.quick-section h2{margin-bottom:15px;font-size:1.05rem}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.quick-action{min-height:104px;border:1px solid var(--z-line);border-radius:var(--z-radius-sm);padding:14px;display:flex;flex-direction:column;justify-content:space-between;background:var(--z-white);transition:border-color .14s ease}.quick-action:hover{border-color:var(--z-black)}.quick-action span{display:flex;align-items:flex-end;justify-content:space-between;font-size:.86rem}.employee-subpage{padding-top:22px}.employee-subpage .page-header{align-items:center}.history-list{list-style:none;margin:0;padding:0}.history-row{padding:15px 0;display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;border-bottom:1px solid var(--z-line)}.history-date{width:44px;height:44px;border:1px solid var(--z-line);border-radius:var(--z-radius-sm);display:grid;place-items:center;font:600 .78rem/1.1 IBM Plex Sans,sans-serif;text-align:center}.history-row strong,.history-row span{display:block}.history-row span{color:var(--z-muted);font-size:.76rem}.profile-card{padding:22px;display:flex;align-items:center;gap:16px}.profile-card .avatar{width:54px;height:54px;font-size:1rem}.profile-card h2,.profile-card p{margin:0}.profile-card p{color:var(--z-muted)}.profile-menu{margin-top:14px}.profile-menu a,.profile-menu button{width:100%;min-height:54px;border:0;border-bottom:1px solid var(--z-line);padding:0 4px;display:flex;align-items:center;justify-content:space-between;background:transparent;font-size:.9rem}.employee-branch-choice{margin-bottom:14px;display:grid;gap:6px}.employee-branch-choice label{font-size:.82rem;font-weight:600}.employee-branch-choice span{color:var(--z-muted);font-size:.73rem;line-height:1.45}.clock-error{margin:12px 0;border:1px solid #f0c6bf;border-left:4px solid var(--z-signal);border-radius:var(--z-radius-sm);padding:13px;display:flex;align-items:flex-start;gap:10px;background:var(--z-signal-soft)}.clock-error strong,.clock-error p{margin:0}.clock-error p{margin-top:2px;color:var(--z-ink-2);font-size:.78rem;line-height:1.45}.clock-error a{display:inline-flex;margin-top:6px;color:var(--z-blue);font-size:.78rem;font-weight:600}.notification-list{list-style:none;margin:0;padding:0}.notification-row{padding:15px 4px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;border-bottom:1px solid var(--z-line)}.notification-row:last-child{border-bottom:0}.notification-row--unread{background:var(--z-blue-soft)}.notification-row__icon{width:38px;height:38px;border:1px solid var(--z-line);border-radius:50%;display:grid;place-items:center;background:var(--z-white)}.notification-row strong,.notification-row p,.notification-row span{display:block;margin:0}.notification-row p{margin-top:2px;font-size:.82rem}.notification-row div>span,.notification-row__read{margin-top:3px;color:var(--z-muted);font-size:.72rem}.notification-source-note{margin-top:14px;display:flex;align-items:center;gap:8px;color:var(--z-muted);font-size:.78rem}.payslip-list{display:grid;gap:10px}.payslip-card{border:1px solid var(--z-line);border-radius:var(--z-radius-sm);padding:16px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px}.payslip-card h3{margin:0 0 3px;font-size:.95rem}.payslip-card p{margin:0;color:var(--z-muted);font-size:.76rem}.payslip-card__amount{margin-top:10px;font:600 1.35rem/1 IBM Plex Sans,sans-serif}@media(max-width:560px){.employee-home{padding-top:16px}.employee-hero{display:block}.employee-date{margin-bottom:14px}.employee-greeting{display:inline-block;font-size:2.45rem}.employee-time{margin-top:-44px}.employee-time strong{font-size:2.25rem}.employee-time span{margin-top:4px}.employee-status{margin-top:22px}.clock-button{min-height:100px;margin-top:26px}.location-status{align-items:flex-start;flex-direction:column}.today-card__summary{grid-template-columns:1fr}.privacy-box{border-left:0;border-top:1px solid var(--z-line);padding:17px 0 0}.quick-grid{grid-template-columns:repeat(2,1fr)}.quick-action{min-height:96px}.notification-row{grid-template-columns:38px 1fr}.notification-row>.button,.notification-row__read{grid-column:2;justify-self:start}}
