.payroll-page{padding:26px 24px;background:#f8faff;min-height:calc(100vh - 99px)}.payroll-status{background:#f0eaff;color:#6429dc;padding:8px 15px;border-radius:999px;font-weight:700}.payroll-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin:18px 0}.payroll-kpis article{background:#fff;border:1px solid #e8edf5;border-radius:12px;padding:17px;min-height:108px;display:grid}.payroll-kpis span{color:#586789;font-weight:700;font-size:13px}.payroll-kpis strong{font-size:23px;margin-top:7px}.payroll-kpis small{color:#687694}.accent{color:#5a21e7}.payroll-tabs{display:flex;gap:22px;border-bottom:1px solid #dfe5ef}.payroll-tabs button{padding:11px 3px;border:0;background:transparent;font:700 14px plex;color:#758099}.payroll-tabs .active{color:#5a21e7;border-bottom:3px solid #5a21e7}.payroll-toolbar{display:grid;grid-template-columns:1.6fr repeat(4,.75fr) .9fr;gap:10px;padding:15px 0}.payroll-toolbar input,.payroll-toolbar select,.payroll-toolbar button{height:44px;border:1px solid #dbe2ed;border-radius:7px;background:#fff;padding:0 12px;font:13px plex;color:#53617f}.payroll-toolbar button{color:#5c21e7;border-color:#c9b4ff;font-weight:700}.payroll-table-card{background:#fff;border:1px solid #e7ecf4;border-radius:11px;overflow:hidden}.payroll-table-card th{padding:13px 8px;text-align:center}.payroll-table-card td{text-align:center;padding:10px 8px;border-bottom:1px solid #edf0f5}.payroll-person{display:flex;align-items:center;gap:8px;text-align:right}.payroll-person i{width:34px;height:34px;border-radius:50%;background:#eeeaff;color:#5c21e7;display:grid;place-items:center;font-style:normal}.payroll-check{appearance:none;width:20px;height:20px;border-radius:5px;background:#5b22e7;display:grid;margin:auto}.payroll-check:checked:after{content:'✓';color:#fff;font-size:13px}.payroll-method{padding:5px 9px;border-radius:6px;font-size:12px;font-weight:700}.payroll-method.payroll{background:#eaf8ee;color:#258d49}.payroll-method.instapay{background:#f0ebff;color:#603ad0}.payroll-method.wallet{background:#e6f8f7;color:#16827d}.payroll-actions{display:flex;gap:6px;justify-content:center}.payroll-actions button{width:31px;height:31px;border:1px solid #dce3ed;background:#fff;border-radius:6px;color:#5922e7}.payroll-bottom{display:grid;grid-template-columns:1fr 1.45fr;gap:12px;margin-top:14px}.payroll-bottom article{background:#fff;border:1px solid #e7ecf4;border-radius:11px;padding:16px}.payroll-bottom h2{font-size:15px;margin:0 0 12px}.payroll-bottom li{font-size:13px;color:#596783;margin:6px 0}.warn{color:#e79013}.send-payroll{display:block;margin:18px auto 0;border:0;border-radius:8px;padding:14px 35px;background:linear-gradient(90deg,#5a1fd8,#8b28e9);color:#fff;font:700 16px plex}@media(max-width:1200px){.payroll-kpis{grid-template-columns:repeat(3,1fr)}.payroll-toolbar{grid-template-columns:repeat(3,1fr)}}
