:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#16352f;background:#f3f6f4;font-size:16px}*{box-sizing:border-box}body{margin:0}main{max-width:820px;margin:auto;padding:36px 20px 60px}header,.title-row{display:flex;align-items:center;gap:16px}header{margin-bottom:28px}header button{margin-left:auto}.mark{display:grid;place-items:center;background:#1d5a49;color:white;border-radius:16px;width:52px;height:52px;font-size:24px}h1{font-size:26px;margin:2px 0}h2{font-size:20px;margin:0 0 16px}h3{margin-top:28px}small,.muted,footer{color:#60766e}.intro{line-height:1.8}aside{border:1px solid #e4d5a0;background:#fffae9;padding:12px 16px;border-radius:12px;color:#775a16;font-size:14px}.card,.slip{background:white;border:1px solid #dce6df;border-radius:16px;padding:24px;margin:16px 0}.slip{display:flex;align-items:center;justify-content:space-between;gap:12px}.slip p{margin:5px 0;font-size:14px;color:#60766e}button,.primary{display:inline-block;border:0;background:#1d5a49;color:#fff;padding:11px 16px;border-radius:9px;font-size:15px;cursor:pointer;text-decoration:none}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #c29a4e;outline-offset:3px}.title-row{justify-content:space-between;flex-wrap:wrap}#timer{color:#975d0b;font-variant-numeric:tabular-nums}.pay-row{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid #eef1ef;overflow-wrap:anywhere}.pay-row:last-child{border:0;margin-bottom:14px}.pay-row strong{text-align:right}#status{color:#8b422c;line-height:1.6}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;max-height:360px;overflow:auto}input{max-width:100%;margin:12px 0}footer{font-size:13px;line-height:1.7;margin-top:32px}[hidden]{display:none!important}@media(max-width:520px){main{padding:24px 14px}.card,.slip{padding:18px}.slip{align-items:flex-start;flex-direction:column}}@media print{body{display:none!important}}

#status:empty{display:none}#status:not(:empty){position:sticky;top:8px;z-index:10;background:#fff8e7;border:1px solid #e4d5a0;border-radius:10px;padding:12px 16px;box-shadow:0 3px 12px #16352f12}

.pending-employee{border-bottom:1px solid #dce6df;padding:12px 0}.pending-employee summary{cursor:pointer;padding:10px 0}.pending-employee summary span{float:right;color:#60766e;font-size:14px}.pending-slip{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0 10px 16px;font-size:14px}.pending-slip button{white-space:nowrap;padding:8px 12px}.payroll-notice{background:#fffbe8;padding:16px;margin-top:20px;border-radius:8px;font-size:14px;line-height:1.8;color:#765f2c}.payroll-notice strong{color:#263d35}.payroll-notice p{margin:4px 0}