.pay-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pay-actions input[type=month]{width:160px}.pay-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.pay-rates{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.pay-rates label{font-size:12px;color:var(--muted)}#pay-dialog{border:1px solid var(--border);border-radius:12px;width:min(720px,94vw);max-height:92vh;overflow:auto;padding:26px;color:var(--fg);margin:auto}#pay-dialog::backdrop{background:#183b3655}#pay-dialog .modal-header{padding:0 0 18px}.pay-result{background:var(--accent-soft);padding:18px;border-radius:8px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.pay-result strong{color:var(--accent);font-size:21px}.pay-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.pay-breakdown>div{display:flex;justify-content:space-between;gap:12px;font-size:13px}.pay-slip{border:1px solid #bbb;padding:24px;margin-bottom:28px;break-inside:avoid;color:#111}.pay-slip h2{font-size:19px;margin-bottom:12px}.pay-slip table{width:100%;border-collapse:collapse;margin-top:12px}.pay-slip td{padding:5px 12px;border:1px solid #ccc}.pay-slip td:last-child{text-align:right}#pay-print-area{display:none}@media(max-width:720px){.pay-fields,.pay-breakdown{grid-template-columns:1fr}.pay-rates{grid-template-columns:repeat(2,1fr)}}@media print{body>*{display:none!important}body>#pay-print-area{display:block!important}body{background:white;font:13px 'Microsoft YaHei',sans-serif}.pay-slip{page-break-after:always}.pay-slip:last-child{page-break-after:auto}}