:root{font-family:system-ui,"Microsoft YaHei",sans-serif;color:#183342;background:#f3f6f7;font-size:16px}
body{margin:0}main{max-width:1050px;margin:40px auto;padding:28px;background:#fff;border:1px solid #d9e2e7;border-radius:12px}
header p{color:#546d79}h1{margin:8px 0 18px;font-size:28px}h2{font-size:20px}form,section{margin-top:28px}
nav,.toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap}nav a{color:#126a78}label{display:block;margin:16px 0}
input,button{font:inherit;border:1px solid #bacad2;border-radius:6px;padding:10px;box-sizing:border-box}label input{display:block;width:100%;margin-top:8px}
button{cursor:pointer;background:#edf3f5;color:#183342}button[type=submit],#open-create{background:#126a78;color:#fff;border-color:#126a78}
button:disabled{opacity:.55;cursor:wait}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #6dc5d4;outline-offset:2px}
.search{flex:1;min-width:230px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th,td{padding:12px;border-bottom:1px solid #e3e9ec;white-space:nowrap}td.actions{display:flex;gap:8px}
dialog{width:min(430px,calc(100% - 40px));border:1px solid #bacad2;border-radius:10px;padding:24px;color:inherit}dialog::backdrop{background:#18334288}
#status,.dialog-status{min-height:1.5em;line-height:1.6}#status[data-error=true],.dialog-status[data-error=true]{color:#a72b31}[hidden]{display:none!important}
/* 新增账号入口后允许操作换行，窄屏保留表格滚动，不裁掉离职按钮。 */
td.actions{flex-wrap:wrap;align-items:center;min-width:240px}#departure-accounts{max-height:240px;overflow:auto}
@media(max-width:600px){main{margin:12px;padding:18px}th,td{padding:10px 6px}}