:root{font-family:system-ui,"Microsoft YaHei",sans-serif;color:#182b3a;background:#f3f6f8;font-size:15px}*{box-sizing:border-box}body{margin:0}header{background:#102e3c;color:white;padding:25px max(5vw,20px);display:flex;justify-content:space-between;align-items:center}.eyebrow{font-size:11px;letter-spacing:.2em;color:#8ccac5}h1{margin:5px 0;font-size:28px}h2{font-size:20px;margin:0 0 14px}main{max-width:1360px;margin:28px auto;padding:0 24px}section{background:#fff;border:1px solid #dbe3e8;border-radius:10px;padding:24px;margin:24px 0;box-shadow:0 3px 12px #20384e05}#login{max-width:430px;margin:55px auto}label{display:block;margin:16px 0}input{font:inherit;padding:9px;border:1px solid #bccbd4;border-radius:5px}label input{display:block;width:100%;margin-top:7px}button{font:inherit;font-size:13px;border:1px solid #a2b8c3;background:#fff;border-radius:5px;padding:9px 14px;cursor:pointer;margin:3px}button:hover{background:#e7f5f1}button:disabled{opacity:.5;cursor:wait}button[type=submit]{background:#087a70;color:white;border-color:#087a70;width:100%;margin:10px 0}.danger{color:#a52f28;border-color:#ddbbb9}.toolbar{display:flex;align-items:center;justify-content:space-between}.toolbar p{font-size:13px;color:#576b78}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.metrics article{padding:22px;border-radius:8px;background:white;border:1px solid #dbe3e8}.metrics strong{display:block;color:#087a70;font-size:30px}.metrics span{font-size:13px;color:#576b78}aside{margin-top:22px;background:#e8f2f2;border-left:3px solid #087a70;padding:16px;line-height:1.7;font-size:13px}.scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;color:#526b79;border-bottom:2px solid #dbe3e8}td,th{padding:13px 10px;vertical-align:top;white-space:pre-line}td{border-bottom:1px solid #edf1f4;overflow-wrap:anywhere;max-width:400px}td input[type=text]{display:block;width:100%;margin-bottom:8px}td input[type=number]{width:65px;margin:5px}td input[type=datetime-local]{font-size:11px}#message{background:#fff;padding:12px;border-radius:6px;position:sticky;bottom:10px;min-height:42px}footer{text-align:center;color:#69808d;font-size:12px;padding:30px}#logout{color:white;background:transparent;border-color:#66818d}[hidden]{display:none!important}@media(max-width:700px){main{padding:0 12px}.metrics{gap:7px}.metrics article{padding:15px}section{padding:14px}td,th{padding:10px 6px}}