.hr-center{margin-top:24px;background:#fff;border:1px solid #dce5e9;border-radius:8px;overflow:hidden;color:#263d48;font:400 14px/1.5 Pretendard,sans-serif;}
.hr-center>header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;background:linear-gradient(100deg,#edf6f3,#fff);border-bottom:1px solid #e1e9ed;flex-wrap:wrap;}.hr-center>header>div{display:flex;align-items:center;gap:8px;}.hr-center>header b{padding:2px 6px;background:#e3f0ea;color:#287567;border-radius:4px;}
.hr-center button,.hr-dialog button{font:400 14px/1.5 Pretendard,sans-serif;color:#345560;background:#fff;border:1px solid #cfdee4;border-radius:5px;padding:6px 10px;cursor:pointer;}.hr-center button:disabled,.hr-dialog button:disabled{opacity:.5;cursor:not-allowed;}
.hr-center button:focus-visible,.hr-dialog :is(button,input,select,textarea):focus-visible{outline:2px solid #168ca4;outline-offset:2px;}
.hr-tabs{display:flex;gap:8px;padding:12px 18px;border-bottom:1px solid #e1e9ed;}.hr-tabs button[aria-pressed=true],.hr-center .hr-primary,.hr-dialog .hr-primary{background:#287567;color:white;border-color:#287567;}
.hr-toolbar{display:flex;gap:12px;align-items:end;flex-wrap:wrap;padding:12px 18px;}.hr-toolbar>button:last-child{margin-left:auto;}.hr-center label,.hr-dialog label{display:grid;gap:5px;}.hr-center :is(input,select,textarea),.hr-dialog :is(input,select,textarea){box-sizing:border-box;min-width:0;width:100%;padding:7px 8px;border:1px solid #cbdde5;border-radius:5px;background:#fbfdfe;color:#263d48;font:400 14px/1.5 Pretendard,sans-serif;}.hr-center input[type=month]{width:160px;}
.hr-summary{display:flex;flex-wrap:wrap;gap:10px;padding:12px 18px;}.hr-summary span{padding:5px 9px;border-radius:4px;background:#edf6f3;color:#287567;}
.hr-scroll{overflow:auto;}.hr-center table,.hr-dialog table{border-collapse:collapse;width:100%;min-width:620px;font:400 14px/1.5 Pretendard,sans-serif;}.hr-center th,.hr-dialog th{background:#f5f8f9;color:#657c85;font-weight:500;}.hr-center :is(th,td),.hr-dialog :is(th,td){padding:10px 12px;text-align:left;border-bottom:1px solid #e7edef;}.hr-center tbody tr:hover{background:#f7fafb;}.hr-center td button+button{margin-left:4px;}
.hr-empty{padding:22px 18px;color:#667d87;}.hr-warning{margin:12px 18px;padding:10px 12px;background:#fff6e7;color:#805f27;font:400 14px/1.6 Pretendard,sans-serif;border-radius:5px;}.hr-hint{padding:8px 18px;color:#667d87;font-size:14px;}.hr-error{padding:10px 16px;background:#fff1ef;color:#a74038;}.hr-state{padding:3px 7px;border-radius:4px;background:#eef3f7;white-space:nowrap;}.hr-state.state-확인완료{background:#edf6f3;color:#287567;}.hr-state.state-수정요청{background:#fff5e7;color:#9b6a21;}
.hr-dialog{position:fixed;inset:0;margin:auto;width:min(860px,calc(100vw - 32px));max-height:90dvh;padding:0;border:1px solid #dce5e9;border-radius:10px;background:#fff;color:#263d48;font:400 14px/1.5 Pretendard,sans-serif;box-shadow:0 22px 70px #203b4926;overflow:auto;}.hr-dialog::backdrop{background:#284c604d;}.hr-dialog>header{position:sticky;top:0;z-index:1;background:#f3f8f8;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid #dce5e9;}.hr-dialog h2{font:600 18px/1.5 Pretendard,sans-serif;margin:0;}.hr-dialog-body{display:grid;gap:14px;padding:20px;}.hr-dialog textarea{min-height:70px;resize:vertical;}.hr-dialog .hr-toolbar{padding:0;}.hr-dialog .hr-warning,.hr-dialog .hr-hint{margin:0;}.hr-form-grid{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:12px;}.hr-dialog pre{font:400 14px/1.65 Pretendard,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;background:#f7fafb;padding:14px;margin:0;}.hr-dialog details{border:1px solid #e1e9ed;border-radius:5px;padding:10px;}.hr-dialog summary{cursor:pointer;}.hr-dialog footer{display:flex;justify-content:flex-end;gap:8px;}.hr-dialog .hr-consent{display:flex;align-items:flex-start;gap:8px;}.hr-dialog input[type=checkbox]{width:18px;flex:none;}.hr-signature{width:100%;max-width:600px;height:auto;aspect-ratio:10/3;border:1px dashed #b2c9d1;background:#fbfdfe;touch-action:none;border-radius:5px;}.hr-document-image{max-width:100%;height:auto;}.hr-hash{overflow-wrap:anywhere;font-size:12px;}
@media(max-width:700px){.hr-form-grid{grid-template-columns:1fr;}.hr-dialog{width:calc(100vw - 16px);}.hr-dialog-body{padding:14px;}.hr-toolbar>button:last-child{margin-left:0;}}