#payrollRoot{--pay-border:#d8e2e6;--pay-ink:#173c48}#payrollRoot [hidden]{display:none!important}.pay-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:end}.pay-toolbar .field{min-width:130px;flex:1}.pay-groups{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.pay-summary{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}.pay-summary>div{border:1px solid var(--pay-border);background:#f2f7f7;border-radius:12px;padding:14px 20px;flex:1;min-width:170px}.pay-summary strong{display:block;font-size:23px;color:var(--pay-ink)}.pay-table{width:100%;border-collapse:collapse}.pay-table th,.pay-table td{text-align:left;padding:12px;border-bottom:1px solid var(--pay-border);vertical-align:top}.pay-table .amount{white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}.pay-table th{color:#536773;font-size:14px}.pay-table details{min-width:220px}.pay-table summary{cursor:pointer}.pay-note{color:#617581;margin:8px 0;line-height:1.5}.pay-warning{background:#fff4dc;border-left:4px solid #b77900;padding:12px;margin:12px 0;line-height:1.5}.pay-error{color:#a02727}.pay-staff-name{font-weight:700}.pay-detail{padding:12px;background:#f8fafb;border:1px solid var(--pay-border);border-radius:8px;margin:8px 0}.pay-editor{border:2px solid #426b7c;border-radius:12px;padding:18px;margin:16px 0;background:#fff}.pay-editor .field{max-width:420px;margin-bottom:12px}.pay-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.pay-loading{min-height:48px;padding:12px}.pay-table .btn{font-size:14px;padding:6px 10px}@media(max-width:700px){.pay-summary>div{min-width:120px}.pay-toolbar .field{min-width:120px}.pay-table th,.pay-table td{padding:9px}.pay-table{min-width:760px}}