:root{--iw-bg:var(--bg);--iw-bg-raised:var(--bg-panel);--iw-bg-hover:var(--bg-hover);--iw-bg-active:var(--bg-hover);--iw-chip:var(--bg-card);--iw-chip-active:var(--bg-hover);--iw-border:var(--border);--iw-border-2:var(--border-mid);--iw-fg:var(--text);--iw-text:var(--text-dim);--iw-muted:var(--text-muted);--iw-accent:var(--accent)}.iw-obs-page{background:var(--iw-bg,#0a0b0e);height:100%;min-height:calc(100vh - 120px);color:var(--iw-fg,#e6e7eb);grid-template-columns:280px 1fr;gap:0;display:grid}.iw-obs-tree{border-right:1px solid var(--iw-border,#1f232b);padding:12px 8px;overflow-y:auto}.iw-obs-tree-group{margin-bottom:12px}.iw-obs-tree-group-header{all:unset;cursor:pointer;text-transform:uppercase;letter-spacing:.04em;color:var(--iw-muted,#8a8f9c);align-items:center;gap:6px;padding:4px 8px;font-size:11px;font-weight:600;display:flex}.iw-obs-tree-chevron{transition:transform .12s}.iw-obs-tree-chevron.open{transform:rotate(90deg)}.iw-obs-tree-rows{flex-direction:column;gap:2px;display:flex}.iw-obs-tree-empty{color:var(--iw-muted,#8a8f9c);padding:6px 18px;font-size:12px}.iw-obs-tree-row{all:unset;cursor:pointer;border-radius:4px;align-items:center;gap:8px;margin:0 2px;padding:6px 10px;font-size:13px;display:flex}.iw-obs-tree-row:hover{background:var(--iw-bg-hover,#141721)}.iw-obs-tree-row--active{background:var(--iw-bg-active,#1a2032);color:var(--iw-fg,#e6e7eb)}.iw-obs-tree-dot{background:var(--iw-muted,#6b707e);border-radius:50%;width:6px;height:6px}.iw-obs-tree-dot--unknown{background:#6b707e}.iw-obs-tree-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.iw-obs-tree-meta{color:var(--iw-muted,#8a8f9c);font-size:11px}.iw-obs-detail{flex-direction:column;min-width:0;padding:16px 20px;display:flex;overflow:auto}.iw-obs-detail-header{border-bottom:1px solid var(--iw-border,#1f232b);grid-template-rows:auto auto;grid-template-columns:1fr auto;gap:8px;padding-bottom:8px;display:grid}.iw-obs-breadcrumb{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.iw-obs-crumb{all:unset;background:var(--iw-chip,#12151d);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:4px;padding:4px 10px;font-size:13px}.iw-obs-crumb:disabled{cursor:default;opacity:.85}.iw-obs-crumb--last{background:var(--iw-chip-active,#1a2032);font-weight:600}.iw-obs-detail-right{align-items:center;gap:6px;font-size:12px;display:flex}.iw-obs-range{gap:2px;display:flex}.iw-obs-range-chip{all:unset;background:var(--iw-chip,#12151d);cursor:pointer;border-radius:4px;padding:4px 8px;font-size:12px}.iw-obs-range-chip--active{background:var(--iw-accent,#2563eb);color:#fff}.iw-obs-autorefresh,.iw-obs-refresh{all:unset;background:var(--iw-chip,#12151d);cursor:pointer;border-radius:4px;padding:4px 10px}.iw-obs-autorefresh--on{background:var(--iw-accent,#2563eb);color:#fff}.iw-obs-autorefresh-wrap{color:var(--iw-muted,#8a8f9c);cursor:pointer;align-items:center;gap:6px;font-size:12px;display:inline-flex}.iw-obs-autorefresh-label{-webkit-user-select:none;user-select:none}.iw-obs-autorefresh-select{appearance:none;background:var(--iw-chip,#12151d) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path d='M0 0l5 6 5-6z' fill='%238a8f9c'/></svg>") no-repeat right 8px center;color:var(--iw-fg,#e6e7eb);font:inherit;border:1px solid var(--iw-border,#1f232b);cursor:pointer;border-radius:4px;min-width:64px;padding:4px 24px 4px 10px;line-height:1.2}.iw-obs-autorefresh-select:focus-visible{outline:2px solid var(--iw-accent,#2563eb);outline-offset:1px}.iw-obs-autorefresh-select--on{border-color:var(--iw-accent,#2563eb);color:var(--iw-fg,#e6e7eb)}.iw-obs-refresh-wrap{flex-direction:column;align-items:stretch;gap:2px;line-height:1.1;display:inline-flex}.iw-obs-refresh:disabled,.iw-obs-refresh--busy{cursor:progress;opacity:.7;background:var(--iw-chip-active,#1a2032);color:var(--iw-muted,#8a8f9c)}.iw-obs-refresh-stamp{color:var(--iw-muted,#8a8f9c);text-align:right;letter-spacing:.01em;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:11px}.iw-obs-rail-cluster-select{appearance:none;background:var(--iw-chip,#12151d) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path d='M0 0l5 6 5-6z' fill='%238a8f9c'/></svg>") no-repeat right 8px center;width:100%;color:var(--iw-fg,#e6e7eb);font:inherit;border:1px solid var(--iw-border,#1f232b);cursor:pointer;border-radius:4px;padding:6px 24px 6px 10px;line-height:1.3}.iw-obs-rail-cluster-select:focus-visible{outline:2px solid var(--iw-accent,#2563eb);outline-offset:1px}.iw-obs-tabs{border-bottom:1px solid var(--iw-border,#1f232b);grid-column:1/-1;gap:0;margin-top:8px;display:flex}.iw-obs-tab{all:unset;cursor:pointer;color:var(--iw-muted,#8a8f9c);border-bottom:2px solid #0000;padding:10px 16px;font-size:13px}.iw-obs-tab--active{color:var(--iw-fg,#e6e7eb);border-bottom-color:var(--iw-accent,#2563eb)}.iw-obs-filterbar{border-bottom:1px solid var(--iw-border,#1f232b);z-index:2;background:var(--iw-bg,#0a0b0e);gap:10px;padding:10px 0;display:flex;position:sticky;top:0}.iw-obs-picker{position:relative}.iw-obs-picker-chip{all:unset;cursor:pointer;background:var(--iw-chip,#12151d);border-radius:4px;align-items:center;gap:6px;padding:6px 12px;display:inline-flex}.iw-obs-picker-chip--active{background:var(--iw-chip-active,#1a2032)}.iw-obs-picker-count{background:var(--iw-accent,#2563eb);color:#fff;border-radius:999px;padding:0 6px;font-size:10px}.iw-obs-picker-menu{background:var(--iw-bg-raised,#12151d);border:1px solid var(--iw-border,#1f232b);z-index:10;border-radius:6px;min-width:220px;max-height:300px;padding:8px;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto}.iw-obs-picker-option{gap:6px;padding:4px;font-size:13px;display:flex}.iw-obs-picker-empty{color:var(--iw-muted,#8a8f9c);padding:8px;font-size:12px}.iw-obs-picker-clear{all:unset;cursor:pointer;color:var(--iw-accent,#2563eb);padding:6px;font-size:12px}.iw-obs-detail-body{flex:1;padding:16px 0}.iw-obs-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.iw-obs-card{background:var(--iw-bg-raised,#12151d);border:1px solid var(--iw-border,#1f232b);border-radius:8px;flex-direction:column;gap:4px;padding:16px;display:flex}.iw-obs-card-title{color:var(--iw-muted,#8a8f9c);font-size:12px}.iw-obs-card-value{font-size:22px;font-weight:600}.iw-obs-card-unit{color:var(--iw-muted,#8a8f9c);font-size:12px;font-weight:400}.iw-obs-card-trend{align-items:baseline;gap:4px;font-size:11px;display:inline-flex}.iw-obs-card-trend.up{color:#22c55e}.iw-obs-card-trend.down{color:#ef4444}.iw-obs-card-trend-anchor{color:var(--iw-muted,#8a8f9c);font-weight:400}.iw-obs-card--skeleton{opacity:.3;min-height:110px}.iw-obs-card--empty .iw-obs-card-empty{flex-direction:column;gap:2px;padding:6px 0 2px;display:flex}.iw-obs-card-empty-title{color:var(--iw-text,#d7d9de);font-size:13px;font-weight:500}.iw-obs-card-empty-msg{color:var(--iw-muted,#8a8f9c);font-size:11px;line-height:1.35}.iw-obs-spark{width:100%;height:32px;color:var(--iw-accent,#2563eb)}.iw-obs-spark--empty{background:var(--iw-chip,#12151d);border-radius:3px}.iw-obs-empty{text-align:center;border:1px dashed var(--iw-border,#1f232b);max-width:480px;color:var(--iw-muted,#8a8f9c);border-radius:8px;margin:48px auto;padding:24px}.iw-obs-empty-title{color:var(--iw-fg,#e6e7eb);margin-bottom:8px;font-size:15px;font-weight:600}.iw-obs-empty-message{font-size:13px;line-height:1.5}.iw-obs-empty-link{color:var(--iw-accent,#2563eb);margin-top:12px;display:inline-block}.iw-obs-empty--error{border-color:#7f1d1d}.iw-obs-empty--caveat{border-color:#92400e}.iw-obs-caveat{background:#92400e33;border:1px solid #92400e;border-radius:6px;margin-bottom:12px;padding:10px 14px;font-size:13px}.iw-obs-logs{flex-direction:column;gap:8px;display:flex}.iw-obs-logs-toolbar{gap:6px;padding:6px 0;display:flex}.iw-obs-logs-search{background:var(--iw-chip,#12151d);border:1px solid var(--iw-border,#1f232b);color:var(--iw-fg,#e6e7eb);border-radius:4px;flex:1;padding:6px 10px}.iw-obs-logs-sev{background:var(--iw-chip,#12151d);border:1px solid var(--iw-border,#1f232b);color:var(--iw-fg,#e6e7eb);border-radius:4px;padding:6px 10px}.iw-obs-logs-table{border-collapse:collapse;width:100%;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px}.iw-obs-logs-table th{text-align:left;border-bottom:1px solid var(--iw-border,#1f232b);color:var(--iw-muted,#8a8f9c);padding:6px;font-weight:500}.iw-obs-logs-table td{border-bottom:1px solid var(--iw-border,#1f232b);vertical-align:top;padding:6px}.iw-obs-logs-row--error td{background:#ef444414}.iw-obs-logs-row--warn td{background:#f59e0b14}.iw-obs-logs-body pre{white-space:pre-wrap;margin:0;font-size:12px}.iw-obs-logs-table td.iw-obs-logs-pod{max-width:220px;color:var(--iw-muted,#9ca3af);white-space:nowrap}.iw-obs-logs-pod-name{text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;max-width:100%;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11.5px;display:inline-block;overflow:hidden}.iw-obs-logs-pod-empty{color:var(--iw-muted,#6b7280);font-size:11px;font-style:italic}.iw-obs-logs-more{all:unset;cursor:pointer;border:1px solid var(--iw-border,#1f232b);border-radius:4px;align-self:center;margin:12px 0;padding:8px 16px;font-size:12px}.iw-obs-hist{border-bottom:1px solid var(--iw-border,#1f232b);align-items:flex-end;gap:1px;height:48px;padding:4px 0;display:flex}.iw-obs-hist-col{flex-direction:column;flex:1;justify-content:flex-end;min-width:2px;display:flex;position:relative}.iw-obs-hist-err{background:#ef4444}.iw-obs-hist-warn{background:#f59e0b}.iw-obs-hist-info{background:var(--iw-accent,#2563eb);opacity:.8}.iw-obs-traces-table{border-collapse:collapse;width:100%;font-size:12px}.iw-obs-traces-table th,.iw-obs-traces-table td{border-bottom:1px solid var(--iw-border,#1f232b);text-align:left;padding:6px}.iw-obs-detail-loading,.iw-obs-logs-skeleton,.iw-obs-traces-skeleton{text-align:center;color:var(--iw-muted,#8a8f9c);padding:32px;font-size:13px}@media (width<=720px){.iw-obs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.iw-obs-page{grid-template-columns:220px 1fr}}.iw-obs-page--explorer .iw-obs-detail{height:100%;min-height:0;padding:0;overflow:hidden}.iw-obs-page--explorer .iw-obs-detail-body{flex:1;min-height:0;padding:0;overflow:auto}.iw-obs-page--explorer .iw-obs-detail-header{grid-template-rows:auto;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:6px 16px}.iw-obs-page--explorer .iw-obs-breadcrumb{display:none}.iw-obs-page--explorer .iw-obs-detail-right{place-self:center end}.iw-obs-page--explorer .iw-obs-tabs{border-bottom:none;grid-area:1/1;align-self:end;margin-top:0}.iw-obs-explorer{grid-template-columns:280px 1fr;height:100%;min-height:0;display:grid}.iw-obs-rail{border-right:1px solid var(--iw-border,#232428);background:var(--iw-bg-raised,#111113);flex-direction:column;gap:16px;padding:16px 14px;display:flex;overflow-y:auto}.iw-obs-rail-group{flex-direction:column;gap:6px;display:flex}.iw-obs-rail-title{letter-spacing:.06em;text-transform:uppercase;color:var(--iw-muted,#6b7280);margin-bottom:6px;font-size:11px;font-weight:600}.iw-obs-seg{background:var(--iw-chip,#17181b);border:1px solid var(--iw-border-2,#2c2e33);border-radius:7px;grid-template-columns:1fr 1fr;gap:3px;padding:3px;display:grid}.iw-obs-seg-opt{all:unset;text-align:center;color:var(--iw-muted,#9ca3af);cursor:pointer;border-radius:5px;padding:7px 0;font-size:12px}.iw-obs-seg-opt--on{background:var(--bg);color:#2563eb;font-weight:500;box-shadow:inset 0 0 0 1px #2563eb59}.iw-obs-rail-search{background:var(--iw-chip,#17181b);border:1px solid var(--iw-border-2,#2c2e33);color:var(--iw-fg,#d1d5db);box-sizing:border-box;border-radius:6px;width:100%;padding:6px 10px;font-size:12px}.iw-obs-rail-search::placeholder{color:var(--iw-muted,#6b7280)}.iw-obs-rail-chips{flex-wrap:wrap;gap:4px;margin-bottom:4px;display:flex}.iw-obs-rail-chip{color:#2563eb;background:#2563eb1a;border:1px solid #2563eb4d;border-radius:4px;align-items:center;gap:4px;padding:2px 4px 2px 8px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11px;display:inline-flex}.iw-obs-rail-chip-x{all:unset;cursor:pointer;color:#2563eb;padding:0 3px;font-size:13px;line-height:1}.iw-obs-rail-list{background:var(--iw-chip,#17181b);border:1px solid var(--iw-border-2,#2c2e33);border-radius:6px;flex-direction:column;max-height:240px;display:flex;overflow:hidden auto}.iw-obs-rail-row{all:unset;color:var(--iw-fg,#d1d5db);border-bottom:1px solid var(--iw-border,#232428);cursor:pointer;align-items:center;gap:10px;padding:7px 10px;font-size:12.5px;display:flex}.iw-obs-rail-row:last-child{border-bottom:none}.iw-obs-rail-row:hover{background:var(--iw-bg-hover,#1d1f23)}.iw-obs-rail-row--dim{color:var(--iw-muted,#6b7280);cursor:default}.iw-obs-rail-row--dim:hover{background:0 0}.iw-obs-rail-row-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.iw-obs-rail-row-meta{color:var(--iw-muted,#6b7280);margin-left:auto;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11px}.iw-obs-rail-group-label{text-transform:uppercase;letter-spacing:.05em;color:var(--iw-muted,#6b7280);background:var(--iw-bg-raised,#111113);border-bottom:1px solid var(--iw-border,#232428);padding:5px 10px 4px;font-size:10px}.iw-obs-check{border:1.5px solid var(--iw-muted,#6b7280);border-radius:3px;flex-shrink:0;width:14px;height:14px;position:relative}.iw-obs-check--on{background:#2563eb;border-color:#2563eb}.iw-obs-check--on:after{content:"";border:1.5px solid #0a0a0a;border-width:0 1.5px 1.5px 0;width:4px;height:7px;position:absolute;top:1px;left:3px;transform:rotate(45deg)}.iw-obs-kind{border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:9px;font-weight:600;display:inline-flex}.iw-obs-kind--dep{color:#38bdf8;background:#38bdf826}.iw-obs-kind--sts{color:#a78bfa;background:#a78bfa26}.iw-obs-kind--ds{color:#34d399;background:#34d39926}.iw-obs-rail-services--disabled{opacity:.55;pointer-events:none}.iw-obs-rail-group--grow{flex-direction:column;flex:auto;min-height:0;display:flex}.iw-obs-rail-group--grow .iw-obs-rail-services{flex-direction:column;flex:auto;gap:6px;min-height:0;display:flex}.iw-obs-rail-group--grow .iw-obs-rail-list{flex:auto;min-height:0;max-height:none}.iw-obs-rail-disabled-msg{color:var(--iw-muted,#6b7280);text-align:center;padding:20px 12px;font-size:11.5px;font-style:italic}.iw-obs-rail-footer{border-top:1px solid var(--iw-border,#232428);color:var(--iw-muted,#6b7280);align-items:center;gap:6px;margin-top:auto;padding-top:12px;font-size:11px;display:flex}.iw-obs-rail-reset{all:unset;cursor:pointer;color:var(--iw-fg,#d1d5db);border:1px solid var(--iw-border-2,#2c2e33);border-radius:5px;margin-left:auto;padding:4px 8px;font-size:11px}.iw-obs-rail-reset:hover{background:var(--iw-bg-hover,#1d1f23)}.iw-obs-explorer-canvas{flex-direction:column;gap:12px;min-width:0;min-height:0;padding:18px 22px;display:flex;overflow:hidden}.iw-obs-explorer-header{flex-shrink:0;align-items:center;gap:12px;display:flex}.iw-obs-explorer-title{color:var(--iw-fg,#f5f5f5);font-size:14px;font-weight:600}.iw-obs-explorer-ns-badge{color:#2563eb;background:#2563eb1a;border:1px solid #2563eb4d;border-radius:4px;padding:2px 8px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11px}.iw-obs-explorer-meta{color:var(--iw-muted,#6b7280);margin-left:auto;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11.5px}.iw-obs-explorer-body{flex:1;min-height:0;overflow:auto}.iw-obs-chart-grid{grid-template-columns:1fr;grid-auto-rows:320px;align-content:start;gap:12px;display:grid}@media (width>=1280px){.iw-obs-chart-grid{grid-template-columns:1fr 1fr}}.iw-obs-chart{background:var(--iw-bg-raised,#111113);border:1px solid var(--iw-border,#232428);border-radius:8px;flex-direction:column;min-height:240px;padding:12px 14px 10px;display:flex}.iw-obs-chart--skeleton{opacity:.3;min-height:240px}.iw-obs-chart-head{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}.iw-obs-chart-title{color:var(--iw-fg,#f5f5f5);font-size:12.5px;font-weight:600}.iw-obs-chart-ns{color:var(--iw-muted,#6b7280);background:var(--iw-chip,#17181b);border:1px solid var(--iw-border-2,#2c2e33);border-radius:3px;padding:1.5px 6px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:10.5px}.iw-obs-chart-kind{border:1px solid var(--iw-border-2,#2c2e33);background:var(--iw-chip,#17181b);color:var(--iw-muted,#9ca3af);border-radius:3px;padding:1.5px 6px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:10px}.iw-obs-chart-kind--deployment{color:#38bdf8;background:#38bdf814;border-color:#38bdf84d}.iw-obs-chart-kind--statefulset{color:#a78bfa;background:#a78bfa14;border-color:#a78bfa4d}.iw-obs-chart-kind--daemonset{color:#34d399;background:#34d39914;border-color:#34d3994d}.iw-obs-chart-meta{color:var(--iw-muted,#9ca3af);margin-left:auto;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11px}.iw-obs-chart-meta b{color:var(--iw-fg,#f5f5f5);font-weight:600}.iw-obs-chart-unit{color:var(--iw-muted,#6b7280)}.iw-obs-chart-body{flex:1;width:100%;min-height:160px}.iw-obs-chart-legend{border-top:1px dashed var(--iw-border-2,#2c2e33);color:var(--iw-muted,#9ca3af);flex-wrap:wrap;gap:4px 12px;margin-top:4px;padding-top:6px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:10.5px;display:flex;position:relative}.iw-obs-legend-item{align-items:center;gap:5px;display:inline-flex}.iw-obs-legend-swatch{border-radius:2px;flex-shrink:0;width:8px;height:8px}.iw-obs-legend-item--clickable{all:unset;cursor:pointer;color:var(--iw-muted,#9ca3af);-webkit-user-select:none;user-select:none;border-radius:3px;align-items:center;gap:5px;padding:1px 4px;transition:background .1s,color .1s,opacity .1s;display:inline-flex}.iw-obs-legend-item--clickable:hover{color:var(--iw-fg,#f5f5f5);background:#ffffff0a}.iw-obs-legend-item--clickable:focus-visible{outline-offset:1px;outline:1px solid #2563eb}.iw-obs-legend-item--hidden{opacity:.45;text-decoration:line-through}.iw-obs-chart-maximize{all:unset;cursor:pointer;color:var(--iw-muted,#9ca3af);border-radius:4px;justify-content:center;align-items:center;margin-left:6px;padding:4px;transition:background .1s,color .1s;display:inline-flex}.iw-obs-chart-maximize:hover{background:var(--iw-bg-hover,#1d1f23);color:var(--iw-fg,#f5f5f5)}.iw-obs-chart-maximize:focus-visible{outline-offset:1px;outline:1px solid #2563eb}.iw-obs-chart-maximize-backdrop{-webkit-backdrop-filter:blur(4px);z-index:1000;box-sizing:border-box;background:#08090bd9;justify-content:stretch;align-items:stretch;padding:32px 32px 24px;display:flex;position:fixed;inset:0}.iw-obs-chart-maximize-close{all:unset;cursor:pointer;width:32px;height:32px;color:var(--iw-fg,#f5f5f5);background:var(--iw-chip,#17181b);border:1px solid var(--iw-border-2,#2c2e33);z-index:1001;border-radius:6px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:12px;right:16px}.iw-obs-chart-maximize-close:hover{background:var(--iw-bg-hover,#1d1f23)}.iw-obs-chart--maximized{border-radius:10px;flex-direction:column;width:100%;height:100%;min-height:0;padding:18px 22px 14px;display:flex}.iw-obs-chart--maximized .iw-obs-chart-body{min-height:0}.iw-obs-legend-more{all:unset;cursor:pointer;color:#2563eb;border-radius:3px;padding:0 4px;font-size:10.5px}.iw-obs-legend-popover{background:var(--iw-bg-raised,#111113);border:1px solid var(--iw-border-2,#2c2e33);z-index:10;border-radius:6px;flex-direction:column;gap:4px;max-height:240px;padding:8px 12px;display:flex;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto}.iw-obs-chart-grid-more{justify-content:center;margin-top:12px;display:flex}.iw-obs-chart-grid-more-btn{all:unset;cursor:pointer;background:var(--iw-chip,#17181b);border:1px solid var(--iw-border-2,#2c2e33);color:var(--iw-fg,#d1d5db);border-radius:6px;padding:8px 16px;font-size:12.5px}.iw-obs-chart-grid-more-btn:hover{background:var(--iw-bg-hover,#1d1f23)}.iw-obs-explorer-empty{border:1px dashed var(--iw-border-2,#2c2e33);background:linear-gradient(180deg, #2563eb04, transparent 30%), var(--iw-bg-raised,#111113);border-radius:12px;flex:1;justify-content:center;align-items:center;min-height:320px;display:flex}.iw-obs-explorer-empty-card{text-align:center;max-width:460px;padding:32px}.iw-obs-explorer-empty-icon{background:var(--iw-chip,#17181b);border:1px solid var(--iw-border-2,#2c2e33);color:#2563eb;border-radius:14px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 18px;display:flex}.iw-obs-explorer-empty-icon svg{width:30px;height:30px}.iw-obs-explorer-empty-title{color:var(--iw-fg,#f5f5f5);margin-bottom:8px;font-size:17px;font-weight:600}.iw-obs-explorer-empty-sub{color:var(--iw-muted,#9ca3af);margin-bottom:18px;font-size:13px;line-height:1.55}.iw-obs-explorer-empty-hint{background:var(--iw-chip,#17181b);border:1px solid var(--iw-border-2,#2c2e33);color:var(--iw-fg,#d1d5db);border-radius:7px;align-items:center;gap:8px;padding:8px 14px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12.5px;display:inline-flex}@media (width<=960px){.iw-obs-explorer{grid-template-columns:240px 1fr}.iw-obs-chart-grid{grid-template-columns:1fr}}.iw-obs-sev-dot{border:1px solid #ffffff14;border-radius:999px;flex-shrink:0;width:8px;height:8px;display:inline-block}.iw-obs-sev-dot--trace{background:#6b7280}.iw-obs-sev-dot--debug{background:#38bdf8}.iw-obs-sev-dot--info{background:#34d399}.iw-obs-sev-dot--warn{background:#f59e0b}.iw-obs-sev-dot--error{background:#ef4444}.iw-obs-explorer-canvas .iw-obs-logs-toolbar{flex-shrink:0;gap:8px;padding:0}.iw-obs-explorer-canvas .iw-obs-logs-search{background:var(--iw-chip,#17181b);border:1px solid var(--iw-border-2,#2c2e33);color:var(--iw-fg,#d1d5db);border-radius:6px;padding:7px 12px;font-size:12.5px}.iw-obs-explorer-canvas .iw-obs-logs-table{font-size:11.5px}.iw-obs-explorer-canvas .iw-obs-network{flex-direction:column;gap:12px;display:flex}.iw-obs-logs-toolbar--stacked{flex-direction:column;gap:8px;display:flex}.iw-obs-sev-chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.iw-obs-sev-chip{all:unset;letter-spacing:.02em;background:var(--iw-chip,#17181b);border:1px solid var(--iw-border-2,#2c2e33);color:var(--iw-muted,#9ca3af);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11.5px;display:inline-flex}.iw-obs-sev-chip:hover{border-color:var(--iw-border-2,#3a3d44);color:var(--iw-fg,#d1d5db)}.iw-obs-sev-chip--on{color:#2563eb;border-color:#2563eb;box-shadow:inset 0 0 0 1px #2563eb40}.iw-obs-pod-chips{flex-wrap:wrap;align-items:center;gap:6px;font-size:11px;display:flex;position:relative}.iw-obs-pod-chips-label{color:var(--iw-muted,#6b7280);text-transform:uppercase;letter-spacing:.06em;margin-right:4px;font-size:10.5px}.iw-obs-pod-chip{all:unset;background:var(--iw-chip,#17181b);border:1px solid var(--iw-border-2,#2c2e33);color:var(--iw-muted,#9ca3af);cursor:pointer;border-radius:4px;padding:3px 8px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:10.5px}.iw-obs-pod-chip:hover{border-color:var(--iw-border-2,#3a3d44);color:var(--iw-fg,#d1d5db)}.iw-obs-pod-chip--on{color:#2563eb;background:#2563eb14;border-color:#2563eb80}.iw-obs-pod-chips-wrap{flex-direction:column;gap:4px;display:flex;position:relative}.iw-obs-pod-chips-hint{color:var(--iw-muted,#6b7280);letter-spacing:.01em;font-size:10.5px;font-style:italic}.iw-obs-pod-chips-more{all:unset;color:#2563eb;cursor:pointer;background:#2563eb14;border:1px solid #2563eb80;border-radius:4px;margin-left:2px;padding:3px 8px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:10.5px}.iw-obs-pod-chips-more:hover,.iw-obs-pod-chips-more:focus-visible{background:#2563eb24;border-color:#2563ebb3}.iw-obs-pod-chips-more[aria-expanded=true]{background:#2563eb2e;border-color:#2563ebd9}.iw-obs-pod-chips-popover{z-index:10;background:var(--iw-bg-raised,#111113);border:1px solid var(--iw-border-2,#2c2e33);border-radius:6px;flex-wrap:wrap;gap:6px;max-height:240px;padding:8px 10px;display:flex;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 4px 16px #00000059}.iw-obs-pod-chip--dim{opacity:.75}.iw-obs-pod-chip--dim:hover{opacity:1}.iw-obs-pod-chip{align-items:center;gap:6px;display:inline-flex}.iw-obs-pod-chip-dot{background:#22c55e;border-radius:50%;flex:none;width:8px;height:8px;display:inline-block;box-shadow:0 0 0 1px #22c55e4d}.iw-obs-pod-chip--active{border-color:#22c55e59}.iw-obs-logs-table--compact{table-layout:fixed}.iw-obs-logs-table--compact .iw-obs-logs-th-time{width:88px}.iw-obs-logs-table--compact .iw-obs-logs-th-sev{text-align:center;width:36px}.iw-obs-logs-table--compact .iw-obs-logs-th-svc{width:240px}.iw-obs-logs-table--compact .iw-obs-logs-th-body{width:auto}.iw-obs-logs-table--compact td.iw-obs-logs-ts{white-space:nowrap;color:var(--iw-muted,#9ca3af);vertical-align:middle;font-size:11.5px}.iw-obs-logs-table--compact td.iw-obs-logs-sev{text-align:center;vertical-align:middle;padding:6px 4px}.iw-obs-logs-table--compact td.iw-obs-logs-svcpod{vertical-align:middle;font-family:ui-monospace,Menlo,Consolas,monospace;overflow:hidden}.iw-obs-logs-svcpod-svc{color:var(--iw-fg,#d1d5db);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.iw-obs-logs-svcpod-pod{color:var(--iw-muted,#6b7280);white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;overflow:hidden}.iw-obs-logs-table--compact td.iw-obs-logs-body{vertical-align:middle}.iw-obs-logs-body-line{white-space:nowrap;text-overflow:ellipsis;color:var(--iw-fg,#d1d5db);font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11.5px;overflow:hidden}.iw-obs-logs-table--compact tr.iw-obs-logs-row{cursor:pointer}.iw-obs-logs-table--compact tr.iw-obs-logs-row:hover td{background:var(--iw-bg-hover,#1d1f23)}.iw-obs-logs-table--compact tr.iw-obs-logs-row--selected td{background:#2563eb1a;box-shadow:inset 3px 0 #2563eb}.iw-obs-logs-table--compact tr.iw-obs-logs-row--selected td:first-child{box-shadow:inset 3px 0 #2563eb}.iw-obs-log-drawer-overlay{z-index:1000;background:#00000073;justify-content:flex-end;animation:.12s ease-out iw-obs-log-drawer-fade;display:flex;position:fixed;inset:0}@keyframes iw-obs-log-drawer-fade{0%{background:0 0}to{background:#00000073}}.iw-obs-log-drawer{background:var(--iw-bg-raised,#111113);border-left:1px solid var(--iw-border,#232428);border-left:4px solid var(--iw-border,#232428);flex-direction:column;width:480px;max-width:92vw;height:100vh;animation:.16s ease-out iw-obs-log-drawer-slide;display:flex;overflow-y:auto;box-shadow:-6px 0 24px #00000080}@keyframes iw-obs-log-drawer-slide{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.iw-obs-log-drawer--error{border-left-color:#ef4444}.iw-obs-log-drawer--warn{border-left-color:#f59e0b}.iw-obs-log-drawer--info{border-left-color:#38bdf8}.iw-obs-log-drawer--debug{border-left-color:#6b7280}.iw-obs-log-drawer-header{z-index:1;background:var(--iw-bg-raised,#111113);border-bottom:1px solid var(--iw-border,#232428);align-items:center;gap:8px;padding:12px 14px;display:flex;position:sticky;top:0}.iw-obs-log-drawer-sev{letter-spacing:.06em;text-transform:uppercase;font-size:10.5px;font-weight:600}.iw-obs-log-drawer-sev--error{color:#ef4444}.iw-obs-log-drawer-sev--warn{color:#f59e0b}.iw-obs-log-drawer-sev--info{color:#38bdf8}.iw-obs-log-drawer-sev--debug{color:#9ca3af}.iw-obs-log-drawer-ts{color:var(--iw-fg,#d1d5db);margin-left:4px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px}.iw-obs-log-drawer-close{all:unset;cursor:pointer;width:24px;height:24px;color:var(--iw-muted,#9ca3af);border-radius:4px;justify-content:center;align-items:center;font-size:18px;line-height:1;display:inline-flex}.iw-obs-log-drawer-close:hover{background:var(--iw-bg-hover,#1d1f23);color:var(--iw-fg,#d1d5db)}.iw-obs-log-drawer-identity{border-bottom:1px solid var(--iw-border,#232428);flex-wrap:wrap;gap:6px;padding:10px 14px;display:flex}.iw-obs-log-drawer-chip{all:unset;cursor:pointer;background:var(--iw-chip,#17181b);border:1px solid var(--iw-border-2,#2c2e33);border-radius:4px;align-items:center;gap:6px;max-width:100%;padding:3px 8px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11px;display:inline-flex;overflow:hidden}.iw-obs-log-drawer-chip:hover{border-color:#2563eb80}.iw-obs-log-drawer-chip-label{color:var(--iw-muted,#6b7280);text-transform:uppercase;letter-spacing:.04em;font-size:9.5px}.iw-obs-log-drawer-chip-value{color:var(--iw-fg,#d1d5db);white-space:nowrap;text-overflow:ellipsis;max-width:280px;overflow:hidden}.iw-obs-log-drawer-chip-tick{color:var(--iw-muted,#6b7280);text-transform:uppercase;letter-spacing:.04em;margin-left:2px;font-size:9.5px;transition:color .12s}.iw-obs-log-drawer-chip-tick--on{color:#22c55e}.iw-obs-log-drawer-section{border-bottom:1px solid var(--iw-border,#232428);padding:12px 14px}.iw-obs-log-drawer-section:last-child{border-bottom:none}.iw-obs-log-drawer-section-head{align-items:center;gap:8px;margin-bottom:8px;display:flex}.iw-obs-log-drawer-section-head--toggle{all:unset;cursor:pointer;align-items:center;gap:8px;width:100%;display:flex}.iw-obs-log-drawer-section-caret{color:var(--iw-muted,#6b7280);width:10px;font-size:10px;display:inline-block}.iw-obs-log-drawer-section-title{letter-spacing:.06em;text-transform:uppercase;color:var(--iw-muted,#9ca3af);font-size:11px;font-weight:600}.iw-obs-log-drawer-section-tag{text-transform:lowercase;color:var(--iw-muted,#6b7280);background:var(--iw-chip,#17181b);border:1px solid var(--iw-border-2,#2c2e33);letter-spacing:0;border-radius:3px;margin-left:4px;padding:1px 6px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:9.5px}.iw-obs-log-drawer-section-actions{gap:4px;margin-left:auto;display:flex}.iw-obs-log-drawer-mini-btn{all:unset;cursor:pointer;text-transform:lowercase;color:var(--iw-muted,#9ca3af);background:var(--iw-chip,#17181b);border:1px solid var(--iw-border-2,#2c2e33);border-radius:3px;padding:2px 8px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:10px}.iw-obs-log-drawer-mini-btn:hover{color:var(--iw-fg,#d1d5db);border-color:#2563eb80}.iw-obs-log-drawer-body{background:var(--iw-bg,#0a0b0e);border:1px solid var(--iw-border,#232428);color:var(--iw-fg,#d1d5db);border-radius:4px;max-height:360px;margin:0;padding:10px 12px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;overflow:auto}.iw-obs-log-drawer-body--wrap{white-space:pre-wrap;word-break:break-word}.iw-obs-log-drawer-body--nowrap{white-space:pre}.iw-obs-log-drawer-empty{color:var(--iw-muted,#6b7280);font-style:italic}.iw-obs-log-drawer-trace{flex-wrap:wrap;gap:6px;display:flex}.iw-obs-log-drawer-attrs{border-collapse:collapse;width:100%;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11px}.iw-obs-log-drawer-attrs td{border-bottom:1px solid var(--iw-border,#1f232b);vertical-align:top;padding:4px 6px}.iw-obs-log-drawer-attrs tr:last-child td{border-bottom:none}.iw-obs-log-drawer-attrs-k{color:var(--iw-muted,#6b7280);white-space:nowrap;width:1%;padding-right:12px!important}.iw-obs-log-drawer-attrs-v{color:var(--iw-fg,#d1d5db);word-break:break-all}.iw-obs-log-drawer-empty-attrs{color:var(--iw-muted,#6b7280);font-size:11px;font-style:italic}.iw-obs-log-drawer-actions{flex-direction:column;gap:6px;display:flex}.iw-obs-log-drawer-action-btn{all:unset;cursor:pointer;color:#2563eb;text-align:left;background:#2563eb0f;border:1px solid #2563eb4d;border-radius:4px;padding:8px 10px;font-size:11.5px}.iw-obs-log-drawer-action-btn:hover{background:#2563eb1f;border-color:#2563eb80}.iw-tip{background:var(--iw-bg-raised,#1f2229);color:var(--iw-fg,#e6e7eb);border:1px solid var(--iw-border-2,#2c2e33);white-space:nowrap;pointer-events:none;z-index:1100;border-radius:4px;max-width:480px;padding:4px 8px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11px;animation:80ms ease-out iw-tip-in;position:fixed;transform:translate(-50%,-100%);box-shadow:0 4px 12px #00000073}@keyframes iw-tip-in{0%{opacity:0;transform:translate(-50%,-100%)translateY(2px)}to{opacity:1;transform:translate(-50%,-100%)translateY(0)}}:root,:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0c0f;--bg-panel:#0f1217;--bg-card:#141820;--bg-hover:#1a2030;--border:#1f2840;--border-mid:#2a3550;--login-glow:#0f1a30;--accent:#2563eb;--accent-dim:#1e3a8a;--amber:#f5a623;--amber-dim:#7a5112;--green:#22d18b;--red:#f04d5f;--blue:#4d9cf5;--teal:#14b8a6;--brand:#8b5cf6;--text:#e8edf5;--text-muted:#8090aa;--text-dim:#b8c8de;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-heading:"Space Grotesk", sans-serif;--font-mono:"JetBrains Mono", monospace;--radius:6px;--panel-gap:1.5rem}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f7fa;--bg-panel:#fff;--bg-card:#fff;--bg-hover:#eef1f6;--border:#dfe4ec;--border-mid:#c8d0dc;--login-glow:#e3ebf7;--amber-dim:#b97e10;--text:#1a2230;--text-muted:#5a6678;--text-dim:#3a4456}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}h1,h2,h3,h4{font-family:var(--font-heading)}.login-page{background:radial-gradient(ellipse 80% 60% at 50% 0%, var(--login-glow) 0%, var(--bg) 70%);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.login-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;width:100%;max-width:480px;padding:2.5rem;box-shadow:0 0 60px #2563eb0a}.login-logo{text-align:center;margin-bottom:2rem}.logo-icon{color:var(--accent);filter:drop-shadow(0 0 12px #2563eb66);margin-bottom:.75rem;font-size:2.5rem;animation:3s ease-in-out infinite pulse;display:block}@keyframes pulse{0%,to{filter:drop-shadow(0 0 12px #2563eb66)}50%{filter:drop-shadow(0 0 24px #2563ebb3)}}.login-logo h1{letter-spacing:-.02em;color:var(--text);font-size:1.75rem;font-weight:800}.login-logo p{color:var(--text-muted);margin-top:.25rem;font-size:.85rem}.login-form{flex-direction:column;gap:1rem;display:flex}.field{flex-direction:column;gap:.4rem;display:flex}.field label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.78rem;font-weight:700}.field input,.field select{background:var(--bg);border:1px solid var(--border-mid);border-radius:var(--radius);color:var(--text);font-family:var(--font-mono);outline:none;padding:.65rem .85rem;font-size:.82rem;transition:border-color .15s,box-shadow .15s}.field input:focus,.field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2563eb1f}.field select option{background:var(--bg-card)}.login-error{border-radius:var(--radius);color:var(--red);background:#f04d5f1a;border:1px solid #f04d5f4d;padding:.75rem 1rem;font-size:.85rem}.login-btn{background:var(--accent);color:#fff;border-radius:var(--radius);font-family:var(--font-body);cursor:pointer;letter-spacing:.02em;border:none;margin-top:.25rem;padding:.8rem;font-size:.9rem;font-weight:700;transition:opacity .15s,transform .1s}.login-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.login-btn:disabled{opacity:.5;cursor:not-allowed}.login-footer{text-align:center;color:var(--text-muted);margin-top:1.5rem;font-size:.75rem}.dashboard{flex-direction:column;height:100vh;display:flex;overflow:hidden}.dash-header{background:var(--bg-panel);border-bottom:1px solid var(--border);z-index:10;justify-content:space-between;align-items:center;height:56px;padding:0 1.5rem;display:flex;position:sticky;top:0}.dash-brand{align-items:center;gap:.6rem;display:flex}.dash-brand .logo-icon{color:var(--accent);margin:0;font-size:1.4rem;animation:3s ease-in-out infinite pulse}.brand-name{letter-spacing:.04em;text-transform:uppercase;font-size:1rem;font-weight:800}.dash-account{align-items:center;gap:1rem;display:flex}.account-arn{font-family:var(--font-mono);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:320px;font-size:.78rem;overflow:hidden}.logout-btn{border:1px solid var(--border-mid);border-radius:var(--radius);color:var(--text-muted);font-family:var(--font-body);cursor:pointer;background:0 0;padding:.35rem .85rem;font-size:.8rem;transition:all .15s}.logout-btn:hover{border-color:var(--red);color:var(--red)}.hamburger-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:56px;transition:color .15s;display:flex}.hamburger-btn:hover{color:var(--text)}.sidebar{background:var(--bg-panel);border-right:1px solid var(--border);flex-direction:column;width:220px;min-width:220px;transition:width .2s,min-width .2s;display:flex;overflow:hidden auto}.sidebar-collapsed{width:52px;min-width:52px}.sidebar-nav{flex:1;padding:.5rem 0}.sidebar-group{margin-bottom:.25rem}.sidebar-group-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:.6rem 1rem .3rem;font-size:.65rem;font-weight:700}.sidebar-item{width:100%;color:var(--text-muted);font-family:var(--font-body);cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:.75rem;padding:.5rem 1rem;font-size:.82rem;font-weight:500;transition:all .15s;display:flex;overflow:hidden}.sidebar-item:hover{background:var(--bg-hover);color:var(--text)}.sidebar-item.active{color:var(--accent);border-left-color:var(--accent);background:#2563eb0f}.sidebar-item-icon{flex-shrink:0}.sidebar-item-label{text-overflow:ellipsis;overflow:hidden}.sidebar-collapsed .sidebar-group-label{display:none}.sidebar-collapsed .sidebar-item{border-left:none;justify-content:center;padding:.6rem}.sidebar-collapsed .sidebar-item.active{background:#2563eb1a}.sidebar-collapsed .sidebar-item-label{display:none}.sidebar-collapsed .sidebar-group+.sidebar-group{border-top:1px solid var(--border);margin-top:.25rem;padding-top:.25rem}.sidebar-tooltip{background:var(--bg-card);border:1px solid var(--border);color:var(--text);white-space:nowrap;pointer-events:none;z-index:9999;border-radius:4px;padding:.35rem .65rem;font-size:.78rem;font-weight:500;position:fixed;transform:translateY(-50%);box-shadow:0 4px 12px #0000004d}.sidebar-collapse-footer{border-top:1px solid var(--border);flex-shrink:0;padding:.5rem 0}.sidebar-collapse-btn{width:100%;color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.78rem;font-weight:500;transition:color .15s,background .15s;display:flex}.sidebar-collapse-btn:hover{color:var(--text);background:var(--bg-hover)}.sidebar-collapsed .sidebar-collapse-btn{justify-content:center;padding:.5rem 0}.sidebar-collapse-label{white-space:nowrap}.activity-bar{background:var(--bg-panel);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;align-items:center;gap:0;width:56px;min-width:56px;padding:.5rem 0;display:flex;overflow:hidden}.activity-bar-item{width:100%;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-left:3px solid #0000;flex-direction:column;justify-content:center;align-items:center;padding:.65rem 0;transition:all .15s;display:flex}.activity-bar-item:hover{background:var(--bg-hover);color:var(--text)}.activity-bar-item.active{color:var(--accent);border-left-color:var(--accent);background:#2563eb14}.activity-bar-icon{flex-shrink:0}.activity-bar-logo{object-fit:contain;filter:brightness(0)invert(.6);flex-shrink:0;width:22px;height:22px;transition:filter .15s}.activity-bar-item:hover .activity-bar-logo,.activity-bar-item.active .activity-bar-logo{filter:brightness(0)invert()}.dash-nav{background:var(--bg-panel);border-bottom:1px solid var(--border);flex-wrap:nowrap;gap:0;padding:0 1.5rem;display:flex;position:relative;overflow:visible}.nav-tab{color:var(--text-muted);font-family:var(--font-body);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:.8rem 1.2rem;font-size:.85rem;font-weight:600;transition:all .15s;position:relative;top:1px}.nav-tab:hover{color:var(--text)}.nav-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.nav-tab{white-space:nowrap;flex-shrink:0}.nav-sizer{visibility:hidden;pointer-events:none;display:flex;position:fixed;top:-9999px;left:0}.nav-more-wrap{flex-shrink:0;margin-left:auto;position:relative}.nav-more-btn{letter-spacing:1px;padding-left:.8rem!important;padding-right:.8rem!important;font-size:1rem!important}.nav-more-backdrop{z-index:40;position:fixed;inset:0}.nav-more-dropdown{background:var(--bg-panel);border:1px solid var(--border);z-index:50;border-radius:8px;min-width:180px;padding:.25rem 0;position:absolute;top:calc(100% + 1px);right:0;box-shadow:0 8px 24px #0000004d}.nav-more-item{width:100%;color:var(--text-muted);font-family:var(--font-body);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.85rem;font-weight:600;display:flex}.nav-more-item:hover{background:var(--bg-hover);color:var(--text)}.nav-more-item.active{color:var(--accent)}.dash-body{flex:1;min-height:0;display:flex;overflow:hidden}.dash-content{min-height:0;padding:var(--panel-gap);flex:1;overflow-y:auto}.admin-layout{flex:1;min-height:0;display:flex;overflow:hidden}.admin-side-nav{background:var(--bg-panel);border-right:1px solid var(--border);flex-shrink:0;width:200px;min-width:200px;overflow-y:auto}.admin-main{min-height:0;padding:var(--panel-gap);flex:1;overflow-y:auto}.sidebar-item-placeholder{color:var(--text-muted);cursor:default;opacity:.6;font-size:.78rem;font-style:italic}.sidebar-item-placeholder:hover{color:var(--text-muted);background:0 0}.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:10px;animation:.3s fadeIn;overflow:hidden}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.panel-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.panel-header h2{text-transform:uppercase;letter-spacing:.1em;color:var(--text);align-items:center;gap:.6rem;font-size:.9rem;font-weight:700;display:flex}.count-badge{background:var(--bg-card);border:1px solid var(--border-mid);color:var(--text-dim);font-size:.75rem;font-weight:600;font-family:var(--font-mono);border-radius:20px;padding:1px 10px}.alarm-badge{color:var(--red);font-size:.72rem;font-weight:700;font-family:var(--font-mono);background:#f04d5f26;border:1px solid #f04d5f66;border-radius:20px;padding:1px 10px;animation:1.5s ease-in-out infinite alarmPulse}@keyframes alarmPulse{0%,to{opacity:1}50%{opacity:.6}}.cost-total{font-family:var(--font-mono);color:var(--amber);font-size:1.3rem;font-weight:700}.cost-total small{color:var(--text-muted);margin-left:.25rem;font-size:.7rem}.panel-loading,.panel-empty{text-align:center;color:var(--text-muted);padding:2.5rem;font-size:.85rem}.panel-error{color:var(--red);background:#f04d5f0f;padding:1.25rem;font-size:.85rem}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);background:var(--bg-card);border-bottom:1px solid var(--border);white-space:nowrap;padding:.6rem 1rem;font-size:.72rem;font-weight:700}.data-table td{border-bottom:1px solid var(--border);color:var(--text-dim);white-space:nowrap;padding:.65rem 1rem;font-size:.85rem}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--bg-hover)}.cell-bold{font-weight:600;color:var(--text)!important}.cell-mono{font-family:var(--font-mono);color:var(--text-dim);font-size:.78rem!important}.metric-na{color:var(--text-muted);font-family:var(--font-mono)}.state-pill{font-size:.72rem;font-weight:700;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;border-radius:20px;padding:2px 10px;display:inline-block}.state-green{color:var(--green);background:#22d18b1f;border:1px solid #22d18b40}.state-red{color:var(--red);background:#f04d5f1f;border:1px solid #f04d5f40}.state-amber{color:var(--amber);background:#f5a6231f;border:1px solid #f5a62340}.state-gray{color:var(--text-muted);border:1px solid var(--border-mid);background:#5a6a8526}.cpu-bar-wrap{align-items:center;gap:.5rem;min-width:120px;display:flex}.cpu-bar-track{background:var(--bg-card);border-radius:3px;flex:1;height:5px;overflow:hidden}.cpu-bar-fill{border-radius:3px;height:100%;transition:width .6s}.cpu-label{font-family:var(--font-mono);text-align:right;min-width:36px;font-size:.75rem}.ecs-grid{flex-direction:column;gap:1px;display:flex}.ecs-cluster-card{border-bottom:1px solid var(--border);padding:1.25rem}.ecs-cluster-card:last-child{border-bottom:none}.ecs-cluster-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.ecs-stats{gap:2rem;margin-bottom:1rem;display:flex}.ecs-stat{flex-direction:column;gap:.15rem;display:flex}.stat-val{font-family:var(--font-mono);color:var(--text);font-size:1.4rem;font-weight:700}.stat-lbl{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.72rem;font-weight:700}.ecs-services{margin-top:1rem}.services-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:.5rem;font-size:.72rem;font-weight:700}.chart-title{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:.75rem;font-size:.75rem;font-weight:700}.chart-tooltip{background:var(--bg-card);border:1px solid var(--border-mid);border-radius:var(--radius);padding:.5rem .75rem}.tooltip-label{color:var(--text-muted);font-size:.75rem}.tooltip-val{font-family:var(--font-mono);color:var(--amber);font-size:.9rem}.cost-stats-row{border-bottom:1px solid var(--border);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=900px){.cost-stats-row{grid-template-columns:repeat(2,1fr)}}.cost-stat-card{border-right:1px solid var(--border);flex-direction:column;gap:.25rem;padding:1.25rem 1.5rem;display:flex}.cost-stat-card:last-child{border-right:none}.cost-stat-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-size:.7rem;font-weight:700}.cost-stat-value{font-family:var(--font-mono);color:var(--text);flex-wrap:wrap;align-items:center;gap:.25rem;font-size:1.35rem;font-weight:700;display:flex}.cost-stat-sub{color:var(--text-muted);margin-top:.1rem;font-size:.72rem}.cost-section{padding:1.25rem 1.5rem}.cost-section-hdr{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.cost-range-tabs{gap:.25rem;display:flex}.cost-range-tab{border:1px solid var(--border-mid);border-radius:var(--radius);color:var(--text-muted);cursor:pointer;background:0 0;padding:.2rem .6rem;font-size:.75rem;font-weight:600;transition:all .15s}.cost-range-tab:hover{border-color:var(--accent);color:var(--accent)}.cost-range-tab.active{border-color:var(--accent);color:var(--accent);background:#2563eb1f}.cost-svc-search{background:var(--bg);border:1px solid var(--border-mid);border-radius:var(--radius);color:var(--text);outline:none;width:200px;padding:.3rem .75rem;font-size:.8rem}.cost-svc-search:focus{border-color:var(--accent)}.cost-svc-bar-track{background:var(--bg-card);border-radius:3px;width:100%;height:5px;overflow:hidden}.cost-3mo-cards{grid-template-columns:repeat(3,1fr);gap:.75rem;padding:.75rem 0;display:grid}.cost-3mo-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:.3rem;padding:1rem 1.1rem;display:flex}.cost-3mo-card-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);font-size:.68rem;font-weight:700}.cost-3mo-card-value{font-family:var(--font-mono);color:var(--text);flex-wrap:wrap;align-items:center;gap:.4rem;font-size:1.35rem;font-weight:700;display:flex}.cost-3mo-card-sub{color:var(--text-muted);font-size:.72rem;font-family:var(--font-mono)}.cost-svc-bar-fill{background:linear-gradient(90deg, var(--amber-dim), var(--amber));border-radius:3px;height:100%;transition:width .5s}.service-bars{flex-direction:column;gap:.6rem;margin-top:.5rem;display:flex}.service-bar-row{align-items:center;gap:.75rem;font-size:.8rem;display:flex}.service-name{width:110px;color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;font-size:.78rem;overflow:hidden}.service-bar-track{background:var(--bg-card);border-radius:3px;flex:1;height:6px;overflow:hidden}.service-bar-fill{background:linear-gradient(90deg, var(--amber-dim), var(--amber));border-radius:3px;height:100%;transition:width .6s}.service-cost{font-family:var(--font-mono);color:var(--amber);text-align:right;min-width:52px;font-size:.78rem}.mq-meta-row{flex-wrap:wrap;align-items:center;gap:1.25rem;margin-top:.75rem;display:flex}.mq-meta-item{flex-direction:column;gap:.15rem;display:flex}.mq-meta-item .stat-lbl{text-transform:uppercase;color:var(--text-muted);font-size:.65rem;font-weight:700}.mq-instance-card{background:var(--bg);border:1px solid var(--border-mid);border-radius:var(--radius);margin-bottom:.75rem;padding:.85rem}.mq-instance-header{border-bottom:1px solid var(--border-mid);justify-content:space-between;align-items:center;margin-bottom:.65rem;padding-bottom:.5rem;display:flex}.mq-instance-header .cell-bold{color:var(--accent)}.endpoint-row{border:1px solid var(--border-mid);background:#ffffff05;border-radius:4px;margin-top:.25rem;padding:.4rem .6rem}.metrics-range-selector{gap:.25rem;display:flex}.range-btn{border:1px solid var(--border-mid);border-radius:var(--radius);color:var(--text-muted);cursor:pointer;background:0 0;padding:.2rem .6rem;font-size:.75rem;font-weight:600;transition:all .15s}.range-btn:hover{border-color:var(--accent);color:var(--accent)}.range-btn.active{border-color:var(--accent);color:var(--accent);background:#2563eb1f}.clickable{cursor:pointer;transition:background .15s}.clickable:hover{background:var(--bg-hover)!important}.metric-chip{font-family:var(--font-mono);border:1px solid;border-radius:4px;padding:2px 8px;font-size:.78rem;display:inline-block}.ses-header-stats{align-items:center;gap:1.25rem;display:flex}.ses-mini-stat{font-size:.82rem}.ses-subtabs{border-bottom:1px solid var(--border);background:var(--bg-card);gap:0;padding:0 1.25rem;display:flex}.ses-subtab{color:var(--text-muted);font-family:var(--font-body);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:.6rem 1rem;font-size:.8rem;font-weight:600;transition:all .15s;position:relative;top:1px}.ses-subtab:hover{color:var(--text)}.ses-subtab.active{color:var(--accent);border-bottom-color:var(--accent)}.ses-body{padding:1.25rem}.ses-stats-grid{background:var(--border);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:1px;margin-bottom:1rem;display:grid;overflow:hidden}.ses-stat-box{background:var(--bg-card);flex-direction:column;gap:.2rem;padding:1rem;display:flex}.ses-stat-val{font-family:var(--font-mono);font-size:1.5rem;font-weight:700;line-height:1}.ses-stat-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.72rem;font-weight:700}.ses-stat-sub{color:var(--text-muted);font-size:.7rem}.ses-suppression-note{color:var(--text-muted);background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);align-items:center;gap:.5rem;padding:.75rem;font-size:.82rem;display:flex}.ses-section-title{color:var(--text);margin-bottom:.75rem;font-size:.85rem;font-weight:700}.ses-helper-text{color:var(--text-muted);margin-bottom:.5rem;font-size:.8rem}.ses-lookup-box{max-width:700px}.ses-lookup-form{gap:.5rem;margin-bottom:.75rem;display:flex}.ses-lookup-input{background:var(--bg);border:1px solid var(--border-mid);border-radius:var(--radius);color:var(--text);font-family:var(--font-mono);outline:none;flex:1;padding:.6rem .9rem;font-size:.85rem;transition:border-color .15s,box-shadow .15s}.ses-lookup-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2563eb1f}.ses-lookup-btn{background:var(--accent);color:#fff;border-radius:var(--radius);font-family:var(--font-body);cursor:pointer;white-space:nowrap;border:none;padding:.6rem 1.25rem;font-size:.82rem;font-weight:700;transition:opacity .15s}.ses-lookup-btn:disabled{opacity:.5;cursor:not-allowed}.ses-lookup-btn:hover:not(:disabled){opacity:.88}.ses-lookup-error{border-radius:var(--radius);color:var(--red);background:#f04d5f1a;border:1px solid #f04d5f4d;margin-top:.5rem;padding:.6rem .9rem;font-size:.82rem}.ses-lookup-result{border-radius:var(--radius);border:1px solid;margin-top:.75rem;padding:1rem 1.25rem}.ses-result-found{background:#f04d5f12;border-color:#f04d5f4d}.ses-result-clear{background:#22d18b12;border-color:#22d18b4d}.ses-result-header{align-items:center;gap:.5rem;margin-bottom:.6rem;font-size:.9rem;display:flex}.ses-result-icon{color:var(--red);font-size:1.1rem}.ses-icon-ok{color:var(--green)}.ses-result-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:1.25rem;margin-bottom:.75rem;font-size:.82rem;display:flex}.ses-remove-btn{border:1px solid var(--red);border-radius:var(--radius);color:var(--red);font-family:var(--font-body);cursor:pointer;background:0 0;padding:.5rem 1.1rem;font-size:.8rem;font-weight:700;transition:all .15s}.ses-remove-btn:hover:not(:disabled){background:#f04d5f1f}.ses-remove-btn:disabled{opacity:.5;cursor:not-allowed}.ses-removed-confirm{color:var(--green);font-size:.85rem;font-weight:700}.ses-bulk-textarea{background:var(--bg);border:1px solid var(--border-mid);border-radius:var(--radius);width:100%;color:var(--text);font-family:var(--font-mono);resize:vertical;outline:none;margin-bottom:.5rem;padding:.75rem .9rem;font-size:.82rem;transition:border-color .15s}.ses-bulk-textarea:focus{border-color:var(--accent)}.ses-bulk-footer{justify-content:space-between;align-items:center;gap:1rem;display:flex}.ses-email-count{color:var(--text-muted);font-size:.8rem;font-family:var(--font-mono)}.ses-bulk-results{margin-top:1rem}.ses-bulk-summary{margin-bottom:.5rem;font-size:.88rem;font-weight:700}.ses-bulk-detail{flex-direction:column;gap:3px;max-height:200px;display:flex;overflow-y:auto}.ses-bulk-row{align-items:center;gap:.5rem;padding:2px 0;font-size:.8rem;display:flex}.ses-bulk-ok{color:var(--green)}.ses-bulk-fail{color:var(--red)}.ses-bulk-err{color:var(--text-muted);font-size:.75rem}.ses-browser-controls{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.ses-filter-select{background:var(--bg);border:1px solid var(--border-mid);border-radius:var(--radius);color:var(--text);font-family:var(--font-body);outline:none;padding:.55rem .75rem;font-size:.82rem}.ses-browser-toolbar{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.ses-search-input{background:var(--bg);border:1px solid var(--border-mid);border-radius:var(--radius);min-width:200px;color:var(--text);font-family:var(--font-mono);outline:none;flex:1;padding:.55rem .9rem;font-size:.82rem;transition:border-color .15s}.ses-search-input:focus{border-color:var(--accent)}.ses-browser-count{color:var(--text-muted);font-size:.78rem;font-family:var(--font-mono);white-space:nowrap}.ses-remove-msg{border-radius:var(--radius);margin-bottom:.75rem;padding:.5rem .9rem;font-size:.82rem;font-weight:600}.ses-msg-ok{color:var(--green);background:#22d18b1a;border:1px solid #22d18b4d}.ses-msg-err{color:var(--red);background:#f04d5f1a;border:1px solid #f04d5f4d}.ses-row-removed{background:#22d18b14;transition:background .2s ease-out,opacity .25s ease-out}.ses-removed-tick{color:var(--green);font-size:.75rem;font-weight:600}.panel-header-actions{align-items:center;gap:.75rem;display:flex}.refresh-btn{border:1px solid var(--border-mid);border-radius:var(--radius);color:var(--text-muted);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:.3rem;line-height:0;transition:all .15s;display:flex}.refresh-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.refresh-btn:disabled{cursor:not-allowed;border-color:var(--border);color:var(--text-muted)}.refresh-btn .refresh-done{color:var(--green);align-items:center;gap:.35rem;font-size:.75rem;display:inline-flex}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinning,.refresh-btn .spin{animation:.7s linear infinite spin}.refresh-btn .spinning,.refresh-btn .spin{color:var(--accent)}.field textarea{background:var(--bg);border:1px solid var(--border-mid);border-radius:var(--radius);color:var(--text);font-family:var(--font-mono);resize:vertical;outline:none;padding:.65rem .85rem;font-size:.82rem;transition:border-color .15s,box-shadow .15s}.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2563eb1f}.drawer-backdrop{z-index:100;background:#0000008c;animation:.15s fadeIn;position:fixed;inset:0}.secret-drawer{background:var(--bg-panel);border-left:1px solid var(--border);z-index:101;flex-direction:column;width:480px;height:100vh;animation:.2s drawerSlideIn;display:flex;position:fixed;top:0;right:0}@keyframes drawerSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:1.25rem 1.25rem 1rem;display:flex}.drawer-title{color:var(--text);word-break:break-all;font-size:.95rem;font-weight:700}.drawer-subtitle{align-items:center;gap:.5rem;margin-top:.35rem;display:flex}.drawer-close{border:1px solid var(--border-mid);border-radius:var(--radius);color:var(--text-muted);cursor:pointer;background:0 0;flex-shrink:0;margin-left:1rem;padding:.3rem .5rem;font-size:.8rem;line-height:1;transition:all .15s}.drawer-close:hover{border-color:var(--red);color:var(--red)}.drawer-body{flex-direction:column;flex:1;gap:1.25rem;padding:1.25rem;display:flex;overflow-y:auto}.drawer-section{flex-direction:column;gap:.5rem;display:flex}.drawer-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-size:.7rem;font-weight:700}.drawer-arn-row{background:var(--bg);border:1px solid var(--border-mid);border-radius:var(--radius);align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.drawer-arn{font-family:var(--font-mono);color:var(--text-dim);word-break:break-all;flex:1;font-size:.72rem}.drawer-meta-grid{background:var(--border);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:1fr 1fr;gap:1px;display:grid;overflow:hidden}.drawer-meta-item{background:var(--bg-card);flex-direction:column;gap:.2rem;padding:.65rem .85rem;display:flex}.drawer-meta-key{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.68rem;font-weight:700}.drawer-meta-val{color:var(--text);font-size:.82rem;font-family:var(--font-mono)}.drawer-value-header{justify-content:space-between;align-items:center;display:flex}.secret-value-box{background:var(--bg);border:1px solid var(--border-mid);border-radius:var(--radius);font-family:var(--font-mono);color:var(--text-dim);white-space:pre-wrap;word-break:break-all;max-height:320px;padding:.85rem;font-size:.78rem;line-height:1.6;overflow-y:auto}.drawer-tags{flex-wrap:wrap;gap:.4rem;display:flex}.drawer-tag{background:var(--bg-card);border:1px solid var(--border-mid);font-size:.75rem;font-family:var(--font-mono);color:var(--text-dim);border-radius:4px;padding:2px 8px}.copy-btn{border:1px solid var(--border-mid);border-radius:var(--radius);color:var(--text-muted);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:.28rem;line-height:0;transition:all .15s;display:flex}.copy-btn:hover{border-color:var(--accent);color:var(--accent)}.copy-btn.copied{border-color:var(--green);color:var(--green)}.row-clickable{cursor:pointer}.row-copy-cell{align-items:center;gap:.4rem;display:flex}.otp-hint{color:var(--text-muted);text-align:center;margin-bottom:1rem;font-size:.85rem}.otp-input{text-align:center;width:100%;font-family:var(--font-mono);letter-spacing:.5rem;background:var(--bg-card);border:1px solid var(--border-mid);border-radius:var(--radius);color:var(--text);outline:none;padding:.6rem 1rem;font-size:1.8rem}.otp-input:focus{border-color:var(--accent)}.login-secondary-btn{border:1px solid var(--border-mid);border-radius:var(--radius);width:100%;color:var(--text-muted);font-family:var(--font-body);cursor:pointer;background:0 0;padding:.65rem;font-size:.875rem;transition:border-color .15s,color .15s}.login-secondary-btn:hover{border-color:var(--text-dim);color:var(--text)}.service-grid{flex-wrap:wrap;gap:.5rem;display:flex}.service-chip{border:1px solid var(--border-mid);color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:20px;padding:.35rem .75rem;font-size:.78rem;transition:all .15s}.service-chip:hover{border-color:var(--accent);color:var(--text)}.service-chip.selected{border-color:var(--accent);color:var(--accent);background:#2563eb1a}.duration-row{gap:.5rem;display:flex}.duration-chip{background:var(--bg-card);border:1px solid var(--border-mid);border-radius:var(--radius);color:var(--text-muted);font-family:var(--font-mono);cursor:pointer;flex:1;padding:.5rem;font-size:.85rem;transition:all .15s}.duration-chip:hover{border-color:var(--accent);color:var(--text)}.duration-chip.selected{border-color:var(--accent);color:var(--accent);background:#2563eb1a}.cloud-picker{align-items:center;gap:.4rem;display:flex}.cloud-picker-logo{opacity:.8;flex-shrink:0;width:auto;height:18px}.gcp-project-select{max-width:180px}.region-select{background:var(--bg-card);border:1px solid var(--border-mid);border-radius:var(--radius);color:var(--text-dim);font-family:var(--font-mono);cursor:pointer;outline:none;max-width:120px;padding:.3rem .6rem;font-size:.75rem;transition:border-color .15s,color .15s}.region-select:hover:not(:disabled){border-color:var(--accent);color:var(--text)}.region-select:disabled{opacity:.5;cursor:not-allowed}.region-select option{background:var(--bg-card)}.terminate-btn{color:var(--red);border-color:#f04d5f66}.terminate-btn:hover{border-color:var(--red)}.terminate-confirm{color:var(--red);border-radius:var(--radius);background:#f04d5f14;border:1px solid #f04d5f4d;align-items:center;gap:.4rem;padding:.25rem .65rem;font-size:.78rem;display:flex}.state-pill.state-blue{color:var(--blue);background:#4d9cf51f}.row-muted td{opacity:.45}.detail-drawer{background:var(--bg-panel);border-left:1px solid var(--border);z-index:101;flex-direction:column;width:560px;height:100vh;animation:.2s drawerSlideIn;display:flex;position:fixed;top:0;right:0}.drawer-section-hdr{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);border-bottom:1px solid var(--border);align-items:center;gap:.4rem;margin-bottom:.6rem;padding-bottom:.5rem;font-size:.7rem;font-weight:700;display:flex}.ec2-metrics-grid{background:var(--border);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:repeat(5,1fr);gap:1px;display:grid;overflow:hidden}.ec2-metric-box{background:var(--bg-card);flex-direction:column;align-items:center;gap:.2rem;padding:.75rem .5rem;display:flex}.ec2-metric-val{font-family:var(--font-mono);color:var(--text);white-space:nowrap;font-size:.85rem;font-weight:700}.ec2-metric-lbl{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.6rem;font-weight:700}.ec2-sg-block{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.5rem;overflow:hidden}.ec2-sg-hdr{background:var(--bg-card);text-align:left;cursor:pointer;width:100%;color:var(--text);font-family:var(--font-body);border:none;align-items:center;gap:.4rem;padding:.6rem .85rem;font-size:.85rem;transition:background .15s;display:flex}.ec2-sg-hdr:hover{background:var(--bg-hover)}.ec2-sg-rules{border-top:1px solid var(--border);background:var(--bg);padding:.75rem}.th-sort{cursor:pointer;-webkit-user-select:none;user-select:none}.th-sort:hover{color:var(--text)!important}.metrics-modal{z-index:200;background:var(--bg);flex-direction:column;animation:.18s fadeIn;display:flex;position:fixed;inset:0}.metrics-header{background:var(--bg-panel);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.metrics-range-tabs{gap:.3rem;display:flex}.metrics-range-tab{border:1px solid var(--border-mid);border-radius:var(--radius);color:var(--text-muted);font-family:var(--font-mono);cursor:pointer;background:0 0;padding:.3rem .9rem;font-size:.8rem;transition:all .15s}.metrics-range-tab:hover{border-color:var(--accent);color:var(--text)}.metrics-range-tab.active{border-color:var(--accent);color:var(--accent);background:#2563eb1a}.metrics-body{flex:1;padding:1.5rem;overflow-y:auto}.metrics-charts-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.metrics-chart-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:10px;padding:1.25rem 1.25rem .75rem}.metrics-chart-title{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.75rem;font-weight:700;display:flex}.metrics-chart-empty{height:180px;color:var(--text-muted);text-align:center;justify-content:center;align-items:center;font-size:.82rem;font-style:italic;display:flex}.metrics-legend-item{color:var(--text-dim);text-transform:none;letter-spacing:0;align-items:center;gap:.35rem;font-size:.72rem;font-weight:600;display:flex}.metrics-legend-dot{border-radius:2px;flex-shrink:0;width:10px;height:3px;display:inline-block}.drawer-subtitle{flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.3rem;display:flex}.drawer-section-body{padding-left:.25rem}.detail-kv-table{border-collapse:collapse;width:100%;font-size:.82rem}.detail-kv-table td:first-child{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;vertical-align:top;width:38%;padding:.3rem .75rem .3rem 0;font-size:.75rem}.detail-kv-table td:last-child{color:var(--text);vertical-align:top;word-break:break-word;padding:.3rem 0}.detail-kv-table tr:not(:last-child) td{border-bottom:1px solid var(--border)}tr.row-selected td{background:#4d9cf50f}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.widget-dashboard{padding:0}.widget-dashboard-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.widget-dashboard-toolbar-right{align-items:center;gap:.75rem;display:flex}.widget-limit-msg{color:#f59e0b;font-size:.82rem;font-weight:500}.widget-dashboard-range-row{align-items:center;gap:1rem;display:flex}.widget-dashboard-range{align-items:center;gap:.5rem;display:flex}.widget-last-updated{color:var(--text-muted);font-size:.8rem}.widget-dashboard-range span{color:var(--text-muted);font-size:.9rem}.widget-dashboard-range button{border:1px solid var(--border-mid);border-radius:var(--radius);color:var(--text-muted);cursor:pointer;background:0 0;padding:.35rem .7rem;font-size:.85rem}.widget-dashboard-range button:hover,.widget-dashboard-range button.active{border-color:var(--accent);color:var(--accent)}.widget-dashboard-range button.active{background:#2563eb1a}.widget-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}@media (width>=1600px){.widget-grid{grid-template-columns:repeat(4,1fr)}}.widget-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.widget-card-header{background:var(--bg-card);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.5rem;padding:.4rem 1rem;display:flex}.widget-card-heading{flex-direction:column;flex:1;gap:.0625rem;min-width:0;display:flex}.widget-card-title{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:600;overflow:hidden}.widget-card-subheading{color:var(--text-muted);font-size:.75rem}.widget-card-actions{align-items:center;gap:.25rem;display:flex}.widget-card-action,.widget-card-delete{color:var(--text-muted);cursor:pointer;border-radius:var(--radius);background:0 0;border:none;padding:.25rem}.widget-card-action:hover{color:var(--accent);background:#2563eb1a}.widget-card-delete:hover{color:var(--red);background:#f04d5f1a}.widget-card-charts{flex-direction:column;gap:.75rem;min-height:220px;padding:.5rem 1rem;display:flex}.widget-single-metric{border-bottom:1px solid var(--border);padding-bottom:.75rem}.widget-single-metric:last-child{border-bottom:none;padding-bottom:0}.widget-single-metric-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;font-size:.75rem;font-weight:600}.widget-chart-placeholder{min-height:180px;color:var(--text-muted);justify-content:center;align-items:center;font-size:.85rem;display:flex}.widget-chart-placeholder.widget-chart-error{color:var(--red)}.widget-maximized-modal{background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;flex-direction:column;width:80vw;max-height:85vh;display:flex;overflow-y:auto}.widget-maximized-header{border-bottom:1px solid var(--border);background:var(--bg-card);border-radius:12px 12px 0 0;align-items:center;gap:1rem;padding:.75rem 1.25rem;display:flex}.widget-maximized-header .widget-card-heading{flex:1}.widget-maximized-header .widget-card-title{font-size:1.05rem}.widget-maximized-body{flex-direction:column;gap:1rem;padding:1.25rem 1.5rem;display:flex}.widget-card-metrics{color:var(--text-muted);border-top:1px solid var(--border);padding:.5rem 1rem;font-size:.75rem}.widget-empty{text-align:center;color:var(--text-muted);padding:3rem 2rem}.modal-overlay{z-index:300;background:#0009;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;flex-direction:column;width:100%;max-width:480px;max-height:90vh;display:flex;overflow:hidden}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.modal-header h3{font-size:1.1rem;font-weight:600}.modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.25rem}.modal-close:hover{color:var(--text)}.modal-body{padding:1.25rem;overflow-y:auto}.modal-body label{color:var(--text-muted);margin-bottom:.35rem;font-size:.85rem;font-weight:500;display:block}.widget-select{background:var(--bg);border:1px solid var(--border-mid);border-radius:var(--radius);width:100%;color:var(--text);margin-bottom:.75rem;padding:.5rem .75rem;font-size:.9rem}.widget-input{background:var(--bg);border:1px solid var(--border-mid);border-radius:var(--radius);width:100%;color:var(--text);box-sizing:border-box;margin-bottom:.75rem;padding:.5rem .75rem;font-size:.9rem}.widget-input:disabled{opacity:.5}.label-hint{color:var(--text-dim);font-size:.8rem;font-weight:400}.btn-primary{background:var(--accent);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;align-items:center;gap:.35rem;padding:.5rem 1rem;font-size:.9rem;font-weight:600;display:inline-flex}.btn-primary:hover:not(:disabled){filter:brightness(1.1)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-text{color:var(--text-muted);cursor:pointer;background:0 0;border:none;margin-bottom:.75rem;padding:.25rem 0;font-size:.85rem}.btn-text:hover{color:var(--accent)}.widget-metrics-list{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.widget-metric-option{cursor:pointer;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.form-error{color:var(--red);margin-top:.5rem;font-size:.85rem}.panel-section{background:var(--bg-panel);border:1px solid var(--border);border-radius:10px;margin-bottom:1.25rem;overflow:hidden}.panel-section-header{background:var(--bg-card);border-bottom:1px solid var(--border);flex-wrap:nowrap;align-items:center;gap:.5rem;padding:.6rem 1rem;display:flex}.panel-drag-handle{color:var(--text-muted);cursor:grab;border-radius:var(--radius);background:0 0;border:none;align-items:center;padding:.25rem;display:flex}.panel-drag-handle:hover{color:var(--text);background:#ffffff0d}.panel-drag-handle:active{cursor:grabbing}.panel-collapse-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius);background:0 0;border:none;align-items:center;padding:.25rem;display:flex}.panel-collapse-btn:hover{color:var(--text)}.panel-section-title-area{flex:1;align-items:center;gap:.75rem;min-width:0;display:flex}.panel-section-title{cursor:default;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;font-weight:600;overflow:hidden}.panel-title-input{background:var(--bg);border:1px solid var(--accent);border-radius:var(--radius);color:var(--text);outline:none;width:200px;padding:.15rem .5rem;font-size:1rem;font-weight:600}.panel-title-edit-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius);background:0 0;border:none;outline:none;align-items:center;padding:.15rem;line-height:1;display:flex}.panel-title-edit-btn:hover{color:var(--accent)}.panel-widget-count{color:var(--text-muted);white-space:nowrap;font-size:.8rem}.panel-section-actions{align-items:center;gap:.5rem;display:flex}.panel-action-btn{border:1px solid var(--border-mid);border-radius:var(--radius);color:var(--text-muted);cursor:pointer;background:0 0;align-items:center;gap:.35rem;padding:.3rem .65rem;font-size:.8rem;display:flex}.panel-action-btn:hover{border-color:var(--accent);color:var(--accent)}.panel-delete-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius);background:0 0;border:none;align-items:center;padding:.3rem;display:flex}.panel-delete-btn:hover{color:var(--red);background:#f04d5f1a}.panel-section-body{padding:1rem}.widget-add-placeholder{border:2px dashed var(--border-mid);min-height:280px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;font-size:.85rem;transition:border-color .15s,color .15s;display:flex}.widget-add-placeholder:hover{border-color:var(--accent);color:var(--accent)}.widget-grid>.widget-add-placeholder:nth-child(n+4){display:none}@media (width>=1600px){.widget-grid>.widget-add-placeholder:nth-child(n+4){display:flex}.widget-grid>.widget-add-placeholder:nth-child(n+5){display:none}}.btn-secondary{border:1px solid var(--border-mid);border-radius:var(--radius);color:var(--text-muted);cursor:pointer;background:0 0;padding:.5rem 1rem;font-size:.9rem}.btn-secondary:hover:not(:disabled){border-color:var(--text);color:var(--text)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}@keyframes alert-pulse{0%,to{opacity:1;box-shadow:0 0 4px #ef444466}50%{opacity:.7;box-shadow:0 0 12px #ef4444cc}}.alert-dot{background:#ef4444;border-radius:50%;flex-shrink:0;width:10px;height:10px;animation:1.5s ease-in-out infinite alert-pulse;display:inline-block}.alert-dot.amber{background:#f59e0b;animation:none;box-shadow:0 0 4px #f59e0b66}.security-warning-band{border-bottom:2px solid var(--red);color:var(--red);box-sizing:border-box;background:#f04d5f1f;flex-shrink:0;align-items:center;gap:.6rem;width:100%;padding:.6rem 1.5rem;font-size:.82rem;font-weight:600;line-height:1.4;display:flex}.security-warning-band-icon{flex-shrink:0}.security-warning-band-text{flex:1}.alert-banner{background:#ef44440f;border:1px solid #ef44444d;border-left:3px solid #ef4444;border-radius:.5rem;margin-bottom:1rem}.alert-banner-header{color:#ef4444;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.5rem;width:100%;padding:.6rem .75rem;font-size:.85rem;font-weight:500;display:flex}.alert-banner-icon{flex-shrink:0}.alert-banner-summary{flex:1}.alert-banner-body{flex-direction:column;gap:.35rem;padding:0 .75rem .6rem;display:flex}.alert-banner-item{color:var(--text-secondary);border-top:1px solid #ffffff0d;align-items:center;gap:.5rem;padding:.3rem 0;font-size:.8rem;display:flex}.alert-item-icon.alarm{color:#ef4444}.alert-item-icon.health{color:#f59e0b}.alert-item-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.alert-item-resource{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-family:JetBrains Mono,monospace;font-size:.75rem;overflow:hidden}.alert-item-badge{text-transform:uppercase;border-radius:.25rem;padding:.1rem .4rem;font-size:.65rem;font-weight:600}.alert-item-badge.issue{color:#ef4444;background:#ef444426}.alert-item-badge.maintenance{color:#f59e0b;background:#f59e0b26}.alert-item-time{color:var(--text-muted);flex-shrink:0;font-size:.7rem}.bell-wrap{position:relative}.bell-btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:.5rem;align-items:center;padding:.35rem;transition:color .15s,border-color .15s;display:flex;position:relative}.bell-btn:hover{color:var(--text-primary);border-color:var(--text-muted)}.theme-toggle-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:.5rem;align-items:center;padding:.35rem;transition:color .15s,border-color .15s;display:flex}.theme-toggle-btn:hover{color:var(--text);border-color:var(--text-muted)}.bell-badge{color:#fff;background:#ef4444;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.6rem;font-weight:700;animation:1.5s ease-in-out infinite alert-pulse;display:flex;position:absolute;top:-6px;right:-6px}.bell-backdrop{z-index:999;position:fixed;inset:0}.bell-dropdown{background:var(--bg-card);border:1px solid var(--border);z-index:1000;border-radius:.75rem;width:360px;max-height:420px;padding:.5rem 0;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto;box-shadow:0 12px 40px #0006}.bell-dropdown-title{border-bottom:1px solid var(--border);padding:.5rem 1rem;font-size:.9rem;font-weight:600}.bell-empty{text-align:center;color:var(--text-muted);padding:1.5rem 1rem;font-size:.85rem}.bell-section{padding:.25rem 0}.bell-section-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.04em;padding:.4rem 1rem .2rem;font-size:.7rem;font-weight:600}.bell-item{text-align:left;cursor:pointer;width:100%;color:var(--text-secondary);background:0 0;border:none;align-items:center;gap:.6rem;padding:.5rem 1rem;font-size:.8rem;transition:background .1s;display:flex}.bell-item:hover{background:#ffffff0a}.bell-item-text{flex:1;min-width:0;overflow:hidden}.bell-item-text strong{text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);font-weight:500;display:block;overflow:hidden}.bell-item-sub{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:.7rem}.bell-item-service{color:var(--text-muted);text-transform:uppercase;background:#ffffff0f;border-radius:.2rem;flex-shrink:0;padding:.1rem .35rem;font-size:.65rem;font-weight:600}.user-menu-wrap{position:relative}.user-menu-btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:.5rem;align-items:center;padding:.35rem;transition:color .15s,border-color .15s;display:flex}.user-menu-btn:hover{color:var(--text-primary);border-color:var(--text-muted)}.user-avatar-letter{width:22px;height:22px;color:var(--accent);background:#2563eb26;border-radius:4px;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;line-height:1;display:flex}.user-menu-backdrop{z-index:999;position:fixed;inset:0}.user-menu-dropdown{background:var(--bg-card);border:1px solid var(--border);z-index:1000;border-radius:.75rem;min-width:220px;padding:.4rem 0;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 40px #0006}.user-menu-email{color:var(--text-muted);font-size:.8rem;font-family:var(--font-mono);border-bottom:1px solid var(--border);text-overflow:ellipsis;white-space:nowrap;padding:.6rem 1rem;overflow:hidden}.user-menu-timer{color:var(--text-muted);border-bottom:1px solid var(--border);align-items:center;gap:.45rem;padding:.45rem 1rem;font-size:.78rem;display:flex}.user-menu-timer svg{opacity:.6}.user-menu-item{text-align:left;cursor:pointer;width:100%;color:var(--text-secondary);background:0 0;border:none;padding:.55rem 1rem;font-size:.85rem;transition:background .1s,color .1s;display:block}.user-menu-item:hover{color:var(--text-primary);background:#ffffff0a}.user-menu-item.terminate{color:var(--red,#ef4444)}.user-menu-item.terminate:hover{background:#ef444414}.user-menu-confirm{color:var(--text-muted);border-top:1px solid var(--border);padding:.5rem 1rem;font-size:.8rem}.user-menu-confirm-btns{flex-direction:column;gap:0;display:flex}.tab-alert-dot{vertical-align:middle;width:8px;height:8px;margin-left:6px}.resource-alerts{background:#ef44440f;border:1px solid #ef44444d;border-left:3px solid #ef4444;border-radius:.5rem;margin-bottom:1rem;padding:.6rem .75rem}.resource-alerts-title{color:#ef4444;align-items:center;gap:.4rem;margin-bottom:.4rem;font-size:.8rem;font-weight:600;display:flex}.resource-alert-row{align-items:flex-start;gap:.5rem;padding:.25rem 0;font-size:.78rem;display:flex}.resource-alert-row .alert-dot{width:8px;height:8px;margin-top:4px}.resource-alert-name{color:var(--text-primary);flex-shrink:0;min-width:120px;font-weight:500}.resource-alert-reason{color:var(--text-muted);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.resource-alerts-other{color:var(--text-muted);border-top:1px solid #ffffff0d;margin-top:.3rem;padding-top:.3rem;font-size:.75rem}.modal-backdrop{z-index:300;background:#0009;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.modal-actions{gap:.75rem;margin-top:1rem;display:flex}.login-link-btn{color:var(--accent);cursor:pointer;font-size:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.login-link-btn:hover{opacity:.8}.login-warning{border:1px solid var(--amber);border-radius:var(--radius);color:var(--amber);background:#fbbf241a;margin-bottom:.5rem;padding:.5rem .75rem;font-size:.85rem}.login-info{border-radius:var(--radius);color:var(--blue);text-align:center;background:#60a5fa1a;border:1px solid #60a5fa4d;padding:.5rem .75rem;font-size:.85rem}.mfa-qr-container{justify-content:center;margin:1rem 0;display:flex}.mfa-qr-image{background:#fff;border-radius:8px;padding:.5rem}.mfa-secret-display{margin-bottom:1rem}.mfa-secret-display label{color:var(--text-muted);margin-bottom:.3rem;font-size:.8rem;display:block}.mfa-secret-code{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font-mono,monospace);word-break:break-all;-webkit-user-select:all;user-select:all;padding:.5rem .75rem;font-size:.9rem;display:block}.mfa-recovery-codes{grid-template-columns:repeat(2,1fr);gap:.5rem;margin:1rem 0;display:grid}.mfa-recovery-code{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font-mono,monospace);text-align:center;-webkit-user-select:all;user-select:all;padding:.4rem .6rem;font-size:.85rem;display:block}.mfa-gate-notice{border-radius:var(--radius);background:#fbbf240f;border:1px solid #fbbf2440;padding:1rem 1.25rem}.mfa-gate-title{color:var(--amber);margin-bottom:.35rem;font-size:.9rem;font-weight:600}.mfa-gate-text{color:var(--text-muted);font-size:.85rem;line-height:1.5}.otel-page{flex-direction:column;gap:1rem;max-width:1400px;padding:1.25rem 1.5rem;display:flex}.otel-page-header{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.otel-page-header h2{margin-right:auto;font-size:1.15rem;font-weight:600}.otel-time-picker{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);gap:2px;padding:2px;display:flex}.otel-time-btn{color:var(--text-muted);cursor:pointer;font-size:12px;font-family:var(--font-body);background:0 0;border:none;border-radius:4px;padding:4px 10px}.otel-time-btn:hover{color:var(--text);background:var(--bg-hover)}.otel-time-btn.active{color:var(--text);background:var(--bg-card)}.otel-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem}.otel-histogram-card{padding:.5rem .75rem}.otel-table-card{max-height:500px;padding:0;overflow-y:auto}.otel-filters{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.otel-select,.otel-input{background:var(--bg-panel);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);font-size:12px;font-family:var(--font-body);min-width:120px;padding:6px 10px}.otel-select:focus,.otel-input:focus{border-color:var(--accent);outline:none}.otel-select-wide{min-width:220px}.otel-search-wrap{align-items:center;display:flex;position:relative}.otel-search-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:8px}.otel-search{background:var(--bg-panel);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);font-size:12px;font-family:var(--font-body);min-width:200px;padding:6px 28px 6px 26px}.otel-search:focus{border-color:var(--accent);outline:none}.otel-search-clear{position:absolute;right:4px}.otel-table{border-collapse:collapse;width:100%;font-size:12px}.otel-table th{text-align:left;color:var(--text-muted);border-bottom:1px solid var(--border);background:var(--bg-card);z-index:1;padding:8px 10px;font-weight:500;position:sticky;top:0}.otel-table td{border-bottom:1px solid var(--border);max-width:0;padding:6px 10px}.otel-table-row{cursor:pointer;transition:background .1s}.otel-table-row:hover{background:var(--bg-hover)}.otel-table-compact td{padding:4px 8px}.otel-table-compact th{padding:6px 8px}.otel-truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.otel-mono{font-family:var(--font-mono);font-size:11px}.otel-badge{text-transform:uppercase;letter-spacing:.5px;border:1px solid;border-radius:3px;padding:1px 6px;font-size:10px;font-weight:600;display:inline-block}.otel-row-chevron{color:var(--text-muted)}.otel-loading{text-align:center;color:var(--text-muted);padding:2rem;font-size:13px}.otel-empty{text-align:center;color:var(--text-muted);padding:3rem 2rem;font-size:13px}.otel-empty-small{text-align:center;color:var(--text-muted);padding:1.5rem 1rem;font-size:12px}.otel-empty-state{text-align:center;border:1px dashed var(--border);border-radius:12px;margin:2rem 0;padding:4rem 2rem}.otel-empty-state .otel-empty-icon{color:var(--text-muted);opacity:.4;margin-bottom:.5rem;font-size:3rem}.otel-empty-state h3{color:var(--text);margin:.5rem 0;font-size:1.1rem}.otel-error{background:var(--red);border:1px solid var(--red);color:var(--red);border-radius:var(--radius);background:#f04d5f1f;padding:8px 12px;font-size:12px}.otel-drawer-backdrop{z-index:100;background:#0006;justify-content:flex-end;display:flex;position:fixed;inset:0}.otel-drawer{background:var(--bg-panel);border-left:1px solid var(--border);flex-direction:column;width:420px;max-width:90vw;display:flex;overflow-y:auto}.otel-drawer-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.otel-drawer-header h3,.otel-drawer-header h4{font-size:14px;font-weight:600}.otel-drawer-body{flex-direction:column;gap:16px;padding:12px 16px;display:flex}.otel-icon-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px}.otel-icon-btn:hover{color:var(--text);background:var(--bg-hover)}.otel-kv-group{flex-direction:column;gap:4px;display:flex}.otel-kv{gap:8px;font-size:12px;line-height:1.5;display:flex}.otel-kv-key{color:var(--text-muted);flex-shrink:0;min-width:100px}.otel-kv-val{color:var(--text);word-break:break-all}.otel-detail-section h4,.otel-detail-section h5{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:12px;font-weight:600}.otel-pre{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);font-size:11px;font-family:var(--font-mono);white-space:pre-wrap;word-break:break-all;max-height:200px;padding:8px 10px;overflow-y:auto}.otel-link{color:var(--accent);align-items:center;gap:4px;font-size:12px;text-decoration:none;display:inline-flex}.otel-link:hover{text-decoration:underline}.otel-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:600}.otel-text-muted{color:var(--text-muted);font-size:12px}.otel-grid-2{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=900px){.otel-grid-2{grid-template-columns:1fr}}.otel-back-btn{border:1px solid var(--border);color:var(--text);border-radius:var(--radius);cursor:pointer;font-size:12px;font-family:var(--font-body);background:0 0;align-items:center;gap:4px;padding:4px 10px;display:inline-flex}.otel-back-btn:hover{background:var(--bg-hover)}.otel-metric-names-card{padding:.75rem}.otel-metric-names-grid{flex-wrap:wrap;gap:4px;display:flex}.otel-metric-name-btn{background:var(--bg-panel);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;font-size:11px;font-family:var(--font-mono);border-radius:3px;padding:3px 8px}.otel-metric-name-btn:hover{color:var(--text);border-color:var(--border-mid)}.otel-metric-name-btn.active{color:var(--accent);border-color:var(--accent)}.otel-waterfall-card{flex:1;min-width:0;max-height:600px;overflow-y:auto}.otel-trace-detail-layout{gap:1rem;display:flex}.otel-span-detail{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);flex-shrink:0;width:340px;max-height:600px;padding:0;overflow-y:auto}.otel-span-detail .otel-drawer-header{padding:10px 12px}.otel-span-detail .otel-kv-group,.otel-span-detail .otel-detail-section{padding:0 12px 12px}.otel-waterfall{flex-direction:column;display:flex}.otel-waterfall-row{border-bottom:1px solid var(--border);cursor:pointer;align-items:center;gap:8px;min-height:28px;padding:3px 8px;display:flex}.otel-waterfall-row:hover{background:var(--bg-hover)}.otel-waterfall-row.selected{background:var(--bg-hover);border-left:2px solid var(--accent)}.otel-waterfall-label{flex-shrink:0;gap:4px;width:240px;font-size:11px;display:flex;overflow:hidden}.otel-waterfall-svc{white-space:nowrap;font-weight:600}.otel-waterfall-name{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.otel-waterfall-bar-wrap{background:var(--bg);border-radius:2px;flex:1;height:16px;position:relative}.otel-waterfall-bar{opacity:.8;border-radius:2px;min-width:2px;height:12px;position:absolute;top:2px}.otel-waterfall-dur{color:var(--text-muted);font-size:10px;line-height:16px;position:absolute;top:0;right:4px}.otel-service-map{max-height:300px;overflow-y:auto}.otel-btn{border:1px solid var(--border);background:var(--bg-card);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;transition:all .15s;display:inline-flex}.otel-btn:hover{border-color:var(--accent);color:var(--accent)}.otel-btn:disabled{opacity:.5;cursor:not-allowed}.otel-btn-active,.otel-btn.otel-btn-active{background:var(--accent);color:#fff;border-color:var(--accent)}.otel-btn-active:hover{background:var(--red);border-color:var(--red)}.otel-waterfall-row.otel-waterfall-error{background:#ef44440f}.otel-waterfall-row.otel-waterfall-error .otel-waterfall-name{color:var(--red)}.otel-trace-summary{margin-bottom:8px;padding:12px 16px}.otel-trace-summary-grid{flex-wrap:wrap;gap:24px;display:flex}.otel-trace-stat{flex-direction:column;gap:2px;display:flex}.agent-summary-bar{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);gap:1.5rem;margin-bottom:1rem;padding:.75rem 1rem;display:flex}.agent-summary-item{flex-direction:column;align-items:center;gap:2px;display:flex}.agent-summary-num{color:var(--text);font-size:1.25rem;font-weight:700}.agent-summary-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:10px}.agent-modal{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);width:560px;max-width:90vw;max-height:80vh;margin:auto;overflow-y:auto}.retention-form{padding:0}.retention-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.retention-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:.5rem;padding:1rem;display:flex}.retention-card-header{flex-direction:column;gap:2px;display:flex}.otel-trace-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px}.otel-trace-stat-value{color:var(--text);font-size:18px;font-weight:600}.otel-trace-services{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.otel-event-item{border-bottom:1px solid var(--border);padding:6px 0}.otel-event-item:last-child{border-bottom:none}.retention-card-label{color:var(--text);font-size:14px;font-weight:600}.retention-card-desc{color:var(--text-muted);font-size:11px}.retention-card-input{align-items:center;gap:.5rem;display:flex}.retention-input{background:var(--bg-panel);border:1px solid var(--border);width:80px;color:var(--text);border-radius:var(--radius);font-size:14px;font-family:var(--font-body);text-align:center;padding:6px 10px}.retention-input:focus{border-color:var(--accent);outline:none}.retention-unit{color:var(--text-muted);font-size:12px}.retention-card-current{color:var(--text-muted);font-size:11px}.retention-oss-notice{background:var(--amber);border:1px solid var(--amber);color:var(--amber);border-radius:var(--radius);background:#f5a6231a;margin-bottom:1rem;padding:8px 12px;font-size:12px}.panel-success{border:1px solid var(--green);color:var(--green);border-radius:var(--radius);background:#22d18b1a;padding:8px 12px;font-size:12px}