:root{font-family:system-ui,"Microsoft YaHei",sans-serif;color:#18334d;background:#f3f6fa}*{box-sizing:border-box}body{margin:0}header{padding:20px max(5%,calc((100% - 1040px)/2));background:#fff;border-bottom:1px solid #dce4ee;display:flex;justify-content:space-between;gap:20px}a{color:#245bc4}main{max-width:1040px;padding:30px 20px;margin:auto}h1{font-size:30px}h2{font-size:20px}section{background:white;border:1px solid #dce4ee;border-radius:14px;padding:24px;margin:22px 0}p,li,footer{line-height:1.8}.muted,footer{color:#63758a;font-size:14px}form{display:flex;gap:14px;flex-wrap:wrap;align-items:end}label{display:grid;gap:8px;min-width:220px}input{padding:12px;border:1px solid #bdcada;border-radius:7px;max-width:100%;font:inherit}button{border:0;border-radius:7px;padding:12px 18px;background:#245bc4;color:white;font:inherit;cursor:pointer}button.secondary{background:#eaf0fa;color:#245bc4}button:disabled{opacity:.55;cursor:wait}.toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.toolbar h2{margin-right:auto}#notice:not(:empty){padding:16px;background:#fff0d6;border-radius:9px}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;padding:12px;border-bottom:1px solid #e1e7ef}td button{font-size:13px;padding:8px;margin:3px}.scroll{overflow:auto}progress{display:block;width:100%;margin-top:20px}#users>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:15px}[hidden]{display:none!important}.ok{color:#08765d}.error{color:#af342c}@media(max-width:600px){header{padding:16px;flex-direction:column}section{padding:16px}form,label{width:100%}h1{font-size:25px}}
dialog{border:1px solid #dce4ee;border-radius:14px;max-width:600px;padding:24px}dialog::backdrop{background:#18334d66}dialog form{display:grid}table{min-width:600px}