:root{font-family:system-ui,"Microsoft YaHei",sans-serif;color:#e4eaf4;background:#0c1322;color-scheme:dark}*{box-sizing:border-box}body{margin:0}header,main,#notice{max-width:1150px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between}h1{font-size:28px;margin:8px 0}small{color:#66d6c1;letter-spacing:2px}h2{font-size:19px;margin:0 0 16px}section{background:#141e31;border:1px solid #28344b;border-radius:14px;padding:24px;margin-bottom:20px}p{font-size:14px;color:#aab8cc;line-height:1.7}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}label{display:flex;flex-direction:column;gap:8px;font-size:14px;color:#b9c6d9}input,select{background:#0b1424;border:1px solid #36445f;border-radius:7px;padding:11px;color:#eef4ff;width:100%}button{border:1px solid #3e6079;background:#1b4555;color:#d9fff6;padding:10px 16px;border-radius:7px;cursor:pointer;margin-top:14px}button:hover{background:#245b6f}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.row h2{margin:0 auto 0 0}#notice{padding-top:0;padding-bottom:0;color:#80e3cb;white-space:pre-wrap}#cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.card{background:#0c1728;padding:20px;border:1px solid #31435e;border-radius:10px}.card strong{display:block;font-size:30px;margin:14px 0;color:#7ce1c5}.card.low strong{color:#ffb67a}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:12px;border-bottom:1px solid #29354b}.scroll{overflow:auto}.entry{padding:10px 0;border-bottom:1px solid #29354b;font-size:14px;overflow-wrap:anywhere}[hidden]{display:none!important}@media(max-width:600px){header,main{padding:16px}section{padding:16px}h1{font-size:24px}}
.data-scroll {
  max-height: 420px;
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  scrollbar-width: auto;
  scrollbar-color: #58738f #0b1424;
}
.data-scroll:focus-visible {
  outline: 2px solid #66d6c1;
  outline-offset: 3px;
}
.data-scroll::-webkit-scrollbar { width: 12px; height: 12px; }
.data-scroll::-webkit-scrollbar-track { background: #0b1424; border-radius: 8px; }
.data-scroll::-webkit-scrollbar-thumb {
  background: #58738f;
  border: 3px solid #0b1424;
  border-radius: 8px;
}
.data-scroll::-webkit-scrollbar-thumb:hover { background: #7897b5; }
.data-scroll::-webkit-scrollbar-corner { background: #0b1424; }
.data-scroll table { min-width: 600px; }
.data-scroll thead th {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #141e31;
  box-shadow: inset 0 -1px #36445f;
}
#ledger.data-scroll, #events.data-scroll { padding-right: 10px; }
@media (max-width: 600px) {
  .data-scroll { max-height: 340px; }
}