:root{font:16px system-ui;color:#17334f;background:#f4f7fa}*{box-sizing:border-box}body{margin:0}main{padding:28px;max-width:1500px;margin:auto}h1{margin-top:0}p{line-height:1.6}form{display:grid;gap:14px;max-width:550px}label{display:grid;gap:6px}input,select,button{font:inherit;padding:10px;border:1px solid #b8c8d8;border-radius:8px}button{background:#155388;color:white;cursor:pointer}button:disabled{opacity:.5;cursor:default}table{border-collapse:collapse;width:100%;background:white}th,td{text-align:left;border-bottom:1px solid #ccd7e2;padding:12px}td button{margin:3px}.table-wrap{overflow:auto;margin:24px 0}.notice{padding:14px;background:#e7eef7;border-radius:8px}pre{white-space:pre-wrap;overflow-wrap:anywhere}#message{min-height:24px}@media(max-width:600px){main{padding:16px}th,td{padding:8px}}