@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";.header[data-v-36ad5026]{z-index:50;border-bottom:1px solid var(--color-border);background-color:color-mix(in srgb, var(--color-bg) 80%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0}.header-inner[data-v-36ad5026]{justify-content:space-between;align-items:center;max-width:1280px;height:56px;margin:0 auto;padding:0 16px;display:flex}.logo[data-v-36ad5026]{color:var(--color-text);align-items:center;gap:8px;font-size:18px;font-weight:600;text-decoration:none;display:flex}.logo-icon[data-v-36ad5026]{width:24px;height:24px}.header-actions[data-v-36ad5026]{align-items:center;gap:12px;display:flex}.env-select[data-v-36ad5026]{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text);outline:none;padding:6px 12px;font-size:13px}.env-select[data-v-36ad5026]:focus{box-shadow:0 0 0 2px color-mix(in srgb, var(--color-accent) 40%, transparent)}.theme-btn[data-v-36ad5026]{border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;background:0 0;border:none;padding:8px;transition:background-color .15s}.theme-btn[data-v-36ad5026]:hover{background-color:var(--color-bg-tertiary)}.theme-icon[data-v-36ad5026]{width:20px;height:20px}.user-info[data-v-36ad5026]{color:var(--color-text-secondary);border-radius:var(--radius-md);background:var(--color-bg-tertiary);align-items:center;gap:6px;padding:4px 10px;font-size:13px;display:flex}.user-icon[data-v-36ad5026]{width:16px;height:16px}.logout-btn[data-v-36ad5026]{border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:8px;transition:color .15s,background-color .15s}.logout-btn[data-v-36ad5026]:hover{color:var(--color-error);background-color:color-mix(in srgb, var(--color-error) 10%, transparent)}.logout-icon[data-v-36ad5026]{width:18px;height:18px}@media screen and (width<=550px){.logo[data-v-36ad5026]{display:none}}.app-layout[data-v-794be3ae]{flex-direction:column;min-height:100vh;display:flex}.app-main[data-v-794be3ae]{flex:1}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#07080c;--color-bg-secondary:#0b0d13;--color-bg-tertiary:#11141c;--color-text:#e9e9ed;--color-text-secondary:#e9e9edb3;--color-text-muted:#e9e9ed73;--color-border:#ffffff14;--color-border-hover:#ffffff29;--color-accent:#4d8dfa;--color-accent-hover:#7cadfd;--color-http:#4d8dfa;--color-kafka:#f5c451;--color-grpc:#3ddc97;--color-socketio:#6b4df5;--color-healthy:#3ddc97;--color-unhealthy:#e5484d;--color-unknown:#e9e9ed73;--color-get:#3ddc97;--color-post:#4d8dfa;--color-put:#f5c451;--color-patch:#f5c451;--color-delete:#e5484d;--color-success:#3ddc97;--color-warning:#f5c451;--color-error:#e5484d;--color-info:#1cb6c8;--radius-sm:7px;--radius-md:10px;--radius-lg:12px;--radius-full:9999px;--shadow-sm:0 1px 2px #0006;--shadow-md:0 10px 24px #00000073;--ink-60:#e9e9ed99;--ink-40:#e9e9ed66;--fill-soft:#ffffff0a;--fill-hover:#ffffff0f;--accent-ink:#bcd5ff;--accent-bg:#4d8dfa21;--accent-border:#4d8dfa66;--accent-gradient:linear-gradient(150deg, #4d8dfa, #2a4bd8);--accent-shadow:0 10px 24px #2a4bd859}:root.light{--color-bg:#fff;--color-bg-secondary:#f6f8fc;--color-bg-tertiary:#eef2f8;--color-text:#0b0d13;--color-text-secondary:#0b0d13a6;--color-text-muted:#0b0d136b;--color-border:#0b0d131a;--color-border-hover:#0b0d1333;--shadow-sm:0 1px 2px #0000000f;--shadow-md:0 8px 20px #0d183f1f;--ink-60:#0b0d1399;--ink-40:#0b0d1366;--fill-soft:#0b0d1309;--fill-hover:#0b0d130e;--accent-ink:#2a4bd8;--accent-bg:#4d8dfa1a}html,body{background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5;transition:background-color .2s,color .2s}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover)}code{font-family:JetBrains Mono,ui-monospace,Consolas,monospace;font-size:.85em}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--color-border-hover);border-radius:4px}::-webkit-scrollbar-track{background:0 0}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.btn-accent{background:var(--accent-gradient);color:#fff;box-shadow:var(--accent-shadow);border:0;transition:transform .1s,box-shadow .16s,opacity .16s}.btn-accent:hover{opacity:.94}.btn-accent:active{transform:scale(.99)}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;width:32px;height:32px;animation:.6s linear infinite spin}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:1.5s ease-in-out infinite pulse}@keyframes tkFade{0%{opacity:0}to{opacity:1}}@keyframes tkUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.tk-fade{animation:.2s both tkFade}.tk-rise{animation:.2s cubic-bezier(.22,.9,.24,1) both tkUp}@media (prefers-reduced-motion:reduce){.tk-fade,.tk-rise,.pulse,.spinner{animation:none}}