:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f5f7;--surface:#fff;--surface-2:#fafafa;--text:#1d1d1f;--secondary:#6e6e73;--tertiary:#929297;--border:#00000014;--border-strong:#00000024;--blue:#0071e3;--blue-hover:#0064cc;--blue-soft:#eaf4ff;--success:#34c759;--success-soft:#eaf8ee;--warning:#ff9f0a;--warning-soft:#fff5e5;--critical:#ff3b30;--critical-soft:#fff0ef;--sidebar:#fbfbfd;--radius-lg:20px;--radius-md:14px;--radius-sm:11px;--shadow:0 1px 2px #00000005, 0 8px 30px #00000009;--ease:.18s cubic-bezier(.2,.8,.2,1)}*{box-sizing:border-box}html{background:var(--bg)}html,body{color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{-webkit-font-smoothing:antialiased;min-height:100vh;font-size:14px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}:focus-visible{outline-offset:2px;outline:3px solid #0071e347}::selection{background:#0071e32e}.app-shell{grid-template-columns:244px minmax(0,1fr);min-height:100vh;display:grid}.app-sidebar{border-right:1px solid var(--border);-webkit-backdrop-filter:blur(22px)saturate(150%);backdrop-filter:blur(22px)saturate(150%);z-index:20;background:#fbfbfdeb;flex-direction:column;height:100vh;padding:20px 14px 14px;display:flex;position:sticky;top:0}.brand-lockup,.wordmark{letter-spacing:-.02em;align-items:center;gap:10px;padding:3px 8px 18px;display:flex}.brand-lockup>span:last-child{display:grid}.brand-lockup strong,.wordmark{font-size:17px;font-weight:700}.brand-lockup small{color:var(--secondary);letter-spacing:.01em;margin-top:1px;font-size:10px}.brandmark{color:#fff;background:var(--blue);border-radius:9px;flex:none;place-items:center;width:32px;height:32px;display:inline-grid;box-shadow:0 4px 14px #0071e33d}.org-switcher{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);grid-template-columns:18px minmax(0,1fr) 14px;align-items:center;gap:8px;margin:0 2px 16px;padding:10px;display:grid;box-shadow:0 1px 2px #00000006}.org-switcher>svg{color:var(--blue)}.org-switcher span{min-width:0;display:grid}.org-switcher small{color:var(--secondary);font-size:10px}.org-switcher strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:650;overflow:hidden}.sidebar-nav{scrollbar-width:none;padding:0 2px 14px;overflow:auto}.nav-group{color:var(--tertiary);text-transform:uppercase;letter-spacing:.08em;padding:15px 10px 6px;font-size:10px;font-weight:650}.sidebar-nav a{color:#515154;min-height:40px;transition:background var(--ease), color var(--ease), transform var(--ease);border-radius:10px;align-items:center;gap:11px;padding:0 10px;font-size:13px;font-weight:520;display:flex}.sidebar-nav a:hover{color:var(--text);background:#00000009}.sidebar-nav a.active{background:var(--blue-soft);color:var(--blue);font-weight:650}.sidebar-profile{border-top:1px solid var(--border);grid-template-columns:34px minmax(0,1fr) 32px;align-items:center;gap:9px;margin-top:auto;padding:14px 5px 2px;display:grid}.sidebar-profile>span:nth-child(2){min-width:0;display:grid}.sidebar-profile strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.sidebar-profile small{color:var(--secondary);text-transform:capitalize;font-size:9px}.avatar{color:#075cae;background:linear-gradient(145deg,#e6f2ff,#d6e9ff);border-radius:50%;place-items:center;width:34px;height:34px;font-size:11px;font-weight:700;display:inline-grid}.icon-button{width:34px;height:34px;color:var(--secondary);transition:background var(--ease), color var(--ease);background:0 0;border:0;border-radius:9px;place-items:center;display:inline-grid;position:relative}.icon-button:hover{color:var(--text);background:#0000000d}.app-main{min-width:0;overflow-x:clip}.app-topbar{z-index:15;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(20px)saturate(160%);backdrop-filter:blur(20px)saturate(160%);background:#f5f5f7d1;justify-content:center;align-items:center;height:64px;padding:0 30px;display:flex;position:sticky;top:0}.search-trigger{border:1px solid var(--border);width:min(380px,44vw);height:36px;color:var(--secondary);background:#ffffffb8;border-radius:10px;align-items:center;gap:9px;padding:0 10px;font-size:12px;display:flex}.search-trigger span{text-align:left;flex:1}kbd{border:1px solid var(--border);background:var(--surface);border-radius:5px;padding:2px 5px;font-size:10px;box-shadow:0 1px 1px #00000008}.topbar-actions{align-items:center;gap:6px;display:flex;position:absolute;right:26px}.notification-dot{background:var(--critical);border:1px solid var(--bg);border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:7px}.topbar-avatar,.mobile-brand,.mobile-nav{display:none}.app-content{max-width:1500px;margin:0 auto;padding:38px 36px 80px}.public-shell{background:radial-gradient(circle at 50% -30%,#fff 0,#f5f5f7 55%);min-height:100vh}.public-header{height:64px;color:var(--secondary);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffad;justify-content:space-between;align-items:center;padding:0 30px;font-size:12px;display:flex}.public-header .wordmark{color:var(--text);padding:0}.public-content{padding:1px 20px 60px}.auth-card{width:min(560px,100%);margin:52px auto;padding:28px}.auth-card>p:first-of-type{margin-bottom:20px}.auth-portals{grid-template-columns:1fr 1fr;gap:10px;margin:20px 0;display:grid}.auth-portals>a{border:1px solid var(--border-strong);border-radius:var(--radius-md);min-height:76px;color:var(--secondary);transition:border var(--ease),background var(--ease),color var(--ease),box-shadow var(--ease);align-items:center;gap:11px;padding:13px;display:flex}.auth-portals>a:hover{background:#fbfdff;border-color:#0071e357}.auth-portals>a.active{border-color:var(--blue);background:var(--blue-soft);color:var(--blue);box-shadow:0 0 0 3px #0071e314}.auth-portals span{gap:3px;display:grid}.auth-portals strong{color:var(--text);font-size:13px}.auth-portals small{font-size:10px;line-height:1.35}.auth-divider{color:var(--tertiary);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:10px;margin:18px 0;font-size:10px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.notice.compact{max-width:330px;margin:0;padding:9px 11px}.auth-request-switch{align-items:center;gap:8px;margin:0 0 18px;display:flex}.auth-request-switch>span{color:var(--secondary);margin-right:auto;font-size:11px;font-weight:650}.auth-request-switch .button.active{border-color:var(--blue);color:var(--blue);background:var(--blue-soft)}.pagehead{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.pagehead>div:first-child{max-width:780px}.pagehead h1,h1{letter-spacing:-.045em;margin:7px 0 8px;font-size:clamp(30px,3vw,42px);font-weight:700;line-height:1.04}.pagehead p{margin:0;font-size:14px}.page-actions{align-items:center;gap:9px;display:flex}.eyebrow{color:var(--blue);text-transform:uppercase;letter-spacing:.09em;font-size:11px;font-weight:700}h2{letter-spacing:-.025em;margin:0;font-size:18px;line-height:1.25}h3{margin:0;font-size:15px}p{color:var(--secondary);line-height:1.55}.grid{gap:16px;display:grid}.stats{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:20px}.two{grid-template-columns:minmax(0,1.65fr) minmax(290px,.85fr)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:22px}.card.stat{flex-direction:column;justify-content:space-between;min-height:130px;display:flex}.stat .label{color:var(--secondary);font-size:12px;font-weight:560}.stat .value{font-variant-numeric:tabular-nums;letter-spacing:-.045em;margin:14px 0 2px;font-size:clamp(27px,2.4vw,36px);font-weight:700;line-height:1}.stat .hint{color:var(--secondary);font-size:11px}.sectionhead{justify-content:space-between;align-items:center;gap:14px;margin-bottom:15px;display:flex}.stack{gap:14px;display:grid}.notice{background:var(--warning-soft);color:#76520d;border:1px solid #ffe1aa;border-radius:12px;margin:0 0 18px;padding:13px 15px;font-size:12px}.tablewrap{border-radius:12px;max-width:100%;overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{border-bottom:1px solid var(--border);color:var(--secondary);letter-spacing:.065em;text-transform:uppercase;text-align:left;white-space:nowrap;padding:11px 12px;font-size:10px;font-weight:650}td{vertical-align:middle;font-variant-numeric:tabular-nums;border-bottom:1px solid #0000000e;padding:14px 12px}tbody tr{transition:background var(--ease)}tbody tr:hover{background:#fafcff}tr:last-child td{border-bottom:0}.name{color:var(--text);font-weight:650}.subtle{color:var(--secondary);margin-top:3px;font-size:11px}.badge{color:#616166;letter-spacing:.035em;text-transform:uppercase;white-space:nowrap;background:#f0f0f2;border-radius:999px;align-items:center;gap:6px;min-height:25px;padding:4px 8px;font-size:9px;font-weight:720;display:inline-flex}.status-dot{background:currentColor;border-radius:50%;width:5px;height:5px}.badge.PRESENT,.badge.ACTIVE,.badge.APPROVED,.badge.SUCCEEDED,.badge.CLOSED,.badge.PAID,.badge.RELEASED{color:#218a3d;background:var(--success-soft)}.badge.EXCEPTION,.badge.HIGH,.badge.CRITICAL,.badge.FAILED,.badge.REJECTED,.badge.BLOCKED{color:#d92d27;background:var(--critical-soft)}.badge.PARTIAL,.badge.WARNING,.badge.PENDING,.badge.UNDER_REVIEW,.badge.CALCULATED{color:#a66600;background:var(--warning-soft)}.filters,.filter-bar{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.filters form,.filter-bar form{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.filters form input,.filters form select,.filter-bar form input,.filter-bar form select{min-width:210px}.formgrid{grid-template-columns:repeat(auto-fill,minmax(206px,1fr));align-items:end;gap:16px 14px;display:grid}.card>.formgrid{margin-top:18px}.formgrid>*{min-width:0}.formgrid label,.field{color:var(--secondary);letter-spacing:.015em;align-content:end;gap:7px;font-size:11px;font-weight:620;display:grid}:is(.formgrid .span-all,.formgrid :is(label,.field):has(textarea)){grid-column:1/-1}.formgrid>button,.formgrid>.button{place-self:end start}input,select,textarea{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);width:100%;min-height:42px;color:var(--text);transition:border var(--ease),box-shadow var(--ease);padding:9px 11px}input:hover,select:hover,textarea:hover{border-color:#0000003d}input:focus,select:focus,textarea:focus{border-color:var(--blue);outline:0;box-shadow:0 0 0 3px #0071e31f}input[type=hidden]{display:none}textarea{resize:vertical;min-height:96px;line-height:1.5}input::placeholder,textarea::placeholder{color:#a4a4a8}select{appearance:none;cursor:pointer;text-overflow:ellipsis;background-color:var(--surface);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236e6e73' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 11px center;background-repeat:no-repeat;background-size:13px;padding-right:34px}select:disabled{color:var(--tertiary);cursor:not-allowed;background-color:var(--surface-2)}select option{color:var(--text)}input[type=date],input[type=time],input[type=datetime-local]{font-variant-numeric:tabular-nums}::-webkit-calendar-picker-indicator{opacity:.5;cursor:pointer;transition:opacity var(--ease)}::-webkit-calendar-picker-indicator:hover{opacity:.9}input[type=checkbox],input[type=radio]{appearance:none;border:1px solid var(--border-strong);background:var(--surface);cursor:pointer;width:18px;height:18px;min-height:0;transition:background var(--ease),border var(--ease),box-shadow var(--ease);border-radius:5px;flex:none;place-content:center;margin:0;padding:0;display:inline-grid}input[type=radio]{border-radius:50%}input[type=checkbox]:before,input[type=radio]:before{content:"";clip-path:polygon(14% 45%,3% 58%,39% 93%,97% 22%,86% 11%,38% 70%);background:#fff;width:10px;height:10px;transition:transform .14s cubic-bezier(.2,.8,.2,1);transform:scale(0)}input[type=radio]:before{clip-path:none;border-radius:50%;width:7px;height:7px}input[type=checkbox]:hover,input[type=radio]:hover{border-color:#00000047}input[type=checkbox]:checked,input[type=radio]:checked{border-color:var(--blue);background:var(--blue)}input[type=checkbox]:checked:before,input[type=radio]:checked:before{transform:scale(1)}input[type=checkbox]:disabled,input[type=radio]:disabled{opacity:.45;cursor:not-allowed}.checkbox-field,label:where(:has(>input:where([type=checkbox],[type=radio]))){color:var(--secondary);cursor:pointer;align-items:center;gap:9px;font-size:12px;font-weight:560;line-height:1.35;display:flex}.formgrid .checkbox-field{align-self:end;align-items:center;gap:9px;min-height:42px;margin:0;padding:1px 2px;display:flex}.formgrid label:has(>input[type=checkbox]){align-self:end;align-items:center;gap:9px;min-height:42px;margin:0;padding:1px 2px;display:flex}.formgrid label:has(>input[type=radio]){align-self:end;align-items:center;gap:9px;min-height:42px;margin:0;padding:1px 2px;display:flex}.checkbox-field:hover,.formgrid .checkbox-field:hover{color:var(--text)}.button{border:1px solid var(--blue);border-radius:var(--radius-sm);background:var(--blue);color:#fff;min-height:40px;transition:background var(--ease),transform var(--ease),box-shadow var(--ease);justify-content:center;align-items:center;gap:7px;padding:8px 15px;font-size:12px;font-weight:650;display:inline-flex}.button:hover{background:var(--blue-hover);box-shadow:0 5px 16px #0071e329}.button:active{transform:scale(.98)}.button.secondary{background:var(--surface);border-color:var(--border-strong);color:var(--text);box-shadow:none}.button.secondary:hover{background:#f7f7f8}.button.danger{background:var(--critical);border-color:var(--critical)}.button:disabled{opacity:.45;cursor:not-allowed}.segmented{background:#eaeaed;border-radius:10px;padding:3px;display:inline-flex}.segmented button{min-height:30px;color:var(--secondary);background:0 0;border:0;border-radius:8px;padding:4px 11px;font-size:11px}.segmented button.active{color:var(--text);background:#fff;box-shadow:0 1px 4px #00000017}.money-input{align-items:center;min-width:0;display:flex;position:relative}.money-input span{color:var(--secondary);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.money-input input{font-variant-numeric:tabular-nums;padding-left:27px}.money-input input,.percent-input input{min-width:0}.action-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);min-height:108px;transition:transform var(--ease),box-shadow var(--ease),border var(--ease);justify-content:space-between;align-items:flex-start;gap:15px;padding:18px;display:flex}.action-card:hover{box-shadow:var(--shadow);border-color:#0071e338;transform:translateY(-2px)}.action-card>span:first-child{gap:5px;display:grid}.action-card small{color:var(--secondary);line-height:1.45}.action-link{color:var(--blue);white-space:nowrap;align-items:center;gap:4px;font-size:11px;font-weight:650;display:flex}.action-card.warning{border-left:3px solid var(--warning)}.action-card.critical{border-left:3px solid var(--critical)}.attention-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:-4px 0 20px;display:grid}.source-hero{background:var(--surface-2);border-radius:12px;align-items:center;gap:11px;padding:13px;display:flex}.source-hero>div{gap:3px;display:grid}.source-hero small{color:var(--secondary)}.pulse-dot{background:var(--warning);border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 5px #ff9f0a1f}.definition-list{gap:0;display:grid}.definition-list>div{border-bottom:1px solid var(--border);justify-content:space-between;gap:15px;padding:11px 0;display:flex}.definition-list span{color:var(--secondary);font-size:11px}.definition-list strong{font-variant-numeric:tabular-nums;font-size:11px}.today-card{grid-template-columns:1fr auto;gap:18px;margin-bottom:20px;display:grid}.today-card>div:first-child{align-items:center;gap:12px;display:flex}.today-icon{width:46px;height:46px;color:var(--blue);background:var(--blue-soft);border-radius:14px;place-items:center;display:grid}.today-times{grid-column:1/-1;grid-template-columns:repeat(4,1fr);gap:10px!important;display:grid!important}.today-times>div{background:var(--surface-2);border-radius:12px;gap:5px;padding:13px;display:grid}.today-times span{color:var(--secondary);font-size:10px}.today-times strong{font-variant-numeric:tabular-nums;font-size:16px}.progress-track{background:#e9e9ec;border-radius:99px;grid-column:1/-1;height:7px;overflow:hidden}.progress-track span{border-radius:inherit;background:var(--blue);height:100%;display:block}.quick-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.quick-grid a{border:1px solid var(--border);min-height:94px;transition:border var(--ease),background var(--ease);border-radius:13px;grid-template-columns:1fr auto;align-content:center;gap:5px 10px;padding:14px;display:grid}.quick-grid a:hover{background:#fbfdff;border-color:#0071e340}.quick-grid small{color:var(--secondary)}.quick-grid svg{color:var(--blue);grid-area:1/2/3;align-self:center}.payslip-preview,.state-compact{flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;min-height:190px;display:flex}.payslip-preview span,.state-compact p{color:var(--secondary);margin:0;font-size:11px}.state-compact a{color:var(--blue);font-size:12px;font-weight:650}.workflow-stepper{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow);grid-template-columns:repeat(6,1fr);margin:0 0 20px;padding:16px;list-style:none;display:grid}.workflow-stepper li{color:var(--tertiary);text-align:center;justify-items:center;gap:7px;font-size:10px;display:grid;position:relative}.workflow-stepper li:not(:last-child):after{content:"";background:var(--border-strong);height:1px;position:absolute;top:13px;left:calc(50% + 17px);right:calc(17px - 50%)}.workflow-stepper li>span{z-index:1;border:1px solid var(--border-strong);background:var(--surface);border-radius:50%;place-items:center;width:27px;height:27px;font-weight:700;display:grid}.workflow-stepper li.current{color:var(--blue)}.workflow-stepper li.current>span{border-color:var(--blue);color:#fff;background:var(--blue);box-shadow:0 0 0 4px var(--blue-soft)}.workflow-stepper li.complete{color:#218a3d}.workflow-stepper li.complete>span{border-color:var(--success);color:#fff;background:var(--success)}.workflow-stepper li.complete:not(:last-child):after{background:var(--success)}.salary-layout{grid-template-columns:minmax(0,1.75fr) minmax(300px,.7fr);align-items:start;min-width:0}.salary-composer{gap:22px;min-width:0;display:grid}.salary-identity{gap:18px;display:grid}.salary-identity .formgrid{grid-template-columns:1fr 1fr;display:grid}.component-sections{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;min-width:0;display:grid}.component-section{border:1px solid var(--border);background:var(--surface-2);border-radius:15px;min-width:0;padding:17px}.component-list{gap:10px;display:grid}.component-row{border:1px solid var(--border);background:var(--surface);min-width:0;transition:border var(--ease),box-shadow var(--ease);border-radius:13px;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;grid-template-areas:"name name remove""kind amount lop";align-items:center;gap:9px;padding:12px;display:grid}.component-row:hover{border-color:var(--border-strong);box-shadow:0 1px 3px #0000000a}.component-row:focus-within{border-color:#0071e359}.component-row>*{min-width:0}.component-row>input{grid-area:name;font-weight:620}.component-row>select{grid-area:kind}.component-row>.money-input,.component-row>.percent-input{grid-area:amount}.component-row>.toggle{grid-area:lop}.component-row>.icon-button{grid-area:remove;justify-self:end;width:30px;height:30px}.component-row input:not([type=checkbox]),.component-row select{min-height:36px;padding-block:6px;font-size:12px}.component-row select{background-position:right 9px center;background-size:12px;padding-right:30px}.percent-input{align-items:center;min-width:0;display:flex;position:relative}.percent-input input{font-variant-numeric:tabular-nums;padding-right:26px}.percent-input span{color:var(--secondary);pointer-events:none;position:absolute;top:50%;right:11px;transform:translateY(-50%)}.toggle{color:var(--secondary);white-space:nowrap;cursor:pointer;align-items:center;gap:7px;font-size:11px;font-weight:560;display:flex}.toggle:hover{color:var(--text)}.toggle input{border-radius:4px;width:16px;height:16px;min-height:0;padding:0}.toggle input:before{width:9px;height:9px}.add-component{justify-self:start}.salary-summary{background:#f2f7fd;border-radius:15px;grid-template-columns:repeat(3,1fr);gap:10px;padding:16px;display:grid}.salary-summary>div{border-right:1px solid #0071e31f;gap:5px;padding:7px 12px;display:grid}.salary-summary>div:last-child{border:0}.salary-summary span{color:var(--secondary);font-size:10px}.salary-summary strong{font-variant-numeric:tabular-nums;font-size:19px}.salary-summary .net strong{color:var(--blue)}.form-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:9px;padding-top:18px;display:flex}.approval-list{max-height:calc(100vh - 100px);position:sticky;top:84px;overflow-y:auto}.approval-list article{border-bottom:1px solid var(--border);gap:10px;padding:14px 0;display:grid}.approval-list article>div{justify-items:start;gap:6px;display:grid}.approval-list article span:not(.badge,.status-dot){color:var(--secondary);font-size:10px}.approval-form{gap:7px;display:grid}.salary-review{border:1px solid var(--border);border-radius:12px}.salary-review>summary{color:var(--blue);cursor:pointer;padding:9px 12px;font-size:12px;font-weight:600}.salary-review[open]>summary{border-bottom:1px solid var(--border)}.salary-review-body{gap:8px;padding:10px 12px 12px;font-size:12px;display:grid}.salary-review-body h4{text-transform:uppercase;letter-spacing:.04em;color:var(--secondary);margin:6px 0 0;font-size:11px}.salary-review-body dl{gap:6px;margin:0;display:grid}.salary-review-body dl>div{justify-content:space-between;gap:12px;display:flex}.salary-review-body dt{color:var(--secondary)}.salary-review-body dd{text-align:right;font-variant-numeric:tabular-nums;margin:0;font-weight:600}.salary-review-body ul{gap:7px;margin:0;padding:0;list-style:none;display:grid}.salary-review-body li{justify-content:space-between;align-items:start;gap:12px;display:flex}.salary-review-body li>div{gap:2px;display:grid}.salary-review-body li b{font-variant-numeric:tabular-nums;white-space:nowrap}.salary-review-totals{border-top:1px solid var(--border);padding-top:8px}.salary-review-totals .net dd{color:var(--blue)}.approval-bar{color:#1b7c35;background:var(--success-soft);border-radius:13px;align-items:center;gap:11px;padding:14px 16px;display:flex}.form-section{border-bottom:1px solid var(--border);grid-template-columns:minmax(180px,.6fr) minmax(0,1.4fr);gap:28px;padding:24px 0;display:grid}.form-section header p{margin:6px 0 0;font-size:12px}.event{border-bottom:1px solid var(--border);grid-template-columns:78px 1fr auto;align-items:center;gap:13px;padding:13px 0;display:grid;position:relative}.event:last-child{border:0}.eventtime{font-variant-numeric:tabular-nums;font-weight:650}.evidence-timeline{border-left:1px solid var(--border-strong);margin-left:8px;padding-left:20px}.state-panel{text-align:center;min-height:200px;color:var(--secondary);place-content:center;justify-items:center;gap:8px;display:grid}.state-panel strong{color:var(--text)}.state-panel p{max-width:360px;margin:0;font-size:12px}.state-panel.error svg{color:var(--critical)}.skeleton{border-radius:var(--radius-lg);background:linear-gradient(90deg,#ececef 25%,#f6f6f8 45%,#ececef 65%) 0 0/300% 100%;height:120px;animation:1.4s infinite shimmer}.confirmation{border:1px solid var(--border);border-radius:12px;padding:12px 14px}.confirmation summary{color:var(--blue);cursor:pointer;font-weight:650}.sheet{border-left:1px solid var(--border);padding-left:20px}.toast{color:#fff;z-index:50;background:#262629;border-radius:12px;align-items:center;gap:8px;padding:12px 15px;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 12px 34px #0003}.trace{border:1px solid var(--border);white-space:pre-wrap;background:#f7f7f8;border-radius:11px;max-height:280px;padding:14px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;overflow:auto}.calendar{grid-template-columns:repeat(5,1fr);gap:11px;display:grid}.daytile{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);min-height:112px;padding:13px}.daytile .date{color:var(--secondary);margin-bottom:15px;font-size:11px}.meter{background:#e9e9ec;border-radius:999px;height:6px;margin-top:9px;overflow:hidden}.meter span{border-radius:inherit;background:var(--blue);height:100%;display:block}details summary{cursor:pointer;color:var(--blue);font-weight:620}.spin{animation:1s linear infinite spin}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:1050px){.app-shell{grid-template-columns:82px minmax(0,1fr)}.app-sidebar{padding-inline:11px}.brand-lockup{justify-content:center;padding-inline:0}.brand-lockup>span:last-child,.org-switcher span,.org-switcher>svg:last-child,.sidebar-nav a span,.nav-group,.sidebar-profile>span:nth-child(2){display:none}.org-switcher{justify-content:center;display:flex}.sidebar-nav a{justify-content:center;padding:0}.sidebar-profile{grid-template-columns:1fr;justify-items:center}.sidebar-profile form{display:none}.stats,.attention-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.salary-layout{grid-template-columns:1fr}.approval-list{position:static}.component-sections{grid-template-columns:1fr}}@media (max-width:760px){body{padding-bottom:70px}.app-shell{display:block}.app-sidebar{display:none}.app-topbar{justify-content:space-between;height:58px;padding:0 16px}.mobile-brand{align-items:center;gap:8px;display:flex}.mobile-brand .brandmark{border-radius:8px;width:29px;height:29px}.search-trigger{background:0 0;border:0;justify-content:center;width:34px;margin-left:auto;margin-right:6px;padding:0}.search-trigger span,.search-trigger kbd{display:none}.topbar-actions{position:static}.topbar-avatar{display:inline-grid}.app-content{padding:26px 16px 48px}.mobile-nav{z-index:30;border:1px solid var(--border);-webkit-backdrop-filter:blur(20px)saturate(160%);backdrop-filter:blur(20px)saturate(160%);background:#ffffffe6;border-radius:18px;grid-template-columns:repeat(5,1fr);height:60px;padding:5px;display:grid;position:fixed;bottom:9px;left:10px;right:10px;box-shadow:0 8px 30px #0000001f}.mobile-nav a{color:var(--secondary);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:9px;display:flex}.mobile-nav a.active{color:var(--blue);background:var(--blue-soft);font-weight:650}.pagehead{flex-direction:column;align-items:flex-start;margin-bottom:22px}.pagehead h1{font-size:32px}.page-actions{width:100%}.two{grid-template-columns:1fr}.form-section{grid-template-columns:1fr;gap:12px}.workflow-stepper{grid-template-columns:repeat(6,120px);justify-content:start;overflow-x:auto}.today-times{grid-template-columns:1fr 1fr}.component-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name remove""kind kind""amount lop"}.public-header{padding:0 16px}.public-header>span:last-child{display:none}.public-content{padding-inline:16px}}@media (max-width:520px){.auth-card{margin:20px auto}.auth-portals{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr;gap:10px}.card{border-radius:17px;padding:17px}.card.stat{min-height:110px}.stat .value{font-size:27px}.calendar,.attention-grid,.quick-grid,.formgrid,.salary-identity .formgrid,.salary-summary{grid-template-columns:1fr}.salary-summary>div{border-bottom:1px solid #0071e31f;border-right:0}.filters>*,.filters form,.filter-bar>*{flex:100%}.button{width:100%}th,td{padding-inline:9px}}