:root{--bg:#f7f7f5;--panel:#fff;--ink:#1d1d1b;--muted:#6b6b66;--line:#e4e4df;--accent:#0f6b4f;--bad:#b42318;--warn:#b54708;--ok:#027a48;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0;font-size:14px}a{color:var(--accent);text-decoration:none}header.top{display:flex;align-items:center;gap:20px;padding:10px 20px;background:var(--panel);border-bottom:1px solid var(--line)}header.top .brand{font-weight:700}header.top nav{display:flex;gap:14px;flex:1 1}header.top .who{color:var(--muted);font-size:13px}main{padding:20px;max-width:1400px;margin:0 auto}h1{font-size:20px;margin:0 0 14px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:14px;margin-bottom:16px}.muted{color:var(--muted)}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}table{border-collapse:collapse;width:100%;background:var(--panel)}td,th{border-bottom:1px solid var(--line);padding:6px 8px;text-align:left;white-space:nowrap}th{font-size:12px;color:var(--muted);font-weight:600;position:sticky;top:0;background:var(--panel)}.scroll{overflow:auto;max-height:75vh;border:1px solid var(--line);border-radius:8px}button,input,select{font:inherit;padding:6px 10px;border:1px solid var(--line);border-radius:6px;background:#fff}button{background:var(--accent);color:#fff;border-color:var(--accent);cursor:pointer}button.secondary{background:#fff;color:var(--ink);border-color:var(--line)}.pill{display:inline-block;padding:1px 7px;border-radius:10px;font-size:12px;background:#eee}.pill.ok{background:#d1fadf;color:var(--ok)}.pill.bad{background:#fee4e2;color:var(--bad)}.pill.warn{background:#fef0c7;color:var(--warn)}td.cell{text-align:center;font-size:12px;font-weight:600;padding:4px}.s-PRESENT{background:#d1fadf}.s-HALF_DAY,.s-HALF_DAY_LEAVE{background:#fef0c7}.s-ABSENT{background:#fee4e2}.s-PAID_LEAVE{background:#d1e9ff}.s-HOLIDAY,.s-WEEK_OFF{background:#f2f4f7;color:var(--muted)}.s-PENDING{background:#fff;outline:1px dashed #d0d5dd}.exc{box-shadow:inset 0 -3px 0 var(--warn)}.center{min-height:80vh;display:grid;place-items:center}