#payroll-page{padding:28px;color:#17334f}.pw-title,.pw-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pw-title{justify-content:space-between}.pw-title h1{font-size:32px;margin:6px 0 22px}.pw-title small{letter-spacing:2px;color:#187ad0}.pw-tools{margin:15px 0}#payroll-page button{font:inherit;padding:10px 14px;border:1px solid #cbd9e8;background:#fff;color:#215079;border-radius:6px;cursor:pointer}#payroll-page button:hover{border-color:#176cb4}#payroll-page button:disabled{opacity:.45;cursor:default}#payroll-page input,#payroll-page select{padding:10px;border:1px solid #cbd9e8;border-radius:5px;font:inherit;box-sizing:border-box}#payroll-page input[type=checkbox]{width:16px;height:16px;padding:0}#pw-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0}#pw-kpis>div,.pw-card{background:#fff;border:1px solid #d3dfec;border-radius:8px;padding:18px}#pw-kpis strong{display:block;font-size:25px;margin-top:8px}.pw-card{margin:20px 0}.pw-card h2{font-size:18px}.pw-scroll{overflow:auto}#payroll-page table{border-collapse:collapse;width:100%}#payroll-page th,#payroll-page td{text-align:left;padding:13px 10px;border-bottom:1px solid #e2eaf2;font-size:13px}#payroll-page th{color:#69809a}#payroll-page tr[data-person],#payroll-page tr[data-entry]{cursor:pointer}#payroll-page tr.selected{background:#e9f3ff}#pw-status{min-height:20px}#pw-modal{width:min(1200px,94vw);max-height:90vh;border:1px solid #cbd9e8;border-radius:9px;padding:0;color:#17334f}#pw-modal::backdrop{background:#071c3970}#pw-modal header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid #d3dfec}#pw-modal header h2{font-size:20px}.pw-body{padding:24px;overflow:auto;max-height:70vh}.pw-form{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.pw-form label{display:flex;flex-direction:column;gap:8px}.pw-form button,.pw-form p{grid-column:1/-1}.pw-note{font-size:12px;line-height:1.6;color:#73859c}.pw-tabs{display:flex;gap:8px;margin:16px 0}.pw-tabs button[aria-selected=true]{background:#176cb4!important;color:white!important}.pw-distribution{display:grid;grid-template-columns:330px 1fr;gap:18px}.pw-receipt-person{padding:16px;border:1px solid #d3dfec;border-radius:7px;margin:10px 0;cursor:pointer}.pw-receipt-person.active{border-color:#176cb4;background:#edf6ff}.pw-receipt-person label{display:block;margin:10px 0}.pw-receipt-person input[type=number],.pw-receipt-person select{width:100%}#pw-pdf{width:100%;height:65vh;border:0;background:#edf1f5}@media(max-width:900px){#pw-kpis{grid-template-columns:1fr 1fr}.pw-distribution,.pw-form{grid-template-columns:1fr}}

#payroll-page tr.pw-needs-review{background:#fff3bf}#payroll-page tr.pw-needs-review.selected{background:#ffe58a;box-shadow:inset 3px 0 #b77900}#payroll-page tr.pw-needs-review td:last-child{font-weight:700;color:#725000;white-space:nowrap}

#pw-pdf{height:auto;max-width:100%;display:block;border:1px solid #d3dfec;background:white}#pw-pdf[hidden]{display:none}.pw-pick-label{display:flex!important;align-items:center;gap:10px}.pw-pick-help{display:block;color:#657d95;line-height:1.4}#payroll-page input[data-pick]{appearance:auto;accent-color:#176cb4;width:20px;height:20px;flex:0 0 20px}.pw-preview-actions{margin-bottom:12px}

.pw-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}.pw-detail-card{min-width:0}.pw-type-card{position:sticky;top:18px}.pw-type-card header{display:flex;align-items:center;justify-content:space-between;gap:12px}.pw-type-card header h2{margin:0;font-size:16px}.pw-type-card header strong{font-size:12px;color:#69809a}.pw-type-card .pw-note{margin:10px 0}#payroll-page .pw-type-card td,#payroll-page .pw-type-card th{padding:8px 6px;font-variant-numeric:tabular-nums}#payroll-page .pw-type-card td:not(:first-child),#payroll-page .pw-type-card th:not(:first-child){text-align:right;white-space:nowrap}.pw-type-empty{color:#8897a6}.pw-type-card footer{border-top:2px solid #d3dfec;margin-top:12px;padding-top:14px;font-size:13px;font-weight:700;text-align:right;font-variant-numeric:tabular-nums}#payroll-page .pw-date,#payroll-page .pw-time{white-space:nowrap;font-variant-numeric:tabular-nums}@media(max-width:1200px){.pw-detail-grid{grid-template-columns:1fr}.pw-type-card{position:static;max-width:480px;width:100%;box-sizing:border-box}}

.pw-rate-table input{width:100%;min-width:100px}.pw-rate-table input[type=date]{min-width:145px}.pw-rate-table input[type=number]{width:110px}.pw-rate-table td:first-child{white-space:nowrap;font-weight:600}.pw-rate-table small[role=status]{display:block;max-width:220px;margin-top:5px}