body{background:#f1f5f9;margin:0}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.page-head h2{margin:0;font-size:20px}.muted{color:#64748b}.num{text-align:right;font-variant-numeric:tabular-nums}.reg-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:8px;max-height:calc(100vh - 230px);overflow:auto}.reg{border-collapse:separate;border-spacing:0;width:max-content;font-size:12px}.reg thead th:not(.name):not(.tot){min-width:32px}.reg th,.reg td{text-align:center;white-space:nowrap;border-bottom:1px solid #e2e8f0;border-right:1px solid #e2e8f0;padding:0}.reg thead th{z-index:2;background:#f8fafc;padding:4px 2px;font-weight:600;position:sticky;top:0}.reg .name{z-index:1;text-align:left;background:#fff;min-width:190px;padding:4px 8px;position:sticky;left:0}.reg thead .name{z-index:3;background:#f8fafc}.reg .cell{cursor:pointer;min-width:32px;height:28px;font-weight:600}.reg .cell:hover{outline-offset:-2px;outline:2px solid #0f766e}.reg .cell.auto{opacity:.55;font-weight:400}.reg .cell.na{color:#cbd5e1;cursor:default;background:#f8fafc}.reg .cell.blank{background:#fff7ed}.reg .tot{min-width:34px;padding:4px 6px}.reg .sun{background:#f8fafc}.reg .ot{color:#0f766e;font-size:9px;line-height:1;display:block}.login-bg{background:linear-gradient(135deg,#0f766e 0%,#134e4a 100%);justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}@media (width<=640px){.page-head h2{font-size:18px}}