*{box-sizing:border-box}body{margin:0;background:#f3f5f9;color:#1e293b;font:14px "Microsoft YaHei",system-ui}button,input,textarea{font:inherit}button{cursor:pointer;border:1px solid #dbe2ec;border-radius:7px;padding:10px 16px;background:white;color:#334155}button:hover{border-color:#3477ef;color:#2563eb}input,textarea{border:1px solid #dbe2ec;border-radius:6px;padding:10px;width:100%;background:white}label{display:block;margin:14px 0;color:#64748b}label input{margin-top:7px}aside{position:fixed;inset:0 auto 0 0;width:220px;padding:26px 20px;background:#152239;color:#dce6f7}aside h2{font-size:20px}aside p{font-size:12px;color:#90a4c0}nav{display:grid;gap:9px;margin:28px 0}nav button{text-align:left;border:0;background:transparent;color:#acbdd6}nav button.active{background:#2d61c8;color:white}main{margin-left:220px;padding:32px;max-width:1600px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}header p{font-size:11px;letter-spacing:2px;color:#7c8ca3}h1{font-size:26px;margin:10px 0}h2{font-size:18px}section{background:white;padding:24px;border:1px solid #e1e7f0;border-radius:12px;overflow:auto}table{width:100%;border-collapse:collapse;margin:20px 0}th,td{text-align:left;border-bottom:1px solid #edf0f5;padding:13px 10px;overflow-wrap:anywhere}th{color:#6e7c90;background:#f8fafc;font-weight:500}td button{padding:6px 10px;margin:3px}.fields{display:flex;gap:18px}.fields label{flex:1}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.metrics article{padding:22px;background:#f5f8ff;border-radius:9px}.metrics strong{font-size:32px;color:#2967d1}.login{width:430px;max-width:94vw;margin:10vh auto;background:white;padding:34px;border-radius:14px;border:1px solid #dfe6f0}.login>button{width:100%;background:#2865cd;color:white}.login p{color:#7b8799;line-height:1.8}details{margin-top:25px;color:#66758d}#message{position:fixed;bottom:8px;right:24px;background:#eaf0fa;color:#254b83;padding:9px;border-radius:6px}#message:empty{display:none}[hidden]{display:none!important}@media(max-width:800px){aside{position:static;width:auto}nav{grid-template-columns:repeat(3,1fr)}main{margin:0;padding:14px}.metrics{grid-template-columns:repeat(2,1fr)}.fields{flex-wrap:wrap}}