:root{font-family:Inter,system-ui,sans-serif;color:#e6edf5;background:#091018;color-scheme:dark}*{box-sizing:border-box}body{margin:0}header,main{max-width:1280px;margin:auto;padding:28px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #263644}.eyebrow{font-size:11px;letter-spacing:2px;color:#54d9af}h1{font-size:32px;letter-spacing:-1px;margin:10px 0}h1 small{font-size:16px;color:#627589}h2{font-size:19px;margin-top:0}h3{font-size:16px;margin-top:30px}section{background:#111c27;border:1px solid #243442;border-radius:12px;padding:22px;margin-bottom:22px}.badge{padding:8px 14px;background:#19372f;border-radius:20px;color:#70e3b9;font-size:13px}.connection,.toolbar{display:flex;align-items:end;flex-wrap:wrap;gap:12px}.connection span,.muted,footer{color:#95a9b9;font-size:13px;line-height:1.6}.connection label{min-width:260px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;background:none;border:0;padding:0}.metrics article{background:#111c27;padding:22px;border:1px solid #243442;border-radius:12px}.metrics span{color:#95a9b9;font-size:12px}.metrics strong{display:block;font-size:30px;margin-top:16px;font-variant-numeric:tabular-nums}.grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}label{display:block;font-size:13px;color:#a8b8c5;margin-bottom:14px}input,select,textarea{display:block;width:100%;background:#09131e;border:1px solid #344756;border-radius:6px;padding:11px;color:#edf7fd;margin-top:7px}button{cursor:pointer;border:0;background:#72e2b7;color:#062217;padding:11px 16px;border-radius:6px;font-weight:650}button:hover{filter:brightness(1.1)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #fff;outline-offset:3px}.secondary{background:#25394b;color:#e6edf5}.danger{background:#ffb4a9;color:#4a1010}.toolbar{background:none;border:0;padding:0;margin-bottom:10px}table{border-collapse:collapse;width:100%;white-space:nowrap;font-size:13px}td,th{text-align:left;padding:13px 12px;border-bottom:1px solid #253442}th{color:#92a6b8;font-weight:500}.scroll{overflow:auto}pre{overflow:auto;max-height:350px;font-size:12px;line-height:1.6;white-space:pre-wrap;word-break:break-word;color:#b5cddd}#message{padding:0 0 20px;color:#7ce2bc}footer{padding-bottom:30px}p{line-height:1.6}@media(max-width:750px){header,main{padding:18px}.grid{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}.metrics strong{font-size:23px}h1{font-size:26px}}
