:root{color-scheme:dark;font-family:"Microsoft YaHei UI",system-ui,sans-serif;color:#e1e7ef;background:#0c1119;font-size:14px}*{box-sizing:border-box}body{margin:0;display:flex}aside{position:fixed;inset:0 auto 0 0;width:224px;padding:32px 24px;background:#121b26;border-right:1px solid #273346}aside .mark{display:grid;place-items:center;width:48px;height:48px;border-radius:9px;background:#b83a35;font-size:21px;font-weight:700}aside small{font-size:10px;letter-spacing:1px;color:#7c8ca0}aside nav{padding:14px;background:#243244;border-radius:6px;margin-top:48px}aside p{position:absolute;bottom:20px;color:#7c8ca0;font-size:12px}main{margin-left:224px;padding:32px 40px;max-width:1500px;width:calc(100% - 224px)}header,.section-head{display:flex;justify-content:space-between;align-items:center}h1{font-size:28px;margin:0}h2{font-size:18px;margin:0 0 18px}p{color:#91a1b5;line-height:1.7}#status{padding:14px 18px;border:1px solid #344054;border-radius:6px;background:#1b2532;margin:24px 0}section{background:#161f2c;border:1px solid #243143;border-radius:8px;padding:24px;margin-bottom:20px}form{display:flex;align-items:flex-end;gap:14px}label{display:flex;flex-direction:column;gap:9px;flex:1}input,textarea{background:#0d1520;color:#e4ecf7;border:1px solid #35445b;border-radius:5px;padding:12px;font:inherit;max-width:100%}textarea{flex:1}button{padding:11px 17px;background:#2a3c52;border:0;border-radius:5px;color:#eff5fc;cursor:pointer;font:inherit;white-space:nowrap}button:hover{filter:brightness(1.15)}button:disabled{opacity:.4;cursor:wait}.primary{background:#b83a35}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:12px;color:#8798ae;background:#101925}td,th{padding:14px 12px;border-bottom:1px solid #283448}td{font-size:13px}.scroll{overflow:auto}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.metric{padding:21px;border:1px solid #28384d;border-radius:7px;background:#182432}.metric strong{display:block;font-size:30px;margin-top:10px}.metric span{color:#8fa2ba}.entry{font-size:12px;color:#8fa2ba;line-height:2;border-bottom:1px solid #243143;overflow-wrap:anywhere}[hidden]{display:none!important}@media(max-width:800px){aside{display:none}main{margin:0;width:100%;padding:22px}.metrics{grid-template-columns:repeat(2,1fr)}form{flex-wrap:wrap}label{min-width:200px}}