.staff-payroll-page{display:grid;gap:16px}.staff-payroll-title{display:flex;align-items:end;justify-content:space-between}.staff-payroll-title span{color:#b44f79;font-size:10px;font-weight:900;letter-spacing:.14em}.staff-payroll-title h2{margin:4px 0 0;font-size:22px}.staff-payroll-title p{margin:5px 0 0;color:#786a72}.staff-payroll-card{overflow:hidden;border:1px solid rgba(255,255,255,.96);border-radius:18px;background:rgba(255,255,255,.7);box-shadow:0 14px 36px rgba(68,39,53,.08)}.staff-payroll-tools{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px}.staff-payroll-tools label{width:min(330px,100%);display:flex;align-items:center;gap:8px;padding:0 13px;border:1px solid #e5d9df;border-radius:10px;background:#f5f0f7}.staff-payroll-tools label span{font-size:22px}.staff-payroll-tools input{width:100%;height:44px;border:0;outline:0;background:transparent}.staff-payroll-tools>button{width:42px;height:42px;border:1px solid #e0d4da;border-radius:10px;background:#fff;color:#584a51;font-size:19px}.staff-payroll-scroll{overflow-x:auto}.staff-payroll-table{min-width:1060px}.staff-payroll-row{display:grid;grid-template-columns:220px repeat(5,minmax(145px,1fr)) 82px;align-items:center;min-height:70px;border-top:1px solid #e7dde2}.staff-payroll-row>span{min-width:0;padding:12px 14px;color:#55484f}.staff-payroll-head{min-height:52px;background:#f7f4f6}.staff-payroll-head>span{color:#352b30;font-size:11px;font-weight:800}.staff-payroll-person{display:flex;align-items:center;gap:10px}.staff-payroll-person i,.staff-payroll-person img{width:42px;height:42px;flex:0 0 42px;border-radius:10px}.staff-payroll-person i{display:grid;place-items:center;background:#f8e8ed;color:#b44f79;font-style:normal;font-weight:900}.staff-payroll-person img{object-fit:cover}.staff-payroll-view{width:38px;height:38px;border:0;border-radius:10px;background:transparent;color:#3f3439;font-size:20px}.staff-payroll-view:hover{background:#f2e9ed;color:#a4476e}.staff-payroll-row[hidden]{display:none}.staff-payroll-empty{padding:36px;display:grid;justify-items:center;gap:5px;color:#776870}.staff-payroll-empty b{color:#33292e}.staff-payroll-dialog{width:min(620px,calc(100vw - 28px))}.staff-payroll-dialog .dialog-head p{margin:5px 0 0;color:#796b72;font-size:11px}.payroll-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:20px}.payroll-edit-grid label{display:grid;gap:6px}.payroll-edit-grid label>span{color:#62545b;font-size:11px;font-weight:800}.payroll-edit-grid label>div{display:flex;align-items:center;border:1px solid #dfd3da;border-radius:10px;background:#f7f1f4;overflow:hidden}.payroll-edit-grid input{width:100%;height:44px;padding:0 12px;border:0;outline:0;background:transparent}.payroll-edit-grid label b{padding:0 13px;color:#a4476e}.staff-payroll-dialog .form-actions{padding:0 20px 20px}@media(max-width:720px){.staff-payroll-title h2{font-size:19px}.staff-payroll-card{border-radius:15px}.staff-payroll-tools{padding:12px}.staff-payroll-table{min-width:940px}.staff-payroll-row{grid-template-columns:190px repeat(5,135px) 70px}.payroll-edit-grid{grid-template-columns:1fr}}