:root{font-family:system-ui,"Microsoft YaHei",sans-serif;color:#203a2c;background:#f3f7f4}body{margin:0}main{max-width:1100px;margin:40px auto;padding:0 24px}header{display:flex;align-items:center;gap:20px}header h1{flex:1}h1{font-size:25px}h2{font-size:19px}form{background:white;border:1px solid #dce6df;border-radius:14px;padding:24px;margin:24px 0}#login{max-width:380px;margin:70px auto}.fields{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}label{display:flex;flex-direction:column;gap:7px;margin:0 0 18px}input,select,button{font:inherit;padding:10px 12px;border:1px solid #c5d5cb;border-radius:7px}button{background:#226441;color:white;cursor:pointer}button:disabled{opacity:.5}#message{min-height:24px;color:#a33}table{width:100%;border-collapse:collapse;background:white}th,td{padding:13px;border-bottom:1px solid #e0e8e3;text-align:left}.table{overflow:auto}dialog{border:1px solid #c5d5cb;border-radius:14px;max-width:440px;width:85%}dialog form{border:0;margin:0;padding:12px}pre{white-space:pre-wrap}details{margin:24px 0}[hidden]{display:none!important}@media(max-width:650px){.fields{grid-template-columns:1fr}header{flex-wrap:wrap}}
.brand-logo{width:35px;height:35px;vertical-align:middle;margin-right:8px}