:root{font-family:Arial,Helvetica,sans-serif;color:#18304b;background:#eef2f6;font-size:16px;--blue:#164b83;--line:#dce3ea}*{box-sizing:border-box}body{margin:0}header{height:86px;display:flex;gap:14px;align-items:center;padding:0 30px;background:#fff;border-bottom:1px solid var(--line)}header strong{font-size:21px}.brand{background:#143e70;color:#fff;font-size:30px;font-weight:bold;border-radius:10px;padding:8px 12px}.brand span{color:#7dccda;font-size:20px}.sub{display:block;font-size:14px;color:#69798a;margin-top:4px}.tag{margin-left:auto;border:1px solid #ccd9e7;border-radius:20px;padding:6px 12px;font-size:13px;color:#56718a}main{display:grid;grid-template-columns:300px minmax(0,1fr);min-height:calc(100vh - 86px)}aside{background:#fff;border-right:1px solid var(--line);padding:28px 22px}h1{font-size:22px;margin:0 0 12px}p{line-height:1.55;color:#657589;font-size:14px}label.upload{display:block;border:1px solid #c7d5e3;border-radius:10px;margin-top:22px;padding:16px;background:#f9fbfd}.upload b{font-size:15px}.upload span{display:block;font-size:13px;color:#728296;margin:7px 0 14px}input[type=file]{width:100%;font-size:12px;color:#627082}input[type=file]::file-selector-button{border:0;background:#e3edf7;color:#164b83;border-radius:4px;padding:8px;cursor:pointer}.check{display:flex;align-items:center;gap:8px;font-size:14px;margin:18px 0}button{font:inherit;font-size:14px;padding:11px 15px;border:1px solid #cbd7e3;border-radius:7px;background:white;color:#234768;cursor:pointer;font-weight:600}button:hover{background:#edf4fb}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:#164b83;color:#fff;border-color:#164b83}.primary:hover{background:#103c6c}#process{width:100%;margin-top:2px}#status{font-size:13px;min-height:38px}progress{width:100%;height:7px;accent-color:#164b83}.rule{border-top:1px solid var(--line);margin-top:24px;padding-top:22px;font-size:14px}.rule p{font-size:13px}.workspace{padding:24px;min-width:0;display:flex;flex-direction:column}.toolbar{display:flex;gap:12px;align-items:flex-end}.search{flex:1;position:relative;max-width:600px}.search label{display:block;font-size:14px;font-weight:600;margin-bottom:7px}input,select{font:inherit;font-size:14px;border:1px solid #ccd7e3;border-radius:6px;padding:10px;color:#173451;background:#fff}input:focus,select:focus,button:focus-visible{outline:2px solid #56a8d2;outline-offset:2px}#root{width:100%;height:42px}.suggestions{position:absolute;z-index:5;top:100%;left:0;right:0;max-height:300px;overflow:auto;background:#fff;box-shadow:0 9px 20px #17345122}.suggestions button{display:block;border:0;border-radius:0;width:100%;text-align:left;font-size:14px}.viewbar{display:flex;align-items:center;justify-content:space-between;margin-top:24px;padding:12px 0}.viewbar button{border:0;background:transparent;color:#667a8d}.viewbar button[aria-pressed=true]{color:#164b83;background:#dfeaf5}.zoom{display:flex;align-items:center;gap:8px;font-size:13px}.zoom input{width:100px}.zoom button{padding:6px}#viewport{background:#fff;border:1px solid #d5e0eb;border-radius:10px;overflow:auto;height:calc(100vh - 245px);min-height:450px;position:relative}#empty{display:grid;place-content:center;text-align:center;height:100%;padding:25px}#empty h2{font-size:21px;font-weight:500}#empty p{max-width:430px;margin:auto}.empty-icon{color:#93aec9;font-size:70px;margin-bottom:12px}#map{position:relative;transform-origin:0 0}#map svg{display:block}#source canvas{max-width:100%;height:auto;display:block;border-bottom:8px solid #e4edf5}#notice{font-size:14px;color:#7a511b;margin-bottom:10px;line-height:1.5}#notice:empty{display:none}#stats{margin-top:20px;font-size:14px;line-height:1.8}.stat{display:flex;justify-content:space-between}.stat b{font-size:20px;color:#15497e}dialog{border:1px solid #d1dbe6;border-radius:14px;padding:0;width:96vw;max-width:1600px;color:#18304b}dialog::backdrop{background:#10263e88}.dialoghead{display:flex;align-items:center;justify-content:space-between;padding:20px 25px;border-bottom:1px solid var(--line)}.dialoghead h2{margin:0;font-size:22px}.dialoghead p{margin:5px 0 0}.editorbar{display:flex;gap:15px;padding:16px 24px 0}.editorbar input{flex:1}.help{padding:0 24px}.tablewrap{overflow:auto;max-height:55vh}table{border-collapse:collapse;width:100%;font-size:13px}th{background:#edf3f9;text-align:left;position:sticky;top:0;padding:12px;font-size:13px;z-index:1}td{padding:8px;border-bottom:1px solid #e4ebf1;vertical-align:top}td input{width:220px;font-size:13px}td input.small{width:82px}td input.salary{width:110px}td select{width:240px;font-size:13px}td .issue{display:block;color:#986114;max-width:170px;min-width:130px;line-height:1.5}.dialogfoot{display:flex;justify-content:space-between;align-items:center;padding:18px 24px}#editStatus{color:#b33232;font-size:14px}.thumb{width:150px;max-height:70px;object-fit:contain}#pending{color:inherit}.pending-badge{color:#916122}@media(max-width:950px){main{grid-template-columns:1fr}aside{border:0;padding:20px;display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start}aside h1,aside>p{width:100%;margin:0}.upload{flex:1;min-width:240px;margin:0!important}#process{width:200px}.rule{display:none}#stats{width:100%;margin:0}.toolbar{flex-wrap:wrap}.search{min-width:240px}.workspace{padding:15px}#viewport{height:650px}.zoom input{width:70px}}@media(max-width:540px){header{padding:0 16px}.viewbar{align-items:flex-start;gap:10px;flex-direction:column}.toolbar>button{flex:1}}

[hidden]{display:none!important}.thumb{cursor:zoom-in}.thumb.expanded{width:460px;max-height:none;cursor:zoom-out}

.integrated{border:1px solid #c7d5e3;border-radius:10px;padding:16px;margin-top:18px;background:#f0f6fc;font-size:14px}.integrated p{font-size:13px;margin:8px 0 12px}.integrated summary{font-size:13px;cursor:pointer;color:#285883}.integrated .upload{margin-top:12px;padding:10px}.integrated button{font-size:12px;padding:8px;margin-top:10px}