:root{--bg:#0d1117;--panel:#161b22;--panel-2:#1c2330;--border:#2a313c;--text:#d7dde5;--muted:#8b949e;--accent:#1f6feb;--accent-hover:#388bfd;--danger:#f85149;--ok:#3fb950;--warn:#d29922;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-size:14px}button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--panel-2);color:var(--text);border-radius:6px;padding:6px 12px}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover:not(:disabled){background:var(--accent-hover)}button.ghost{color:var(--muted);background:0 0;border-color:#0000}button.ghost:hover:not(:disabled){color:var(--text);border-color:#0000}input,select{font:inherit;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:6px 8px}input:focus,select:focus{border-color:var(--accent);outline:none}a{color:var(--accent-hover);text-decoration:none}a:hover{text-decoration:underline}code,.mono{font-family:SF Mono,ui-monospace,Menlo,Consolas,monospace;font-size:13px}.app{flex-direction:column;height:100%;display:flex}.topbar{border-bottom:1px solid var(--border);background:var(--panel);align-items:center;gap:12px;padding:10px 16px;display:flex}.topbar .brand{letter-spacing:-.3px;font-weight:700}.topbar .brand .r{color:var(--accent-hover)}.topbar .spacer{flex:1}.topbar .who{color:var(--muted);font-size:13px}.topbar-scope{align-items:center;gap:14px;display:flex}.topbar-field{align-items:center;gap:6px;display:flex}.topbar-field>span{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.topbar-scope select{padding:4px 8px;font-size:13px}.content{flex:1;padding:16px;overflow:auto}.panel{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:14px}.panel+.panel{margin-top:12px}.panel h2{text-transform:uppercase;letter-spacing:.6px;color:var(--muted);margin:0 0 10px;font-size:13px}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.explore{grid-template-columns:280px 1fr;align-items:start;gap:12px;display:grid}.controls .panel{margin-top:0}.controls .panel+.panel{margin-top:12px}.stack{flex-direction:column;gap:10px;display:flex}.controls .field,.controls select,.controls input{width:100%}.field{flex-direction:column;gap:4px;display:flex}.field label{color:var(--muted);font-size:12px}.time-range{flex-direction:column;gap:8px;display:flex}.time-input{align-items:center;display:flex;position:relative}.time-input input[type=text]{width:100%;padding-right:30px}.time-input input.invalid{border-color:var(--danger)}.time-pick{color:var(--muted);background:0 0;border:none;align-items:center;padding:5px 7px;display:flex;position:absolute;right:1px}.time-pick:hover:not(:disabled){color:var(--text);border:none}.time-input .time-picker-native{opacity:0;pointer-events:none;border:0;width:1px;height:1px;padding:0;position:absolute;right:6px}.time-hint{color:var(--muted);margin:2px 0 0;font-size:11px}.multiselect{position:relative}.ms-trigger{background:var(--bg);justify-content:space-between;align-items:center;width:100%;display:flex}.ms-caret{color:var(--muted);font-size:11px}.ms-panel{z-index:10;background:var(--panel-2);border:1px solid var(--border);border-radius:6px;max-height:220px;padding:4px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:auto}.ms-option{cursor:pointer;border-radius:4px;align-items:center;gap:8px;padding:5px 6px;display:flex}.ms-option:hover{background:var(--bg)}.ms-option input{width:auto}.ms-empty{padding:6px}.predicate{border-bottom:1px dashed var(--border);flex-direction:column;gap:6px;margin-bottom:10px;padding-bottom:10px;display:flex}.predicate:last-of-type{border-bottom:none}.predicate-head{align-items:center;gap:6px;display:flex}.predicate-head select{width:auto}.predicate-head .field-select{flex:1;min-width:0}.predicate-remove{margin-left:auto;padding:2px 7px}.predicate-value input,.predicate-value select{width:100%}.pill-input-wrap{position:relative}.pill-input{background:var(--bg);border:1px solid var(--border);border-radius:6px;flex-wrap:wrap;align-items:center;gap:4px;min-height:32px;padding:4px;display:flex}.pill-input:focus-within{border-color:var(--accent)}.pill{background:var(--panel-2);border:1px solid var(--border);border-radius:10px;align-items:center;gap:2px;padding:1px 3px 1px 8px;font-size:12px;display:inline-flex}.pill-x{color:var(--muted);background:0 0;border:none;padding:0 2px;font-size:14px;line-height:1}.pill-x:hover:not(:disabled){color:var(--danger);border:none}.pill-input .pill-text{background:0 0;border:none;flex:1;width:auto;min-width:64px;padding:2px 4px}.pill-input .pill-text:focus{outline:none}.suggest-panel{z-index:20;background:var(--panel-2);border:1px solid var(--border);border-radius:6px;max-height:220px;padding:4px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:auto}.suggest-item{text-align:left;background:0 0;border:none;border-radius:4px;justify-content:space-between;gap:8px;width:100%;padding:5px 7px;display:flex}.suggest-item:hover:not(:disabled),.suggest-item.highlighted{background:var(--bg);border:none}.info-dot{border:1px solid var(--border);width:15px;height:15px;color:var(--muted);cursor:help;border-radius:50%;flex:none;justify-content:center;align-items:center;font-family:Georgia,serif;font-size:10px;font-style:italic;display:inline-flex}.info-dot:hover{border-color:var(--accent);color:var(--text)}.filter-empty{color:var(--muted);margin-top:0}.predicate-novalue{color:var(--muted);font-size:12px}.table-wrap{border:1px solid var(--border);border-radius:8px;overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;border-bottom:1px solid var(--border);border-right:1px solid var(--border);white-space:nowrap;padding:6px 10px}th:last-child,td:last-child{border-right:none}tbody tr:last-child td{border-bottom:none}th{color:var(--muted);background:var(--panel-2);font-weight:600;position:sticky;top:0}th.num,td.num{text-align:right}tbody tr:nth-child(2n){background:var(--bg)}tbody tr:hover{background:var(--panel-2)}.badge{background:var(--panel-2);border:1px solid var(--border);border-radius:10px;padding:1px 7px;font-size:12px;display:inline-block}.badge.env-prod{color:var(--danger);border-color:var(--danger)}.badge.env-staging{color:var(--warn);border-color:var(--warn)}.badge.env-dev{color:var(--ok);border-color:var(--ok)}.muted{color:var(--muted)}.empty{text-align:center;color:var(--muted);padding:32px}.results-count{text-transform:none;color:var(--muted);margin-left:8px}.ts-chart{width:100%;height:380px}.query-capped{margin:10px 0 0;font-size:12px}.error{color:var(--danger);font-size:13px}.login-wrap{justify-content:center;align-items:center;height:100%;display:flex}.login-card{width:320px}.login-card .field{margin-bottom:12px}.login-card input{width:100%}.login-card .login-title{text-transform:none;color:var(--text);font-size:16px}.login-title .r{color:var(--accent-hover)}.login-intro{color:var(--muted);margin-top:0}.login-error{margin-bottom:10px}.login-submit{width:100%}.login-hint{color:var(--muted);margin-bottom:0;font-size:12px}.topbar .navlink{color:var(--muted);font-size:13px}.topbar .navlink:hover{color:var(--text);text-decoration:none}.admin-tag{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;border:1px solid var(--border);border-radius:4px;padding:1px 6px;font-size:11px}.admin-error{margin-bottom:12px}.admin-grid{grid-template-columns:300px 1fr;align-items:start;gap:12px;display:grid}.admin-grid>.panel+.panel{margin-top:0}.create-row{gap:8px;margin-bottom:12px;display:flex}.create-row input{flex:1;min-width:0}.app-list{flex-direction:column;gap:4px;display:flex}.app-item{text-align:left;background:var(--bg);width:100%}.app-item.selected{border-color:var(--accent);color:var(--text)}.admin-hint{margin:6px 0 0}.key-reveal{background:var(--panel-2);border:1px solid var(--ok);border-radius:6px;flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:12px;padding:10px;display:flex}.key-reveal strong{color:var(--ok);font-size:13px}.key-value{background:var(--bg);border:1px solid var(--border);word-break:break-all;border-radius:6px;width:100%;padding:6px 8px}
