*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0b0e12;--s1: #111519;--s2: #161c21;--s3: #1c2530;--b1: #1e2d38;--b2: #253545;--t1: #cce8f0;--t2: #7aabba;--t3: #3d6878;--acc: #00e5b0;--red: #ff5c5c;--amber: #f5a623;--blue: #3db8d4;--purple: #a78bfa;--green: #00e5b0;--sql: #f0c060;--orange: #ff8c42;--svc: #00e5b0;--font-mono: "JetBrains Mono", monospace;--font-ui: "Syne", sans-serif}html,body{height:100%;background:var(--bg);color:var(--t1);font-family:var(--font-mono);font-size:12px;overflow:hidden}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--b2);border-radius:2px}*{scrollbar-width:thin;scrollbar-color:var(--b2) transparent}.badge{display:inline-block;padding:1px 7px;border-radius:3px;font-size:10px;font-weight:600;font-family:var(--font-ui);white-space:nowrap}.badge-http{background:#3db8d41f;color:var(--blue)}.badge-sql{background:#f0c0601a;color:var(--sql)}.badge-info{background:#00e5b01a;color:var(--acc)}.badge-warn{background:#f5a6231a;color:var(--amber)}.badge-error{background:#ff5c5c1a;color:var(--red)}.badge-debug{background:#a78bfa14;color:var(--purple)}.badge-slow{background:#ff8c421f;color:var(--orange)}.s2xx{color:var(--green)}.s3xx{color:var(--blue)}.s4xx{color:var(--amber)}.s5xx{color:var(--red)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sql-kw{color:#d4a0e0}.sql-tbl{color:var(--blue)}.sql-prm{color:#80d4b0}.json-key{color:#5fb8cc}.json-str{color:#a8d8b0}.json-num{color:var(--amber)}.json-bool{color:var(--acc)}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes pulse{0%,to{box-shadow:0 0 #00e5b066}50%{box-shadow:0 0 0 5px #00e5b000}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}