:root{font:15px/1.6 system-ui,"Microsoft YaHei",sans-serif;color:#202834;background:#f3f5f8}*{box-sizing:border-box}body{margin:0}header{padding:24px max(24px,calc((100% - 1200px)/2));background:#17263b;color:white;display:flex;justify-content:space-between;align-items:center}h1{font-size:24px;margin:0}header p{color:#c6d5e8;margin:5px 0 0}main{max-width:1248px;padding:24px;margin:auto}section{background:white;border:1px solid #dce2ea;border-radius:10px;padding:24px;margin:0 0 20px}h2{font-size:19px;margin:0 0 16px}label{display:block;color:#4b596c;margin-bottom:12px}input{display:block;width:100%;max-width:460px;min-height:40px;padding:8px 12px;border:1px solid #bdc7d4;border-radius:6px;margin-top:4px;font:inherit}input:focus{outline:2px solid #2f6fed;outline-offset:1px}button{border:1px solid #bdc7d4;background:white;border-radius:6px;padding:8px 14px;font:inherit;color:#253e5a;cursor:pointer;margin:3px}.primary{background:#2f6fed;color:white;border-color:#2f6fed}.danger{color:#a52328;border-color:#d8a1a4}button:hover{filter:brightness(.94)}button:disabled{opacity:.5;cursor:wait}a{color:#245edb;margin-right:12px}.form-grid{display:grid;grid-template-columns:2fr 2fr 1fr auto;gap:16px;align-items:end}.section-head{display:flex;justify-content:space-between;gap:16px;align-items:center}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left}th{color:#4b596c;background:#f6f8fb}th,td{border-bottom:1px solid #e2e7ef;padding:12px;vertical-align:top}td small{display:block;color:#6a7687;word-break:break-all}.muted{color:#6a7687}.badge{border-radius:5px;padding:3px 8px;background:#edf2f9;white-space:nowrap}.ok{color:#157345;background:#e7f5ed}.off{color:#a52328;background:#fcebec}#message:empty{display:none}#message{padding:12px;border-radius:6px;background:#e7eefb;white-space:pre-wrap}#code{max-width:800px;font-family:monospace}#new-code{padding:16px;background:#eaf5ee;border-radius:6px}#audit{max-height:280px;overflow:auto;font-size:13px;padding-left:22px}[hidden]{display:none!important}@media(max-width:850px){.form-grid{grid-template-columns:1fr 1fr}.section-head{align-items:start;flex-direction:column}main{padding:12px}section{padding:16px}}@media(max-width:500px){.form-grid{grid-template-columns:1fr}}
