*{box-sizing:border-box}body{margin:0;font:14px/1.5 system-ui,"Malgun Gothic",sans-serif;background:#f4f5f7;color:#1b2634}header{background:#1e293b;color:white;display:flex;align-items:center;gap:22px;padding:14px 24px}header a{color:white;font-weight:800;text-decoration:none}header span{color:#b6c3d1;font-size:12px}main{padding:20px;max-width:1600px;margin:auto}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.toolbar button,.toolbar select{padding:6px 10px;border:1px solid #bfc7d0;border-radius:4px;background:white;cursor:pointer}.toolbar strong{min-width:100px;text-align:center;font-size:18px}.notice{background:#fff6dc;padding:10px;border:1px solid #e8d69d;border-radius:3px}.tablewrap{overflow:auto;border:1px solid #ccd2d8;background:white}table{border-collapse:collapse;white-space:nowrap;width:max-content;min-width:100%}th,td{border:1px solid #d7dce2;padding:5px;text-align:center;min-width:45px}thead th{background:#e8edf2;position:sticky;top:0;z-index:1}th.employee{position:sticky;left:0;z-index:2;background:#e8edf2;min-width:115px;text-align:left}tbody th.employee{background:#fff;z-index:1}td.weekend,th.weekend{background:#f5f7fa}td.sun,th.sun{color:#a83232}td.sat,th.sat{color:#2455a4}td button{border:0;border-radius:3px;width:100%;min-height:28px;cursor:pointer;background:#edf1f5;color:#1d2939;font-weight:700}td button.A{background:#e0efff}td button.P{background:#ffebd9}td button.OFF{background:#ececec;color:#555}td button.D{background:#e4f4e6}td button.LEAVE{background:#f4e3fa}td button.OTHER{background:#fff4bf}#message{min-height:24px;color:#b23b3b}.legend{color:#56616d;font-size:12px}