.salary-app{max-width:1200px;margin:auto}.salary-filters{display:flex;flex-wrap:wrap;align-items:end;gap:12px}.salary-filters .field{flex:1 1 170px}.salary-confirm{display:flex;align-items:center;gap:10px;line-height:1.5}.salary-confirm input,.salary-select{width:24px;height:24px;flex:0 0 24px}.salary-table{width:100%;border-collapse:collapse;table-layout:fixed}.salary-table th,.salary-table td{text-align:left;padding:12px 8px;border-bottom:1px solid #dce1e9;vertical-align:top;overflow-wrap:anywhere}.salary-table small{display:block;margin-top:6px}.salary-table th:nth-child(3){width:24%}.salary-table form{display:flex;flex-wrap:wrap;gap:8px}.salary-table input[name=hours]{width:100%;min-height:48px;font-size:21px;padding:10px;border:1px solid #bbc7d6;border-radius:10px}.salary-table strong{font-variant-numeric:tabular-nums}.salary-status{display:inline-block;padding:8px;border-radius:9px;font-weight:700}.salary-status.paid,.salary-success{color:#115b37;background:#e5f4e9}.salary-status.unpaid,.salary-warning{color:#795000;background:#fff2d4}.salary-warning,.salary-success{padding:14px;border-radius:12px;line-height:1.5}.salary-total{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.salary-total h2,.salary-total p{flex-basis:100%}.salary-total>strong{font-size:28px;margin-right:auto}.salary-payment{padding:14px 0;border-top:1px solid #dce1e9;line-height:1.5}.salary-dialog{border:1px solid #c7cfda;border-radius:16px;padding:22px;width:min(520px,calc(100vw - 24px));max-height:90dvh;overflow:auto;color:#16203a}.salary-dialog::backdrop{background:#101c35a0}.salary-dialog form{display:grid;gap:14px}.salary-dialog input,.salary-dialog select{min-height:48px}.salary-dialog .form-error:empty{display:none}@media(max-width:760px){.salary-table thead{display:none}.salary-table,.salary-table tbody{display:block}.salary-table tr{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px 0;border-bottom:2px solid #dce1e9}.salary-table td{display:block;padding:6px;border:0;min-width:0}.salary-table td:before{content:attr(data-label);display:block;color:#5b6579;font-size:13px;margin-bottom:6px}.salary-table td:nth-child(3),.salary-table td:nth-child(5){grid-column:1/-1}.salary-table form input[name=hours]{flex:1 1 90px;width:90px}.salary-table form .button{flex:1 1 110px}.salary-table-wrap{padding:12px}.salary-app .pagehead h1{font-size:clamp(24px,6vw,34px)}.salary-dialog{padding:18px}}