:root{font-family:"Segoe UI","Microsoft YaHei",sans-serif;color:#213047;background:#f4f7fb;font-size:15px}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;gap:22px;padding:20px 5%;background:#fff;border-bottom:1px solid #dce3ef}header strong{font-size:21px}header button{margin-left:auto}main{max-width:1440px;margin:auto;padding:28px 32px}h1{font-size:28px;margin:0 0 18px}h2{font-size:20px}p{line-height:1.8;color:#53637b}section{background:#fff;border:1px solid #dce3ef;border-radius:10px;padding:26px;margin-top:20px}#login{max-width:480px;margin:5vh auto}label{display:flex;flex-direction:column;gap:7px;margin:10px 0}input,select,textarea{font:inherit;border:1px solid #aebed1;border-radius:5px;padding:10px;background:white;min-width:0}textarea{min-height:84px;resize:vertical}button{font:inherit;background:#245bcb;border:1px solid transparent;color:white;border-radius:5px;padding:9px 16px;cursor:pointer}button:hover{background:#184ba8}button:disabled{opacity:.55;cursor:wait}.secondary,nav button{background:#edf2fa;color:#24508e}nav{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}nav button[aria-current=true]{background:#245bcb;color:#fff}.title{display:flex;align-items:center;gap:20px}.title button{margin-left:auto}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-bottom:20px;border-bottom:1px solid #dde5f0}.grid button{align-self:end;margin-bottom:10px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metric{padding:16px;background:#f4f7fb;border-radius:8px}.metric strong{display:block;font-size:30px;margin-top:8px}.table-scroll{overflow:auto;margin-top:20px}table{border-collapse:collapse;width:100%;font-size:13px}th,td{padding:12px;text-align:left;border-bottom:1px solid #e0e6ef;vertical-align:top}th{background:#f5f7fb;white-space:nowrap}td{max-width:340px;overflow-wrap:anywhere}td button{font-size:12px;padding:5px 8px;margin:2px}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f4f7fb;padding:16px}#feedback:empty{display:none}#feedback{color:#8f2e1f;background:#fff2eb;border:1px solid #ffd6be;padding:12px;border-radius:6px}[hidden]{display:none!important}@media(max-width:850px){main{padding:16px}.grid{grid-template-columns:1fr 1fr}.metrics{grid-template-columns:1fr 1fr}.title{flex-wrap:wrap}}@media(max-width:520px){.grid{grid-template-columns:1fr}}
td{white-space:pre-line;min-width:116px}
