:root{--ink:#18231e;--muted:#6b7771;--line:#e2e8e4;--paper:#fff;--bg:#f4f6f4;--green:#245e49;--pale:#dcebe4;--gold:#d6a84f;--shadow:0 12px 34px rgba(22,50,38,.06)}
*{box-sizing:border-box}body{margin:0;font:14px Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--bg)}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.app{display:grid;grid-template-columns:246px 1fr;min-height:100vh}
aside{height:100vh;position:sticky;top:0;background:#16271f;color:#afbeb7;padding:26px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:0 10px 30px}.brand>b{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:var(--gold);color:#17251f;font-size:18px}.brand strong{display:block;color:#fff}.brand small,.account small{display:block;color:#82978d;font-size:10px;margin-top:4px;letter-spacing:.08em}nav{display:grid;gap:6px}.nav{padding:11px 13px;border-radius:9px;display:flex;align-items:center;gap:12px}.nav:hover,.nav.on{background:#263e34;color:#fff}.nav b{font-size:17px;width:22px;text-align:center}.account{margin-top:auto;border-top:1px solid #30473d;padding:20px 10px 0;display:flex;align-items:center;gap:10px}.account>span,.head-user i{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#49675a;color:#fff;font-style:normal}
main{min-width:0}header{height:72px;background:rgba(255,255,255,.9);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px;position:sticky;top:0;z-index:5;backdrop-filter:blur(10px)}.crumb{color:var(--muted);font-size:13px}.head-user{display:flex;align-items:center;gap:13px;color:var(--muted);font-size:12px}#page{padding:34px 36px 60px;max-width:1480px;margin:auto}
.page-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:27px}.eyebrow{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--green);font-weight:800;margin-bottom:8px}.page-head h1{font:600 29px Georgia,"Songti SC",serif;margin:0 0 7px}.page-head p{color:var(--muted);margin:0}.btn{border:1px solid var(--line);background:#fff;border-radius:9px;padding:10px 15px;font-weight:650;cursor:pointer;display:inline-flex;gap:7px;align-items:center}.btn.primary{background:var(--green);border-color:var(--green);color:#fff}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.metric,.card{background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.metric{padding:21px}.metric label{display:flex;justify-content:space-between;color:var(--muted);font-size:13px}.metric label i{background:var(--pale);color:var(--green);font-style:normal;padding:7px;border-radius:8px}.metric strong{display:block;font:28px Georgia,serif;margin:17px 0 6px}.metric small{color:var(--muted)}.metric small.up{color:var(--green)}
.grid2{display:grid;grid-template-columns:1.55fr 1fr;gap:18px}.card{overflow:hidden}.card-head{display:flex;justify-content:space-between;align-items:center;padding:19px 21px;border-bottom:1px solid var(--line)}.card-head h2{font-size:15px;margin:0}.card-body{padding:22px}.badge{font-size:11px;background:var(--pale);color:var(--green);border-radius:99px;padding:4px 8px;font-weight:700}
.employee-status.status-active{background:#e2f1e9;color:#176b49}.employee-status.status-terminated{background:#fde7e5;color:#b83a32}.employee-status.status-inactive{background:#e5efff;color:#2563a8}.employee-status.status-pending_termination{background:#fff0d8;color:#a65b08}
table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:var(--muted);font-weight:500;padding:12px 14px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:14px;border-bottom:1px solid #edf1ee}tbody tr:hover{background:#f8faf8}tbody tr:last-child td{border:0}.person{display:flex;align-items:center;gap:10px}.avatar{width:32px;height:32px;border-radius:9px;background:#e7eee9;color:var(--green);display:grid;place-items:center;font-weight:800}.money{font-weight:700;font-variant-numeric:tabular-nums}.link{color:var(--green);font-weight:700}.bars{display:grid;gap:18px}.bar-meta{display:flex;justify-content:space-between;margin-bottom:8px}.bar{height:7px;background:#edf1ee;border-radius:8px;overflow:hidden}.bar span{display:block;height:100%;background:var(--green);border-radius:8px}
.filters{display:flex;gap:10px;margin-bottom:15px}.search{position:relative;flex:1}.search input,.field input,.field select,.field textarea{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:9px;background:#fff;outline:none}.search input{padding-left:37px}.search span{position:absolute;left:13px;top:11px;color:var(--muted)}input:focus,select:focus,textarea:focus{border-color:#6d9987;box-shadow:0 0 0 3px rgba(36,94,73,.08)}
.employee-filter{min-width:138px;padding:10px 34px 10px 12px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);outline:none;cursor:pointer}.employee-table-card{overflow:visible}.employee-table{width:100%;min-width:0;table-layout:fixed}.employee-table th,.employee-table td{padding-left:9px;padding-right:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.employee-table .person{min-width:0}.employee-table th:nth-child(1){width:112px}.employee-table th:nth-child(2){width:105px}.employee-table th:nth-child(3){width:82px}.employee-table th:nth-child(4){width:86px}.employee-table th:nth-child(5){width:auto}.employee-table th:nth-child(6){width:104px}.employee-table th:nth-child(7){width:84px}.employee-table th:nth-child(8){width:76px}.employee-table th:nth-child(9){width:108px}.employee-table th:nth-last-child(2){width:82px}.employee-table th:last-child{width:92px}.archived-employees .employee-table th:nth-child(10){width:108px}.employee-table thead th{position:sticky;top:72px;z-index:4;background:#fff;box-shadow:0 1px 0 var(--line)}
.employee-section{width:100%;box-sizing:border-box}.employee-section-toggle{width:100%;box-sizing:border-box;border:0;background:#fff;color:var(--ink);font:inherit;cursor:pointer;text-align:left}.employee-section-content{box-sizing:border-box;width:100%;padding:0 16px 12px}.employee-section-toggle>span{display:flex;align-items:center;gap:12px}.employee-section-toggle i{width:20px;color:var(--muted);font-size:18px;font-style:normal;text-align:center}.employee-section.collapsed .employee-section-content{display:none}.employee-section.collapsed{overflow:hidden}.employee-section-toggle:hover{background:#fbfdfc}
.not-applicable{color:#8a9691;font-size:12px}
.employee-table th.sortable{padding-right:30px;cursor:pointer;user-select:none}.employee-table th.sortable::after{content:'↕';position:absolute;right:11px;color:#9aa7a1;opacity:.65}.employee-table th.sortable:hover{color:var(--green);background:#f7faf8}.employee-table th.sortable.sort-asc::after{content:'↑';color:var(--green);opacity:1}.employee-table th.sortable.sort-desc::after{content:'↓';color:var(--green);opacity:1}.employee-table th.sortable:focus-visible{outline:2px solid #8eb3a3;outline-offset:-3px}
#contractorSection .employee-table th:nth-child(1){width:11%}#contractorSection .employee-table th:nth-child(2){width:10%}#contractorSection .employee-table th:nth-child(3){width:9%}#contractorSection .employee-table th:nth-child(4){width:25%}#contractorSection .employee-table th:nth-child(5){width:12%}#contractorSection .employee-table th:nth-child(6){width:14%}#contractorSection .employee-table th:nth-child(7){width:9%}#contractorSection .employee-table th:nth-child(8){width:10%}
.employee-table th:nth-child(1){width:9%}.employee-table th:nth-child(2){width:9%}.employee-table th:nth-child(3){width:7%}.employee-table th:nth-child(4){width:7%}.employee-table th:nth-child(5){width:18%}.employee-table th:nth-child(6){width:10%}.employee-table th:nth-child(7){width:7%}.employee-table th:nth-child(8){width:7%}.employee-table th:nth-child(9){width:11%}.employee-table th:nth-child(10){width:7%}.employee-table th:nth-child(11){width:8%}.archived-employees .employee-table th:nth-child(1){width:8%}.archived-employees .employee-table th:nth-child(2){width:8%}.archived-employees .employee-table th:nth-child(3){width:6%}.archived-employees .employee-table th:nth-child(4){width:6%}.archived-employees .employee-table th:nth-child(5){width:16%}.archived-employees .employee-table th:nth-child(6){width:9%}.archived-employees .employee-table th:nth-child(7){width:6%}.archived-employees .employee-table th:nth-child(8){width:6%}.archived-employees .employee-table th:nth-child(9){width:9%}.archived-employees .employee-table th:nth-child(10){width:9%}.archived-employees .employee-table th:nth-child(11){width:7%}.archived-employees .employee-table th:nth-child(12){width:8%}
.employee-table th:nth-child(1){width:11%}.employee-table th:nth-child(2){width:8%}.employee-table th:nth-child(3){width:8%}.employee-table th:nth-child(4){width:20%}.employee-table th:nth-child(5){width:11%}.employee-table th:nth-child(6){width:8%}.employee-table th:nth-child(7){width:8%}.employee-table th:nth-child(8){width:12%}.employee-table th:nth-child(9){width:7%}.employee-table th:nth-child(10){width:7%}.archived-employees .employee-table th:nth-child(1){width:10%}.archived-employees .employee-table th:nth-child(2){width:7%}.archived-employees .employee-table th:nth-child(3){width:7%}.archived-employees .employee-table th:nth-child(4){width:17%}.archived-employees .employee-table th:nth-child(5){width:10%}.archived-employees .employee-table th:nth-child(6){width:7%}.archived-employees .employee-table th:nth-child(7){width:7%}.archived-employees .employee-table th:nth-child(8){width:10%}.archived-employees .employee-table th:nth-child(9){width:10%}.archived-employees .employee-table th:nth-child(10){width:7%}.archived-employees .employee-table th:nth-child(11){width:8%}
.enhanced-native-select{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none}.custom-select{position:relative;min-width:138px}.custom-select-trigger{width:100%;min-height:43px;padding:10px 38px 10px 13px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);text-align:left;cursor:pointer;position:relative}.custom-select-trigger:after{content:"";position:absolute;right:14px;top:50%;width:7px;height:7px;border-right:1.5px solid var(--green);border-bottom:1.5px solid var(--green);transform:translateY(-70%) rotate(45deg)}.custom-select-trigger:hover,.custom-select-trigger:focus{border-color:#6d9987;box-shadow:0 0 0 3px rgba(36,94,73,.08);outline:none}.custom-select-menu{position:absolute;z-index:60;top:calc(100% + 6px);left:0;right:0;min-width:190px;max-height:280px;overflow:auto;padding:6px;background:#fff;border:1px solid #d9e3de;border-radius:10px;box-shadow:0 16px 36px rgba(19,48,38,.18)}.custom-select-menu[hidden]{display:none}.custom-select-menu button{display:block;width:100%;padding:10px 11px;border:0;border-radius:7px;background:#fff;color:var(--ink);text-align:left;cursor:pointer}.custom-select-menu button:hover{background:#eef5f1;color:var(--green)}.custom-select-menu button.selected{background:var(--green);color:#fff;font-weight:700}.custom-select-search{position:sticky;top:0;z-index:1;width:100%;margin-bottom:5px;padding:9px 10px;border:1px solid var(--line);border-radius:7px;background:#fff;outline:none}.prefixed-input{display:flex;align-items:stretch;border:1px solid var(--line);border-radius:9px;background:#fff;overflow:hidden}.prefixed-input:focus-within{border-color:#6d9987;box-shadow:0 0 0 3px rgba(36,94,73,.08)}.prefixed-input span{display:flex;align-items:center;padding:0 12px;background:#eef4f1;color:var(--green);font-weight:800;border-right:1px solid var(--line)}.prefixed-input input{border:0!important;border-radius:0!important;box-shadow:none!important}
.profile{display:grid;grid-template-columns:310px 1fr;gap:18px}.profile-card{text-align:center;padding:26px}.big-avatar{width:76px;height:76px;border-radius:21px;background:var(--pale);color:var(--green);display:grid;place-items:center;margin:0 auto 14px;font-size:23px;font-weight:800}.profile-card h2{margin:0 0 5px}.profile-card>p{color:var(--muted);margin:0}.info{margin-top:25px;display:grid;gap:14px;text-align:left}.info div{display:flex;justify-content:space-between;gap:12px}.info span{color:var(--muted)}.salary-box{background:#18392d;color:#fff;border-radius:14px;padding:24px;display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.salary-box span{color:#adc1b8}.salary-box strong{display:block;font:32px Georgia,serif;margin-top:7px}.salary-box em{background:rgba(255,255,255,.1);padding:8px 11px;border-radius:8px;font-style:normal}
.timeline{position:relative;padding-left:20px}.timeline:before{content:"";position:absolute;left:5px;top:7px;bottom:12px;width:1px;background:#d9e1dc}.event{position:relative;padding:0 0 27px 20px}.event:last-child{padding-bottom:0}.event:before{content:"";position:absolute;left:-19px;top:4px;width:9px;height:9px;border-radius:50%;background:var(--green);border:3px solid #fff;box-shadow:0 0 0 1px var(--green)}.event-head{display:flex;justify-content:space-between}.event-head b{font-size:14px}.event-head time,.event small{color:var(--muted)}.event strong{display:block;font:22px Georgia,serif;margin:7px 0}
.form-wrap{max-width:820px}.form-card{padding:28px;overflow:visible}.form-card h2{font-size:14px;margin:0 0 20px;padding-bottom:13px;border-bottom:1px solid var(--line)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field.full{grid-column:1/-1}.field label{display:block;font-size:12px;font-weight:700;margin-bottom:8px}.field textarea{min-height:105px;resize:vertical}.field small{display:block;color:var(--muted);margin-top:6px}.readonly{background:#f1f4f2!important;color:#66736d}.actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding-top:20px;margin-top:24px}.progress{display:flex;gap:9px;align-items:center}.progress .bar{width:100px}.progress small{color:var(--muted)}.toast{position:fixed;right:25px;bottom:25px;background:#17382c;color:#fff;padding:14px 18px;border-radius:10px;opacity:0;transform:translateY(10px);transition:.25s;pointer-events:none;z-index:20}.toast.show{opacity:1;transform:none}
.field:has(input[name="email"]){display:none}
.form-grid .field.full:has(input[name="amountAfter"]){grid-column:auto}
.effective-month-select+.custom-select{width:100%}
.employee-combobox{position:relative}.employee-combobox>input:not([type=hidden]){padding-right:46px}.employee-clear{position:absolute;z-index:32;right:9px;top:50%;transform:translateY(-50%);width:30px;height:30px;border:0;border-radius:7px;background:#eef4f1;color:var(--green);font-size:20px;line-height:1;cursor:pointer}.employee-clear:hover{background:#dcebe4}.employee-suggestions{position:absolute;z-index:30;top:calc(100% + 6px);left:0;right:0;max-height:320px;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 16px 36px rgba(19,48,38,.16);padding:6px}.employee-suggestions[hidden]{display:none}.employee-suggestions button{display:flex;width:100%;justify-content:space-between;align-items:center;gap:16px;padding:11px 12px;border:0;border-radius:7px;background:#fff;text-align:left;cursor:pointer}.employee-suggestions button:hover,.employee-suggestions button.active{background:var(--pale);color:var(--green)}.employee-suggestions button span{color:var(--muted);font-size:12px}.employee-empty{padding:16px;color:var(--muted);text-align:center}.department-row{display:block;width:100%;border:0;background:transparent;padding:7px;border-radius:8px;text-align:left;cursor:pointer}.department-row:hover{background:var(--pale)}.department-detail{border-top:1px solid var(--line)}.department-detail[hidden]{display:none}.department-table{max-height:360px;overflow:auto}.equity-period-head,.equity-period{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:12px}.equity-period-head{padding:12px 0 4px;color:var(--muted);font-size:12px;font-weight:700}.equity-period-head span:last-child{width:52px}.equity-period{align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.equity-period .btn{margin-bottom:1px}
.field input[type=date]{min-height:46px;padding:11px 14px;background:linear-gradient(180deg,#fff,#fbfcfb);color:#23352e;font-variant-numeric:tabular-nums;letter-spacing:.2px;cursor:pointer}.batch-input{display:grid;grid-template-columns:auto 88px auto;align-items:center;justify-content:start;width:max-content;max-width:100%;border:1px solid var(--line);border-radius:9px;background:#fff;overflow:hidden}.batch-input:focus-within{border-color:#6d9987;box-shadow:0 0 0 3px rgba(36,94,73,.08)}.batch-input span{padding:0 10px;color:var(--muted);font-weight:700}.batch-input input{width:88px!important;border:0!important;border-radius:0!important;box-shadow:none!important;text-align:center;padding-left:6px!important;padding-right:6px!important}.flatpickr-calendar{border:1px solid #dde4e0;border-radius:12px!important;box-shadow:0 14px 34px rgba(23,56,44,.16)!important;font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;padding:5px}.flatpickr-months{position:relative}.flatpickr-months .flatpickr-month{height:44px}.flatpickr-current-month{display:none!important}.salary-calendar-title{position:absolute;left:50%;top:4px;transform:translateX(-50%);height:36px;display:flex;align-items:center;gap:4px;white-space:nowrap;font-size:15px;font-weight:700;color:#283a33;z-index:2}.salary-calendar-year{border:0;background:transparent;color:inherit;font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;padding:5px 4px;text-align:center}.salary-calendar-year:hover,.salary-calendar-year:focus{color:#245e49;outline:none;background:#eef4f1;border-radius:6px}.salary-calendar-month{margin-left:4px}.salary-year-panel{position:absolute;z-index:20;top:48px;left:12px;right:12px;min-height:220px;padding:14px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;background:#fff;border:1px solid #dfe6e2;border-radius:12px;box-shadow:0 12px 30px rgba(23,56,44,.18)}.salary-year-panel[hidden]{display:none}.salary-year-panel button{height:36px;border:0;border-radius:8px;background:#f5f8f6;color:#40554c;font:inherit;font-variant-numeric:tabular-nums;cursor:pointer}.salary-year-panel button:hover{background:#e5f0eb;color:#245e49}.salary-year-panel button.selected{background:#245e49;color:#fff;font-weight:700}.flatpickr-weekday{color:#77847e!important;font-weight:500!important}.flatpickr-day{border-radius:8px!important;color:#33423c}.flatpickr-day:hover{background:#eef4f1!important;border-color:#eef4f1!important}.flatpickr-day.selected,.flatpickr-day.selected:hover{background:#245e49!important;border-color:#245e49!important;color:#fff!important}.flatpickr-day.today{border-color:#c8932f!important}.salary-calendar-footer{display:flex;justify-content:space-between;border-top:1px solid #e5e9e7;margin:6px -5px -5px;padding:8px 10px}.salary-calendar-footer button{border:0;background:transparent;color:#557066;cursor:pointer;padding:5px 8px;border-radius:6px}.salary-calendar-footer button:hover{background:#eef4f1;color:#245e49}
.metrics{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1050px){.app{grid-template-columns:80px 1fr}.brand div,.nav span,.account div{display:none}.brand{padding-left:3px}.nav{justify-content:center}.account{justify-content:center}.metrics{grid-template-columns:repeat(2,1fr)}.grid2,.profile{grid-template-columns:1fr}}
@media(max-width:700px){.app{display:block}aside{height:auto;top:auto;bottom:0;left:0;right:0;position:fixed;z-index:10;padding:8px}.brand,.account{display:none}nav{display:flex;justify-content:space-around}.nav{padding:9px}.nav span{display:none}header{padding:0 16px}#page{padding:24px 15px 86px}.page-head{align-items:flex-start;flex-direction:column}.metrics{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.filters{flex-wrap:wrap}.card{overflow:auto}}

.adjustment-type-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.type-option{margin:0!important;cursor:pointer}.type-option input{position:absolute;opacity:0;pointer-events:none}.type-option span{display:block;min-height:68px;padding:13px 14px;border:1px solid #dfe5e2;border-radius:11px;background:#f8faf9;transition:.18s}.type-option b{display:block;font-size:14px;color:#273a32}.type-option small{margin-top:5px!important;font-size:11px}.type-option:hover span{border-color:#8aab9d;background:#f2f7f5}.type-option input:focus-visible+span{box-shadow:0 0 0 3px rgba(36,94,73,.12)}.type-option input:checked+span{border-color:#245e49;background:#edf5f1;box-shadow:inset 0 0 0 1px #245e49}.type-option input:checked+span b{color:#174b38}.type-option.decrease input:checked+span{border-color:#b46a55;background:#fff3ef;box-shadow:inset 0 0 0 1px #b46a55}.type-option.decrease input:checked+span b{color:#91452f}.type-option.correction input:checked+span{border-color:#b88a33;background:#fff8e9;box-shadow:inset 0 0 0 1px #b88a33}.type-option.correction input:checked+span b{color:#85611e}.type-option.initialization{grid-column:1/-1;max-width:260px}.type-option.initialization input:checked+span{border-color:#35699a;background:#eef6fd;box-shadow:inset 0 0 0 1px #35699a}.type-option.initialization input:checked+span b{color:#28577f}.flatpickr-calendar{width:380px!important}.flatpickr-days,.dayContainer{width:368px!important;min-width:368px!important;max-width:368px!important}.flatpickr-day{max-width:52.5px!important}.flatpickr-months{width:100%}
.type-option:not(.initialization) span{min-height:48px;padding:12px 14px;display:flex;align-items:center}.type-option:not(.initialization) small{display:none}
.type-option.initialization span{min-height:48px;padding:12px 14px;display:flex;align-items:center}.type-option.initialization small{display:none}
.admin-add{display:grid;grid-template-columns:minmax(0,1fr) 132px;gap:28px;align-items:start}.admin-fields{display:grid;gap:16px}.admin-add .btn{height:44px;margin:23px 0 0;justify-content:center;align-self:start}.admin-card{margin-top:20px}.admin-list{display:grid}.admin-row{display:grid;grid-template-columns:minmax(0,1fr) 112px 76px;align-items:center;gap:14px;padding:15px 20px;border-bottom:1px solid var(--line)}.admin-row:last-child{border-bottom:0}.admin-row>div{display:flex;align-items:center;gap:12px}.admin-row b,.admin-row small{display:block}.admin-row small{margin-top:3px;color:var(--muted)}.admin-avatar{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:var(--pale);color:var(--green);font-weight:800}.admin-row .btn{justify-self:stretch;justify-content:center}.admin-row .badge{justify-self:end}.badge.super{background:#fff2cc;color:#8a6418}.btn.danger{color:#a44435;border-color:#e8c8c0;background:#fff8f6}@media(max-width:700px){.admin-add{grid-template-columns:1fr}.admin-add .btn{width:100%;margin-top:0}.admin-row{grid-template-columns:minmax(0,1fr) auto}.admin-row .btn.danger,.admin-row .badge{grid-column:2}.admin-row .btn:not(.danger){display:none}}
.recent-adjustments,.recent-adjustments table,.recent-adjustments th,.recent-adjustments td{font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif}.recent-adjustments .card-head h2{font-size:15px;font-weight:700;letter-spacing:0}.recent-adjustments .empty-cell{height:118px;text-align:center;color:#7b8983;background:#fbfcfb}.recent-adjustments .empty-cell span,.recent-adjustments .empty-cell small{display:block}.recent-adjustments .empty-cell span{font-size:14px;font-weight:600;color:#53655d}.recent-adjustments .empty-cell small{margin-top:7px;font-size:12px;color:#8b9892}
.workbench-credit{margin:15px 10px 0;padding-top:13px;border-top:1px solid rgba(255,255,255,.07);line-height:1.55}.workbench-credit span{display:block;color:#aebdb6;font-size:10px}.workbench-credit b{color:#e0b65d;font-weight:700}.workbench-credit small{display:block;margin-top:4px;color:#657d72;font-size:8px;letter-spacing:.025em}@media(max-width:700px){.workbench-credit{display:none}}
.department-overview{max-width:100%}.audit-filter{min-width:150px;padding:0 34px 0 13px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);outline:none;font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;font-size:14px;font-weight:500;line-height:1.5}.audit-filter option{font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;font-size:14px;font-weight:400;color:var(--ink);background:#fff}.audit-filter:focus{border-color:#6d9987;box-shadow:0 0 0 3px rgba(36,94,73,.08)}.audit-card{overflow:hidden}.audit-card .empty-cell{height:72px;padding:22px 16px;text-align:center;color:#7b8983;background:#fbfcfb;font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;font-size:13px;font-weight:500;letter-spacing:0}.audit-actor{display:flex;align-items:center;gap:9px}.audit-actor>span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--pale);color:var(--green);font-weight:800}.audit-actor b,.audit-actor small,.audit-entity{display:block}.audit-actor small,.audit-entity{margin-top:3px;color:var(--muted);font-size:11px}.audit-action{white-space:nowrap;background:#eef4f1;color:#245e49}
.salary-rate{display:inline-block;margin-left:10px;padding:3px 7px;border-radius:99px;font-size:11px;font-weight:800}.salary-rate.increase{background:#e2f1e9;color:#176b49}.salary-rate.decrease{background:#fde7e5;color:#b83a32}
.equity-period{align-items:start}.equity-period>.btn{margin-top:0}
.equity-batches,.equity-prices,.equity-plans{display:grid;gap:7px}.equity-batches{justify-items:start}.equity-prices span{white-space:nowrap}.equity-prices b{display:inline-block;min-width:42px;color:var(--muted);font-size:11px}.progress-detail{margin-top:7px;color:var(--muted);font-size:12px;white-space:nowrap}.progress-detail b{color:var(--green);font-size:13px}.equity-plan{padding-bottom:7px;border-bottom:1px dashed var(--line);white-space:nowrap}.equity-plan:last-child{padding-bottom:0;border-bottom:0}.equity-plan>b{display:block;margin-bottom:3px;color:var(--green);font-size:12px}.badge.repurchased{background:#f2f2f2;color:#777}
.repurchase-btn{white-space:nowrap}.repurchase-summary{display:grid;gap:3px;min-width:105px}.repurchase-summary b{color:var(--green);font-size:15px}.repurchase-summary span,.repurchase-summary small{color:var(--muted);font-size:11px}.suffixed-input{display:flex}.suffixed-input input{border-radius:9px 0 0 9px}.suffixed-input span{display:grid;min-width:46px;place-items:center;border:1px solid var(--line);border-left:0;border-radius:0 9px 9px 0;background:var(--pale);color:var(--green);font-weight:800}.repurchase-total{display:flex;align-items:baseline;gap:18px;margin:24px 0 14px;padding:18px 20px;border-radius:12px;background:var(--pale)}.repurchase-total span{color:var(--muted)}.repurchase-total strong{color:var(--green);font-family:Georgia,serif;font-size:28px}.repurchase-total small{margin-left:auto;color:var(--muted)}.repurchase-preview{overflow:auto}.repurchase-preview table{min-width:760px}.repurchase-preview .empty-cell{text-align:center;color:var(--muted)}
.confirm-dialog{width:min(560px,calc(100vw - 32px));padding:30px;border:0;border-radius:18px;color:var(--ink);box-shadow:0 28px 80px rgba(10,35,26,.3)}.confirm-dialog::backdrop{background:rgba(9,31,23,.55);backdrop-filter:blur(3px)}.confirm-dialog-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:#dceee6;color:var(--green);font-size:24px;font-weight:900}.confirm-dialog h2{margin:16px 0 6px;font-size:22px}.confirm-dialog-lead{margin:0 0 20px;color:var(--muted);line-height:1.6}.confirm-facts{display:grid;grid-template-columns:1fr 1fr;gap:1px;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--line)}.confirm-facts>div{display:grid;gap:5px;padding:13px 15px;background:#fff}.confirm-facts span{color:var(--muted);font-size:11px}.confirm-facts b{font-size:15px}.confirm-amount-note{margin-top:12px;padding:10px 12px;border-radius:8px;background:var(--pale);color:var(--green);font-size:12px;font-weight:700}.confirm-amount-note.changed{background:#fff3df;color:#8a5a10}.confirm-warning{display:grid;gap:5px;margin-top:14px;padding:13px 15px;border-left:3px solid #c7922f;background:#fff9ed;color:#72521b;font-size:12px;line-height:1.55}.confirm-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}@media(max-width:600px){.confirm-facts{grid-template-columns:1fr}.confirm-dialog{padding:22px}}
.audit-action.initialization{background:#e5f0fb;color:#285f91}.audit-action.increase{background:#e2f1e9;color:#176b49}.audit-action.decrease{background:#fde7e5;color:#b83a32}.audit-action.correction{background:#fff1cf;color:#875f0c}.audit-action.equity-grant{background:#eee8fb;color:#6543a5}.audit-action.equity-repurchase{background:#fde8dc;color:#a44920}.audit-action.employee{background:#e7eff0;color:#3e666a}.repurchase-summary a{margin-top:3px;color:var(--green);font-size:11px;font-weight:700;text-decoration:none}.repurchase-summary a:hover{text-decoration:underline}
.audit-person-link{display:inline-flex;align-items:center;padding:6px 11px;border:1px solid #cfe1d8;border-radius:999px;background:#edf6f1;color:#185c43;font-weight:800;text-decoration:none;transition:border-color .18s,background .18s,color .18s}.audit-person-link:not(.is-static):hover,.audit-person-link:not(.is-static):focus-visible{border-color:var(--green);background:#dff0e7;color:var(--green);outline:none}.audit-person-link.is-static{background:#f2f6f4;color:#52635b}
.salary-trend-card{margin-bottom:24px}.salary-trend-card .card-head>div small{display:block;margin-top:5px;color:var(--muted);font-size:12px}.salary-trend{display:grid;gap:13px}.salary-trend-row{display:grid;grid-template-columns:82px minmax(130px,1fr) 140px 205px 120px;align-items:center;gap:13px;font-size:13px}.salary-trend-row>span,.salary-trend-row>small{color:var(--muted)}.salary-trend-row>b{text-align:right}.salary-trend-row>em{font-style:normal;color:var(--muted)}.salary-trend-row>.positive{color:#187a52}.salary-trend-row>.negative{color:#c4473a}.salary-trend-bar{height:9px;border-radius:999px;background:#edf2ef;overflow:hidden}.salary-trend-bar i{display:block;height:100%;border-radius:inherit;background:#2a6a52}@media(max-width:900px){.salary-trend-row{grid-template-columns:72px 1fr 110px}.salary-trend-row>em,.salary-trend-row>small{grid-column:2/4}}
.metric-button{font:inherit;color:inherit;text-align:left;cursor:pointer}.metric-button:hover{border-color:#8eb3a3;box-shadow:0 12px 30px rgba(31,79,60,.12)}.metric-button label{cursor:pointer}.metric-button strong.positive,.salary-chart-values .positive{color:#187a52}.metric-button strong.negative,.salary-chart-values .negative{color:#c4473a}.salary-chart-dialog{width:min(860px,calc(100vw - 32px));padding:0;border:0;border-radius:18px;color:var(--ink);box-shadow:0 28px 80px rgba(10,35,26,.3)}.salary-chart-dialog::backdrop{background:rgba(9,31,23,.55);backdrop-filter:blur(3px)}.salary-chart-head{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 26px 16px;border-bottom:1px solid var(--line)}.salary-chart-head h2{margin:0;font-size:20px}.salary-chart-head p{margin:7px 0 0;color:var(--muted);font-size:12px}.salary-chart-head button{border:0;background:transparent;color:var(--muted);font-size:28px;cursor:pointer}.salary-line-chart{display:block;width:calc(100% - 52px);margin:20px 26px 4px;overflow:visible}.salary-line-chart line{stroke:#dfe9e4;stroke-width:1}.salary-line-chart polyline{fill:none;stroke:#286b52;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.salary-line-chart circle{fill:#fff;stroke:#286b52;stroke-width:4}.salary-line-chart text{fill:#73817b;font-size:11px}.salary-line-chart .chart-value-label{fill:#173d30;font-size:12px;font-weight:800}.salary-line-chart .chart-change-label rect{fill:#e4f2ec}.salary-line-chart .chart-change-label text{fill:#187a52;font-size:11px;font-weight:800}.salary-line-chart .chart-change-label.negative rect{fill:#fae8e5}.salary-line-chart .chart-change-label.negative text{fill:#c4473a}.salary-chart-values{display:grid;gap:1px;margin:8px 26px 26px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--line)}.salary-chart-values>div{display:grid;grid-template-columns:130px 160px 1fr;gap:16px;padding:11px 14px;background:#fff;font-size:13px}.salary-chart-values em{font-style:normal;color:var(--muted)}
.overview-metrics{gap:12px;margin-bottom:16px}.overview-metric{display:flex;align-items:center;gap:14px;padding:16px 18px}.overview-metric .metric-icon{display:grid;place-items:center;flex:0 0 44px;height:44px;border-radius:12px;background:#edf7f2;color:#187a52;font-size:23px;font-weight:800}.overview-metric .metric-icon.salary{background:#fff6e8;color:#d98c12}.overview-metric label{display:block}.overview-metric strong{margin:5px 0 0;font:700 23px Inter,"PingFang SC","Microsoft YaHei",sans-serif}.dashboard-insight-grid{display:grid;grid-template-columns:minmax(220px,1fr) minmax(520px,3fr);gap:16px;margin-bottom:24px}.salary-period-card{display:grid;grid-template-rows:auto 1fr auto;min-height:230px;padding:20px 24px;background:linear-gradient(145deg,#fff 55%,#f3f8f5);border-color:#d5e3dc}.salary-period-card label{align-items:center;color:var(--ink);font-size:18px;font-weight:800}.salary-period-card label i{font-size:12px;font-weight:500}.salary-period-card strong{align-self:center;margin:0;font:800 40px Inter,"PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:-1px}.salary-period-card.positive strong{color:#187a52}.salary-period-card.negative strong{color:#c4473a}.salary-period-card small{display:flex;justify-content:space-between;align-items:center;padding-top:13px;border-top:1px solid #dfe9e4;color:var(--muted);font-size:13px}.salary-activity-card{overflow:hidden}.salary-activity-head{display:flex;justify-content:space-between;align-items:center;padding:16px 20px 10px}.salary-activity-head h2{margin:0;font-size:18px}.salary-activity-head span{color:var(--muted);font-size:12px}.salary-activity-table{padding:0 14px}.salary-activity-row{display:grid;grid-template-columns:1fr 90px 160px;align-items:center;min-height:32px;border-top:1px solid var(--line);font-size:13px}.salary-activity-row.heading{min-height:26px;border:0;border-radius:7px;background:#f2f7f4;color:var(--muted);font-size:11px}.salary-activity-row>span:first-child{display:flex;align-items:center;gap:9px}.salary-activity-row>span:first-child i{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#e5f3ec;color:#187a52;font-style:normal;font-weight:800}.salary-activity-row>span:first-child i.salary_decrease,.salary-activity-row>span:first-child i.leaver{background:#fde9e7;color:#d43c32}.salary-activity-row>span:first-child i.correction{background:#e8f1fb;color:#3174b7}.salary-activity-row b{text-align:center}.salary-activity-row strong{text-align:right}.salary-activity-row .positive{color:#187a52}.salary-activity-row .negative{color:#d43c32}.salary-activity-card>p{margin:8px 20px 12px;color:var(--muted);font-size:11px}
.dashboard-insight-grid{grid-template-columns:minmax(260px,320px) minmax(520px,650px) minmax(250px,320px);justify-content:start}
.salary-activity-row b,.salary-activity-row strong{text-align:left}.salary-activity-row i svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}.salary-activity-row i.salary_increase svg,.salary-activity-row i.salary_decrease svg,.salary-activity-row i.correction svg{stroke-width:3.5}
.workforce-activity-card{overflow:hidden}.workforce-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:8px 18px 12px}.workforce-stats>div{display:grid;gap:6px;padding:13px;border:1px solid var(--line);border-radius:10px;background:#fafcfb}.workforce-stats span{color:var(--muted);font-size:12px}.workforce-stats b{font-size:18px}.workforce-stats .workforce-net{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;background:#f2f7f4}.workforce-stats .positive{color:#187a52}.workforce-stats .negative{color:#c4473a}.workforce-activity-card>p{margin:1px 18px 12px;color:var(--muted);font-size:11px}
.period-card-tools{display:flex;align-items:center;gap:8px}.period-card-tools time{color:var(--muted);font-size:12px;font-weight:400}.period-card-body{display:grid;align-self:center;gap:12px}.period-card-body>strong{align-self:auto}.period-delta{color:var(--muted);font-size:13px;font-style:normal}.salary-period-card.positive .period-delta{color:#187a52}.salary-period-card.negative .period-delta{color:#c4473a}.period-total-flow{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:12px;border:1px solid #dfe9e4;border-radius:10px;background:rgba(255,255,255,.72)}.period-total-flow>span{display:grid;gap:4px;color:var(--muted);font-size:11px}.period-total-flow>span:last-child{text-align:right}.period-total-flow b{color:var(--ink);font-size:13px}.period-total-flow>i{color:#94a49d;font-style:normal;font-weight:800}
@media(max-width:1350px){.dashboard-insight-grid{grid-template-columns:minmax(240px,1fr) minmax(520px,2fr)}.workforce-activity-card{grid-column:1/-1}}
@media(max-width:1050px){.dashboard-insight-grid{grid-template-columns:1fr}.salary-period-card{min-height:180px}.salary-period-card strong{margin-top:24px}}@media(max-width:700px){.salary-activity-row{grid-template-columns:1fr 52px 112px}.overview-metric{padding:14px}.overview-metric strong{font-size:20px}}
.salary-period-card{grid-template-rows:auto 1fr}
.dashboard-insight-grid{align-items:stretch}.salary-period-card{min-height:0;padding:16px 20px}.salary-period-card strong{font-size:36px}.period-card-body{align-content:center;gap:8px}.period-delta{font-size:14px;font-weight:600}.period-total-flow{margin-top:10px;padding:9px 11px}.salary-activity-head{padding:13px 18px 7px}.salary-activity-row{min-height:29px}.workforce-stats{gap:7px;padding:5px 16px 10px}.workforce-stats>div{gap:3px;padding:10px 12px}.workforce-stats b{font-size:17px}
.period-card-body{grid-template-columns:auto 1fr;column-gap:16px}.period-card-body>strong{grid-column:1;grid-row:1;display:flex;align-items:center}.period-delta{grid-column:2;grid-row:1;display:grid;align-content:center;justify-items:start;gap:3px;padding:8px 10px;border-radius:9px;background:#f7f9f8;color:var(--muted)!important;font-size:11px;font-weight:500}.period-delta b{font-size:15px}.salary-period-card.positive .period-delta b{color:#187a52}.salary-period-card.negative .period-delta b{color:#c4473a}.period-total-flow{grid-column:1/-1;grid-row:2;margin-top:6px}
.salary-change-breakdown{margin:4px 26px 18px;padding:16px;border-radius:12px;background:#f5f8f6}.salary-change-breakdown h3{margin:0 0 12px;font-size:15px}.salary-change-breakdown>div{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.salary-change-breakdown article{display:grid;gap:5px;padding:11px;border:1px solid #dde8e2;border-radius:9px;background:#fff}.salary-change-breakdown article span{color:var(--muted);font-size:11px}.salary-change-breakdown article b{font-size:14px}.salary-change-breakdown article em{font-style:normal;font-size:12px}.salary-change-breakdown .positive{color:#187a52}.salary-change-breakdown .negative{color:#c4473a}.salary-change-breakdown p{margin:12px 0 0;color:var(--muted);font-size:12px}@media(max-width:700px){.salary-change-breakdown>div{grid-template-columns:repeat(2,1fr)}}
.equity-batch-item{display:flex;align-items:center;gap:7px}.equity-batch-item>a{color:var(--green);font-size:11px;font-weight:700;text-decoration:none}.equity-batch-item>a:hover{text-decoration:underline}
.equity-employee-link{display:inline-flex;align-items:center;padding:7px 12px;border:1px solid #cfe1d8;border-radius:999px;background:#fff;color:var(--ink);transition:border-color .18s,background .18s,color .18s}.equity-employee-link:hover,.equity-employee-link:focus-visible{border-color:var(--green);background:#edf6f1;color:var(--green);outline:none}.equity-employee-link:hover b{text-decoration:underline}.equity-summary-note{display:block;margin-top:4px;color:var(--muted);font-size:11px;white-space:nowrap}.equity-detail-list{padding:0 22px}.equity-detail-grant{padding:22px 0;border-bottom:1px solid var(--line)}.equity-detail-grant:last-child{border-bottom:0}.equity-detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:16px}.equity-detail-head h2{margin:0;font-size:17px}.equity-detail-head p{margin:6px 0 0;color:var(--muted);font-size:13px}.equity-detail-actions{display:flex;align-items:center;gap:10px}.equity-detail-stats{display:flex;gap:28px;margin:0 0 16px;color:var(--muted);font-size:12px}.equity-detail-stats span{display:grid;gap:4px}.equity-detail-stats b{color:var(--ink);font-size:14px}@media(max-width:700px){.equity-detail-list{padding:0 14px}.equity-detail-head{display:grid}.equity-detail-stats{gap:14px;flex-wrap:wrap}.equity-detail-grant{overflow:auto}.equity-detail-grant table{min-width:560px}}
.dashboard-kpis{display:grid;grid-template-columns:minmax(360px,1.7fr) repeat(3,minmax(170px,1fr))}.salary-overview-metric{align-items:flex-start}.salary-overview-copy{flex:1;min-width:0}.salary-overview-copy>strong{font-size:27px}.salary-overview-change{display:flex;align-items:center;gap:8px;margin-top:7px;font-size:11px}.salary-overview-change>span{padding:4px 7px;border-radius:6px;background:#eef4f1;font-weight:800}.salary-overview-change.positive>span,.salary-overview-change.positive>b{color:#187a52}.salary-overview-change.negative>span,.salary-overview-change.negative>b{color:#d43c32}.salary-overview-change small{color:var(--muted)}.salary-overview-change button{margin-left:auto;padding:5px 9px;border:0;border-radius:7px;background:#e5f3ec;color:#187a52;font:700 11px inherit;cursor:pointer}.salary-overview-change button:hover{background:#d8ece3}.dashboard-detail-grid{grid-template-columns:minmax(520px,3fr) minmax(360px,2fr);justify-content:stretch}.dashboard-detail-grid .workforce-activity-card{grid-column:auto}.dashboard-detail-grid .salary-activity-row{min-height:34px}.dashboard-detail-grid .workforce-stats{padding-top:8px}@media(max-width:1200px){.dashboard-kpis{grid-template-columns:repeat(2,1fr)}.dashboard-detail-grid{grid-template-columns:1fr}.dashboard-detail-grid .workforce-activity-card{grid-column:auto}}@media(max-width:700px){.dashboard-kpis{grid-template-columns:1fr}.salary-overview-change{flex-wrap:wrap}.salary-overview-change button{margin-left:0}.dashboard-detail-grid{grid-template-columns:1fr}}
.dashboard-kpis{display:grid;grid-template-columns:minmax(360px,1.7fr) repeat(3,minmax(170px,1fr))}.salary-overview-metric{align-items:flex-start}.salary-overview-copy{flex:1;min-width:0}.salary-overview-copy>strong{font-size:27px}.salary-overview-change{display:flex;align-items:center;gap:8px;margin-top:7px;font-size:11px}.salary-overview-change>span{padding:4px 7px;border-radius:6px;background:#eef4f1;font-weight:800}.salary-overview-change.positive>span,.salary-overview-change.positive>b{color:#187a52}.salary-overview-change.negative>span,.salary-overview-change.negative>b{color:#d43c32}.salary-overview-change small{color:var(--muted)}.salary-overview-change button{margin-left:auto;padding:5px 9px;border:0;border-radius:7px;background:#e5f3ec;color:#187a52;font:700 11px inherit;cursor:pointer}.salary-overview-change button:hover{background:#d8ece3}.dashboard-detail-grid{grid-template-columns:minmax(600px,3fr) minmax(390px,2fr);justify-content:stretch;gap:12px}.dashboard-detail-grid .workforce-activity-card{grid-column:auto}.dashboard-detail-grid .salary-activity-row{grid-template-columns:minmax(230px,.85fr) 90px 130px 58px;min-height:34px}.dashboard-detail-grid .workforce-stats{padding-top:8px}.activity-view-button{justify-self:start;padding:3px 7px;border:0;border-radius:6px;background:#e5f3ec;color:#187a52;font-size:11px;font-weight:700;cursor:pointer}.activity-view-button:disabled{background:transparent;color:#aab5b0;cursor:default}.activity-people-dialog{width:min(440px,calc(100vw - 32px));padding:0;border:0;border-radius:16px;color:var(--ink);box-shadow:0 24px 70px rgba(10,35,26,.28)}.activity-people-dialog::backdrop{background:rgba(9,31,23,.5);backdrop-filter:blur(2px)}.activity-people-head{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 22px 14px;border-bottom:1px solid var(--line)}.activity-people-head small{color:var(--muted)}.activity-people-head h2{margin:4px 0 0;font-size:20px}.activity-people-head button{border:0;background:transparent;color:var(--muted);font-size:26px;cursor:pointer}.activity-people-list{display:flex;flex-wrap:wrap;gap:9px;padding:20px 22px 24px}.activity-people-list span{padding:7px 12px;border-radius:999px;background:#edf5f1;color:#185c43;font-size:13px;font-weight:700}.activity-people-list p{margin:0;color:var(--muted)}@media(max-width:1200px){.dashboard-kpis{grid-template-columns:repeat(2,1fr)}.dashboard-detail-grid{grid-template-columns:1fr}.dashboard-detail-grid .workforce-activity-card{grid-column:auto}}@media(max-width:700px){.dashboard-kpis{grid-template-columns:1fr}.salary-overview-change{flex-wrap:wrap}.salary-overview-change button{margin-left:0}.dashboard-detail-grid{grid-template-columns:1fr}.dashboard-detail-grid .salary-activity-row{grid-template-columns:minmax(150px,1fr) 52px 90px 42px}}
.salary-overview-metric{display:grid;grid-template-columns:44px minmax(190px,1fr) minmax(145px,auto);grid-template-rows:auto auto;align-content:center;align-items:center;column-gap:14px}.salary-overview-metric>.metric-icon{grid-column:1;grid-row:1/3}.salary-overview-copy{display:contents}.salary-overview-copy>label{grid-column:2;grid-row:1;align-self:end}.salary-overview-copy>strong{grid-column:2;grid-row:2;align-self:start}.salary-overview-change{grid-column:3;grid-row:1/3;display:grid;grid-template-columns:auto auto;align-content:center;gap:6px 8px;margin:0}.salary-overview-change>span{grid-column:1}.salary-overview-change>small{grid-column:2;align-self:center}.salary-overview-change>b{grid-column:1/-1}.salary-overview-change button{grid-column:1/-1;margin:2px 0 0;justify-self:start}@media(max-width:700px){.salary-overview-metric{grid-template-columns:44px 1fr}.salary-overview-change{grid-column:2;grid-row:3;margin-top:8px}}
.salary-overview-metric{display:flex;align-items:center;gap:14px}.salary-overview-main{display:grid;gap:5px;min-width:215px}.salary-overview-main label{display:block}.salary-overview-main strong{margin:0;font:700 27px Inter,"PingFang SC","Microsoft YaHei",sans-serif;white-space:nowrap}.salary-overview-side{display:grid;gap:7px;margin-left:auto;min-width:128px}.salary-overview-change{grid-column:auto;grid-row:auto;display:block;margin:0;padding:7px 10px;border-radius:9px;background:#f5f7f6;text-align:center}.salary-overview-change>span{padding:0;background:transparent;color:var(--muted);font-size:12px;font-weight:800}.salary-overview-change.positive>span{color:#187a52}.salary-overview-change.negative>span{color:#d43c32}.salary-overview-side>button{padding:6px 10px;border:0;border-radius:7px;background:#e5f3ec;color:#187a52;font:700 11px inherit;cursor:pointer}.salary-overview-side>button:hover{background:#d8ece3}@media(max-width:700px){.salary-overview-metric{flex-wrap:wrap}.salary-overview-side{width:100%;margin-left:58px}}
.dashboard-detail-grid .salary-activity-head{padding-top:18px}.dashboard-detail-grid .salary-activity-table{padding-bottom:12px}.dashboard-detail-grid .salary-activity-row{min-height:40px}.dashboard-detail-grid .workforce-stats>div{padding-top:14px;padding-bottom:14px}.activity-people-dialog{width:min(780px,calc(100vw - 32px))}.activity-people-list{display:block;padding:14px 20px 22px;overflow-x:auto}.activity-people-table{width:100%;border-collapse:collapse;font-size:12px}.activity-people-table th,.activity-people-table td{padding:11px 9px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}.activity-people-table th{color:var(--muted);font-weight:500}.activity-people-table a{color:var(--green);font-weight:800;text-decoration:none}.activity-people-table a:hover{text-decoration:underline}.activity-people-table .positive{color:#187a52;font-weight:800}.activity-people-table .negative{color:#d43c32;font-weight:800}
.salary-overview-metric{gap:10px;overflow:hidden}.salary-overview-main{min-width:190px}.salary-overview-main strong{font-size:26px}.salary-overview-side{min-width:116px;margin-left:4px}.salary-overview-side>button{padding-left:7px;padding-right:7px;white-space:nowrap}
.dashboard-detail-grid .workforce-stats{gap:12px;padding:10px 18px 16px}.dashboard-detail-grid .workforce-stats>div{gap:7px;padding:16px 14px}.dashboard-detail-grid .workforce-stats b{font-size:20px}
.dashboard-detail-grid .salary-activity-table{padding-left:12px;padding-right:12px}.dashboard-detail-grid .salary-activity-row{grid-template-columns:minmax(180px,1fr) 72px 112px 90px 52px;column-gap:8px}.dashboard-detail-grid .salary-activity-row strong{white-space:nowrap}.dashboard-detail-grid .salary-activity-row .activity-rate{text-align:left}@media(max-width:700px){.dashboard-detail-grid .salary-activity-row{grid-template-columns:minmax(150px,1fr) 52px 90px 42px}.dashboard-detail-grid .salary-activity-row .activity-rate{display:none}}
.dashboard-detail-grid .salary-activity-row{grid-template-columns:minmax(180px,1.45fr) repeat(4,minmax(74px,1fr));column-gap:0}.dashboard-detail-grid .salary-activity-row>b,.dashboard-detail-grid .salary-activity-row>strong,.dashboard-detail-grid .salary-activity-row>.activity-view-button{justify-self:start}.salary-overview-change>span,.salary-overview-side>button{font-weight:900}@media(max-width:700px){.dashboard-detail-grid .salary-activity-row{grid-template-columns:minmax(150px,1fr) 52px 90px 42px}}
.dashboard-detail-grid .salary-activity-row{grid-template-columns:repeat(5,minmax(0,1fr))}@media(max-width:700px){.dashboard-detail-grid .salary-activity-row{grid-template-columns:minmax(150px,1fr) 52px 90px 42px}}
.salary-overview-change>span{font-size:15px;line-height:1.2}.salary-overview-side>button{font-size:10px;font-weight:700}
.dashboard-detail-grid .salary-activity-head{padding:13px 20px 6px}.dashboard-detail-grid .salary-activity-table{padding-bottom:8px}.dashboard-detail-grid .salary-activity-row{grid-template-columns:minmax(190px,1.25fr) repeat(4,minmax(0,1fr));min-height:35px}.dashboard-detail-grid .salary-activity-row.heading{min-height:32px;font-size:12px;font-weight:700}.dashboard-detail-grid .workforce-stats{gap:8px;padding:6px 18px 10px}.dashboard-detail-grid .workforce-stats>div{gap:4px;padding:11px 14px}@media(max-width:700px){.dashboard-detail-grid .salary-activity-row{grid-template-columns:minmax(150px,1fr) 52px 90px 42px}}
/* Sidebar identity and the monthly workforce summary use the official visual hierarchy. */
.brand .brand-logo{width:50px;height:50px;display:grid;place-items:center;flex:0 0 50px}
.brand .brand-logo img{display:block;width:50px;height:50px;object-fit:contain;filter:invert(1) grayscale(1) brightness(2.5)}
.dashboard-detail-grid .workforce-stats{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:86px;gap:14px;padding:8px 18px 14px}
.dashboard-detail-grid .workforce-stats>.workforce-stat{height:86px;min-height:0;display:flex;align-items:center;justify-content:flex-start;gap:15px;padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:#fafcfb}
.dashboard-detail-grid .workforce-stats>.workforce-stat>i{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border-radius:10px;background:#eaf7f0;color:#13885b}
.dashboard-detail-grid .workforce-stats>.workforce-stat>i svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.dashboard-detail-grid .workforce-stats>.workforce-stat>div{display:grid;gap:6px;padding:0;border:0;background:transparent}
.dashboard-detail-grid .workforce-stats>.workforce-stat span{font-size:12px;color:var(--muted)}
.dashboard-detail-grid .workforce-stats>.workforce-stat b{font-size:20px;line-height:1.1}
.dashboard-detail-grid .workforce-stats>.workforce-stat.leaver>i{background:#fff0f0;color:#e44848}
.dashboard-detail-grid .workforce-stats>.workforce-stat.pending>i{background:#edf5ff;color:#3478c8}
.dashboard-detail-grid .workforce-stats>.workforce-stat.workforce-net{grid-column:auto;justify-content:flex-start;background:#eaf7f0;border-color:#d9eee4}
.dashboard-detail-grid .workforce-stats>.workforce-stat.workforce-net>i{background:#d9f1e5;color:#078458}
@media(max-width:700px){.dashboard-detail-grid .workforce-stats{grid-auto-rows:76px;padding:8px 14px 14px}.dashboard-detail-grid .workforce-stats>.workforce-stat{height:76px;min-height:0;gap:11px;padding:12px}.dashboard-detail-grid .workforce-stats>.workforce-stat>i{width:32px;height:32px;flex-basis:32px}}
.employee-filter-clear{min-width:104px;padding:10px 14px;border:1px solid #cfe1d8;border-radius:9px;background:#f7fbf8;color:#185c43;font-weight:700;cursor:pointer;white-space:nowrap}.employee-filter-clear:hover,.employee-filter-clear:focus-visible{border-color:var(--green);background:#e8f4ed;outline:none}
.manual-employee-entry{display:flex;align-items:center;gap:12px;margin-top:20px}.manual-employee-entry span{color:var(--muted);font-size:12px}.manual-employee-dialog{width:min(700px,calc(100vw - 32px));padding:0;border:0;border-radius:18px;color:var(--ink);box-shadow:0 28px 80px rgba(10,35,26,.3)}.manual-employee-dialog::backdrop{background:rgba(9,31,23,.55);backdrop-filter:blur(3px)}.manual-employee-dialog form{padding:26px 28px 24px}.manual-employee-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px}.manual-employee-head h2{margin:0;font-size:22px}.manual-employee-head p{margin:7px 0 0;color:var(--muted);font-size:13px;line-height:1.55}.dialog-close{border:0;background:transparent;color:var(--muted);font-size:28px;line-height:1;cursor:pointer}.manual-employee-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}@media(max-width:600px){.manual-employee-dialog form{padding:22px}.manual-employee-entry{align-items:flex-start;flex-direction:column}.manual-employee-head{margin-bottom:18px}}