@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--topbar-bg:#000000;--bg:#0C1018;--surface:#131820;--surface-2:#1A2233;--border:#252E3E;--border-2:#38475C;--text:#F0F4FF;--text-2:#C8D6EC;--text-3:#8896B4;--green:#34D399;--green-dim:rgba(52,211,153,0.12);--green-border:rgba(52,211,153,0.30);--orange:#FBBF24;--orange-dim:rgba(251,191,36,0.12);--orange-border:rgba(251,191,36,0.30);--red:#F87171;--red-dim:rgba(248,113,113,0.12);--red-border:rgba(248,113,113,0.30);--accent:#818CF8;--accent-dim:rgba(129,140,248,0.12);--accent-border:rgba(129,140,248,0.30);--blue:#60A5FA;--teal:#2DD4BF;--yellow:#FBBF24;--font-ui:"Inter",system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono","IBM Plex Mono",ui-monospace,monospace;--transition:0.2s ease}html[data-theme=light]{--topbar-bg:#1E293B;--bg:#F0F4F8;--surface:#FFFFFF;--surface-2:#F8FAFC;--border:#E1E8F0;--border-2:#C7D5E3;--text:#0F172A;--text-2:#1E293B;--text-3:#475569;--green:#059669;--green-dim:rgba(5,150,105,0.08);--green-border:rgba(5,150,105,0.25);--orange:#D97706;--orange-dim:rgba(217,119,6,0.08);--orange-border:rgba(217,119,6,0.25);--red:#DC2626;--red-dim:rgba(220,38,38,0.08);--red-border:rgba(220,38,38,0.25);--accent:#4F46E5;--accent-dim:rgba(79,70,229,0.08);--accent-border:rgba(79,70,229,0.25);--blue:#2563EB;--teal:#0D9488;--yellow:#D97706}body,html{background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:13px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;transition:background var(--transition),color var(--transition)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-3)}.mono{font-family:var(--font-mono)}.label{font-size:10px;font-weight:700;letter-spacing:.08em;color:var(--text-3);text-transform:uppercase;font-family:var(--font-ui)}.panel{background:var(--surface);border:1px solid var(--border);transition:background var(--transition),border-color var(--transition)}html[data-theme=light] .panel{box-shadow:0 1px 3px rgba(0,0,0,.06)}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:9px 14px;border-bottom:1px solid var(--border);font-size:11px;font-weight:600;letter-spacing:.06em;color:var(--text-2);text-transform:uppercase;flex-shrink:0;gap:8px;font-family:var(--font-ui);transition:border-color var(--transition)}.panel-header-left{display:flex;align-items:center;gap:7px}.panel-header-right{display:flex;align-items:center;gap:8px}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;font-size:10px;font-weight:700;letter-spacing:.06em;border:1px solid;border-radius:4px;white-space:nowrap;flex-shrink:0;font-family:var(--font-ui)}.badge-ok{color:var(--green);border-color:var(--green-border);background:var(--green-dim)}.badge-warn{color:var(--orange);border-color:var(--orange-border);background:var(--orange-dim)}.badge-crit{color:var(--red);border-color:var(--red-border);background:var(--red-dim)}.badge-load{color:var(--yellow);border-color:rgba(251,191,36,.3);background:rgba(251,191,36,.1)}.badge-accent{color:var(--accent);border-color:var(--accent-border);background:var(--accent-dim)}.btn{display:inline-flex;align-items:center;gap:6px;padding:6px 13px;font-family:var(--font-ui);font-size:11px;font-weight:600;letter-spacing:.04em;border:1px solid var(--border-2);background:var(--surface-2);color:var(--text-2);cursor:pointer;border-radius:6px;transition:border-color .15s,color .15s,background .15s;white-space:nowrap}.btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.btn-primary{border-color:var(--accent-border);color:var(--accent);background:var(--accent-dim)}.btn-primary:hover{background:rgba(129,140,248,.22)}.btn-success{border-color:var(--green-border);color:var(--green);background:var(--green-dim)}.btn-success:hover{background:rgba(52,211,153,.22)}.btn-danger{border-color:var(--orange-border);color:var(--orange);background:var(--orange-dim)}.btn-danger:hover{background:rgba(251,191,36,.22)}.btn-crit{border-color:var(--red-border);color:var(--red);background:var(--red-dim)}.input{width:100%;background:var(--bg);color:var(--text);border:1px solid var(--border);padding:7px 11px;font-family:var(--font-ui);font-size:12px;outline:none;border-radius:6px;transition:border-color .15s}.input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-dim)}.input::placeholder{color:var(--text-3)}select.input{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238896B4' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:30px}.data-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;font-size:9px;font-weight:600;letter-spacing:.06em;border-radius:3px;text-transform:uppercase}.data-badge-mock{color:var(--text-3);background:var(--surface-2);border:1px solid var(--border)}.data-badge-live{color:var(--green);background:var(--green-dim);border:1px solid var(--green-border)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}@keyframes fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}