*{box-sizing:border-box}body{margin:0;background:#f5f4fb;color:#20263a;font:14px 'Segoe UI','Microsoft YaHei',sans-serif}main{max-width:1080px;margin:48px auto;padding:0 24px}header{display:flex;gap:20px;align-items:center;margin-bottom:30px}h1{font-size:28px;margin:0}h2{font-size:19px;margin-top:0}p,footer{color:#737d94;line-height:1.7}.logo{display:grid;place-items:center;width:64px;height:64px;border-radius:18px;background:#7c3aed;color:white;font-size:36px}section{background:white;border:1px solid #e1e4ed;border-radius:16px;padding:26px;margin-bottom:20px}.grid{display:grid;grid-template-columns:1fr 1fr 2fr;gap:18px}label{display:block;margin:16px 0 8px;font-weight:600}input,select,textarea{width:100%;padding:12px;border:1px solid #d9dceb;border-radius:8px;font:inherit}textarea{font-family:Consolas,monospace;resize:vertical}button{border:0;border-radius:8px;background:#7c3aed;color:white;padding:12px 20px;cursor:pointer;margin-top:20px;font:inherit}button:disabled{opacity:.5;cursor:wait}.secondary{background:#f1edff;color:#6338b3}.heading{display:flex;align-items:center;justify-content:space-between}.heading button{margin:0}.table{overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap}td,th{border-bottom:1px solid #edf0f5;padding:12px;text-align:left;font-size:12px}td button{margin:0;padding:6px 10px;background:#fff1f2;color:#be123c}#message{color:#be123c}footer{text-align:center;margin:28px;font-size:12px}[hidden]{display:none!important}@media(max-width:650px){.grid{grid-template-columns:1fr}main{margin:20px auto}}

td button+button{margin-left:8px}