:root{color-scheme:dark;--bg:#0b1019;--surface:#111a27;--raised:#182333;--line:#29364a;--text:#edf3fa;--muted:#a5b5c9;--green:#63d7a1;--red:#ff9292;--amber:#e9c56d;--radius:12px;font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;font-size:15px;line-height:1.6;background:var(--bg);color:var(--text)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,summary{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:wait;opacity:.55}button,input,select,textarea{border:1px solid var(--line);border-radius:7px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,pre:focus-visible{outline:2px solid var(--green);outline-offset:4px}input,select,textarea{background:var(--bg);color:var(--text);padding:10px 12px;min-height:44px;width:100%}input::placeholder,textarea::placeholder{color:#8292a8}input[readonly]{font-family:Consolas,monospace;font-size:13px}textarea,pre{font-family:"Cascadia Code",Consolas,monospace;font-size:13px;line-height:1.7;tab-size:2}textarea{resize:vertical;min-height:280px;margin-top:10px}label{display:block;font-size:13px;font-weight:600;color:var(--muted)}label input,label select{margin-top:7px;font-size:14px;font-weight:400}h1,h2,p{margin:0}h1{font-size:30px;font-weight:650;letter-spacing:-.8px;line-height:1.4;margin-bottom:8px}h2{font-size:19px;font-weight:600;line-height:1.5}small{font-size:12px}.muted,.caption{color:var(--muted)}.caption{font-size:12px;line-height:1.8;margin-top:14px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--green);font-weight:700;margin-bottom:9px}.sidebar{position:fixed;inset:0 auto 0 0;width:224px;background:#0f1723;border-right:1px solid var(--line);padding:30px 18px;display:flex;flex-direction:column;z-index:2}.brand{display:flex;align-items:center;gap:12px;padding:0 10px;font-size:19px;font-weight:700}.brand small{display:block;font-size:9px;letter-spacing:1.7px;color:var(--muted);margin-top:3px}.brand-mark{display:grid;place-items:center;background:var(--green);color:#062a1b;width:36px;height:40px;border-radius:9px;font-size:25px}.sidebar nav{display:grid;gap:6px;margin-top:48px}.sidebar nav a{padding:12px 16px;color:var(--muted);font-size:14px;border-radius:7px;transition:background .16s,color .16s}.sidebar nav a:hover,.sidebar nav a.active{background:#1b2d2b;color:var(--green)}.sidebar-footer{margin-top:auto;border-top:1px solid var(--line);padding:20px 10px 0;color:var(--muted);font-size:12px;display:flex;align-items:center;gap:8px}.sidebar-footer #version{margin-left:auto;font-size:10px}.dot{width:6px;height:6px;border-radius:100%;background:var(--green)}main{margin-left:224px;padding:0 40px;max-width:1770px}.topbar{min-height:84px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:13px}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.button{display:inline-flex;justify-content:center;align-items:center;background:var(--raised);color:var(--text);padding:10px 17px;font-weight:600;font-size:13px;min-height:44px;white-space:nowrap;transition:background .16s,transform .16s}.button:hover{background:#233247}.button:active{transform:translateY(1px)}.button.primary{background:var(--green);border-color:var(--green);color:#082b1d}.button.primary:hover{background:#8ce9ba}.button.small{padding:6px 12px;font-size:12px;min-height:36px}.hidden{display:none!important}.section{padding-top:36px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-bottom:22px}.section-heading.compact{margin-bottom:17px}.section-heading.compact .eyebrow{margin-bottom:4px}.section-heading.compact .muted{font-size:13px;margin-top:6px}.auto-refresh{display:flex;gap:8px;align-items:center;white-space:nowrap;font-size:12px}.auto-refresh input{width:15px;min-height:15px;margin:0;accent-color:var(--green)}.notice{border:1px solid #305849;background:#142920;color:#b9edce;border-radius:8px;padding:11px 15px;font-size:13px;margin-bottom:22px;overflow-wrap:anywhere}.notice.error,.form-message.error{color:var(--red)}.notice.error{background:#301b22;border-color:#6f3744}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px}.stat>span{font-size:12px;color:var(--muted)}.stat strong{display:block;font-size:36px;font-weight:600;line-height:1.6;letter-spacing:-1px;font-variant-numeric:tabular-nums}.stat em{font-size:13px;font-style:normal;color:var(--muted);letter-spacing:0}.stat small{color:var(--muted);font-size:11px}.overview-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:18px;margin-top:18px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px;min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-heading h2{font-size:15px}.badge{display:inline-block;font-size:11px;border:1px solid;padding:3px 9px;border-radius:5px;white-space:nowrap}.badge.ok{color:var(--green);border-color:#325c49;background:#172d25}.badge.bad{color:var(--red);border-color:#68404b;background:#301e27}.badge.neutral{color:var(--muted);border-color:var(--line);background:var(--raised)}.badge.wait{color:var(--amber);border-color:#695b39;background:#302b20}.chart{height:174px;display:flex;align-items:center;justify-content:center;margin-top:18px}.chart svg{width:100%;height:100%;overflow:visible}.chart text{fill:var(--muted);font-size:10px}.empty{text-align:center;color:var(--muted);font-size:13px;padding:30px!important}.chain{display:flex;align-items:center;flex-direction:column;gap:5px;padding:16px 0;font-size:12px;color:var(--muted)}.chain i{font-style:normal;color:#536d65}.chain strong{font-size:14px;color:var(--green);border:1px solid #2d5144;padding:7px 18px;border-radius:6px;background:#152c23}.key-value{border-top:1px solid var(--line);padding-top:14px;display:flex;justify-content:space-between;gap:10px;font-size:12px;color:var(--muted)}.key-value strong{color:var(--text);font-variant-numeric:tabular-nums;min-width:0;overflow-wrap:anywhere;text-align:right}.table-wrap{padding:0;overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap;font-size:12px}th{font-size:11px;font-weight:500;color:var(--muted);background:#131e2d}th,td{padding:16px 22px;border-bottom:1px solid var(--line)}tbody tr:last-child td{border-bottom:0}td:first-child{max-width:420px;overflow:hidden;text-overflow:ellipsis}.cell-sub{display:block;font-size:10px;color:var(--muted);margin-top:3px}.mono{font-family:Consolas,monospace}.query-form{display:grid;grid-template-columns:2fr 1fr 1fr auto;align-items:end;gap:14px}.token-label{grid-column:1/-1;max-width:560px}.query-options{margin-top:18px;font-size:12px}.query-options summary{cursor:pointer;color:var(--muted);padding:9px 0}.query-options label{margin-top:9px}pre{background:var(--bg);border:1px solid var(--line);border-radius:7px;padding:18px;max-height:460px;min-height:90px;overflow:auto;margin-bottom:0;white-space:pre-wrap;overflow-wrap:anywhere;color:#bce7d1}.endpoint-label+.endpoint-label{margin-top:20px}.copy-row{display:flex;align-items:end;gap:12px}.copy-row input{min-width:0}footer{display:flex;justify-content:space-between;gap:20px;padding:30px 0;color:var(--muted);font-size:11px}dialog{max-width:450px;width:calc(100% - 32px);background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:16px;padding:30px;box-shadow:0 20px 80px #0008}dialog::backdrop{background:#030911bb;backdrop-filter:blur(5px)}dialog label{margin-top:18px}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.dialog-heading .eyebrow{margin-bottom:4px}dialog .muted{font-size:12px;margin-top:10px}.full-width{width:100%;margin-top:18px}.form-message{font-size:13px;margin-top:10px;min-height:22px;color:var(--green)}
@media(min-width:1600px){main{padding:0 60px}.section{padding-top:44px}.stat{padding:26px}}@media(max-width:1100px){.sidebar{width:185px;padding:26px 12px}.brand{font-size:16px;padding:0 5px;gap:8px}.brand small{font-size:8px}.brand-mark{width:30px;height:35px}main{margin-left:185px;padding:0 24px}.stats-grid{gap:10px}.stat{padding:16px}.stat strong{font-size:29px}.overview-grid{grid-template-columns:1.3fr 1fr}.panel{padding:19px}.table-wrap{padding:0}.section-heading{align-items:flex-start}h1{font-size:25px}.query-form{grid-template-columns:2fr 1fr 1fr}.query-form>button{grid-column:1/-1}.token-label{max-width:100%}}@media(max-width:760px){.sidebar{position:static;width:100%;padding:16px;border-right:0;border-bottom:1px solid var(--line)}.sidebar nav{display:flex;overflow:auto;gap:6px;margin-top:16px}.sidebar nav a{padding:9px 13px;font-size:12px;white-space:nowrap}.sidebar-footer{display:none}.brand small{font-size:9px}main{margin:0;padding:0 16px}.topbar{min-height:70px;font-size:11px}.topbar>.toolbar{gap:6px}.topbar .muted{font-size:10px}.stats-grid{grid-template-columns:1fr 1fr;gap:12px}.stat{padding:17px}.stat strong{font-size:32px}.overview-grid{grid-template-columns:1fr}.section-heading{flex-direction:column;gap:16px}.section{padding-top:28px}.section-heading .toolbar{width:100%}.section-heading .toolbar>.button{flex:1}.panel{padding:18px}.table-wrap{padding:0}.query-form{grid-template-columns:1fr 1fr}.query-form>label:first-child{grid-column:1/-1}.query-form .token-label{grid-column:1/-1}.copy-row{gap:8px}.copy-row .button{padding:10px 12px}footer{flex-direction:column;gap:5px}h1{font-size:25px}.chart{height:150px}th,td{padding:14px 16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}