:root{--bg-canvas: #111217;--bg-panel: #181b1f;--bg-raised: #22252b;--bg-hover: #ffffff0d;--border: #2c3235;--border-strong: #3d444b;--text: #ccccdc;--text-strong: #f4f5f5;--text-muted: #8e8e93;--accent: #3d71d9;--accent-hover: #5b8def;--green: #73bf69;--yellow: #f2cc0c;--orange: #ff9830;--red: #f2495c;--purple: #b877d9;--blue: #5794f2;--radius: 2px;--panel-radius: 3px;--font: Inter, Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "Roboto Mono", "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg-canvas);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--accent-hover);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;font-size:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}::-webkit-scrollbar-track{background:transparent}.app{display:flex;flex-direction:column;min-height:100%}.topbar{display:flex;align-items:center;gap:16px;padding:0 16px;height:48px;background:var(--bg-panel);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.topbar__brand{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--text-strong);letter-spacing:.2px}.topbar__mark{width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,var(--orange),var(--red))}.topbar__nav{display:flex;gap:4px;margin-left:12px}.topbar__link{padding:6px 10px;border-radius:var(--radius);color:var(--text-muted)}.topbar__link:hover{background:var(--bg-hover);color:var(--text);text-decoration:none}.topbar__link--active{color:var(--text-strong);background:var(--bg-raised)}.topbar__spacer{flex:1}.topbar__user{display:flex;align-items:center;gap:10px;color:var(--text-muted);font-size:13px}.content{flex:1;padding:16px;display:flex;flex-direction:column;gap:12px}.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--panel-radius);display:flex;flex-direction:column;min-width:0}.panel__header{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--border);min-height:36px}.panel__title{font-size:13px;font-weight:500;color:var(--text-strong)}.panel__subtitle{font-size:12px;color:var(--text-muted)}.panel__body{padding:12px;overflow:auto}.panel__body--flush{padding:0}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.stat{padding:12px 14px}.stat__label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px}.stat__value{font-family:var(--font-mono);font-size:30px;line-height:1.2;color:var(--text-strong);margin-top:4px}.stat__value--green{color:var(--green)}.stat__value--yellow{color:var(--yellow)}.stat__value--orange{color:var(--orange)}.stat__value--red{color:var(--red)}.stat__hint{font-size:12px;color:var(--text-muted);margin-top:2px}.table-wrap{overflow-x:auto}table.grid{width:100%;border-collapse:collapse;font-size:13px}table.grid th{text-align:left;font-weight:500;color:var(--text-muted);padding:8px 12px;border-bottom:1px solid var(--border);white-space:nowrap;background:var(--bg-panel);position:sticky;top:0}table.grid td{padding:7px 12px;border-bottom:1px solid var(--border);white-space:nowrap}table.grid tbody tr:hover{background:var(--bg-hover)}table.grid tr.grid__total td{font-weight:600;color:var(--text-strong);background:var(--bg-raised);border-top:1px solid var(--border-strong)}table.grid tr.grid__clickable{cursor:pointer}.num{font-family:var(--font-mono);text-align:right}.bar{display:flex;align-items:center;gap:8px;min-width:120px}.bar__track{flex:1;height:6px;background:var(--bg-raised);border-radius:3px;overflow:hidden}.bar__fill{height:100%;border-radius:3px}.badge{display:inline-block;padding:1px 7px;border-radius:10px;font-size:11px;line-height:18px;border:1px solid transparent;white-space:nowrap}.badge--game_builder{color:var(--purple);border-color:#b877d955;background:#b877d915}.badge--validation{color:var(--blue);border-color:#5794f255;background:#5794f215}.badge--access{color:var(--orange);border-color:#ff983055;background:#ff983015}.badge--protocol{color:var(--yellow);border-color:#f2cc0c55;background:#f2cc0c15}.badge--ai,.badge--ai_timeout,.badge--internal{color:var(--red);border-color:#f2495c55;background:#f2495c15}.badge--unknown{color:var(--text-muted);border-color:var(--border-strong)}.badge--success{color:var(--green);border-color:#73bf6955;background:#73bf6915}.toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px}.field{display:flex;flex-direction:column;gap:4px}.field__label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px}.input,.select{background:var(--bg-canvas);border:1px solid var(--border-strong);border-radius:var(--radius);color:var(--text);padding:5px 8px;height:30px;min-width:150px}.input:focus,.select:focus{outline:none;border-color:var(--accent)}.select--compact{height:26px;min-width:104px;padding:2px 6px;font-size:13px}.btn{height:30px;padding:0 12px;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--bg-raised);color:var(--text);cursor:pointer}.btn:hover{background:var(--bg-hover);border-color:var(--accent)}.btn--primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn--primary:hover{background:var(--accent-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.message{padding:24px;text-align:center;color:var(--text-muted)}.message--error{color:var(--red)}.spinner{width:16px;height:16px;border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.mono{font-family:var(--font-mono);font-size:12px}.muted{color:var(--text-muted)}.drawer{position:fixed;inset:0 0 0 auto;width:min(720px,100%);background:var(--bg-panel);border-left:1px solid var(--border);z-index:20;display:flex;flex-direction:column;box-shadow:-8px 0 24px #0006}.drawer__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0008;z-index:19}.drawer__body{padding:12px 16px;overflow:auto}.kv{display:grid;grid-template-columns:160px 1fr;gap:4px 12px;font-size:13px}.kv dt{color:var(--text-muted)}.kv dd{margin:0;word-break:break-all}pre.code{background:var(--bg-canvas);border:1px solid var(--border);border-radius:var(--radius);padding:10px;overflow:auto;font-family:var(--font-mono);font-size:12px;max-height:420px;margin:0}