.payroll-state{color:#9699aa;font-size:14px}.payroll-state i{background:#e9a345;border-radius:50%;display:inline-block;height:6px;margin-right:4px;width:6px}.page-buttons{display:flex;gap:8px}.page-buttons>button{border-radius:7px;cursor:pointer;font:700 14px 'DM Sans';padding:10px 12px}.page-buttons>button:first-child{background:#fff;border:1px solid var(--line);color:#6d7185}.approve-payroll{border:0}.payroll-summary{align-items:center;display:grid;gap:12px;grid-template-columns:1fr auto 1fr auto 1.2fr;margin-bottom:14px}.payroll-summary article{background:#fff;border:1px solid #eeeff4;border-radius:10px;box-shadow:var(--shadow);padding:17px}.payroll-summary article span,.payroll-summary article strong,.payroll-summary article small{display:block}.payroll-summary article span{color:#9295a6;font-size:13px}.payroll-summary article strong{font-family:'Plus Jakarta Sans';font-size:22px;margin-top:5px}.payroll-summary article small{color:#aaacb8;font-size:12px;margin-top:4px}.payroll-summary>i{color:#b3b5c0;font-size:23px;font-style:normal}.payroll-summary .net-card{background:var(--purple);border-color:var(--purple);color:#fff}.payroll-summary .net-card span,.payroll-summary .net-card small{color:#fff;opacity:.75}.payroll-insights{display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:18px}.payroll-insights>div{align-items:center;background:#fff;border:1px solid #eeeff4;border-radius:9px;display:flex;gap:10px;padding:12px}.insight-icon{border-radius:7px;height:29px;line-height:29px;text-align:center;width:29px}.insight-icon.purple{background:var(--purple-soft);color:var(--purple)}.insight-icon.teal{background:#e5f8f4;color:#2aa48f}.insight-icon.orange{background:#fff3df;color:#d99542}.insight-icon.red{background:#ffebed;color:#d96670}.payroll-insights p{margin:0}.payroll-insights small,.payroll-insights strong{display:block}.payroll-insights small{color:#9a9dac;font-size:12px}.payroll-insights strong{font-size:15px;margin-top:4px}.payroll-filters{align-items:flex-end;background:#fafaff;border:1px solid #f0f0f6;border-radius:8px;display:flex;gap:10px;margin:17px 0 5px;padding:11px}.payroll-filters label{display:flex;flex-direction:column;gap:5px}.payroll-filters span{color:#9699a9;font-size:13px}.payroll-filters select{background:#fff;border:1px solid var(--line);border-radius:5px;color:#62667a;font:17px 'DM Sans';min-width:140px;padding:8px}.payroll-filters button{background:none;border:0;color:var(--purple);cursor:pointer;font:700 13px 'DM Sans';padding:8px}.employee-link{color:#555a70;text-decoration:none}.employee-link small{color:#a1a4b2;display:block;font-size:12px;margin-top:3px}.money-positive{color:#2aa48f!important}.money-negative{color:#d96670!important}.payroll-badge{border-radius:11px;font-size:12px;font-weight:700;padding:5px 7px}.payroll-badge.ready{background:#e5f8f4;color:#2aa48f}.payroll-badge.review{background:#fff3df;color:#d99542}.payroll-toast{background:#25273c;border-radius:7px;bottom:22px;color:#fff;display:none;font-size:15px;padding:11px 15px;position:fixed;right:22px}.payroll-toast.show{display:block}@media(max-width:800px){.payroll-summary{grid-template-columns:1fr 1fr}.payroll-summary>i{display:none}.payroll-summary .net-card{grid-column:span 2}.payroll-insights{grid-template-columns:1fr 1fr}}@media(max-width:520px){.page-buttons{width:100%}.page-buttons button{flex:1}.payroll-filters{align-items:stretch;flex-direction:column}.payroll-filters select{width:100%}}
.page-buttons>a{background:#fff;border:1px solid var(--line);border-radius:7px;color:#6d7185;font:700 14px 'DM Sans';padding:10px 12px;text-decoration:none}