.payroll-tabs{display:flex;gap:10px;margin-bottom:18px}.payroll-tabs button{min-width:120px}.payroll-tabs button.active{background:#1687c9;color:white}.payroll-workspace{padding:22px;min-height:610px}.payroll-toolbar,.payroll-filters,.payroll-footer-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:end;margin-bottom:18px}.payroll-toolbar label{display:grid;gap:6px;min-width:190px}.payroll-toolbar input,.payroll-toolbar select,.payroll-filters select,.payroll-footer-actions select{min-height:44px}.payroll-toolbar #payrollMonth{min-width:230px}.payroll-filters{display:grid;grid-template-columns:minmax(360px,1fr) 210px 210px auto;align-items:center}.payroll-filters .search{min-width:280px}.payroll-table-wrap{min-height:390px;max-height:52vh;border:1px solid rgba(65,201,239,.26);border-radius:10px;background:rgba(3,25,45,.42)}.payroll-table{font-size:12px;min-width:1780px}.payroll-table th,.payroll-table td{white-space:nowrap;padding:12px 10px}.payroll-table thead{position:sticky;top:0;z-index:2}.payroll-table input{width:110px;padding:7px;background:#071f36;color:#eaf7ff;border:1px solid #24658b;border-radius:6px}.payroll-status{padding:10px 14px;border:1px solid #2a7395;border-radius:8px;color:#50e6e6}.payroll-status.locked{color:#ffd166;border-color:#b98b29}.payroll-footer-actions{margin:18px 0 0}.payroll-footer-actions .spacer{flex:1}.payslip-grid{display:grid;grid-template-columns:minmax(520px,1.65fr) minmax(320px,.65fr);gap:22px;align-items:start}.payslip-card{min-height:510px;background:linear-gradient(135deg,rgba(7,35,61,.86),rgba(26,29,84,.75));backdrop-filter:blur(24px);border:1px solid rgba(73,220,255,.48);box-shadow:inset 0 1px rgba(255,255,255,.12),0 22px 55px rgba(0,0,0,.42),0 0 38px rgba(111,65,255,.16);border-radius:18px;padding:28px}.payslip-controls{display:grid;gap:13px;position:sticky;top:90px}.payslip-controls label{display:grid;gap:7px}.payslip-controls select{min-height:44px}.payslip-head{display:flex;gap:18px;align-items:center;border-bottom:1px solid #367596;padding-bottom:16px}.payslip-head img{width:86px;height:86px;object-fit:cover;border-radius:12px;border:1px solid #54dfff}.payslip-section{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:20px}.money-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(100,190,220,.17)}@media(max-width:1100px){.payroll-filters{grid-template-columns:1fr 1fr}.payslip-grid,.payslip-section{grid-template-columns:1fr}.payslip-controls{position:static}}@media(max-width:700px){.payroll-filters{grid-template-columns:1fr}.payroll-footer-actions>*{width:100%}}