body,html{margin:0;padding:0;font-family:Malgun Gothic,Apple SD Gothic Neo,sans-serif;color:#1a1a1a;background:#f4f4f5}.wrap{max-width:28rem;margin:4rem auto;padding:1.5rem;background:#fff;border:1px solid #e4e4e7}.wrap h1{margin:0 0 1rem;font-size:1.25rem}label{display:block;margin:.75rem 0 .25rem;font-size:.9rem}input{width:100%;box-sizing:border-box;padding:.5rem .6rem;font-size:1rem}button{margin-top:1rem;padding:.5rem .9rem;font-size:.95rem;cursor:pointer}.error{color:#b91c1c}.error,.timeout{margin-top:.75rem;font-size:.9rem}.timeout{color:#b45309}nav.top{display:flex;gap:1rem;padding:.75rem 1.25rem;background:#fff;border-bottom:1px solid #e4e4e7}nav.top a,nav.top button{margin:0;padding:0;background:none;border:none;color:#1d4ed8;text-decoration:underline;font-size:.95rem}nav.top a.on{color:#111;text-decoration:none;font-weight:600}main.page{padding:1.5rem}main.page.wide{max-width:1100px}.toolbar{display:flex;align-items:center;gap:1rem;margin:1rem 0}.toolbar button{margin-top:0}label.inline{display:flex;align-items:center;gap:.4rem;margin:.75rem 0}label.inline input{width:auto}select{width:100%;box-sizing:border-box;padding:.5rem .6rem;font-size:1rem}table.grid{width:100%;border-collapse:collapse;background:#fff}table.grid td,table.grid th{border:1px solid #e4e4e7;padding:.45rem .55rem;text-align:left;font-size:.92rem}table.grid tr.inactive td{color:#71717a}table.grid td.drag{cursor:-webkit-grab;cursor:grab;width:1.5rem;color:#71717a}table.grid td button{margin:0 .35rem 0 0;padding:.25rem .5rem}.panel{margin:1.25rem 0}.table-scroll{overflow:auto;max-width:100%}table.req td,table.req th{min-width:4.8rem;vertical-align:top;font-size:.8rem}table.req tbody th.sticky,table.req td.sticky,table.req th.sticky{position:-webkit-sticky;position:sticky;left:0;background:#fff;min-width:5.5rem;z-index:1}table.req th.weekend{background:#fef3c7}table.req span.hol{display:block;color:#b91c1c;font-weight:400;font-size:.7rem}table.req td.locked{background:#eff6ff}table.req select{padding:.15rem;font-size:.8rem}table.req label.lock{display:flex;align-items:center;gap:.2rem;margin:.2rem 0 0;font-size:.7rem}table.req label.lock input{width:auto}.violations{background:#fff;border:1px solid #fecaca;padding:.75rem 1rem}.violations li{margin:.25rem 0}.ok{color:#166534}.hint,.ok{font-size:.9rem}.hint{color:#52525b;max-width:70rem}main.page.full{max-width:none;min-width:1280px}.toolbar input[type=month]{width:auto}.schedule-grid{width:100%;height:calc(100vh - 14rem);min-height:28rem;background:#fff;position:relative}.schedule-grid .busy-mask{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.72);font-weight:600}.day-head{display:flex;flex-direction:column;line-height:1.15;text-align:center;width:100%}.day-head span{font-weight:400;font-size:.7rem}.day-head .hol{color:#b91c1c;font-size:.65rem}.schedule-grid .wkd,.schedule-grid .wkd-h{background-color:#fef3c7}.schedule-grid .hol,.schedule-grid .hol-h{background-color:#fee2e2}.shift-cell{display:flex;align-items:center;gap:.15rem}.shift-cell .mark.override{display:inline-block;width:.4rem;height:.4rem;border-radius:50%;background:#2563eb}.shift-cell .mark.lock{font-size:.65rem;font-weight:700;color:#1d4ed8}.schedule-grid .agg-cell{font-size:.68rem;white-space:nowrap}.toolbar .grant{font-weight:600}.schedule-grid .role-band{border-top:2px solid #111827}.schedule-grid .agg-footer{background-color:#f4f4f5;font-weight:600}.schedule-grid .agg-total{background-color:#e4e4e7}