@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";:root{--bg:#09090b;--bg2:#111113;--bg3:#18181b;--bg4:#1c1c1f;--border:#27272a;--border2:#3f3f46;--text:#fafafa;--text2:#a1a1aa;--text3:#52525b;--blue:#60a5fa;--blue-dim:#1e3a5f;--red:#f87171;--red-dim:#3b0000;--green:#4ade80;--green-dim:#052e16;--amber:#fbbf24;--amber-dim:#2d1b00;--purple:#c084fc;--purple-dim:#2e1065;--text-xl:20px;--text-lg:16px;--text-md:14px;--text-sm:13px;--text-xs:12px;--text-xxs:11px;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"SF Mono", "ui-monospace", "Cascadia Code", "Fira Code", monospace;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--ease:cubic-bezier(.4, 0, .2, 1);--pr-depth-0:var(--bg);--pr-depth-1:var(--bg2);--pr-depth-2:var(--bg3);--pr-depth-3:var(--bg4);--pr-depth-4:#222226;--pr-depth-5:#2a2a30;--pr-border-subtle:#ffffff0a;--pr-border-soft:var(--border);--pr-border-medium:var(--border2);--pr-border-strong:#52525b;--pr-border-focus:var(--blue);--pr-text-primary:var(--text);--pr-text-secondary:var(--text2);--pr-text-tertiary:var(--text3);--pr-text-disabled:#3f3f46;--pr-accent-primary:var(--blue);--pr-accent-primary-dim:var(--blue-dim);--pr-accent-glow:#60a5fa1f;--pr-accent-glow-strong:#60a5fa40;--pr-success:var(--green);--pr-success-bg:var(--green-dim);--pr-warning:var(--amber);--pr-warning-bg:var(--amber-dim);--pr-danger:var(--red);--pr-danger-bg:var(--red-dim);--pr-info:var(--blue);--pr-info-bg:var(--blue-dim);--pr-event-error:var(--red);--pr-event-http:var(--blue);--pr-event-database:var(--purple);--pr-event-manual:var(--green);--pr-event-redis:var(--green);--pr-event-perf:var(--amber);--pr-event-function:var(--text3);--font-display:var(--font-sans);--font-body:var(--font-sans);--font-code:var(--font-mono);--type-display-xl:24px;--type-display-lg:20px;--type-display-md:16px;--type-label-lg:var(--text-md);--type-label-md:var(--text-sm);--type-label-sm:var(--text-xxs);--type-body-lg:15px;--type-body-md:var(--text-sm);--type-body-sm:var(--text-sm);--type-code-md:12px;--type-code-sm:11px;--radius-xl:var(--radius-lg);--radius-full:9999px;--ease-smooth:var(--ease);--ease-spring:cubic-bezier(.175, .885, .32, 1.275);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-enter:cubic-bezier(0, 0, .2, 1);--ease-exit:cubic-bezier(.4, 0, 1, 1);--duration-instant:80ms;--duration-fast:.15s;--duration-standard:.25s;--duration-slow:.4s;--duration-cinematic:.7s;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variant-numeric:tabular-nums;font-weight:400;line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);color:var(--text);line-height:1.3}code,pre,kbd{font-family:var(--font-mono);font-size:var(--text-xs)}.btn{font-family:var(--font-sans);font-size:var(--text-xs);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;transition:background var(--duration-instant) var(--ease), border-color var(--duration-instant) var(--ease), color var(--duration-instant) var(--ease);border:1px solid #0000;outline:none;align-items:center;gap:6px;padding:4px 10px;font-weight:500;line-height:1.5;display:inline-flex}.btn:focus-visible{outline:1px solid var(--blue);outline-offset:1px}.btn-primary{background:var(--blue);color:#fff;border-color:var(--blue)}.btn-primary:hover{background:#93bfff;border-color:#93bfff}.btn-primary:active{background:#4b8fdb}.btn-secondary{background:var(--bg3);color:var(--text2);border-color:var(--border)}.btn-secondary:hover{background:var(--bg4);border-color:var(--border2);color:var(--text)}.btn-ghost{color:var(--text2);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--bg3);color:var(--text)}.btn-danger{background:var(--red-dim);color:var(--red);border-color:#7f0000}.btn-danger:hover{background:var(--red);color:#fff;border-color:var(--red)}.btn-xs{padding:2px 7px;font-size:11px}.btn-sm{font-size:var(--text-xs);padding:3px 8px}.btn-lg{font-size:var(--text-md);padding:6px 16px}.btn-icon{aspect-ratio:1;padding:5px}.btn-glow{background:var(--blue);color:#fff;border-color:var(--blue)}.btn-glow:hover{background:#93bfff}.input,select.input{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text);background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;transition:border-color var(--duration-instant) var(--ease), background var(--duration-instant) var(--ease);appearance:none;outline:none;padding:5px 8px}.input::placeholder{color:var(--text3)}.input:hover{border-color:var(--border2)}.input:focus{border-color:var(--blue);background:var(--bg3)}.badge{border-radius:var(--radius-sm);letter-spacing:.02em;white-space:nowrap;font-size:11px;font-weight:500;font-family:var(--font-sans);align-items:center;gap:3px;padding:2px 6px;display:inline-flex}.badge-crash{background:var(--red-dim);color:var(--red);border:1px solid #7f0000}.badge-http5xx{background:var(--amber-dim);color:var(--amber);border:1px solid #6b3700}.badge-http4xx{color:#86efac;background:#1c2a1c;border:1px solid #2a5230}.badge-manual{background:var(--blue-dim);color:var(--blue);border:1px solid var(--blue-dim)}.badge-slow{background:var(--purple-dim);color:var(--purple);border:1px solid #4c1d95}.badge-error{background:var(--red-dim);color:var(--red);border:1px solid #7f0000}.badge-success{background:var(--green-dim);color:var(--green);border:1px solid #14532d}.badge-warning{background:var(--amber-dim);color:var(--amber);border:1px solid #6b3700}.badge-info{background:var(--blue-dim);color:var(--blue);border:1px solid #1e3a5f}.badge-neutral{background:var(--bg3);color:var(--text2);border:1px solid var(--border)}.badge-accent{background:var(--blue-dim);color:var(--blue);border:1px solid var(--blue-dim)}.badge-purple{background:var(--purple-dim);color:var(--purple);border:1px solid #4c1d95}.tab-list{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-md);gap:0;padding:2px;display:flex}.tab{border-radius:calc(var(--radius-md) - 2px);font-size:var(--text-xs);color:var(--text3);cursor:pointer;transition:color var(--duration-instant) var(--ease), background var(--duration-instant) var(--ease);white-space:nowrap;font-weight:500;font-family:var(--font-sans);background:0 0;border:none;outline:none;padding:4px 10px}.tab:hover{color:var(--text2);background:var(--bg3)}.tab.active{background:var(--bg3);color:var(--text);border:1px solid var(--border2)}.tab:focus-visible{outline:1px solid var(--blue)}.tab-count{background:var(--bg4);border-radius:var(--radius-sm);justify-content:center;align-items:center;min-width:16px;height:14px;margin-left:4px;padding:0 4px;font-size:10px;font-weight:500;display:inline-flex}.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg)}.card:hover{border-color:var(--border2);background:var(--bg3)}.elevation-0{background:var(--bg)}.elevation-1{background:var(--bg2);border:1px solid var(--border)}.elevation-2{background:var(--bg3);border:1px solid var(--border)}.elevation-3{background:var(--bg4);border:1px solid var(--border2)}.elevation-4{border:1px solid var(--border2);background:#222226}.elevation-5{border:1px solid var(--border2);background:#2a2a30}@keyframes panel-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes stagger-reveal{to{opacity:1;transform:translate(0)}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes value-flash{0%{background:0 0}20%{background:#fbbf2426}to{background:0 0}}@keyframes error-pulse{0%,to{opacity:.8}50%{opacity:1}}.panel-enter{animation:panel-enter var(--duration-standard) var(--ease) forwards}.stagger-item{opacity:0;animation:stagger-reveal var(--duration-fast) var(--ease) forwards;transform:translate(-4px)}.stagger-item:first-child{animation-delay:0s}.stagger-item:nth-child(2){animation-delay:30ms}.stagger-item:nth-child(3){animation-delay:60ms}.stagger-item:nth-child(4){animation-delay:90ms}.stagger-item:nth-child(5){animation-delay:.12s}.stagger-item:nth-child(6){animation-delay:.15s}.stagger-item:nth-child(7){animation-delay:.18s}.stagger-item:nth-child(8){animation-delay:.21s}.stagger-item:nth-child(9){animation-delay:.24s}.stagger-item:nth-child(10){animation-delay:.27s}.skeleton{background:linear-gradient(90deg, var(--bg2) 0%, var(--bg4) 50%, var(--bg2) 100%);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}.spinner{animation:.8s linear infinite spin}.pulse-dot{animation:1.5s ease-in-out infinite pulse-dot}.value-changed{animation:value-flash .8s var(--ease) forwards}.event-error-dot{animation:2s ease-in-out infinite error-pulse}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--border2)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}