.query-builder{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);box-shadow:var(--shadow-sm);animation:.35s ease-out query-builder-fade-up;overflow:hidden}.query-row{background:var(--bg);border-bottom:1px solid var(--border-light);flex-wrap:nowrap;align-items:center;gap:8px;padding:14px 20px;display:flex;overflow:hidden}.query-row>*,.query-row>.ms-wrap{flex-shrink:0}.query-row:last-of-type{border-bottom:none}.query-badge{background:var(--text);color:#fff;text-transform:uppercase;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:inline-flex}.query-label{color:var(--text-secondary);cursor:default;-webkit-user-select:none;user-select:none;font-size:13px;font-weight:600}.query-label-static{color:var(--text-secondary);-webkit-user-select:none;user-select:none;font-size:12px}.query-row .ant-select-selector{border-color:var(--border)!important;border-radius:var(--radius)!important;background:var(--bg)!important;box-shadow:none!important}.query-row .ant-select-selector:hover,.query-row .ant-select-focused .ant-select-selector{border-color:var(--border-dark)!important}.query-row .ant-select-selection-placeholder{color:var(--text-tertiary)!important}.metric-autocomplete .ant-select-selector{background:var(--bg)!important;border-color:var(--border)!important;font-size:13px!important}.metric-autocomplete .ant-select-selector:hover,.metric-autocomplete .ant-select-selector:focus-within{border-color:var(--border-dark)!important}.ms-wrap{flex:none;width:min(340px,26vw);min-width:220px;position:relative}.ms-input{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);width:100%;height:30px;color:var(--text);outline:none;padding:0 10px;font-family:inherit;font-size:13px;transition:border-color .15s}.ms-input:hover{border-color:var(--border-dark)}.ms-input:focus{border-color:var(--text-tertiary);box-shadow:0 0 0 2px #1118270f}.ms-dropdown{z-index:1000;border:1px solid var(--border);border-radius:var(--radius);background:#fff;min-width:520px;min-height:134px;max-height:380px;display:flex;position:fixed;overflow:hidden;box-shadow:0 8px 30px #0000001f,0 2px 8px #0000000f}.ms-list{border-right:1px solid var(--border-light);width:240px;min-width:240px;max-height:380px;padding:4px;overflow-y:auto}.ms-list-status{text-align:center;color:var(--text-tertiary);padding:20px 12px;font-size:12px}.ms-item{color:var(--text);border-radius:var(--radius);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;padding:7px 10px;font-size:13px;overflow:hidden}.ms-item-focused{background:var(--text);color:#fff}.ms-item-focused .ms-highlight{color:#fff;background:#ffffff4d}.ms-highlight{color:inherit;background:#facc154d;border-radius:2px;padding:0 1px}.ms-detail-panel{flex:1;min-width:0;max-height:380px;padding:16px;overflow-y:auto}.ms-detail-empty{height:100%;color:var(--text-tertiary);justify-content:center;align-items:center;font-size:12px;display:flex}.ms-detail-name{color:var(--text);word-break:break-all;margin-bottom:6px;font-size:14px;font-weight:600;line-height:1.4}.ms-detail-desc{color:var(--text-secondary);margin-bottom:14px;font-size:12px;line-height:1.5}.ms-detail-loading{flex-direction:column;gap:10px;display:flex}.ms-detail-skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e5e7eb 50%,#f1f5f9 75%) 0 0/200% 100%;border-radius:4px;width:100%;height:14px;animation:1.5s infinite ms-shimmer}.ms-detail-skeleton-short{width:60%}@keyframes ms-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ms-detail-fields{flex-direction:column;gap:10px;display:flex}.ms-detail-row{align-items:center;gap:8px;display:flex}.ms-detail-label{color:var(--text-tertiary);text-transform:lowercase;min-width:70px;font-size:11px;font-weight:500}.ms-detail-value{color:var(--text);font-size:13px}.ms-detail-tag{background:var(--bg-hover);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);padding:2px 8px;font-size:12px;font-weight:500;display:inline-block}.qb-filter-root{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);cursor:text;scrollbar-width:none;flex-wrap:nowrap;flex:1 1 0;align-items:center;gap:4px;min-width:160px;min-height:28px;padding:2px 6px;transition:border-color .12s,box-shadow .12s;display:flex;position:relative;overflow:auto hidden}.qb-filter-root::-webkit-scrollbar{width:0;height:0;display:none}.qb-filter-root--focused{border-color:var(--text-tertiary);box-shadow:0 0 0 2px #1118270f}.qb-groupby-root{flex:none;width:auto;min-width:120px;max-width:200px}.qb-filter-input{min-width:80px;color:var(--text);font-size:12.5px;font-family:var(--font-sans);background:0 0;border:none;outline:none;flex:1 0 80px;height:22px;padding:2px 4px}.qb-filter-input::placeholder{color:var(--text-tertiary)}.qb-filter-input-clear{width:18px;height:18px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.qb-filter-input-clear:hover{color:var(--text);background:var(--bg-hover)}.qb-filter-chip{height:22px;font-size:12px;font-family:var(--font-sans);white-space:nowrap;border:1px solid #0000;border-radius:4px;flex-shrink:0;align-items:center;gap:4px;padding:0 4px 0 8px;line-height:1;display:inline-flex}.qb-filter-chip-key{color:inherit;opacity:.78;font-weight:600}.qb-filter-chip-op{opacity:.55;margin:0 1px;font-weight:500}.qb-filter-chip-val{font-family:var(--mono);color:inherit;white-space:nowrap;font-weight:600}.qb-filter-chip-x{width:16px;height:16px;color:inherit;opacity:.55;cursor:pointer;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;margin-left:2px;padding:0;transition:background .12s,opacity .12s;display:inline-flex}.qb-filter-chip-x:hover{opacity:1;background:#00000014}.qb-filter-chip--pos{color:#1f3b85;background:#eaf0fc;border-color:#d5e0f7}.qb-filter-chip--neg{color:#8a1f1f;background:#fce8e8;border-color:#f4cccc}.qb-filter-chip--num{background:var(--bg-subtle);color:var(--text-primary);border-color:var(--border)}.qb-filter-suggest{z-index:1000;border:1px solid var(--border);border-radius:var(--radius);background:#fff;min-width:320px;max-width:calc(100vw - 24px);max-height:360px;padding:4px 0 0;position:fixed;overflow-y:auto;box-shadow:0 8px 24px #0000001f}.qb-filter-suggest-title{color:var(--text-tertiary);padding:8px 12px 4px;font-size:11px;font-weight:600}.qb-filter-suggest-status{color:var(--text-tertiary);padding:8px 12px 10px;font-size:12px}.qb-filter-suggest-item{font-size:12.5px;font-family:var(--mono);color:var(--text);cursor:pointer;align-items:center;gap:0;padding:6px 12px;line-height:1.3;display:flex}.qb-filter-suggest-item.active{background:var(--bg-hover)}.qb-filter-suggest-item--custom{font-family:var(--font-sans);color:var(--text-secondary);font-style:italic}.qb-filter-suggest-key{color:#1f6feb;font-weight:600}.qb-filter-suggest-op{color:var(--text-secondary);margin:0 1px}.qb-filter-suggest-custom-val{font-family:var(--mono);color:var(--text);font-style:normal}.qb-filter-suggest-help{color:var(--text-tertiary);border-top:1px solid var(--border-light);background:var(--bg-subtle);flex-wrap:wrap;gap:4px 6px;margin-top:4px;padding:8px 12px;font-size:11px;display:flex;position:sticky;bottom:0}.qb-filter-suggest-help code{border:1px solid var(--border-light);color:var(--text-secondary);font-size:10.5px;font-family:var(--mono);background:#fff;border-radius:3px;padding:1px 5px}.qb-filter-hl{color:var(--accent-blue);background:0 0;font-weight:700}.time-agg-selector{align-items:center;gap:4px;display:flex}.query-remove-btn{width:22px;height:22px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;font-size:11px;transition:all .15s;display:inline-flex}.query-remove-btn:hover{background:var(--red-soft);color:var(--red)}.query-builder-toolbar{background:var(--bg-subtle);border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:10px 20px;display:flex}.query-builder-toolbar .ant-btn{border-radius:var(--radius);font-weight:500}.query-builder-toolbar .ant-btn-text{color:var(--text)}.query-builder-toolbar .ant-btn-text:hover{background:var(--bg-hover)!important;color:var(--text)!important}@keyframes query-builder-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.line-chart-wrap{background:var(--bg-main);border:1px solid var(--border-light);border-radius:var(--radius);width:100%;position:relative;overflow:hidden}.line-chart-wrap--borderless{background:0 0;border:none;border-radius:0}.line-chart-wrap.dd-hover .u-hz .u-cursor-x{border-right:1px solid #111!important}.line-chart-wrap.dd-hover .u-hz .u-cursor-y{display:none!important}.line-chart-wrap.dd-hover .u-over{overflow:visible!important}.line-chart-wrap.dd-hover .u-cursor-pt{display:none!important}.line-chart-stage{min-height:var(--line-chart-stage-height,412px);position:relative}.line-chart-inner{padding:16px 12px 8px}.line-chart-overlay{z-index:2;background:#ffffffb3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.line-chart-empty{height:var(--line-chart-stage-height,412px);color:var(--text-dimmed);flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:14px;display:flex}.line-chart-empty .anticon{color:var(--text-dimmed);font-size:28px}.line-chart-legend{font-family:var(--mono);color:var(--text-muted);flex-wrap:wrap;gap:12px;padding:8px 12px 12px;font-size:11.5px;display:flex}.legend-item{color:var(--text-muted);font-family:var(--mono);align-items:center;gap:6px;font-size:11.5px;display:flex}.legend-swatch{border-radius:50%;width:10px;height:10px}.chart-tooltip{color:#333;border-radius:var(--radius);pointer-events:none;background:#fff;border:1px solid #e8e8e8;min-width:140px;max-width:320px;padding:8px 12px;font-family:Inter,-apple-system,sans-serif;font-size:12px;box-shadow:0 2px 8px #0000001f}.chart-tooltip-dd{min-width:0;max-width:520px;box-shadow:none;background:0 0;border:none;border-radius:0;padding:0}.chart-tooltip-time{color:#8c8c8c;border-bottom:1px solid #f0f0f0;margin-bottom:6px;padding-bottom:4px;font-size:11px}.chart-tooltip-row{align-items:center;gap:6px;padding:2px 0;display:flex}.chart-tooltip-swatch{border-radius:50%;flex-shrink:0;width:8px;height:8px}.chart-tooltip-label{text-overflow:ellipsis;white-space:nowrap;color:#555;flex:1;overflow:hidden}.chart-tooltip-value{color:#1a1a1a;text-align:right;margin-left:auto;font-family:Inter,-apple-system,sans-serif;font-size:13px;font-weight:600}.chart-tooltip-dd-time{color:#6b7280;margin-bottom:4px;font-size:11px}.chart-tooltip-dd-label{color:#fff;flex-wrap:wrap;gap:2px 8px;max-width:520px;padding:4px 6px;font-size:12px;font-weight:400;line-height:1.4;display:flex}.chart-tooltip-dd-tag{white-space:normal;overflow-wrap:anywhere;word-break:break-word;width:100%;display:block}.chart-tooltip-dd-value{color:#1c2b34;white-space:nowrap;background:#fff;border:1px solid #e0e0e0;border-top:none;padding:3px 6px;font-size:12px;font-weight:400;line-height:1.4;display:block}.chart-tooltip-dd-value span{color:#1c2b348c}.chart-dd-dot{pointer-events:none;background:#000;border-radius:50%;width:8px;height:8px;transform:translate(-50%,-50%)}.chart-dd-connector{pointer-events:none;z-index:999;width:100vw;height:100vh;position:fixed;inset:0;overflow:visible}.chart-dd-connector line{stroke:#000;stroke-width:1px}.chart-time-badge{white-space:nowrap;background:0 0;align-items:stretch;height:17px;padding:0;font-size:12px;font-weight:400;line-height:1;display:inline-flex}.chart-time-duration,.chart-time-date{color:#fff;align-items:center;padding:0 4px;display:flex}.chart-time-duration{background:#585f70}.chart-time-date{background:#373b46}.chart-click-menu{border-radius:var(--radius);background:#fff;border:1px solid #e2e2e2;min-width:180px;max-width:320px;padding:0;font-family:Inter,-apple-system,sans-serif;font-size:12px;overflow:hidden;box-shadow:0 4px 20px #00000024,0 1px 4px #00000014}.chart-click-menu-header{border-bottom:1px solid #f0f0f0;align-items:center;gap:6px;padding:10px 12px;display:flex}.chart-click-menu-label{text-overflow:ellipsis;white-space:nowrap;color:#555;flex:1;font-size:12px;overflow:hidden}.chart-click-menu-value{color:#1a1a1a;flex-shrink:0;margin-left:auto;font-size:12px;font-weight:600}.chart-click-menu-actions{display:flex}.chart-click-menu-btn{cursor:pointer;color:#555;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:5px;padding:9px 8px;font-family:inherit;font-size:12px;font-weight:500;transition:background .12s,color .12s;display:flex}.chart-click-menu-btn:not(:last-child){border-right:1px solid #f0f0f0}.chart-click-menu-btn-exclude:hover{color:#c4462b;background:#fef2f0}.chart-click-menu-btn-isolate:hover{color:#4a7ee0;background:#f0f5fe}.chart-click-menu-icon{font-size:11px;line-height:1}.chart-select-menu-time{color:#888;font-variant-numeric:tabular-nums;font-size:11px;font-weight:500}.explore-page{background:var(--bg-subtle);min-height:100%;padding:20px 24px 32px}.explore-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;display:flex}.explore-toolbar-group{align-items:center;gap:6px;display:flex}.explore-spacer{flex:1}.explore-pill-btn{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);cursor:pointer;box-shadow:var(--shadow-sm);align-items:center;gap:5px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .12s;display:inline-flex}.explore-pill-btn:hover{background:var(--bg-hover);border-color:#c0c3cc}.explore-pill-btn.active{background:var(--text);border-color:var(--text);color:#fff}.explore-pill-btn svg{width:14px;height:14px;color:var(--text-tertiary)}.explore-pill-btn.active svg{color:#fff}.explore-section{margin-bottom:20px}.explore-error{background:var(--red-soft);border-radius:var(--radius);color:var(--red);border:1px solid #fecaca;margin-bottom:16px;padding:10px 14px;font-size:13px}.explore-chart-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);animation:.4s ease-out explore-fade-up;overflow:hidden}.explore-chart-card-header{border-bottom:1px solid var(--border-light);justify-content:flex-end;align-items:center;gap:12px;padding:12px 20px;display:flex}.explore-chart-title{color:var(--text);align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.explore-chart-dot{background:var(--blue);border-radius:50%;width:8px;height:8px}.explore-chart-meta{min-width:0;font-family:var(--mono);color:var(--text-tertiary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.explore-chart-card .line-chart-wrap{border:0;border-radius:0}.explore-empty{background:linear-gradient(var(--bg), var(--bg)) padding-box, repeating-linear-gradient(90deg, #d1d5db 0 6px, transparent 6px 11px) border-box;border:1px dashed var(--border-dark);flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:420px;display:flex}.explore-empty-title{color:var(--text);margin-top:4px;font-size:15px;font-weight:600}.explore-empty-desc{color:var(--text-secondary);font-size:13px}@keyframes explore-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.explore-page{padding:16px}.explore-toolbar{flex-direction:column;align-items:flex-start}.explore-spacer{display:none}}.qo-colpicker{position:relative}.qo-colpicker-count{background:var(--accent,#4c78d8);color:#fff;border-radius:10px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:6px;padding:0 6px;font-size:11px;font-weight:600;line-height:1;display:inline-flex}.qo-colpicker-popover{z-index:200;border:1px solid var(--border,#e5e7eb);border-radius:var(--radius);background:#fff;flex-direction:column;width:520px;max-height:480px;display:flex;position:absolute;top:calc(100% + 4px);right:0;overflow:hidden;box-shadow:0 12px 32px #00000024}.qo-colpicker-body{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;padding:12px 14px;display:grid;overflow-y:auto}.qo-colpicker-section{flex-direction:column;gap:2px;display:flex}.qo-colpicker-section-header{letter-spacing:.08em;color:var(--text-dim,#6b7280);text-transform:uppercase;border-bottom:1px solid var(--border,#e5e7eb);margin-bottom:4px;padding:0 2px 4px;font-size:10px;font-weight:700}.qo-colpicker-list{flex-direction:column;gap:1px;margin:0;padding:0;list-style:none;display:flex}.qo-colpicker-item{margin:0}.qo-colpicker-row{border-radius:var(--radius,4px);cursor:pointer;color:var(--text,#111827);align-items:center;gap:8px;padding:4px 6px;font-size:12.5px;display:flex}.qo-colpicker-row:hover{background:#f3f4f6}.qo-colpicker-row input[type=checkbox]{cursor:pointer;accent-color:var(--accent,#4c78d8);margin:0}.qo-colpicker-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.qo-colpicker-footer{border-top:1px solid var(--border,#e5e7eb);background:var(--bg-subtle,#fafafa);justify-content:flex-end;padding:8px 14px;display:flex}.qo-colpicker-reset{color:var(--accent,#4c78d8);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:12px;font-weight:500}.qo-colpicker-reset:hover{text-decoration:underline}.qo-pct-runtime{color:var(--text-dim,#6b7280);font-weight:500}.qd-panel{background:var(--bg);border-left:1px solid var(--border);z-index:90;flex-direction:column;width:75vw;min-width:640px;max-width:1200px;animation:.18s ease-out qd-slide-in;display:flex;position:fixed;top:52px;bottom:0;right:0;overflow:hidden;box-shadow:-12px 0 32px #0f172a1f,-2px 0 6px #0f172a0a}@keyframes qd-slide-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.qd-header{border-bottom:1px solid var(--border-light);background:var(--bg-subtle);flex:none;align-items:flex-start;gap:16px;padding:16px 20px;display:flex}.qd-header-text{flex-direction:column;flex:auto;gap:6px;min-width:0;display:flex}.qd-eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);font-size:10.5px;font-weight:600}.qd-header-sql{font-family:var(--mono);color:var(--text);word-break:break-word;white-space:pre-wrap;scrollbar-width:thin;background:0 0;border:none;max-height:7.5em;padding:0;font-size:13px;line-height:1.45;display:block;overflow-y:auto}.qd-header-sql::-webkit-scrollbar{width:6px}.qd-header-sql::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.qd-close{border:1px solid var(--border);background:var(--bg);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:6px;flex:none;justify-content:center;align-items:center;transition:background .1s,border-color .1s,color .1s;display:flex}.qd-close:hover{background:var(--bg-hover);color:var(--text);border-color:#c0c3cc}.qd-close svg{width:16px;height:16px}.qd-body{background:var(--bg-canvas,#f7f8fa);flex-direction:column;flex:auto;gap:16px;padding:20px;display:flex;overflow-y:auto}.qd-error{border-radius:var(--radius);color:#991b1b;background:#fef2f2;border:1px solid #fecaca;padding:12px 16px;font-size:13px}.qd-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}@media (width>=1400px){.qd-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.qd-card{background:var(--bg);border:1px solid var(--border-light);border-radius:var(--radius);flex-direction:column;gap:4px;padding:14px 16px 8px;display:flex}.qd-card-hero{padding-bottom:12px}.qd-card-header{flex-wrap:wrap;justify-content:flex-start;align-items:baseline;gap:10px;display:flex}.qd-card-title{color:var(--text);letter-spacing:-.01em;font-size:13px;font-weight:600}.qd-card-metric{font-family:var(--mono);color:var(--text-tertiary);letter-spacing:0;white-space:nowrap;text-overflow:ellipsis;min-width:0;max-width:100%;font-size:11.5px;font-weight:500;overflow:hidden}.qd-card-chart{min-height:140px;margin-top:4px}.qd-card-empty{height:140px;color:var(--text-tertiary);background:var(--bg-subtle);border:1px dashed var(--border-light);border-radius:var(--radius);justify-content:center;align-items:center;font-size:12px;display:flex}.qd-card-hero .qd-card-empty{height:260px}.qo-layout{gap:0;min-height:100vh;display:flex}.qo-main{flex:1;min-width:0}.qo-page{background:var(--bg-subtle);min-height:100%;padding:20px 24px 32px}.qo-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;display:flex}.qo-toolbar-group{align-items:center;gap:6px;display:flex}.qo-spacer{flex:1}.qo-pill-btn{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);cursor:pointer;box-shadow:var(--shadow-sm);align-items:center;gap:5px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .12s;display:inline-flex}.qo-pill-btn:hover{background:var(--bg-hover);border-color:#c0c3cc}.qo-pill-btn.active{background:var(--text);border-color:var(--text);color:#fff}.qo-pill-btn svg{width:14px;height:14px;color:var(--text-tertiary)}.qo-pill-btn.active svg{color:#fff}.qo-pill-btn--chipped{gap:0;padding:0 0 0 10px;line-height:1;overflow:hidden}.qo-pill-value{font-family:var(--mono);color:var(--text);background:var(--bg-subtle);border-left:1px solid var(--border);align-items:center;gap:6px;margin-left:8px;padding:7px 8px 7px 10px;font-size:12px;font-weight:600;display:inline-flex}.qo-pill-value-text{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;max-width:160px;overflow:hidden}.qo-pill-value-extra{color:var(--text-tertiary);background:#0000000a;border-radius:8px;flex:none;padding:1px 5px;font-size:11px;font-weight:500}.qo-pill-btn--chipped:hover .qo-pill-value{background:#eef0f3}.qo-pill-caret{width:12px!important;height:12px!important}.qo-groupby-dropdown{position:relative}.qo-groupby-menu{z-index:100;border:1px solid var(--border);border-radius:var(--radius);background:#fff;min-width:180px;max-height:300px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);right:0;overflow-y:auto;box-shadow:0 8px 24px #0000001f}.qo-groupby-option{width:100%;font-size:12px;font-family:var(--mono);color:var(--text-dim);border-radius:var(--radius);cursor:pointer;text-align:left;background:0 0;border:none;padding:6px 10px;display:block}.qo-groupby-option:hover{color:var(--text);background:#f3f4f6}.qo-groupby-option.active{color:var(--accent);font-weight:600}.qo-filter-dropdown{position:relative}.qo-filter-menu{z-index:100;border:1px solid var(--border);border-radius:var(--radius);background:#fff;min-width:240px;max-width:420px;padding:8px;font-size:12px;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 8px 24px #0000001f}.qo-filter-menu-list{margin:0 0 6px;padding:0;list-style:none}.qo-filter-menu-item{align-items:center;gap:6px;padding:2px 0;display:flex}.qo-filter-chip{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius);font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;flex:auto;align-items:center;min-width:0;max-width:100%;padding:4px 8px;font-size:11px;display:inline-flex;overflow:hidden}.qo-filter-chip-key{color:var(--text-tertiary)}.qo-filter-chip-sep{color:var(--text-tertiary);margin:0 3px;font-weight:600}.qo-filter-chip-val{color:var(--text);text-overflow:ellipsis;font-weight:600;overflow:hidden}.qo-filter-remove{color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius);background:0 0;border:none;flex:none;padding:0 6px;font-size:16px;line-height:1}.qo-filter-remove:hover{color:var(--red);background:var(--red-soft)}.qo-filter-empty{color:var(--text-tertiary);padding:4px 2px;font-style:italic}.qo-filter-clear-all{border:1px dashed var(--border);border-radius:var(--radius);width:100%;color:var(--text-tertiary);cursor:pointer;background:0 0;padding:5px;font-size:11px}.qo-filter-clear-all:hover{color:var(--red);background:var(--red-soft);border-color:#fecaca}.qo-error{background:var(--red-soft);border-radius:var(--radius);color:var(--red);border:1px solid #fecaca;margin-bottom:16px;padding:10px 14px;font-size:13px}.qo-charts-grid{grid-template-columns:minmax(0,1fr);gap:16px;margin-bottom:20px;animation:.4s ease-out qo-fade-up;display:grid}.qo-chart-card,.qo-table-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.qo-chart-card{padding:.75rem 1rem;position:relative;overflow:visible}.qo-chart-type-picker{z-index:5;position:absolute;top:8px;right:8px}.qo-chart-type-trigger{cursor:pointer;color:var(--text-tertiary);background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.qo-chart-type-trigger:hover{background:var(--bg-hover);color:var(--text)}.qo-chart-type-trigger:focus-visible{border-color:var(--blue,#4c78d8);outline:none}.qo-chart-type-trigger svg{width:14px;height:14px;display:block}.qo-chart-type-menu{background:var(--bg,#fff);border:1px solid var(--border,#e5e7eb);border-radius:var(--radius);z-index:10;min-width:132px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 8px 24px #0f172a1f}.qo-chart-type-option{cursor:pointer;width:100%;color:var(--text,#111827);text-align:left;background:0 0;border:none;border-radius:4px;align-items:center;gap:8px;padding:6px 10px;font-family:inherit;font-size:12.5px;transition:background .1s;display:flex}.qo-chart-type-option:hover{background:var(--bg-hover,#f3f4f6)}.qo-chart-type-option.active{background:var(--bg-active,#eef2f7);color:var(--text,#111827)}.qo-chart-type-option-icon{width:14px;height:14px;color:var(--text-secondary,#4b5563);display:inline-flex}.qo-chart-type-option-icon svg{width:14px;height:14px;display:block}.qo-chart-header,.qo-table-card-header{justify-content:space-between;align-items:center;display:flex}.qo-chart-header{margin-bottom:14px}.qo-chart-title{color:var(--text);align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.qo-chart-dot{background:var(--blue);border-radius:50%;width:8px;height:8px}.qo-chart-dot-green{background:var(--green)}.qo-td-actions button{cursor:pointer;color:var(--text-tertiary);background:0 0;border:none;border-radius:4px;padding:4px;transition:all .12s;display:inline-flex}.qo-td-actions button:hover{background:var(--bg-hover);color:var(--text)}.qo-chart-area{height:260px;position:relative;overflow:visible}.qo-chart-card .line-chart-wrap{background:0 0;border:0;border-radius:0;overflow:visible}.qo-chart-card .line-chart-inner{padding:0}.qo-chart-card .line-chart-overlay{background:#ffffffb8}.qo-chart-card .line-chart-empty{height:var(--line-chart-stage-height,212px)}.qo-chart-metric-label{font-family:var(--mono);color:var(--text-dim);align-items:center;gap:6px;padding:4px 0 2px;font-size:11px;display:flex}.qo-chart-metric-dot{background:var(--green,#3d8b5c);border-radius:50%;flex-shrink:0;width:7px;height:7px}.qo-chart-legend{border-top:1px solid var(--border-light);align-items:center;gap:16px;margin-top:12px;padding-top:10px;display:flex}.qo-legend-item{color:var(--text-secondary);font-size:12px;font-family:var(--mono);align-items:center;gap:6px;display:flex}.qo-legend-dot{border-radius:2px;width:8px;height:8px}.qo-legend-blue{background:var(--blue)}.qo-legend-green{background:var(--green)}.qo-table-card{overflow-wrap:anywhere;animation:.4s ease-out .1s both qo-fade-up;overflow:auto}.qo-table-card-header{border-bottom:1px solid var(--border-light);padding:12px 20px}.qo-table-header-left,.qo-table-header-actions{align-items:center;gap:12px;display:flex}.qo-table-header-actions{gap:16px}.qo-table-header-title{color:var(--text);font-size:13px;font-weight:600}.qo-table-header-meta{color:var(--text-tertiary);font-size:12px;font-family:var(--mono)}.qo-columns-btn{padding:4px 10px;font-size:12px}.qo-columns-btn svg{width:13px;height:13px}.qo-table-wrap{overflow-x:auto}.qo-groups-table{border-collapse:separate;border-spacing:0;width:100%;min-width:960px}.qo-th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);background:var(--bg-subtle);border-bottom:1px solid var(--border);white-space:nowrap;-webkit-user-select:none;user-select:none;padding:10px 16px;font-size:11px;font-weight:600}.qo-th-sortable{cursor:pointer}.qo-th-sortable:hover,.qo-th-active{color:var(--text)}.qo-th-actions{width:46px}.qo-th-group,.qo-td.qo-td-query{z-index:2;background:var(--bg);box-shadow:1px 0 0 var(--border-light);position:sticky;left:0}.qo-td.qo-td-query{vertical-align:top;padding-top:14px}.qo-th-group+.qo-th,.qo-td.qo-td-query+.qo-td{padding-left:36px}.qo-th-group{z-index:3;background:var(--bg-subtle)}.qo-tr:hover .qo-td-query{background:var(--bg-subtle)}.qo-sort-arrow{vertical-align:middle;opacity:.7;margin-left:4px;display:inline-block}.qo-tr{transition:background .1s}.qo-tr:hover{background:var(--bg-subtle)}.qo-tr:last-child .qo-td{border-bottom:none}.qo-td{vertical-align:middle;white-space:nowrap;border-bottom:1px solid var(--border-light);padding:4px 16px;font-size:13px}.qo-td-query-inner{align-items:flex-start;gap:10px;display:flex}.qo-td-query-inner .qo-expand-btn{flex:none;margin-top:1px}.qo-expand-btn{border:1px solid var(--border);background:var(--bg);cursor:pointer;width:22px;height:22px;color:var(--text-tertiary);border-radius:4px;justify-content:center;align-items:center;transition:all .12s;display:flex}.qo-expand-btn:hover{background:var(--bg-hover);border-color:#c0c3cc}.qo-expand-btn svg{width:12px;height:12px}.qo-td-query{min-width:320px;max-width:520px}.qo-td-query-expanded{max-width:760px}.qo-query-cell{font-family:var(--mono);color:var(--text);white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;max-width:480px;padding:0;font-size:13px;font-weight:500;display:block;overflow:hidden}.qo-query-cell-expanded{white-space:pre-wrap;text-overflow:clip;max-width:720px;line-height:1.6;overflow:visible}.qo-query-cell-clickable{cursor:pointer;border-radius:3px;transition:background-color .1s,color .1s}.qo-query-cell-clickable:hover{background:var(--bg-hover,#6366f114);color:var(--accent,#4f46e5)}.qo-query-cell-clickable:focus-visible{outline:2px solid var(--accent,#4f46e5);outline-offset:2px}.sql-keyword{color:var(--purple);font-weight:600}.sql-string{color:var(--green)}.sql-number{color:var(--orange)}.sql-backtick{color:var(--red)}.sql-comment{color:var(--text-tertiary);font-style:italic}.sql-punctuation{color:var(--text-tertiary)}.qo-td-mono{font-family:var(--mono);color:var(--text);font-variant-numeric:tabular-nums;font-size:13px;font-weight:500}.qo-td-ratio{align-items:center;gap:6px;display:flex}.qo-row-subvalue{color:var(--text-tertiary);font-size:11px;font-family:var(--mono);margin-top:3px}.qo-td-actions{text-align:right}.qo-table-status{text-align:center;color:var(--text-tertiary);padding:32px 12px;font-size:13px}.qo-tr-skeleton .qo-td{padding:14px 16px}.qo-skeleton-bar{background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;height:12px;animation:1.5s ease-in-out infinite qo-shimmer}.qo-skeleton-bar-sm{width:60px}@keyframes qo-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.qo-pagination{border-top:1px solid var(--border-light);justify-content:center;align-items:center;gap:16px;padding:12px 16px;display:flex}.qo-page-btn{border:1px solid var(--border-dark);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;background:0 0;padding:4px 12px;font-size:13px;transition:border-color .15s,color .15s}.qo-page-btn:hover:not(:disabled){border-color:var(--text);color:var(--text)}.qo-page-btn:disabled{opacity:.4;cursor:not-allowed}.qo-page-info{color:var(--text-tertiary);font-variant-numeric:tabular-nums;font-size:13px}@keyframes qo-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=1100px){.qo-charts-grid{grid-template-columns:1fr}}@media (width<=768px){.qo-page{padding:16px}.qo-toolbar,.qo-table-card-header{flex-direction:column;align-items:flex-start}.qo-spacer{display:none}}.logs-histogram{background:var(--bg-secondary,#fff);border:1px solid var(--border-subtle,#94a3b833);border-radius:var(--radius);box-sizing:border-box;width:100%;margin:12px 0;padding:12px 12px 4px;position:relative}.logs-histogram-host{cursor:crosshair;width:100%;min-height:90px}.logs-histogram-host .u-over,.logs-histogram-host canvas{cursor:crosshair!important}.logs-histogram-host .u-select{background:#6366f11f;border:1px dashed #6366f199}.logs-histogram-overlay{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:12px 12px 4px}.logs-histogram-skel{background:linear-gradient(90deg,#94a3b80f 0%,#94a3b82e 50%,#94a3b80f 100%) 0 0/200% 100%;border-radius:4px;width:100%;height:80%;animation:1.2s linear infinite logs-histogram-shimmer}@keyframes logs-histogram-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.logs-histogram-empty{color:var(--text-secondary,#94a3b8);pointer-events:none;justify-content:center;align-items:center;font-size:12px;display:flex;position:absolute;inset:0}.logs-histogram-time-badge{white-space:nowrap;pointer-events:none;z-index:5;height:16px;box-shadow:0 0 0 2px var(--bg-secondary,#fff);border-radius:2px;align-items:stretch;font-size:11px;font-weight:400;line-height:1;display:inline-flex;position:absolute;bottom:6px;overflow:hidden;transform:translate(-50%)}.logs-histogram-time-duration,.logs-histogram-time-date{color:#fff;align-items:center;padding:0 4px;display:flex}.logs-histogram-time-duration{background:#585f70}.logs-histogram-time-date{background:#373b46}.logs-chipbar{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);min-height:38px;box-shadow:var(--shadow-sm);cursor:text;flex-wrap:wrap;flex:1;align-items:center;gap:4px;min-width:0;padding:4px 6px 4px 32px;transition:border-color .12s,box-shadow .12s;display:flex;position:relative}.logs-chipbar:hover{border-color:#c0c3cc}.logs-chipbar:focus-within{border-color:var(--accent-blue);box-shadow:0 0 0 3px #407cf71f}.logs-chipbar--error,.logs-chipbar--error:hover{border-color:#c52f2f}.logs-chipbar--error:focus-within{border-color:#c52f2f;box-shadow:0 0 0 3px #c52f2f1f}.logs-chipbar-icon{color:#b0aaa2;pointer-events:none;width:14px;height:14px;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.logs-chipbar-input{min-width:100px;font-size:13px;font-family:var(--font-sans);color:var(--text-primary);background:0 0;border:none;outline:none;flex:160px;height:26px;padding:4px 6px}.logs-chipbar-input::placeholder{color:var(--text-dimmed);font-family:var(--font-sans)}.logs-chip{height:24px;font-size:12px;font-family:var(--font-sans);white-space:nowrap;border:1px solid #0000;border-radius:4px;align-items:center;gap:4px;padding:0 4px 0 8px;line-height:1;display:inline-flex}.logs-chip-key{color:inherit;opacity:.78;font-weight:600}.logs-chip-op{opacity:.55;margin:0 1px;font-weight:500}.logs-chip-val{font-family:var(--mono);color:inherit;text-overflow:ellipsis;max-width:280px;font-weight:600;overflow:hidden}.logs-chip-x{width:18px;height:18px;color:inherit;opacity:.55;cursor:pointer;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;margin-left:2px;padding:0;transition:background .12s,opacity .12s;display:inline-flex}.logs-chip-x svg{width:10px;height:10px}.logs-chip-x:hover{opacity:1;background:#00000014}.logs-chip--pos{color:#1f3b85;background:#eaf0fc;border-color:#d5e0f7}.logs-chip--neg{color:#8a1f1f;background:#fce8e8;border-color:#f4cccc}.logs-chip--text{background:var(--bg-subtle);color:var(--text-primary);border-color:var(--border)}.logs-chip--raw{color:var(--text-secondary);border-color:var(--border);font-family:var(--mono);background:#f0eee9}.logs-chip--raw .logs-chip-val{font-family:var(--mono)}.logs-chipbar-menu{z-index:100;border:1px solid var(--border);border-radius:var(--radius);background:#fff;min-width:240px;max-height:280px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto;box-shadow:0 8px 24px #0000001f}.logs-chipbar-option{border-radius:var(--radius);cursor:pointer;justify-content:space-between;align-items:baseline;gap:12px;padding:6px 10px;font-size:12.5px;line-height:1.3;display:flex}.logs-chipbar-option.active,.logs-chipbar-option:hover{background:var(--bg-hover)}.logs-chipbar-option-key{font-family:var(--mono);color:var(--text-primary);white-space:nowrap;font-weight:600}.logs-chipbar-option-colon{color:var(--text-muted);margin-left:1px;font-weight:500}.logs-chipbar-option-label{font-family:var(--font-sans);color:var(--text-muted);white-space:nowrap;font-size:11.5px}.logs-chipbar-hl{color:var(--accent-blue);background:0 0;font-weight:700}.logs-page{padding:20px 28px 40px}.logs-filter-bar{align-items:center;gap:10px;margin-bottom:20px;display:flex}.logs-query-error,.logs-query-warning{font-family:var(--mono);border-left:3px solid;border-radius:4px;margin:0 16px 4px;padding:4px 12px;font-size:11.5px}.logs-query-error{color:#c52f2f;background:#c52f2f14;border-left-color:#c52f2f}.logs-query-warning{color:#8a5a00;background:#ffb8001a;border-left-color:#d99000}.logs-count-badge{color:var(--text-muted);background:var(--bg-main);border:1px solid var(--border);white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:12px;margin-left:auto;padding:2px 10px;font-size:11.5px;font-weight:500}.logs-list{flex-direction:column;gap:6px;display:flex}.logs-stream{border:1px solid var(--border-light);border-radius:var(--radius);background:var(--bg-main);font-family:var(--font-mono);flex-direction:column;font-size:12px;line-height:1.45;display:flex;overflow:hidden}.logs-stream-header,.logs-stream-line,.logs-stream-skel{grid-template-columns:18px 200px 60px 130px minmax(0,1fr);align-items:center;gap:12px;padding:0 12px;display:grid}.logs-stream-header{background:var(--bg-page);border-bottom:1px solid var(--border-light);height:28px;font-family:var(--font-sans);color:var(--text-secondary);text-transform:none;letter-spacing:.1px;z-index:1;font-size:11px;font-weight:600;position:sticky;top:0}.logs-stream-row{border-bottom:1px solid var(--border-light)}.logs-stream-row:last-child{border-bottom:none}.logs-stream-row.is-selected{background:#fff7d6;box-shadow:inset 3px 0 #c92127}.logs-stream-row.is-selected .logs-stream-line:hover{background:#fdebc8}.logs-stream-wrap{align-items:flex-start;gap:12px;min-width:0;display:flex}.logs-stream-wrap>.logs-stream{flex:1;min-width:0}.logs-stream-wrap.has-panel>.logs-stream{max-width:calc(100% - 432px)}.logs-stream-line{text-align:left;cursor:pointer;width:100%;font:inherit;color:inherit;white-space:nowrap;-webkit-user-select:text;user-select:text;background:0 0;border:0;height:24px}.logs-stream-line:hover{background:var(--bg-page)}.logs-stream-chevron{width:12px;height:12px;color:var(--text-dimmed)}.logs-stream-row.is-selected .logs-stream-chevron{color:#c92127}.logs-stream-time{color:var(--text-primary);font-variant-numeric:tabular-nums;text-overflow:ellipsis;overflow:hidden}.logs-stream-level{font-family:var(--font-mono);text-transform:lowercase;letter-spacing:0;text-overflow:ellipsis;background:0 0;border:0;border-radius:0;padding:0;font-size:12px;font-weight:500;overflow:hidden}.logs-stream-level.log-severity-error{color:#d4452b}.logs-stream-level.log-severity-warn{color:#b8860b}.logs-stream-level.log-severity-info{color:var(--text-muted)}.logs-stream-level.log-severity-default{color:var(--text-dimmed)}.logs-stream-type{color:var(--text-muted);text-overflow:ellipsis;overflow:hidden}.logs-stream-message{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.logs-stream-message-empty{color:var(--text-dimmed);font-style:italic}.logs-detail{background:var(--bg-main);border:1px solid var(--border-light);border-radius:var(--radius);max-height:calc(100vh - 24px);font-family:var(--font-sans);flex-direction:column;flex:0 0 420px;align-self:stretch;display:flex;position:sticky;top:12px;overflow:hidden}.logs-detail-toolbar{border-bottom:1px solid var(--border-light);background:var(--bg-page);justify-content:space-between;align-items:center;padding:6px 10px;display:flex}.logs-detail-nav{gap:4px;display:flex}.logs-detail-iconbtn{width:26px;height:26px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;padding:0;display:inline-flex}.logs-detail-iconbtn:hover:not(:disabled){background:var(--border-light);color:var(--text-primary)}.logs-detail-iconbtn:disabled{opacity:.35;cursor:not-allowed}.logs-detail-close{color:var(--text-muted)}.logs-detail-body{flex-direction:column;flex:1;gap:14px;padding:14px 16px 20px;display:flex;overflow-y:auto}.logs-detail-field{flex-direction:column;gap:3px;display:flex}.logs-detail-label{color:var(--text-secondary);letter-spacing:.1px;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;overflow:hidden}.logs-detail-value{font-family:var(--font-mono);color:var(--text-primary);word-break:break-word;font-size:12px;line-height:1.45}.logs-detail-time{flex-wrap:wrap;align-items:baseline;gap:6px;display:inline-flex}.logs-detail-time-date{color:var(--text-primary)}.logs-detail-time-time{color:var(--text-primary);font-weight:600}.logs-detail-time-tz{color:var(--text-muted);font-size:11px}.logs-detail-level{font-family:var(--font-mono);font-size:12px;font-weight:600}.logs-detail-level.log-severity-error{color:#d4452b}.logs-detail-level.log-severity-warn{color:#b8860b}.logs-detail-level.log-severity-info{color:#2563eb}.logs-detail-level.log-severity-default{color:var(--text-muted)}.logs-detail-type{color:var(--text-primary)}.logs-detail-section{flex-direction:column;gap:4px;margin-top:6px;display:flex}.logs-detail-section-head{justify-content:space-between;align-items:center;gap:6px;display:flex}.logs-detail-copy{width:22px;height:22px}.logs-detail-message{font-family:var(--font-mono);color:var(--text-primary);background:var(--bg-page);border:1px solid var(--border-light);border-radius:var(--radius);white-space:pre-wrap;word-break:break-word;max-height:360px;margin:0;padding:8px 10px;font-size:12px;line-height:1.55;overflow:auto}.logs-detail-message-empty{color:var(--text-dimmed);font-style:italic;font-family:var(--font-sans)}.logs-hit{color:inherit;background-color:#facc1573;border-radius:2px;padding:0 1px;box-shadow:0 0 0 1px #ca8a0440}.logs-detail-value .logs-stream-attr-val{background:0 0;border-radius:4px;margin:-4px -6px;padding:4px 6px}.logs-detail-value .logs-stream-attr-val-json{background:var(--bg-page);border:1px solid var(--border-light);border-radius:var(--radius);white-space:pre;max-height:280px;font-family:var(--font-mono);margin:0;padding:8px 10px;overflow:auto}.logs-detail-value .logs-stream-attr-val:not(.logs-stream-attr-val-json){white-space:pre-wrap;word-break:break-word;max-height:200px;overflow:auto}.logs-stream-attr-cell{cursor:text;transition:background-color 60ms}.logs-detail-value .logs-stream-attr-cell:hover{background:#fff7d6}.logs-attr-menu{z-index:1000;background:var(--bg-main);border:1px solid var(--border);border-radius:var(--radius);min-width:220px;max-width:320px;font-family:var(--font-sans);flex-direction:column;padding:4px;display:flex;position:fixed;box-shadow:0 6px 24px #0f172a2e,0 1px 2px #0f172a0f}.logs-attr-menu-header{border-bottom:1px solid var(--border-light);font-family:var(--font-mono);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;align-items:baseline;gap:4px;margin-bottom:4px;padding:6px 8px 7px;font-size:11px;line-height:1.35;display:flex;overflow:hidden}.logs-attr-menu-key{color:#c92127;font-weight:600}.logs-attr-menu-sep{color:var(--text-dimmed)}.logs-attr-menu-val{color:var(--text-primary);text-overflow:ellipsis;min-width:0;overflow:hidden}.logs-attr-menu-item{text-align:left;width:100%;color:var(--text-primary);cursor:pointer;background:0 0;border:0;border-radius:4px;align-items:center;gap:8px;padding:6px 8px;font-family:inherit;font-size:12px;line-height:1.3;display:flex}.logs-attr-menu-item:hover{background:var(--bg-page)}.logs-attr-menu-item svg{color:var(--text-muted);flex-shrink:0}.logs-attr-menu-item.is-danger:hover{color:#c4462b;background:#fef2ef}.logs-attr-menu-item.is-danger:hover svg{color:#c4462b}.logs-attr-menu-item-quiet{color:var(--text-muted);border-top:1px solid var(--border-light);border-radius:0;justify-content:center;margin-top:4px;font-size:11px}.logs-stream-skel{height:24px}.logs-stream-chevron-placeholder{width:12px;height:12px;display:block}.logs-stream-skel-bar{background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:3px;height:10px;animation:1.5s ease-in-out infinite log-shimmer;display:block}.logs-stream-skel-time{width:140px}.logs-stream-skel-level{width:36px}.logs-stream-skel-type{width:70px}.logs-stream-skel-msg{width:100%}@keyframes log-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.logs-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.logs-empty-icon{width:48px;height:48px;color:var(--text-dimmed);opacity:.5;margin-bottom:12px}.logs-empty-title{color:var(--text-secondary);margin-bottom:4px;font-size:15px;font-weight:600}.logs-empty-sub{color:var(--text-muted);font-size:13px}.logs-error{border-radius:var(--radius);color:#c4462b;background:#fef6f4;border:1px solid #f0d5cf;margin-bottom:16px;padding:10px 14px;font-size:13px}.logs-load-more{justify-content:center;padding:16px 0 8px;display:flex}.logs-load-more-btn{border:1px solid var(--border);font-size:13px;font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;padding:6px 20px;font-weight:500;transition:border-color .15s,color .15s,background .15s}.logs-load-more-btn:hover{border-color:var(--accent-blue);color:var(--accent-blue);background:#f5f8fe}.logs-load-more-btn:disabled{opacity:.4;cursor:not-allowed}.clusters-page{box-sizing:border-box;background:#f9fafb;width:100%;min-height:100%;padding:32px 24px 64px}.clusters-page-inner{max-width:1100px;margin:0 auto}.clusters-header{margin-bottom:20px}.clusters-header h1{color:#111827;letter-spacing:-.01em;margin:0 0 4px;font-size:22px;font-weight:600}.clusters-sub{color:#6b7280;margin:0;font-size:13px}.clusters-search{border-radius:var(--radius);color:#9ca3af;background:#fff;border:1px solid #e5e7eb;align-items:center;gap:8px;max-width:420px;margin-bottom:20px;padding:8px 12px;transition:border-color .12s;display:flex}.clusters-search:focus-within{border-color:#9ca3af}.clusters-search input{color:#111827;background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:13px}.clusters-search input::placeholder{color:#9ca3af}.clusters-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.cluster-card{border-radius:var(--radius);cursor:pointer;text-align:left;background:#fff;border:1px solid #e5e7eb;flex-direction:column;gap:10px;padding:14px 16px 12px;font-family:inherit;transition:border-color .12s,box-shadow .12s,transform .12s;display:flex}.cluster-card:hover{border-color:#c7cfdb;transform:translateY(-1px);box-shadow:0 1px 2px #0f172a0a,0 4px 12px #0f172a0d}.cluster-card:focus-visible{outline-offset:1px;outline:2px solid #4c78d8}.cluster-card-header{align-items:flex-start;gap:10px;display:flex}.cluster-card-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.cluster-card-dot--live{background:#16a34a;box-shadow:0 0 0 3px #16a34a26}.cluster-card-dot--pending{background:#f59e0b;box-shadow:0 0 0 3px #f59e0b26}.cluster-card-dot--idle{background:#9ca3af;box-shadow:0 0 0 3px #9ca3af26}.cluster-card-titles{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.cluster-card-name{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.cluster-card-chip{color:#6b7280;text-transform:lowercase;background:#f3f4f6;border-radius:4px;width:fit-content;padding:1px 6px;font-size:11px;display:inline-block}.cluster-card-spark{justify-content:stretch;align-items:center;height:56px;display:flex}.cluster-card-spark svg{width:100%;display:block}.cluster-card-spark-empty{text-align:center;color:#9ca3af;width:100%;font-size:11px;font-style:italic}.cluster-card-footer{justify-content:space-between;align-items:flex-end;gap:8px;display:flex}.cluster-card-value{align-items:baseline;gap:6px;display:flex}.cluster-card-value-num{color:#111827;letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:22px;font-weight:600}.cluster-card-value-unit{color:#6b7280;font-size:12px}.cluster-card-status{color:#6b7280;text-transform:lowercase;font-size:11px}.clusters-empty{border-radius:var(--radius);text-align:center;color:#6b7280;background:#fff;border:1px dashed #e5e7eb;padding:32px 24px;font-size:13px}.clusters-empty-title{color:#111827;margin-bottom:6px;font-size:14px;font-weight:600}.clusters-empty-body{max-width:480px;margin:0 auto;line-height:1.5}.clusters-empty-body code{background:#f3f4f6;border-radius:3px;padding:1px 4px;font-family:Menlo,Monaco,monospace;font-size:12px}.cluster-picker{align-items:center;font-size:12.5px;display:inline-flex;position:relative}.cluster-picker--block{width:100%;display:flex}.cluster-picker--block .cluster-picker-trigger{justify-content:space-between;width:100%;height:32px;padding:8px 10px}.cluster-picker--block .cluster-picker-name{text-align:left;flex:1;max-width:none}.cluster-picker--block .cluster-picker-menu{min-width:0;left:0;right:0}.cluster-picker--loading,.cluster-picker--empty{color:#6b7280;padding:0 10px;font-style:italic}.cluster-picker-trigger{cursor:pointer;color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:4px;align-items:center;gap:8px;height:28px;padding:4px 8px 4px 10px;font-family:inherit;font-size:12.5px;line-height:1;transition:border-color .12s;display:inline-flex}.cluster-picker-trigger:hover{border-color:#9ca3af}.cluster-picker-trigger:focus-visible{outline-offset:1px;outline:2px solid #2563eb}.cluster-picker-name{white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-weight:500;overflow:hidden}.cluster-picker-chip{color:#374151;text-transform:uppercase;letter-spacing:.02em;background:#f3f4f6;border-radius:3px;align-items:center;padding:2px 6px;font-size:10.5px;font-weight:500;line-height:1.2;display:inline-flex}.cluster-picker-chip--pending{color:#92400e;background:#fef3c7}.cluster-picker-chevron{color:#6b7280;width:14px;height:14px}.cluster-picker-menu{z-index:50;background:#fff;border:1px solid #e5e7eb;border-radius:4px;min-width:240px;max-height:360px;margin:0;padding:4px 0;list-style:none;position:absolute;top:calc(100% + 4px);right:0;overflow-y:auto;box-shadow:0 4px 12px #0f172a14}.cluster-picker-option{cursor:pointer;color:#111827;justify-content:space-between;align-items:center;gap:12px;padding:6px 12px;display:flex}.cluster-picker-option:hover{background:#f3f4f6}.cluster-picker-option--active{background:#e5e7eb;font-weight:600}.cluster-picker-option-name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.datetime-picker{align-items:center;gap:6px;display:flex;position:relative}.datetime-back-btn{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-main);cursor:pointer;width:30px;height:30px;color:var(--text-secondary);justify-content:center;align-items:center;font-size:14px;transition:border-color .15s,color .15s,background .15s;display:flex}.datetime-back-btn:hover{border-color:var(--border-dark);color:var(--text-primary);background:var(--bg-hover)}.datetime-trigger{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-main);cursor:pointer;color:var(--text-secondary);white-space:nowrap;align-items:center;gap:6px;padding:5px 12px;font-size:13px;transition:border-color .15s,background .15s;display:flex}.datetime-trigger:hover{border-color:var(--border-dark);background:var(--bg-hover)}.datetime-trigger .anticon{color:var(--text-muted);font-size:14px}.datetime-dropdown{z-index:1000;background:var(--bg-main);border:1px solid var(--border);border-radius:var(--radius);min-width:320px;padding:16px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 30px #0000001f,0 2px 8px #0000000f}.datetime-section-title{text-transform:uppercase;letter-spacing:.5px;color:var(--text-dimmed);margin-bottom:8px;font-size:11px;font-weight:600}.datetime-relative-grid{grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:16px;display:grid}.datetime-relative-btn{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-subtle);color:var(--text-secondary);cursor:pointer;text-align:center;padding:4px 0;font-size:12px;transition:all .15s}.datetime-relative-btn:hover{background:var(--surface-hover);border-color:var(--border-dark);color:var(--text)}.datetime-relative-btn.active{background:var(--text);border-color:var(--text);color:#fff}.datetime-absolute{border-top:1px solid var(--border-light);padding-top:12px}.datetime-absolute-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.datetime-absolute-row label{width:40px;color:var(--text-muted);font-size:12px}.datetime-absolute-actions{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.datetime-backdrop{z-index:999;position:fixed;inset:0}.org-tokens{width:min(760px,100%);color:var(--text);padding:4px 0}.org-tokens-header{margin-bottom:18px}.org-tokens-header h2{margin-bottom:6px;font-size:18px;font-weight:650;line-height:1.25}.org-tokens-header p{color:var(--text-secondary);font-size:13px}.org-tokens-create{grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-bottom:14px;display:grid}.org-tokens-create input{border:1px solid var(--border);border-radius:var(--radius);min-width:0;height:34px;color:var(--text);background:var(--bg);padding:0 10px}.org-tokens-create button,.org-token-secret button,.org-token-revoke{border:1px solid var(--border);border-radius:var(--radius);background:var(--text);color:#fff;cursor:pointer;height:34px;padding:0 12px;font-size:13px;font-weight:550}.org-tokens-create button:disabled,.org-token-revoke:disabled{cursor:default;opacity:.6}.org-token-secret{border:1px solid var(--green);background:var(--green-soft);border-radius:var(--radius-lg);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin-bottom:14px;padding:12px;display:grid}.org-token-secret div{flex-wrap:wrap;grid-column:1/-1;gap:8px;font-size:13px;display:flex}.org-token-secret span{color:var(--text-secondary)}.org-token-secret code{white-space:nowrap;border:1px solid var(--border);border-radius:var(--radius);min-width:0;font-family:var(--mono);background:#ffffffb8;padding:8px;font-size:12px;overflow:auto}.org-token-secret button{background:var(--bg);color:var(--text)}.org-token-error{border:1px solid var(--red);background:var(--red-soft);border-radius:var(--radius);color:var(--red);margin-bottom:14px;padding:10px 12px;font-size:13px}.org-token-list{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg);overflow:hidden}.org-token-empty{color:var(--text-secondary);padding:18px;font-size:13px}.org-token-row{border-top:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px;display:grid}.org-token-row:first-child{border-top:0}.org-token-row.revoked{background:var(--bg-subtle);color:var(--text-secondary)}.org-token-main{min-width:0}.org-token-name{margin-bottom:4px;font-size:13px;font-weight:600}.org-token-meta{color:var(--text-tertiary);flex-direction:column;align-items:flex-start;gap:8px;font-size:12px;display:flex}.org-token-meta code{font-family:var(--mono);color:var(--text-secondary)}.org-token-status{color:var(--text-secondary);font-size:12px}.org-token-revoke{background:var(--bg);color:var(--red)}@media (width<=640px){.org-tokens-create,.org-token-secret,.org-token-row{grid-template-columns:1fr}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#fff;--bg-subtle:#f1f5f9;--bg-hover:#f3f4f6;--border:#e5e7eb;--border-light:#e5e7eb;--border-dark:#d1d5db;--text:#111827;--text-secondary:#4b5563;--text-tertiary:#9ca3af;--accent:#111827;--accent-hover:#1f2937;--blue:#3b82f6;--blue-soft:#dbeafe;--green:#16a34a;--green-soft:#dcfce7;--orange:#ea580c;--orange-soft:#fff7ed;--purple:#7c3aed;--purple-soft:#f3e8ff;--red:#dc2626;--red-soft:#fef2f2;--mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--sans:"Inter", system-ui, sans-serif;--radius:4px;--radius-lg:6px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--bg-main:var(--bg);--bg-page:var(--bg-subtle);--bg-sidebar:var(--bg);--text-primary:var(--text);--text-muted:var(--text-secondary);--text-dimmed:var(--text-tertiary);--surface-hover:var(--bg-hover);--surface-active:#e5e7eb;--code-text:#1f2937;--code-bg:var(--bg-hover);--accent-blue:var(--blue);--accent-green:var(--green);--accent-amber:var(--orange);--accent-red:var(--red);--accent-purple:var(--purple);--chart-1:var(--blue);--chart-2:var(--green);--chart-3:var(--orange);--chart-4:var(--red);--chart-5:var(--purple);--chart-6:#0891b2;--chart-7:#d97706;--chart-8:#be185d;--font-sans:var(--sans);--font-mono:var(--mono)}::selection{color:#000;background-color:#facc154d}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-gutter:stable;font-size:14px}body{font-family:var(--sans);font-feature-settings:"kern" 1, "liga" 1, "cv05" 1, "tnum" 1;color:var(--text);background:var(--bg-subtle);min-height:100vh;line-height:1.5}button,input,select,textarea{font:inherit}a{color:var(--text);text-decoration:none}a:hover{color:var(--text-secondary)}#root{min-height:100vh}.app-shell{background:var(--bg-subtle);flex-direction:column;gap:1rem;min-height:100vh;display:flex}.topnav{background:var(--bg);border-bottom:1px solid var(--border);z-index:100;align-items:center;gap:12px;height:52px;padding:0 24px;display:flex;position:sticky;top:0}.topnav-brand{font-family:var(--mono);color:var(--text);border-right:1px solid var(--border);align-items:center;gap:8px;margin-right:4px;padding-right:16px;font-size:14px;font-weight:600;display:flex}.topnav-brand:hover{color:var(--text);text-decoration:none}.breadcrumb{color:var(--text-secondary);align-items:center;gap:6px;font-size:14px;font-weight:500;display:flex}.breadcrumb-sep{color:var(--text-tertiary);font-size:12px}.breadcrumb .current{color:var(--text);font-weight:600}.topnav-right{align-items:center;gap:8px;margin-left:auto;display:flex}.topnav-action{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);cursor:pointer;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:background .12s,border-color .12s;display:inline-flex}.topnav-action:hover{background:var(--bg-hover);border-color:#c0c3cc}.tabs-bar{background:var(--bg);border-bottom:1px solid var(--border);align-items:stretch;gap:0;margin-top:-1rem;padding:0 24px;display:flex}.tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.tab:hover{color:var(--text);background:var(--bg-subtle);text-decoration:none}.tab.active{color:var(--text);border-bottom-color:var(--text)}.tab svg{width:15px;height:15px}.tab .count{background:var(--bg-subtle);font-size:11px;font-family:var(--mono);color:var(--text-secondary);border-radius:10px;padding:1px 7px;font-weight:600}.tab.active .count{background:var(--bg-hover);color:var(--text)}.tab-disabled{cursor:default}.tab-disabled:hover{color:var(--text-secondary);background:0 0}.lang-bar{background:var(--border-light);height:4px;margin-top:-1rem;display:flex}.lang-bar span:first-child{background:var(--accent);flex:55}.lang-bar span:nth-child(2){background:var(--green);flex:20}.lang-bar span:nth-child(3){background:var(--orange);flex:12}.lang-bar span:nth-child(4){background:var(--purple);flex:8}.lang-bar span:nth-child(5){background:var(--text-tertiary);flex:5}.layout{grid-template-columns:260px minmax(0,1fr);width:100%;max-width:1440px;min-height:calc(100vh - 109px - 2rem);margin:0 auto 1rem;display:grid}.layout--no-sidebar{grid-template-columns:minmax(0,1fr)}.sidebar{border:1px solid var(--border);background:var(--bg);margin-bottom:32px;padding:16px 0;overflow-y:auto}.sidebar-section{margin-bottom:20px;padding:0 16px}.sidebar-section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);align-items:center;gap:6px;min-width:0;margin-bottom:10px;font-size:11px;font-weight:600;display:flex}.sidebar-section-title-text{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.sidebar-section-title svg{width:13px;height:13px}.sidebar-search-wrap{margin-bottom:8px;position:relative}.sidebar-search-icon{width:13px;height:13px;color:var(--text-tertiary);pointer-events:none;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.sidebar-search{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-subtle);width:100%;color:var(--text);box-sizing:border-box;outline:none;margin-bottom:0;padding:6px 26px;font-size:12px}.sidebar-search:focus{border-color:var(--blue);background:var(--bg)}.sidebar-search::placeholder{color:var(--text-tertiary)}.sidebar-search-clear{width:18px;height:18px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;padding:0;font-size:16px;line-height:1;display:flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.sidebar-search-clear:hover{background:var(--bg-hover);color:var(--text)}.facet-hl{color:inherit;background:#ffde598c;border-radius:2px;padding:0 1px}.facet-view-more{text-align:left;width:100%;color:var(--blue);cursor:pointer;background:0 0;border:none;margin:0;padding:6px 8px 2px;font-family:inherit;font-size:12px;display:block}.facet-view-more:hover{text-decoration:underline}.facet-empty{color:var(--text-tertiary);padding:6px 8px;font-size:12px;font-style:italic}.facet-list{list-style:none}.facet-item{border-radius:var(--radius);align-items:center;gap:8px;padding:5px 8px;font-size:13px;transition:background .1s;display:flex}.facet-item:hover{background:var(--bg-hover)}.facet-check{border:1.5px solid var(--border);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.facet-item.checked .facet-check{background:var(--text);border-color:var(--text)}.facet-item.excluded .facet-check{background:#c52f2f;border-color:#c52f2f}.facet-check svg{color:#fff;width:10px;height:10px;display:none}.facet-item.checked .facet-check svg,.facet-item.excluded .facet-check svg{display:block}.facet-label{font-family:var(--mono);color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;overflow:hidden}.facet-count{font-family:var(--mono);color:var(--text-tertiary);margin-left:auto;font-size:11px}.sidebar-link{color:var(--text);padding:4px 8px;font-size:12px;font-weight:500;display:inline-block}.sidebar-divider{background:var(--border-light);height:1px;margin:12px 16px}.app-content{background:var(--bg-subtle);min-width:0;overflow-x:hidden}.app-content::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar{width:6px}.app-content::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-track{background:0 0}.app-content::-webkit-scrollbar-thumb{background:var(--border-dark);border-radius:3px}.sidebar::-webkit-scrollbar-thumb{background:var(--border-dark);border-radius:3px}.auth-shell{background:var(--bg-subtle);place-items:center;gap:16px;min-height:100vh;padding:32px 16px;display:grid}.auth-actions{align-items:center;gap:12px;display:flex;position:fixed;top:12px;right:16px}@media (width<=1100px){.layout{grid-template-columns:220px minmax(0,1fr)}}@media (width<=820px){.topnav{padding:0 12px}.tabs-bar{padding:0 12px;overflow-x:auto}.layout{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--border);max-height:280px}}