:root{--bg-primary:#0f0f0f;--bg-secondary:#161616;--bg-tertiary:#1c1c1c;--bg-panel:#111;--bg-hover:#222;--text-primary:#e5e5e5;--text-secondary:#a3a3a3;--text-tertiary:#737373;--text-muted:#525252;--accent-blue:#3b82f6;--accent-blue-bg:#3b82f61a;--accent-green:#22c55e;--accent-green-bg:#22c55e1a;--accent-orange:#f97316;--accent-orange-bg:#f973161a;--accent-red:#ef4444;--accent-red-bg:#ef44441a;--accent-purple:#a855f7;--accent-purple-bg:#a855f71a;--accent-cyan:#06b6d4;--accent-cyan-bg:#06b6d41a;--accent-yellow:#eab308;--accent-yellow-bg:#eab3081a;--border:#262626;--border-light:#333;--shadow-sm:0 1px 2px #0003;--shadow-md:0 4px 6px #0000004d;--shadow-lg:0 10px 15px #0006;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:"SF Mono",Monaco,"Cascadia Code","Roboto Mono",Consolas,monospace;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--transition-fast:.1s ease;--transition-normal:.2s ease;--grafana-bg-primary:var(--bg-primary);--grafana-bg-secondary:var(--bg-secondary);--grafana-bg-tertiary:var(--bg-tertiary);--grafana-bg-panel:var(--bg-panel);--grafana-bg-hover:var(--bg-hover);--grafana-text-primary:var(--text-primary);--grafana-text-secondary:var(--text-secondary);--grafana-text-tertiary:var(--text-tertiary);--grafana-border:var(--border);--grafana-blue:var(--accent-blue);--grafana-blue-light:var(--accent-blue);--grafana-blue-bg:var(--accent-blue-bg);--grafana-green:var(--accent-green);--grafana-green-bg:var(--accent-green-bg);--grafana-orange:var(--accent-orange);--grafana-orange-bg:var(--accent-orange-bg);--grafana-red:var(--accent-red);--grafana-red-bg:var(--accent-red-bg);--grafana-shadow-lg:var(--shadow-lg)}*{box-sizing:border-box}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-size:14px;line-height:1.5}.grafana-button{border:1px solid var(--border);border-radius:var(--radius-md);font-size:13px;font-weight:500;font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:6px;padding:8px 16px;display:inline-flex}.grafana-button-primary{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.grafana-button-primary:hover:not(:disabled){background:#2563eb;border-color:#2563eb}.grafana-button-primary:disabled{opacity:.5;cursor:not-allowed}.grafana-button-ghost{color:var(--text-secondary);background:0 0;border-color:#0000}.grafana-button-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.grafana-button-sm{padding:4px 8px;font-size:12px}.grafana-tabs{border-bottom:1px solid var(--border);background:var(--bg-secondary);display:flex}.grafana-tab{color:var(--text-tertiary);font-size:13px;font-weight:500;font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:10px 16px;display:flex}.grafana-tab:hover{color:var(--text-secondary);background:var(--bg-hover)}.grafana-tab-active{color:var(--accent-blue);border-bottom-color:var(--accent-blue)}.grafana-table{border-collapse:collapse;width:100%;font-size:13px}.grafana-table th{text-align:left;color:var(--text-secondary);background:var(--bg-secondary);border-bottom:1px solid var(--border);padding:10px 12px;font-weight:600}.grafana-table td{color:var(--text-primary);border-bottom:1px solid var(--border);padding:10px 12px}.grafana-table tr:hover td{background:var(--bg-hover)}.grafana-alert{border-radius:var(--radius-md);border:1px solid;align-items:flex-start;gap:12px;padding:12px 16px;font-size:13px;display:flex}.grafana-alert-danger{background:var(--accent-red-bg);border-color:var(--accent-red);color:var(--accent-red)}.grafana-alert-info{background:var(--accent-blue-bg);border-color:var(--accent-blue);color:var(--accent-blue)}.grafana-alert-warning{background:var(--accent-orange-bg);border-color:var(--accent-orange);color:var(--accent-orange)}.grafana-empty{text-align:center;color:var(--text-tertiary);flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.grafana-empty-icon{opacity:.4;margin-bottom:16px;font-size:48px}.grafana-empty-title{color:var(--text-secondary);margin-bottom:8px;font-size:15px;font-weight:600}.grafana-empty-description{color:var(--text-tertiary);max-width:400px;font-size:13px;line-height:1.6}.grafana-spinner{border:2px solid var(--border);border-top-color:var(--accent-blue);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}input,textarea,select{font-family:var(--font-sans);background:var(--bg-primary);border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius-md);padding:8px 12px;font-size:13px}input:focus,textarea:focus,select:focus{border-color:var(--accent-blue);outline:none}code{font-family:var(--font-mono);background:var(--bg-tertiary);border-radius:var(--radius-sm);padding:2px 6px;font-size:12px}pre{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-mono);padding:16px;font-size:13px;overflow-x:auto}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.monaco-editor .suggest-widget{border:1px solid var(--border)!important;border-radius:6px!important}.uplot{font-family:var(--font-sans)!important}.uplot .u-legend{display:none!important}.u-select{background:var(--accent-blue-bg)!important}::selection{background:var(--accent-blue);color:#fff}a{color:var(--accent-blue);text-decoration:none}a:hover{text-decoration:underline}.app-container{transition:background-color .2s}*{scroll-behavior:smooth}::selection{background-color:var(--grafana-blue);color:#fff}:focus-visible{outline:2px solid var(--grafana-blue);outline-offset:2px}button:active:not(:disabled){transform:scale(.98)}.monaco-editor{border-radius:4px!important}.monaco-scrollable-element>.scrollbar>.slider{background:var(--grafana-border-strong)!important;border-radius:4px!important}.monaco-scrollable-element>.scrollbar>.slider:hover{background:var(--grafana-text-tertiary)!important}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.panel-content{animation:.2s contentFadeIn}body{margin:0;padding:0}