:root{font-family:system-ui,-apple-system,Noto Sans KR,sans-serif;color:#1c2430;background:#f5f6f8}body{margin:0}button{font:inherit;padding:4px 10px;border:1px solid #aab2bd;background:#fff;border-radius:4px;cursor:pointer;margin-right:4px}button:hover{background:#eef1f5}button.danger{color:#b3261e;border-color:#e0a8a4}select,input{font:inherit;padding:4px 6px;border:1px solid #aab2bd;border-radius:4px}.shell{max-width:1280px;margin:0 auto;padding:16px 20px 40px}.top{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.top h1{font-size:20px;margin:0 auto 0 0}.who{color:#4a5565;font-size:14px}.tabs{margin:14px 0;border-bottom:1px solid #ccd2da}.tabs button{border:0;border-bottom:3px solid transparent;border-radius:0;background:none;padding:8px 14px}.tabs button.on{border-bottom-color:#2456d6;font-weight:600}.bar{display:flex;gap:12px;align-items:center;margin:8px 0}.grid{width:100%;border-collapse:collapse;background:#fff;font-size:14px}.grid th,.grid td{border:1px solid #dde1e7;padding:6px 8px;text-align:left;vertical-align:top}.grid th{background:#eef1f5}.grid .num{text-align:right}.grid .body{max-width:340px;word-break:break-word}.grid .actions{white-space:nowrap}.grid .empty{text-align:center;color:#6b7686;padding:24px}.sub{color:#6b7686;font-size:12px;margin-top:2px}.pill{display:inline-block;padding:0 6px;border-radius:8px;font-size:12px;background:#e3e8ef;margin-right:4px}.pill.s-hidden{background:#fde7c8}.pill.s-deleted{background:#e5e5e5}.pill.s-suspended{background:#f8d4d1;margin-left:6px}.notice{background:#e4f4e6;padding:6px 10px;border-radius:4px}.error,.fatal{background:#fde8e6;color:#8c1c14;padding:6px 10px;border-radius:4px}.hint{color:#6b7686}.wrap{word-break:break-word}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#141c2866;display:flex;align-items:center;justify-content:center}.dialog{background:#fff;border-radius:8px;padding:18px 22px;min-width:340px}.dialog h2{margin-top:0;font-size:18px}.field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.row{display:flex;gap:6px}.deadline{background:#fde7e4;border:1px solid #e8a39b;color:#8a1f14;padding:6px 10px;font-weight:600}.grid tr.late-over td{background:#fdecea}.grid tr.late-near td{background:#fff6dd}.grid .elapsed{white-space:nowrap}.pill.late-over{background:#c0392b;color:#fff;font-weight:600}.pill.late-near{background:#f0b429;color:#4a3500;font-weight:600}
