:root{--bg:#090b10;--panel:#141923e6;--panel-2:#171d28;--border:#293142;--border-soft:#222a38;--text:#eef2f8;--muted:#8f9bad;--green:#6ee7a8;--blue:#79a8ff;--violet:#b89cff;--orange:#ffb86b;--red:#ff7b88;--mono:"SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace}*{box-sizing:border-box}html{background:var(--bg)}body{color:var(--text);background:radial-gradient(circle at 10% -10%, #4f6eff2e, transparent 33rem), radial-gradient(circle at 100% 0%, #6ee7a81a, transparent 28rem), var(--bg);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer}code,pre{font-family:var(--mono)}main{max-width:1480px;margin:0 auto;padding:36px 28px 80px}.hero{justify-content:space-between;align-items:flex-end;gap:24px;padding:20px 4px 30px;display:flex}.hero h1{letter-spacing:-.055em;background:linear-gradient(120deg,#fff 25%,#9ebaff 75%);color:#0000;-webkit-background-clip:text;margin:10px 0 18px;font-size:clamp(34px,5vw,64px);line-height:.95}.hero p{color:var(--muted);max-width:800px;font-size:15px;line-height:1.7}.eyebrow{color:var(--green);font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;font-size:11px}.status-card{border:1px solid var(--border);background:#11151dcc;border-radius:16px;align-items:flex-start;gap:14px;min-width:220px;padding:18px 20px;display:flex}.status-card div{gap:4px;display:grid}.status-card strong{font-size:14px}.status-card span:not(.dot){color:var(--muted);font-size:12px}.dot{background:var(--green);width:9px;height:9px;box-shadow:0 0 18px var(--green);border-radius:50%;margin-top:5px}.layout{grid-template-columns:300px minmax(0,1fr);gap:22px;display:grid}.scenario-list{border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0e1219d1;border-radius:18px;align-self:start;max-height:calc(100vh - 40px);padding:14px;position:sticky;top:20px;overflow:auto}.section-heading,.panel-title-row{justify-content:space-between;align-items:center;gap:18px;display:flex}.section-heading{color:var(--muted);text-transform:uppercase;font-family:var(--mono);letter-spacing:.12em;padding:5px 6px 13px;font-size:11px}.scenario-button{text-align:left;width:100%;color:var(--text);background:0 0;border:1px solid #0000;border-radius:12px;gap:9px;margin-bottom:7px;padding:14px;transition:all .16s;display:grid}.scenario-button:hover{background:var(--panel-2)}.scenario-button.active{background:linear-gradient(135deg,#79a8ff24,#6ee7a80f);border-color:#79a8ff61}.scenario-name{font-size:14px;font-weight:650}.scenario-meta,.tag-row{flex-wrap:wrap;gap:6px;display:flex}.badge,.tag{border:1px solid var(--border);color:var(--muted);font-family:var(--mono);background:#ffffff08;border-radius:999px;padding:3px 6px;font-size:10px;display:inline-flex}.auth-oauth{color:var(--violet);border-color:#b89cff59}.auth-bearer,.auth-api-key{color:var(--orange);border-color:#ffb86b59}.auth-none{color:var(--green);border-color:#6ee7a84d}.content{gap:22px;min-width:0;display:grid}.panel{border:1px solid var(--border);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:18px;padding:24px}.panel h2{letter-spacing:-.03em;margin:4px 0 0;font-size:26px}.panel>p{color:var(--muted);line-height:1.65}.tag-row{margin:18px 0}button.primary,a.primary,button.ghost{border:1px solid var(--border);border-radius:9px;padding:9px 13px;transition:all .15s}button.primary,a.primary{color:#07110b;border-color:var(--green);background:var(--green);font-weight:700}button.primary:hover,a.primary:hover{filter:brightness(1.08);transform:translateY(-1px)}button.ghost{color:var(--muted);background:#ffffff08}button.ghost:hover{color:var(--text);border-color:#3d4960}button.small{padding:5px 8px;font-size:11px}button:disabled{opacity:.5;cursor:wait}.endpoint{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;gap:16px;padding:13px 0;display:flex}.endpoint>div{gap:5px;min-width:0;display:grid}.endpoint span,.info span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.endpoint code{overflow-wrap:anywhere;color:#c7d5ef;font-size:12px}.mono-value{color:var(--orange)!important}.subpanel{border:1px solid var(--border-soft);background:#0a0d1373;border-radius:14px;margin-top:20px;padding:18px}.subpanel h3,.subpanel h4{margin:0 0 12px;font-size:15px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:10px;display:grid}.info{border:1px solid var(--border-soft);border-radius:10px;gap:5px;padding:11px 12px;display:grid}.info strong{font-size:12px;font-family:var(--mono);overflow-wrap:anywhere}.client-list{gap:8px;margin-top:18px;display:grid}.client-row{grid-template-columns:1fr auto auto;align-items:center;gap:10px;font-size:12px;display:grid}.client-row code{color:var(--blue)}.client-row span{color:var(--muted)}.test-result{white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid var(--border-soft);color:#c4d7ff;background:#090c12;border-radius:12px;max-height:320px;margin:18px 0 0;padding:14px;font-size:11px;line-height:1.55;overflow:auto}.logs{gap:7px;margin-top:18px;display:grid}.log-row{border:1px solid var(--border-soft);background:#0a0d1359;border-radius:11px;overflow:hidden}.log-row.level-warn{border-color:#ffb86b40}.log-row.level-error{border-color:#ff7b884d}.log-summary{text-align:left;width:100%;color:var(--text);background:0 0;border:0;grid-template-columns:68px minmax(150px,1fr) minmax(180px,1.3fr) 48px 76px;align-items:center;gap:10px;padding:10px 12px;font-size:12px;display:grid}.log-summary>span:not(.log-kind){color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.log-kind{font-family:var(--mono);text-transform:uppercase;color:var(--blue);font-size:10px}.kind-auth{color:var(--orange)}.kind-oauth{color:var(--violet)}.kind-mcp{color:var(--green)}.kind-system{color:var(--red)}.log-status{color:var(--muted);font-family:var(--mono);text-align:right}.log-time{text-align:right}.log-row pre{border-top:1px solid var(--border-soft);color:#aebee0;background:#080b10;max-height:420px;margin:0;padding:14px;font-size:11px;overflow:auto}.empty{color:var(--muted);text-align:center;padding:24px 0}.error-banner{color:var(--red);background:#ff7b880f;border:1px solid #ff7b8866;border-radius:12px;margin-bottom:18px;padding:13px 16px}@media (max-width:900px){main{padding:22px 16px 60px}.hero{flex-direction:column;align-items:flex-start}.layout{grid-template-columns:1fr}.scenario-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none;display:grid;position:static}.section-heading{grid-column:1/-1}.log-summary{grid-template-columns:60px 1fr 40px}.log-summary>span:nth-child(3),.log-summary>span:nth-child(5){display:none}}@media (max-width:600px){.scenario-list,.grid.two{grid-template-columns:1fr}.panel{padding:18px}.panel-title-row{flex-direction:column;align-items:flex-start}.client-row{grid-template-columns:1fr auto}}.connector-panel{justify-content:space-between;align-items:center;gap:20px;display:flex}.connector-panel p{color:var(--muted);margin:6px 0 0;font-size:12px;line-height:1.6}.connector-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.link-button{justify-content:center;align-items:center;font-size:13px;text-decoration:none;display:inline-flex}.logout{justify-self:start;margin-top:8px}.logs-help{color:var(--muted);margin:-4px 0 0;font-size:12px}.http-summary{grid-template-columns:64px minmax(180px,1fr) 68px 80px 88px}.method-pill,.status-pill{font-family:var(--mono);text-align:center;border-radius:6px;padding:4px 7px;font-size:10px}.method-pill{color:#9fc1ff;background:#79a8ff1a;border:1px solid #79a8ff3d}.status-pill{font-weight:700}.status-1,.status-2,.status-3{color:var(--green);background:#6ee7a814;border:1px solid #6ee7a838}.status-4{color:var(--orange);background:#ffb86b14;border:1px solid #ffb86b38}.status-5{color:var(--red);background:#ff7b8814;border:1px solid #ff7b8838}.trace-path{text-overflow:ellipsis;white-space:nowrap;font-family:var(--mono);font-size:12px;overflow:hidden}.http-detail{border-top:1px solid var(--border-soft);background:#06090e73;padding:16px}.http-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.http-message{border:1px solid var(--border-soft);background:#0b0f16;border-radius:12px;min-width:0;overflow:hidden}.http-message-title{border-bottom:1px solid var(--border-soft);background:#ffffff06;align-items:center;gap:10px;padding:11px 13px;display:flex}.http-message-title span{font-size:13px;font-weight:700}.http-message-title code,.http-message-title strong{color:var(--blue);font-size:11px}.http-message-title strong{font-family:var(--mono);margin-left:auto;font-size:13px}.body-block{min-width:0;padding:11px 13px 0}.body-block>span{color:var(--muted);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px;font-size:10px;display:block}.body-block pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#b9c9e8;background:#080b10;border:1px solid #1c2431;border-radius:8px;max-height:260px;margin:0;padding:10px;font-size:11px;line-height:1.55;overflow:auto}.body-block pre.compact-pre{color:#93a2bb;max-height:160px}.body-empty{color:#627087;padding:14px 13px;font-size:11px}.trace-events{border-top:1px solid var(--border-soft);margin-top:14px;padding-top:12px}.trace-events h4{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:0 0 8px;font-size:11px}.trace-events pre{border:1px solid var(--border-soft);color:#aebee0;background:#080b10;border-radius:10px;max-height:260px;margin:0;padding:12px;font-size:11px;overflow:auto}.login-page{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{border:1px solid var(--border);background:#141923f2;border-radius:24px;gap:14px;width:min(460px,100%);padding:32px;display:grid;box-shadow:0 30px 90px #00000080}.login-mark{background:#0b0f16;border:1px solid #354158;border-radius:18px;width:68px;height:68px;overflow:hidden}.login-mark img{width:100%;height:100%;display:block}.login-card h1{letter-spacing:-.035em;margin:0;font-size:28px}.login-card p{color:var(--muted);margin:0 0 4px;font-size:13px;line-height:1.7}.login-card label{color:#cbd6e8;font-size:12px;font-weight:650}.login-card input{width:100%;color:var(--text);background:#0b0f16;border:1px solid #303a4d;border-radius:11px;outline:none;padding:13px 14px}.login-card input:focus{border-color:#79a8ffbf;box-shadow:0 0 0 3px #79a8ff1a}.login-submit{width:100%;margin-top:2px}.login-card small{color:#69778c;font-size:10px;line-height:1.6}.login-error{color:var(--red);background:#ff7b8812;border:1px solid #ff7b8840;border-radius:9px;padding:10px 12px;font-size:12px}@media (max-width:900px){.connector-panel{flex-direction:column;align-items:flex-start}.connector-actions{justify-content:flex-start}.http-columns{grid-template-columns:1fr}.http-summary{grid-template-columns:58px 1fr 58px 68px}.http-summary .log-time{display:none}}a.primary.link-button{border:1px solid var(--green);border-radius:9px;justify-content:center;align-items:center;padding:9px 13px;text-decoration:none;display:inline-flex}