.workforce-page{min-width:0;color:#5d7463}
.workforce-page .work-eyebrow{font-size:9px;letter-spacing:1.4px;color:#92a597;line-height:1.6}
.work-intro{border:1px solid #dfe9e1;background:linear-gradient(120deg,#edf4ed,#f8faf4);border-radius:12px;padding:25px 27px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}
.work-intro h2{font-size:20px;font-weight:500;color:#45654e;margin:8px 0}
.work-intro p{font-size:11px;color:#8a9f8e;line-height:1.8;margin:0}
.work-intro>svg{flex-shrink:0;color:#9fb69e}
.work-toolbar{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:0 0 12px}
.work-toolbar>.field{flex:1;min-width:138px;max-width:240px}
.work-toolbar>.work-search{min-width:185px;flex:1.35}
.work-filter-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 23px;font-size:10px}
.work-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.work-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin:21px 0 25px}
.work-metric{background:#fff;border:1px solid var(--line,#e6ece5);border-radius:10px;padding:18px 20px;min-width:0}
.work-metric-top{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:10px;color:#899d8c}
.work-metric-top svg{color:#9ab19d;flex-shrink:0}
.work-metric>strong{display:block;font-size:29px;font-weight:500;line-height:1.5;color:#41644b;margin:12px 0 5px;overflow-wrap:anywhere}
.work-metric>strong small{font-size:11px;font-weight:400;color:#98a99a;margin-left:5px}
.work-metric>small{font-size:9px;line-height:1.7;color:#a1afa2}
.work-section-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:25px 0 15px}
.work-section-heading h3{font-size:14px;font-weight:500;margin:0;color:#5a755f}
.work-section-heading>span{font-size:10px;color:#9aa99b;text-align:right}
.work-job-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
.work-card{min-width:0;overflow:hidden}
.work-card-body{padding:22px}
.work-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}
.work-job-time{font-size:23px;letter-spacing:-.5px;line-height:1.7;color:#55715b;margin-top:3px}
.work-job-time>span{font-size:10px;letter-spacing:0;color:#9bad9d}
.work-card h3{font-size:13px;font-weight:500;line-height:1.8;margin:0 0 14px;color:#527058}
.work-job-meta{display:grid;gap:10px;margin-bottom:15px}
.work-job-meta>span{display:flex;align-items:center;gap:7px;font-size:10px;color:#95a397;overflow-wrap:anywhere}
.work-job-meta svg{flex-shrink:0;color:#a8b8aa}
.work-card-bottom{display:flex;flex-direction:column;gap:13px;border-top:1px solid #edf1ec;margin-top:18px;padding-top:15px}
.work-card-bottom>.btn{align-self:flex-start}
.work-record-id{font-size:9px;color:#b0bab1}
.work-return-note{display:flex;align-items:flex-start;gap:7px;padding:11px;border-radius:6px;background:#fbf0eb;color:#af8170;font-size:10px;line-height:1.7;margin-top:14px}
.work-return-note svg{flex-shrink:0;margin-top:2px}
.work-attendance-table{min-width:790px}
.work-attendance-table td{vertical-align:middle}
.work-table-note{font-size:10px;color:#b48270;line-height:1.6;max-width:180px;white-space:normal;margin-top:5px}
.workforce-page .card-header{gap:12px}
.work-payroll-toolbar{margin-bottom:18px}
.work-payroll-toolbar-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:9px;margin-left:auto;padding-bottom:2px}
.work-trial{padding:22px 24px;border:1px solid #e1e8dc;background:#f5f8f1;border-radius:11px;margin:24px 0}
.work-trial-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:18px}
.work-trial-heading h3{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:#637e5c;margin:0}
.work-trial-heading p{font-size:10px;color:#98a78f;line-height:1.8;margin:7px 0 0}
.work-trial-fields{display:grid;grid-template-columns:1.3fr .8fr 1.2fr auto;gap:15px;align-items:end;margin-bottom:12px}
.work-trial-reset{padding-bottom:1px}
.work-payroll-list{display:grid;gap:19px}
.work-payroll-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px}
.work-payroll-person{display:flex;align-items:center;gap:12px;min-width:0}
.work-payroll-person .avatar{width:43px;height:43px}
.work-payroll-person h3{font-size:15px;font-weight:500;margin:0;color:#52715b}
.work-payroll-person p{font-size:10px;color:#9eaea0;margin:6px 0 0}
.work-payroll-amount{text-align:right;flex-shrink:0}
.work-payroll-amount span{display:block;font-size:9px;color:#9fb0a0;margin-bottom:3px}
.work-payroll-amount strong{font-size:25px;font-weight:500;color:#527257}
.work-payroll-breakdown{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:0 24px 18px;padding:16px 18px;background:#f6f9f4;border-radius:8px}
.work-payroll-breakdown>div{display:flex;justify-content:space-between;align-items:center;gap:10px}
.work-payroll-breakdown span{font-size:10px;color:#91a28e}
.work-payroll-breakdown strong{font-size:12px;font-weight:500;color:#6c8664}
.work-payroll-details{border-top:1px solid #edf2e9}
.work-payroll-details>summary{cursor:pointer;list-style:none;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:#8aa180}
.work-payroll-details>summary::-webkit-details-marker{display:none}
.work-payroll-details>summary>span{display:flex;align-items:center;gap:9px}
.work-payroll-details[open]>summary>svg{transform:rotate(180deg)}
.work-payroll-details>summary:focus-visible{outline:2px solid #8da988;outline-offset:-5px;border-radius:7px}
.work-payroll-table{min-width:755px}
.work-payroll-table td{vertical-align:top}
.work-formula{display:grid;gap:6px;font-size:10px;color:#8c9e88;line-height:1.6}
.work-formula strong{font-weight:500;color:#66845f}
.work-formula small{font-size:9px;color:#acb7a4}
.work-footnote{font-size:10px;line-height:1.9;color:#a3b09a;margin:21px 0 0}
.work-modal-summary{padding:18px 19px;background:#f5f8f3;border:1px solid #e9eee3;border-radius:9px;margin-bottom:21px}
.work-modal-summary>h3{font-size:15px;font-weight:500;color:#607b56;margin:13px 0 18px}
.work-modal-summary .detail-value{font-size:11px;line-height:1.7}
.work-modal-fields{display:grid;gap:18px}
.work-modal-fields>.form-grid{margin-bottom:0}
.work-modal-fields>.field{max-width:100%}
.work-modal-actions{margin-top:18px}
.work-history{margin-top:25px;border-top:1px solid #e8eee3;padding-top:20px}
.work-history>h3{font-size:12px;font-weight:500;color:#7d9273;margin:0 0 18px}
.work-history-item{display:flex;gap:11px;position:relative;padding:0 0 17px}
.work-history-item:before{content:"";position:absolute;left:3px;top:9px;bottom:0;border-left:1px solid #e2e9da}
.work-history-item:last-child:before{display:none}
.work-history-dot{height:7px;width:7px;border-radius:50%;background:#a3b995;flex-shrink:0;margin-top:5px}
.work-history-item strong{font-size:11px;font-weight:500;color:#6d8562}
.work-history-item p{font-size:10px;line-height:1.8;color:#9ba891;margin:5px 0;overflow-wrap:anywhere}
.work-history-item .work-review-note{color:#b08c6b}
.work-history-item small{font-size:9px;color:#b0b8a5}
.work-lock-summary{display:grid;justify-items:center;gap:12px;padding:18px 0 25px;color:#799367}
.work-lock-summary strong{font-size:33px;font-weight:500;color:#567545}
.work-lock-summary span{font-size:11px;color:#a5b198}
@media(max-width:1250px){.work-job-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-metrics{gap:12px}.work-metric{padding:16px}.work-metric>strong{font-size:25px}.work-trial-fields{grid-template-columns:1fr 1fr 1fr}.work-trial-reset{grid-column:1/-1}.work-payroll-breakdown{gap:12px}.work-payroll-breakdown>div{flex-direction:column;align-items:flex-start;gap:5px}}
@media(max-width:900px){.work-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.work-toolbar>.field{min-width:145px}.work-payroll-toolbar-actions{width:100%;justify-content:flex-start;margin:6px 0 0}.work-trial-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.work-trial-reset{grid-column:auto}}
@media(max-width:600px){.work-intro{padding:21px 19px;gap:12px}.work-intro h2{font-size:17px;line-height:1.6}.work-intro p{font-size:10px}.work-intro>svg{width:33px;height:33px}.work-toolbar{gap:12px}.work-toolbar>.field{flex-basis:calc(50% - 6px);min-width:0;max-width:none}.work-toolbar>.work-search{flex-basis:100%}.work-filter-footer{align-items:flex-start;flex-direction:column;gap:11px}.work-filter-footer>.work-actions{width:100%;justify-content:space-between}.work-metrics{gap:10px;margin:18px 0 23px}.work-metric{padding:15px 12px}.work-metric-top{font-size:9px;gap:4px}.work-metric-top svg{width:14px;height:14px}.work-metric>strong{font-size:24px;margin:8px 0 4px}.work-metric>strong small{font-size:9px}.work-metric>small{font-size:8px}.work-job-grid{grid-template-columns:1fr;gap:16px}.work-card-body{padding:21px}.work-card-bottom{flex-direction:row;justify-content:space-between;align-items:center;gap:10px}.work-card-bottom .btn{font-size:10px}.work-record-id{font-size:8px;max-width:39%;overflow-wrap:anywhere}.work-section-heading{align-items:flex-start}.work-section-heading>span{font-size:9px;line-height:1.7;max-width:50%}.work-trial{padding:19px 16px}.work-trial-heading{flex-direction:column;gap:10px}.work-trial-fields{gap:13px}.work-trial-fields>.field:first-child{grid-column:1/-1}.work-trial-reset{grid-column:1/-1}.work-trial-reset .btn{width:100%;justify-content:center}.work-payroll-header{padding:20px 17px;gap:12px}.work-payroll-person{gap:8px}.work-payroll-person .avatar{width:34px;height:34px;font-size:10px}.work-payroll-person h3{font-size:13px}.work-payroll-person p{font-size:9px;line-height:1.8;max-width:147px}.work-payroll-amount strong{font-size:22px}.work-payroll-amount span{font-size:8px}.work-payroll-breakdown{margin:0 17px 16px;padding:14px 13px;gap:7px}.work-payroll-breakdown span{font-size:9px}.work-payroll-breakdown strong{font-size:11px}.work-payroll-details>summary{padding:15px 18px;font-size:10px}.work-modal-summary{padding:16px}.work-modal-summary .detail-grid{gap:15px 12px}.work-modal-summary .detail-value{font-size:10px}.workforce-page .alert{font-size:10px}.workforce-page .card-header{align-items:flex-start}}