:root{--forest:#14532d;--sage:#4a7c59;--soft:#e3f2e7;--band:#d6e9dc;--cream:#fffbe6;--edge:#e8dfb8;--paper:#f6f8f6;--card:#fff;--ink:#1c2a21;--ink2:#5c6b60;--line:#dde5df;--ok:#15803d;--okbg:#e8f5ec;--warn:#8a5a00;--warnbg:#fff4e5;--bad:#b42318;--mono:ui-monospace,Menlo,Consolas,monospace}*{box-sizing:border-box;margin:0}body{font:14px/1.5 -apple-system,"Segoe UI",Helvetica,Arial,sans-serif;background:var(--paper);color:var(--ink)}header{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:10px;padding:12px 22px;background:linear-gradient(180deg,var(--forest),#0b3a1e);color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.18)}header b{font-size:16px}header b:before{content:"";display:inline-block;width:9px;height:9px;margin-right:8px;background:#fff;clip-path:polygon(0 35%,65% 35%,65% 0,100% 50%,65% 100%,65% 65%,0 65%)}header .live{font-size:11px;background:rgba(255,255,255,.16);border-radius:20px;padding:3px 10px;letter-spacing:.06em}.hbtn{all:unset;cursor:pointer;font-size:12.5px;font-weight:700;background:rgba(255,255,255,.14);border-radius:8px;padding:6px 12px}.hbtn:hover{background:rgba(255,255,255,.24)}header select{margin-left:auto;font:inherit;font-weight:700;background:var(--cream);border:1px solid var(--edge);border-radius:7px;padding:5px 8px;color:#1c2a21}.wrap{max-width:1140px;margin:0 auto;padding:20px 22px 60px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:18px}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 16px;box-shadow:0 1px 2px rgba(10,30,18,.06),0 2px 8px rgba(10,30,18,.05)}.card .k{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink2)}.card .k:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--sage);margin-right:7px;vertical-align:1px}.card .v{font-size:25px;font-weight:800;margin-top:4px;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.card .s{font-size:12px;color:var(--ink2)}.panel{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:18px;box-shadow:0 1px 2px rgba(10,30,18,.06)}.hd{display:flex;align-items:center;gap:10px;padding:11px 16px;border-bottom:1px solid var(--line)}.hd b{font-size:14px}.hd .sub{font-size:12px;color:var(--ink2)}.scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{position:sticky;top:0;background:var(--sage);color:#fff;text-align:left;font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:8px 12px;white-space:nowrap}td{padding:7px 12px;border-bottom:1px solid var(--line);white-space:nowrap}tr:last-child td{border-bottom:none}td.n,th.n{text-align:right;font-variant-numeric:tabular-nums}td.m{background:var(--cream);box-shadow:inset 0 0 0 1px var(--edge)}#mi tr:not(:first-child):hover td,#pay td.m:hover{cursor:pointer;filter:brightness(.96)}.id{font-family:var(--mono);font-size:12px}.chip{display:inline-block;font-size:11px;font-weight:700;padding:2px 8px;border-radius:20px}.chip.ok{background:var(--okbg);color:var(--ok)}.chip.warn{background:var(--warnbg);color:var(--warn)}.neg{color:var(--bad)}.grp td{background:var(--soft);font-weight:700;color:var(--forest)}.tot td{background:var(--band);font-weight:800;border-top:2px solid var(--sage)}.tabs{display:flex;gap:6px;padding:10px 16px 0}.tabs button{all:unset;cursor:pointer;padding:6px 14px;font-size:13px;font-weight:700;color:var(--ink2);border-radius:8px}.tabs button.on{background:var(--soft);color:var(--forest)}#load{padding:60px;text-align:center;color:var(--ink2)}#ovl{position:fixed;inset:0;background:rgba(12,26,17,.45);display:none;align-items:center;justify-content:center;z-index:20}#dlg{background:var(--card);border-radius:14px;box-shadow:0 12px 40px rgba(0,0,0,.25);width:min(520px,92vw);max-height:88vh;overflow:auto}#dlg .dhd{padding:14px 18px;border-bottom:1px solid var(--line);font-weight:800}#dlg .dbd{padding:14px 18px;display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}#dlg label{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink2);display:block;margin-bottom:3px}#dlg input,#dlg select{width:100%;font:inherit;padding:7px 9px;border:1px solid var(--edge);background:var(--cream);border-radius:7px}#dlg .wide{grid-column:1/-1}#dlg .dft{padding:12px 18px;border-top:1px solid var(--line);display:flex;gap:10px;justify-content:flex-end}.btn{all:unset;cursor:pointer;background:var(--forest);color:#fff;font-weight:700;font-size:13px;padding:8px 16px;border-radius:8px}.btn.gh{background:transparent;color:var(--forest);box-shadow:inset 0 0 0 1.5px var(--sage)}#toasts{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;width:max-content;max-width:min(760px,calc(100vw - 32px));max-height:calc(100vh - 90px);overflow-y:auto;z-index:30;pointer-events:none}#toast{display:none;position:relative;background:var(--forest);color:#fff;padding:10px 36px 10px 18px;border-radius:9px;font-size:13px;pointer-events:auto;cursor:pointer;box-shadow:0 6px 20px rgba(0,0,0,.18)}#toast.on{display:block}#toast::after{content:"\00d7";position:absolute;top:7px;right:13px;font-size:16px;line-height:1;opacity:.75}#toasts .note{position:relative;background:var(--card);color:var(--ink);border:1px solid var(--bad);border-left:5px solid var(--bad);padding:10px 40px 10px 14px;border-radius:9px;font-size:13px;line-height:1.45;max-height:45vh;overflow-y:auto;pointer-events:auto;cursor:pointer;user-select:text;white-space:pre-wrap;overflow-wrap:anywhere;box-shadow:0 6px 20px rgba(0,0,0,.18)}#toasts .note .x{position:absolute;top:6px;right:8px;border:0;background:none;font-size:18px;line-height:1;color:var(--ink2);cursor:pointer;padding:2px 6px}#toasts .note .x:hover{color:var(--ink)}
/* ---- added for payroll.onearw.com ---- */
header .who{font-size:12px;opacity:.85;margin-left:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}
.btn[disabled]{opacity:.55;cursor:default}
body.login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#0b3a1e,#14532d 55%,#4a7c59)}
.login-card{background:#fff;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.28);padding:34px 36px 26px;width:min(380px,90vw);text-align:center}
.login-card .brand{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#4a7c59}
.login-card h1{font-size:28px;margin:4px 0 6px;color:#14532d}
.login-card p{color:#5c6b60;font-size:13.5px;margin-bottom:18px}
#gbtn{display:flex;justify-content:center;min-height:44px}
.login-msg{min-height:20px;margin:14px 0 0!important;color:#b42318!important;font-weight:600}