:root{--bg: #f6f7f9;--bg-panel: #ffffff;--bg-sunken: #f0f2f5;--bg-hover: #f3f5f8;--bg-subtle: #fafbfc;--border: #e4e7ec;--border-strong: #d0d5dd;--border-subtle: #eef0f3;--fg: #0f172a;--fg-muted: #475569;--fg-dim: #667085;--fg-faint: #98a2b3;--accent: #3949ab;--accent-weak: #eef0fa;--accent-strong: #2a3790;--p0: #b42318;--p0-bg: #fef3f2;--p1: #dc6803;--p1-bg: #fff6ed;--p2: #b54708;--p2-bg: #fffaeb;--p3: #0369a1;--p3-bg: #f0f9ff;--ok: #067647;--ok-bg: #ecfdf3;--purple: #6941c6;--purple-bg: #f4f3ff;--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--ui: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius: 6px;--radius-lg: 10px;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .04);--shadow: 0 4px 12px -2px rgba(16, 24, 40, .06), 0 1px 3px rgba(16, 24, 40, .04);--shadow-lg: 0 24px 48px -12px rgba(16, 24, 40, .18);--row-h: 40px;--gap: 16px}[data-density=cozy]{--row-h: 52px;--gap: 20px}[data-theme=dark]{--bg: #0b0d10;--bg-panel: #13161b;--bg-sunken: #0f1216;--bg-hover: #1a1e24;--bg-subtle: #15181e;--border: #242932;--border-strong: #2f3640;--border-subtle: #1c2028;--fg: #e5e7eb;--fg-muted: #9aa3af;--fg-dim: #7a8390;--fg-faint: #5a626e;--accent: #7c8cff;--accent-weak: #1e2340;--p0-bg: #2a1010;--p1-bg: #2a1a0a;--p2-bg: #2a210a;--p3-bg: #0e1f2a;--ok-bg: #0e2218;--purple-bg: #1b1830}[data-accent=violet]{--accent: #6941c6;--accent-weak: #f4f3ff;--accent-strong: #53389e}[data-accent=teal]{--accent: #0e7490;--accent-weak: #ecfeff;--accent-strong: #0b5463}[data-accent=slate]{--accent: #334155;--accent-weak: #eef2f6;--accent-strong: #1f2937}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--ui);font-size:13px;line-height:1.5;color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;font-feature-settings:"cv11","ss01"}button{font:inherit;color:inherit;cursor:pointer;border:none;background:none;padding:0}input,textarea,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}.mono{font-family:var(--mono);font-size:12px}.app{display:grid;grid-template-columns:220px 1fr;grid-template-rows:48px 1fr;grid-template-areas:"side topbar" "side main";height:100vh;min-height:100vh}.topbar{grid-area:topbar;border-bottom:1px solid var(--border);background:var(--bg-panel);display:flex;align-items:center;padding:0 20px;gap:24px;z-index:10}.topbar .crumbs{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500}.topbar .crumbs .sep{color:var(--fg-faint)}.topbar .crumbs .muted{color:var(--fg-dim);font-weight:400}.topbar .live-counts{margin-left:auto;display:flex;align-items:center;gap:2px;padding:2px;background:var(--bg-sunken);border-radius:6px;border:1px solid var(--border)}.live-counts .count{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:4px;font-size:12px;font-weight:500;color:var(--fg-muted)}.live-counts .count .dot{width:6px;height:6px;border-radius:50%}.live-counts .count .n{font-family:var(--mono);font-weight:600;color:var(--fg)}.live-counts .count.p0 .dot{background:var(--p0)}.live-counts .count.p1 .dot{background:var(--p1)}.live-counts .count.p2 .dot{background:var(--p2)}.live-counts .count.p3 .dot{background:var(--p3)}.live-counts .count.ok .dot{background:var(--ok)}.topbar .search{display:flex;align-items:center;gap:8px;padding:0 10px;height:30px;background:var(--bg-sunken);border:1px solid var(--border);border-radius:6px;width:280px;color:var(--fg-dim)}.topbar .search input{flex:1;background:none;border:none;outline:none;font-size:12px;color:var(--fg)}.topbar .search kbd{font-family:var(--mono);font-size:10px;padding:1px 5px;background:var(--bg-panel);border:1px solid var(--border);border-radius:3px;color:var(--fg-dim)}.topbar .user{display:flex;align-items:center;gap:8px;padding-left:12px;border-left:1px solid var(--border);font-size:12px}.topbar .user .avatar{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#fff;display:grid;place-items:center;font-size:10px;font-weight:600}.topbar .live-indicator{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--fg-dim);font-family:var(--mono)}.live-indicator .pulse{width:6px;height:6px;border-radius:50%;background:var(--ok);animation:pulse 1.6s ease-in-out infinite}.live-indicator.paused .pulse{background:var(--fg-faint);animation:none}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 #06764766}50%{opacity:.6;box-shadow:0 0 0 4px #06764700}}.sidebar{grid-area:side;background:var(--bg-panel);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.sidebar .brand{padding:14px 16px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border);height:48px}.brand .logo{width:24px;height:24px;border-radius:6px;background:var(--fg);color:var(--bg-panel);display:grid;place-items:center;font-weight:700;font-size:12px;font-family:var(--mono);position:relative}.brand .logo:after{content:"";position:absolute;width:6px;height:6px;background:var(--p0);border-radius:50%;top:-1px;right:-1px;border:2px solid var(--bg-panel)}.brand .name{font-weight:600;font-size:14px;letter-spacing:-.01em}.brand .env{margin-left:auto;font-size:10px;font-family:var(--mono);padding:2px 6px;border-radius:3px;background:var(--accent-weak);color:var(--accent);font-weight:600}.sidebar .nav{flex:1;padding:8px;overflow-y:auto}.nav-group{margin-bottom:4px}.nav-label{font-size:10px;font-weight:600;color:var(--fg-faint);text-transform:uppercase;letter-spacing:.06em;padding:10px 10px 6px}.nav-item{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:5px;color:var(--fg-muted);font-size:13px;font-weight:500;width:100%;text-align:left;position:relative}.nav-item:hover{background:var(--bg-hover);color:var(--fg)}.nav-item.active{background:var(--accent-weak);color:var(--accent-strong)}.nav-item svg{width:15px;height:15px;flex-shrink:0;opacity:.85}.nav-item .count{margin-left:auto;font-family:var(--mono);font-size:11px;color:var(--fg-dim);padding:1px 6px;background:var(--bg-sunken);border-radius:10px}.nav-item.active .count{background:#fff;color:var(--accent)}[data-theme=dark] .nav-item.active .count{background:var(--accent-strong);color:#fff}.nav-item .count.urgent{background:var(--p0-bg);color:var(--p0)}.sidebar .footer{padding:12px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px;font-size:11px;color:var(--fg-dim)}.footer .status-dot{width:6px;height:6px;border-radius:50%;background:var(--ok)}.main{grid-area:main;overflow:hidden;display:flex;flex-direction:column}.page-head{padding:20px 24px 12px;border-bottom:1px solid var(--border);background:var(--bg-panel);display:flex;align-items:flex-end;gap:16px}.page-head h1{margin:0;font-size:18px;font-weight:600;letter-spacing:-.01em}.page-head .sub{color:var(--fg-dim);font-size:12px;margin-top:2px}.page-head .right{margin-left:auto;display:flex;gap:8px;align-items:center}.filter-bar{padding:10px 24px;background:var(--bg-panel);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--bg-sunken);border:1px solid var(--border);border-radius:5px;font-size:12px;color:var(--fg-muted);font-weight:500}.chip:hover{background:var(--bg-hover);color:var(--fg)}.chip.active{background:var(--accent-weak);color:var(--accent-strong);border-color:var(--accent)}.chip svg{width:12px;height:12px}.chip .x{color:var(--fg-faint);font-size:13px;line-height:1;margin-left:2px}.chip .x:hover{color:var(--fg)}.filter-bar .divider{width:1px;align-self:stretch;background:var(--border);margin:2px 4px}.btn{display:inline-flex;align-items:center;gap:6px;padding:0 12px;height:30px;border-radius:6px;font-size:12px;font-weight:500;white-space:nowrap;flex-shrink:0;border:1px solid var(--border);background:var(--bg-panel);color:var(--fg);transition:background .1s ease,border-color .1s ease}.btn:hover{background:var(--bg-hover);border-color:var(--border-strong)}.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn.primary:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.btn.ghost{border-color:transparent;background:transparent;color:var(--fg-muted)}.btn.ghost:hover{background:var(--bg-hover);color:var(--fg)}.btn.sm{height:26px;padding:0 8px;font-size:11px}.btn.danger{color:var(--p0);border-color:var(--p0)}.btn.danger:hover{background:var(--p0-bg)}.btn svg{width:14px;height:14px}.btn.icon{padding:0;width:30px;justify-content:center}.btn.icon.sm{width:26px}.seg{display:inline-flex;background:var(--bg-sunken);border:1px solid var(--border);border-radius:6px;padding:2px;gap:1px}.seg button{padding:3px 10px;border-radius:4px;font-size:11px;font-weight:500;color:var(--fg-muted)}.seg button.active{background:var(--bg-panel);color:var(--fg);box-shadow:var(--shadow-sm)}.sev{display:inline-flex;align-items:center;gap:5px;padding:1px 7px;border-radius:4px;font-size:10px;font-weight:600;font-family:var(--mono);text-transform:uppercase;letter-spacing:.03em;line-height:1.6}.sev-p0{background:var(--p0-bg);color:var(--p0)}.sev-p1{background:var(--p1-bg);color:var(--p1)}.sev-p2{background:var(--p2-bg);color:var(--p2)}.sev-p3{background:var(--p3-bg);color:var(--p3)}.sev .bar{width:3px;height:10px;border-radius:1px;background:currentColor}.status-tag{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:500;padding:1px 7px;border-radius:4px;background:var(--bg-sunken);color:var(--fg-muted);border:1px solid var(--border)}.status-tag .dot{width:5px;height:5px;border-radius:50%;background:currentColor}.status-tag.firing{color:var(--p0);background:var(--p0-bg);border-color:transparent}.status-tag.firing .dot{animation:blink 1s ease-in-out infinite}.status-tag.resolved{color:var(--ok);background:var(--ok-bg);border-color:transparent}.status-tag.ack{color:var(--p3);background:var(--p3-bg);border-color:transparent}.status-tag.silenced{color:var(--fg-dim)}@keyframes blink{50%{opacity:.3}}.source-tag{display:inline-flex;align-items:center;gap:5px;font-size:11px;padding:1px 7px 1px 4px;border-radius:4px;background:var(--bg-sunken);color:var(--fg-muted);font-weight:500;border:1px solid var(--border)}.source-tag .ic{width:14px;height:14px;border-radius:2px;display:grid;place-items:center;font-family:var(--mono);font-weight:700;font-size:9px;color:#fff}.source-tag[data-src=grafana] .ic{background:#f46800}.source-tag[data-src=signoz] .ic{background:#e75a5a}.source-tag[data-src=sns] .ic{background:#c7388f}.source-tag[data-src=manual] .ic{background:#667085}.tag{display:inline-flex;align-items:center;padding:1px 6px;border-radius:3px;font-size:11px;font-family:var(--mono);background:var(--bg-sunken);color:var(--fg-muted);border:1px solid var(--border-subtle)}.feed-wrap{flex:1;display:grid;grid-template-columns:1fr 420px;overflow:hidden}.feed-wrap.no-drawer{grid-template-columns:1fr}.feed{overflow-y:auto;padding:8px 24px 24px;position:relative}.drawer{border-left:1px solid var(--border);background:var(--bg-panel);overflow-y:auto;overflow-x:hidden}.timeline-day{position:sticky;top:0;background:var(--bg);padding:14px 0 6px;display:flex;align-items:center;gap:12px;z-index:2}.timeline-day .label{font-size:10px;font-weight:600;color:var(--fg-faint);text-transform:uppercase;letter-spacing:.08em;font-family:var(--mono)}.timeline-day .line{flex:1;height:1px;background:var(--border)}.timeline-day .count{font-size:11px;color:var(--fg-dim);font-family:var(--mono)}.timeline{position:relative;padding-left:90px}.timeline:before{content:"";position:absolute;left:80px;top:0;bottom:0;width:1px;background:var(--border)}.tl-row{display:grid;grid-template-columns:1fr;padding:6px 0;position:relative;cursor:pointer}.tl-row .tl-time{position:absolute;left:-90px;top:10px;width:72px;text-align:right;font-family:var(--mono);font-size:11px;color:var(--fg-dim)}.tl-row .tl-dot{position:absolute;left:-14px;top:13px;width:9px;height:9px;border-radius:50%;background:var(--bg-panel);border:2px solid var(--fg-faint);z-index:1}.tl-row[data-sev=P0] .tl-dot{border-color:var(--p0);background:var(--p0)}.tl-row[data-sev=P1] .tl-dot{border-color:var(--p1);background:var(--p1)}.tl-row[data-sev=P2] .tl-dot{border-color:var(--p2);background:var(--p2)}.tl-row[data-sev=P3] .tl-dot{border-color:var(--p3);background:var(--p3)}.tl-row[data-status=resolved] .tl-dot{background:var(--bg-panel)}.tl-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:6px;padding:10px 14px;transition:border-color .15s ease,box-shadow .15s ease;position:relative}.tl-row:hover .tl-card{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.tl-row.selected .tl-card{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-weak)}.tl-row[data-sev=P0] .tl-card{border-left:3px solid var(--p0)}.tl-row[data-sev=P1] .tl-card{border-left:3px solid var(--p1)}.tl-row[data-sev=P2] .tl-card{border-left:3px solid var(--p2)}.tl-row[data-sev=P3] .tl-card{border-left:3px solid var(--p3)}.tl-card .row1{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px}.tl-card .title{font-weight:600;font-size:13px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tl-card .row2{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:11px;color:var(--fg-dim)}.tl-card .row2 .dur{font-family:var(--mono)}.tl-card .row2 .sep{color:var(--fg-faint)}.tl-card .summary{font-size:12px;color:var(--fg-muted);margin:4px 0;line-height:1.5}.tl-card .meta-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:6px}.tl-card .fp{font-family:var(--mono);font-size:10px;color:var(--fg-faint);padding:1px 5px;background:var(--bg-sunken);border-radius:3px}.tl-card .lark-sent{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-family:var(--mono);color:var(--fg-dim)}.tl-card .lark-sent svg{width:11px;height:11px}.tl-card .lark-sent.failed{color:var(--p0)}.list-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--bg-panel);border:1px solid var(--border);border-radius:6px;overflow:hidden;font-size:12px}.list-table th{text-align:left;padding:8px 12px;background:var(--bg-subtle);border-bottom:1px solid var(--border);font-size:10px;font-weight:600;color:var(--fg-dim);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.list-table td{padding:8px 12px;border-bottom:1px solid var(--border-subtle);white-space:nowrap;max-width:280px;overflow:hidden;text-overflow:ellipsis}.list-table tr:last-child td{border-bottom:none}.list-table tbody tr{cursor:pointer}.list-table tbody tr:hover{background:var(--bg-hover)}.list-table tbody tr.selected{background:var(--accent-weak)}.list-table tbody tr.selected td{border-color:var(--accent-weak)}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:12px;padding:4px 0}.alert-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;padding:12px 14px;cursor:pointer;position:relative}.alert-card:hover{border-color:var(--border-strong)}.alert-card.selected{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-weak)}.alert-card[data-sev=P0]{border-top:3px solid var(--p0)}.alert-card[data-sev=P1]{border-top:3px solid var(--p1)}.alert-card[data-sev=P2]{border-top:3px solid var(--p2)}.alert-card[data-sev=P3]{border-top:3px solid var(--p3)}.alert-card .title{font-weight:600;font-size:13px;margin:6px 0 4px}.alert-card .summary{font-size:12px;color:var(--fg-muted)}.alert-card .meta{margin-top:10px;display:flex;gap:6px;flex-wrap:wrap;font-size:11px;color:var(--fg-dim)}.drawer-head{padding:16px 20px 12px;border-bottom:1px solid var(--border);background:var(--bg-panel);position:sticky;top:0;z-index:2}.drawer-head .back{color:var(--fg-dim);font-size:11px;margin-bottom:8px}.drawer-head h2{margin:0;font-size:15px;font-weight:600;letter-spacing:-.01em;line-height:1.4}.drawer-head .chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.drawer-head .actions{display:flex;gap:6px;margin-top:12px;flex-wrap:wrap}.drawer-section{padding:14px 20px;border-bottom:1px solid var(--border-subtle)}.drawer-section h3{margin:0 0 8px;font-size:11px;font-weight:600;color:var(--fg-dim);text-transform:uppercase;letter-spacing:.06em}.kv-grid{display:grid;grid-template-columns:100px 1fr;row-gap:8px;column-gap:12px;font-size:12px}.kv-grid dt{color:var(--fg-dim)}.kv-grid dd{margin:0;color:var(--fg)}.kv-grid dd .mono{color:var(--fg-muted)}.timeline-mini{position:relative;padding-left:18px}.timeline-mini:before{content:"";position:absolute;left:4px;top:6px;bottom:6px;width:1px;background:var(--border)}.timeline-mini .ev{position:relative;padding:4px 0}.timeline-mini .ev:before{content:"";position:absolute;left:-18px;top:9px;width:7px;height:7px;border-radius:50%;background:var(--fg-faint);box-shadow:0 0 0 2px var(--bg-panel)}.timeline-mini .ev.ok:before{background:var(--ok)}.timeline-mini .ev.fire:before{background:var(--p0)}.timeline-mini .ev.info:before{background:var(--p3)}.timeline-mini .ev .time{font-family:var(--mono);font-size:11px;color:var(--fg-dim)}.timeline-mini .ev .txt{font-size:12px}pre.payload{margin:0;background:var(--bg-sunken);border:1px solid var(--border);border-radius:6px;padding:10px 12px;font-family:var(--mono);font-size:11px;color:var(--fg-muted);overflow:auto;max-height:240px;line-height:1.6}pre.payload .k{color:var(--accent)}pre.payload .s{color:var(--ok)}pre.payload .n{color:var(--p1)}pre.payload .b{color:var(--purple)}.dash{padding:16px 24px 32px;overflow-y:auto;flex:1}.stat-row{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:16px}.stat{background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;padding:12px 14px}.stat .label{font-size:11px;color:var(--fg-dim);text-transform:uppercase;letter-spacing:.04em;font-weight:500}.stat .value{font-size:24px;font-weight:600;letter-spacing:-.02em;font-family:var(--mono);margin:4px 0 2px}.stat .delta{font-size:11px;font-family:var(--mono);display:inline-flex;align-items:center;gap:3px}.stat .delta.up{color:var(--p0)}.stat .delta.down{color:var(--ok)}.stat .spark{margin-top:6px;height:28px}.chart-grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-auto-rows:minmax(240px,auto);gap:12px}.chart-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;padding:14px 16px;display:flex;flex-direction:column;min-height:0}.chart-card .head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.chart-card .head h3{margin:0;font-size:12px;font-weight:600}.chart-card .head .sub{color:var(--fg-dim);font-size:11px}.chart-card .head .right{margin-left:auto}.chart-card .body{flex:1;min-height:0;display:flex;flex-direction:column}.legend{display:flex;gap:12px;flex-wrap:wrap;font-size:11px;color:var(--fg-muted);margin-top:8px}.legend .item{display:inline-flex;align-items:center;gap:5px}.legend .sw{width:8px;height:8px;border-radius:2px}.md-editor{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--bg-panel);min-height:340px}.md-editor .pane{display:flex;flex-direction:column;min-width:0}.md-editor .pane+.pane{border-left:1px solid var(--border)}.md-editor .pane-head{padding:6px 12px;border-bottom:1px solid var(--border);background:var(--bg-subtle);display:flex;align-items:center;gap:6px;font-size:11px;color:var(--fg-dim);font-weight:500}.md-editor textarea.md-input{width:100%;flex:1;border:none;outline:none;background:var(--bg-panel);padding:14px 16px;font-family:var(--mono);font-size:12px;line-height:1.7;resize:none;color:var(--fg)}.md-editor .md-preview{padding:14px 18px;overflow:auto;font-size:13px;line-height:1.65}.md-toolbar{display:flex;gap:1px;background:var(--bg-subtle);border-bottom:1px solid var(--border);padding:4px 6px}.md-toolbar button{width:24px;height:24px;border-radius:4px;color:var(--fg-muted);font-family:var(--mono);font-weight:600;font-size:11px;display:grid;place-items:center}.md-toolbar button:hover{background:var(--bg-hover);color:var(--fg)}.md-toolbar .sep{width:1px;background:var(--border);margin:3px 4px}.md-preview h1,.md-preview h2,.md-preview h3{margin:.8em 0 .3em;font-weight:600;letter-spacing:-.01em}.md-preview h1{font-size:18px}.md-preview h2{font-size:15px}.md-preview h3{font-size:13px;color:var(--fg-muted)}.md-preview p{margin:.4em 0}.md-preview ul,.md-preview ol{padding-left:20px;margin:.4em 0}.md-preview li{margin:2px 0}.md-preview code{font-family:var(--mono);font-size:12px;padding:1px 5px;background:var(--bg-sunken);border:1px solid var(--border-subtle);border-radius:3px;color:var(--p0)}.md-preview pre{background:#0f172a;color:#e2e8f0;padding:12px 14px;border-radius:6px;font-family:var(--mono);font-size:12px;line-height:1.5;overflow:auto;margin:.6em 0}.md-preview pre code{background:none;border:none;color:inherit;padding:0}.md-preview blockquote{border-left:3px solid var(--accent);padding:2px 12px;margin:.6em 0;color:var(--fg-muted);background:var(--accent-weak);border-radius:0 4px 4px 0}.md-preview blockquote.warn{border-color:var(--p2);background:var(--p2-bg);color:var(--p2)}.md-preview blockquote.danger{border-color:var(--p0);background:var(--p0-bg);color:var(--p0)}.md-preview table{border-collapse:collapse;width:100%;margin:.6em 0;font-size:12px}.md-preview th,.md-preview td{border:1px solid var(--border);padding:5px 10px;text-align:left}.md-preview th{background:var(--bg-subtle);font-weight:600}.md-preview a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.md-preview hr{border:none;border-top:1px solid var(--border);margin:1em 0}.md-preview strong{font-weight:600;color:var(--fg)}.md-seg{display:inline-flex;margin-left:auto;font-size:10px}.md-seg button{padding:1px 7px;color:var(--fg-dim);font-family:var(--mono)}.md-seg button.active{color:var(--accent)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.form-grid .full{grid-column:1 / -1}.field{display:flex;flex-direction:column;gap:4px}.field label{font-size:11px;font-weight:500;color:var(--fg-muted);display:flex;align-items:center;gap:4px}.field label .req{color:var(--p0)}.field label .hint{color:var(--fg-faint);font-weight:400;margin-left:auto;font-size:10px}.input,.select,.textarea{padding:6px 10px;height:32px;background:var(--bg-panel);border:1px solid var(--border);border-radius:5px;font-size:12px;color:var(--fg);outline:none;width:100%}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-weak)}.textarea{height:auto;min-height:72px;padding:8px 10px;font-family:var(--mono);line-height:1.6;resize:vertical}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2398a2b3' stroke-width='2'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right 10px center;padding-right:28px}.sev-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.sev-picker button{padding:6px;border:1px solid var(--border);border-radius:5px;text-align:left;display:flex;flex-direction:column;gap:2px}.sev-picker button:hover{border-color:var(--border-strong);background:var(--bg-hover)}.sev-picker button.active{border-color:currentColor}.sev-picker button[data-lvl=P0]{color:var(--p0)}.sev-picker button[data-lvl=P1]{color:var(--p1)}.sev-picker button[data-lvl=P2]{color:var(--p2)}.sev-picker button[data-lvl=P3]{color:var(--p3)}.sev-picker button.active{background:color-mix(in srgb,currentColor 10%,transparent)}.sev-picker .code{font-family:var(--mono);font-size:12px;font-weight:700}.sev-picker .label{font-size:10px;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.04em}.sev-picker button.active .label{color:currentColor}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a4d;z-index:50;display:flex;justify-content:flex-end;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}}.modal-panel{width:min(720px,92vw);height:100%;background:var(--bg);display:flex;flex-direction:column;animation:slideIn .2s ease;border-left:1px solid var(--border)}@keyframes slideIn{0%{transform:translate(24px);opacity:0}}.modal-head{padding:16px 20px;border-bottom:1px solid var(--border);background:var(--bg-panel);display:flex;align-items:center}.modal-head h2{margin:0;font-size:15px;font-weight:600}.modal-head .sub{color:var(--fg-dim);font-size:11px}.modal-head .close{margin-left:auto;width:28px;height:28px;border-radius:5px;display:grid;place-items:center;color:var(--fg-dim)}.modal-head .close:hover{background:var(--bg-sunken);color:var(--fg)}.modal-body{flex:1;overflow-y:auto;padding:18px 20px}.modal-foot{padding:12px 20px;border-top:1px solid var(--border);background:var(--bg-panel);display:flex;justify-content:flex-end;gap:8px}.lark-msg{background:#f5f5f5;border-radius:8px;padding:12px;border:1px solid #e5e5e5;font-family:"PingFang SC","Hiragino Sans GB",var(--ui);max-width:420px}[data-theme=dark] .lark-msg{background:#1c1c1e;border-color:#2a2a2c;color:#ddd}.lark-msg .bot{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;color:#666}.lark-msg .bot .ava{width:24px;height:24px;border-radius:6px;background:linear-gradient(135deg,#3370ff,#00a8ff);color:#fff;display:grid;place-items:center;font-size:11px;font-weight:700}.lark-card{background:#fff;border-radius:6px;overflow:hidden;font-size:13px;color:#333;box-shadow:0 1px 2px #0000000d}[data-theme=dark] .lark-card{background:#2c2c2e;color:#e5e5e5}.lark-card .header{padding:10px 14px;color:#fff;display:flex;align-items:center;gap:8px;font-weight:600;font-size:13px}.lark-card .header.p0{background:#d92d20}.lark-card .header.p1{background:#dc6803}.lark-card .header.p2{background:#dc9a05}.lark-card .header.p3{background:#0ba5ec}.lark-card .header .lvl{font-family:var(--mono);font-size:10px;padding:1px 5px;background:#0003;border-radius:3px}.lark-card .content{padding:10px 14px}.lark-card .content .row{display:grid;grid-template-columns:60px 1fr;gap:8px;font-size:12px;padding:2px 0}.lark-card .content .row .k{color:#999}[data-theme=dark] .lark-card .content .row .k{color:#8a8a8a}.lark-card .content .row .v{color:#333;font-family:var(--mono);font-size:11px}[data-theme=dark] .lark-card .content .row .v{color:#e5e5e5}.lark-card .desc{color:#444;font-size:12px;margin:6px 0;line-height:1.5}[data-theme=dark] .lark-card .desc{color:#b5b5b5}.lark-card .actions{border-top:1px solid #eee;padding:8px 14px;display:flex;gap:8px}[data-theme=dark] .lark-card .actions{border-color:#38383a}.lark-card .actions a{font-size:12px;color:#1664ff;font-weight:500}[data-theme=dark] .lark-card .actions a{color:#6ca1ff}.tweaks-panel{position:fixed;right:20px;bottom:20px;width:280px;background:var(--bg-panel);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-lg);z-index:40;overflow:hidden}.tweaks-panel .head{padding:10px 14px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px;background:var(--bg-subtle)}.tweaks-panel .head .title{font-weight:600;font-size:12px}.tweaks-panel .head .dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}.tweaks-panel .head .close{margin-left:auto;color:var(--fg-dim);width:22px;height:22px;display:grid;place-items:center;border-radius:4px}.tweaks-panel .body{padding:12px 14px;display:flex;flex-direction:column;gap:12px;max-height:60vh;overflow-y:auto}.tweak-field{display:flex;flex-direction:column;gap:5px}.tweak-field label{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--fg-dim);font-weight:600}.tweak-seg{display:flex;gap:1px;background:var(--bg-sunken);border:1px solid var(--border);border-radius:5px;padding:2px}.tweak-seg button{flex:1;padding:4px 6px;font-size:11px;border-radius:3px;color:var(--fg-muted)}.tweak-seg button.active{background:var(--bg-panel);color:var(--fg);box-shadow:var(--shadow-sm)}.tweak-switch{display:flex;align-items:center;gap:8px;font-size:12px;padding:4px 0}.tweak-switch .ui-switch{width:28px;height:16px;background:var(--border-strong);border-radius:8px;position:relative;cursor:pointer;transition:background .15s ease;flex-shrink:0}.tweak-switch .ui-switch.on{background:var(--accent)}.tweak-switch .ui-switch:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;background:#fff;border-radius:50%;transition:left .15s ease}.tweak-switch .ui-switch.on:after{left:14px}.accent-swatches{display:flex;gap:6px}.accent-swatches button{width:24px;height:24px;border-radius:5px;border:2px solid transparent;transition:border-color .1s ease}.accent-swatches button.active{border-color:var(--fg)}.tweaks-fab{position:fixed;right:20px;bottom:20px;width:38px;height:38px;border-radius:10px;background:var(--fg);color:var(--bg);display:grid;place-items:center;box-shadow:var(--shadow-lg);z-index:39}.empty{padding:40px;text-align:center;color:var(--fg-dim);font-size:13px;border:1px dashed var(--border);border-radius:8px;margin:24px}.empty h3{margin:0 0 6px;color:var(--fg);font-size:14px;font-weight:600}.two-col{display:grid;grid-template-columns:1fr 320px;gap:16px;padding:16px 24px;overflow-y:auto;flex:1}.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;padding:14px 16px}.panel h3{margin:0 0 10px;font-size:13px;font-weight:600}.panel .row{display:flex;align-items:center;gap:8px;padding:6px 0}.panel .row+.row{border-top:1px solid var(--border-subtle)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:5px;border:2px solid var(--bg)}::-webkit-scrollbar-track{background:transparent}.kb-grid{display:grid;grid-template-columns:320px 1fr;gap:0;flex:1;min-height:0;overflow:hidden}.kb-list{border-right:1px solid var(--border);overflow-y:auto;background:var(--bg-panel)}.kb-item{padding:10px 16px;border-bottom:1px solid var(--border-subtle);cursor:pointer}.kb-item:hover{background:var(--bg-hover)}.kb-item.active{background:var(--accent-weak);border-left:3px solid var(--accent);padding-left:13px}.kb-item .title{font-weight:600;font-size:13px;margin-bottom:2px}.kb-item .meta{font-size:11px;color:var(--fg-dim)}.kb-item .tags{display:flex;gap:4px;margin-top:6px;flex-wrap:wrap}.kb-detail{overflow-y:auto;padding:20px 28px}.kb-detail .head{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.kb-detail .head h2{margin:0;font-size:20px;font-weight:600;letter-spacing:-.01em;flex:1}.kb-detail .meta-bar{display:flex;gap:12px;font-size:11px;color:var(--fg-dim);padding-bottom:12px;border-bottom:1px solid var(--border-subtle);margin-bottom:16px}.kb-detail .md-preview{padding:0}.rule-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;padding:12px 14px;margin-bottom:10px}.rule-card .head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.rule-card .head .name{font-weight:600;font-size:13px}.rule-card .head .right{margin-left:auto;display:flex;gap:4px}.rule-card .flow{display:flex;align-items:center;gap:10px;padding:10px 0 6px;font-size:11px;overflow-x:auto}.rule-card .node{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;background:var(--bg-sunken);border:1px solid var(--border);border-radius:5px;white-space:nowrap}.rule-card .node.match{background:var(--accent-weak);border-color:var(--accent);color:var(--accent-strong)}.rule-card .node.target{background:var(--ok-bg);border-color:transparent;color:var(--ok)}.rule-card .arr{color:var(--fg-faint)}.source-row{display:grid;grid-template-columns:40px 1fr 120px 100px 120px 80px;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--border-subtle);font-size:12px}.source-row:last-child{border-bottom:none}.source-row .logo{width:28px;height:28px;border-radius:6px;display:grid;place-items:center;font-family:var(--mono);font-size:11px;font-weight:700;color:#fff}.source-row .name{font-weight:600}.source-row .endpoint{color:var(--fg-dim);font-family:var(--mono);font-size:11px}.roster{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;background:var(--border);border:1px solid var(--border);border-radius:6px;overflow:hidden}.roster .col-head{background:var(--bg-subtle);padding:6px 8px;font-size:10px;color:var(--fg-dim);font-weight:600;text-transform:uppercase;text-align:center}.roster .day{background:var(--bg-panel);padding:10px 8px;min-height:70px;text-align:center}.roster .day.today{background:var(--accent-weak)}.roster .day .num{font-family:var(--mono);font-size:12px;color:var(--fg-dim);margin-bottom:4px}.roster .day .avatar{width:24px;height:24px;border-radius:50%;margin:0 auto 2px;display:grid;place-items:center;font-size:10px;font-weight:600;color:#fff}.roster .day .name{font-size:10px;color:var(--fg-muted)}.sol-item{display:flex;gap:10px;padding:8px 0;border-bottom:1px solid var(--border-subtle)}.sol-item:last-child{border:none}.sol-item .icon{width:24px;height:24px;border-radius:5px;background:var(--accent-weak);color:var(--accent);display:grid;place-items:center;flex-shrink:0}.sol-item .info{flex:1;min-width:0}.sol-item .title{font-weight:500;font-size:12px}.sol-item .meta{font-size:10px;color:var(--fg-dim)}.sol-item .score{font-family:var(--mono);font-size:10px;color:var(--ok);padding:1px 5px;background:var(--ok-bg);border-radius:3px}.payload-editor{border:1px solid var(--border);border-radius:6px;overflow:hidden;background:var(--bg-sunken)}.payload-editor textarea{width:100%;border:none;outline:none;background:none;padding:10px 12px;font-family:var(--mono);font-size:11px;line-height:1.65;min-height:120px;resize:vertical;color:var(--fg)}.row{display:flex;align-items:center;gap:8px}.gap-4{gap:4px}.gap-6{gap:6px}.gap-8{gap:8px}.gap-12{gap:12px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.text-dim{color:var(--fg-dim)}.text-muted{color:var(--fg-muted)}.text-faint{color:var(--fg-faint)}.text-sm{font-size:11px}.flex1{flex:1}.stack{display:flex;flex-direction:column}.kbd{font-family:var(--mono);font-size:10px;padding:1px 5px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:3px;color:var(--fg-dim)}.auth-root{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);z-index:100;overflow:hidden;font-family:var(--ui);color:var(--fg)}.auth-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.auth-bg-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,rgba(57,73,171,.06) 1px,transparent 1px),linear-gradient(to bottom,rgba(57,73,171,.06) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse at 20% 30%,#000 20%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at 20% 30%,#000 20%,transparent 75%)}.auth-bg-blob{position:absolute;width:520px;height:520px;border-radius:50%;filter:blur(90px);opacity:.35}.auth-bg-blob.b1{background:#3949ab;top:-120px;left:-80px}.auth-bg-blob.b2{background:#0e7490;bottom:-120px;right:30%;opacity:.22}.auth-shell{position:relative;height:100%;display:grid;grid-template-columns:1.1fr 1fr;max-width:1280px;margin:0 auto}.auth-left{padding:56px 60px;display:flex;flex-direction:column;gap:32px;justify-content:space-between}.auth-brand{display:flex;align-items:center;gap:12px}.auth-brand .logo{width:36px;height:36px;border-radius:8px;background:var(--fg);color:var(--bg-panel);display:grid;place-items:center;font-weight:700;font-family:var(--mono);font-size:16px;position:relative}.auth-brand .logo:after{content:"";position:absolute;width:8px;height:8px;background:var(--p0);border-radius:50%;top:-1px;right:-1px;border:2px solid var(--bg)}.auth-brand .name{font-weight:700;font-size:16px;letter-spacing:-.01em}.auth-brand .tag{font-size:11px;color:var(--fg-dim);font-family:var(--mono)}.auth-pitch h1{font-size:40px;font-weight:600;letter-spacing:-.02em;line-height:1.15;margin:0 0 16px;text-wrap:balance}.auth-pitch p{font-size:14px;color:var(--fg-muted);line-height:1.65;max-width:420px;margin:0}.auth-features{display:flex;flex-direction:column;gap:10px}.auth-features .feat{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--fg-muted)}.auth-features .dot{width:6px;height:6px;border-radius:50%}.auth-stat-strip{display:flex;gap:32px;padding:18px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.auth-stat-strip>div{display:flex;flex-direction:column}.auth-stat-strip .n{font-family:var(--mono);font-size:20px;font-weight:600;letter-spacing:-.01em}.auth-stat-strip .l{font-size:11px;color:var(--fg-dim)}.auth-footer{display:flex;justify-content:space-between;font-size:11px;color:var(--fg-faint);font-family:var(--mono)}.auth-right{padding:56px 60px 36px 20px;display:flex;flex-direction:column;justify-content:center;gap:14px}.auth-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:14px;box-shadow:0 24px 60px -20px #1018282e,0 4px 12px #1018280a;padding:32px 32px 24px;position:relative}.auth-title{font-size:22px;font-weight:600;letter-spacing:-.01em}.auth-sub{font-size:13px;color:var(--fg-dim);margin-top:4px;margin-bottom:24px}.gbtn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:0 14px;height:44px;background:var(--bg-panel);border:1px solid var(--border-strong);border-radius:8px;font-size:14px;font-weight:500;color:var(--fg);transition:background .12s ease,border-color .12s ease,box-shadow .12s ease}.gbtn:hover{background:var(--bg-hover);border-color:var(--fg-dim);box-shadow:0 1px 2px #1018280d}.gbtn.primary{background:#1a73e8;color:#fff;border-color:#1a73e8}.gbtn.primary:hover{background:#1765cc}.auth-divider{display:flex;align-items:center;gap:12px;margin:20px 0 16px;font-size:11px;color:var(--fg-faint);text-transform:uppercase;letter-spacing:.08em}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-alt{width:100%;display:flex;align-items:center;gap:10px;padding:0 14px;height:40px;border-radius:8px;border:1px solid var(--border);background:var(--bg-panel);color:var(--fg-muted);font-size:13px;font-weight:500;margin-bottom:8px}.auth-alt:hover{background:var(--bg-hover);color:var(--fg)}.auth-alt .alt-ic{width:22px;height:22px;border-radius:4px;display:grid;place-items:center;background:var(--bg-sunken);font-family:var(--mono);font-size:12px}.auth-tos{font-size:11px;color:var(--fg-dim);line-height:1.6;margin-top:18px}.auth-tos a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.auth-tos b{font-family:var(--mono);color:var(--fg-muted);font-weight:500}.auth-g-head{margin-bottom:18px}.auth-acct-list{display:flex;flex-direction:column;gap:0;border:1px solid var(--border);border-radius:8px;overflow:hidden}.acct{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--bg-panel);border:none;border-bottom:1px solid var(--border-subtle);text-align:left}.acct:last-child{border-bottom:none}.acct:hover{background:var(--bg-hover)}.acct .ava{width:30px;height:30px;border-radius:50%;color:#fff;font-size:11px;font-weight:600;display:grid;place-items:center;flex-shrink:0}.acct .ava.add-ic{background:var(--bg-sunken);color:var(--fg-muted);font-size:16px;font-weight:400}.acct .info{display:flex;flex-direction:column;gap:1px;min-width:0}.acct .info .n{font-size:13px;font-weight:500}.acct .info .e{font-size:12px;color:var(--fg-dim);font-family:var(--mono)}.auth-g-footer{display:flex;align-items:center;gap:12px;margin-top:20px;font-size:11px;color:var(--fg-dim)}.auth-g-footer a{cursor:pointer}.auth-g-footer a:hover{color:var(--fg)}.link-back{margin-top:14px;font-size:12px;color:var(--fg-dim)}.link-back:hover{color:var(--fg)}.auth-consent-user{display:inline-flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;border:1px solid var(--border);border-radius:100px;margin-top:10px;font-size:12px}.auth-consent-user .ava{width:22px;height:22px;border-radius:50%;color:#fff;font-size:10px;font-weight:600;display:grid;place-items:center}.auth-consent-user .tiny{color:var(--accent);font-size:11px;margin-left:4px;padding:0 6px}.auth-consent{padding:18px 20px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:10px;margin-top:8px}.consent-intro{font-size:13px;font-weight:500;margin-bottom:12px}.consent-scopes{display:flex;flex-direction:column;gap:10px}.consent-scopes .scope{display:flex;gap:10px;padding:10px 12px;background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:7px;font-size:12px}.consent-scopes .ic{flex-shrink:0;width:18px;height:18px;border-radius:50%;background:var(--ok-bg);color:var(--ok);display:grid;place-items:center;font-size:11px;font-weight:700}.consent-scopes .t{color:var(--fg);font-weight:500}.consent-scopes .s{color:var(--fg-dim);font-size:11px;margin-top:2px}.consent-note{font-size:11px;color:var(--fg-dim);margin-top:14px;line-height:1.65}.consent-note a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.auth-consent-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.auth-consent-actions .gbtn{width:auto;padding:0 24px}.ghost-link{color:var(--fg-muted);padding:0 14px;height:40px;font-size:13px;font-weight:500;border-radius:6px}.ghost-link:hover{background:var(--bg-hover);color:var(--fg)}.auth-loading{display:flex;flex-direction:column;align-items:center;padding:20px 0 8px}.spinner{width:40px;height:40px;border-radius:50%;border:3px solid var(--bg-sunken);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-load-steps{margin-top:22px;display:flex;flex-direction:column;gap:6px;font-size:12px;font-family:var(--mono);color:var(--fg-dim);width:100%}.auth-load-steps .step.done{color:var(--ok)}.auth-load-steps .step.current{color:var(--accent)}.auth-right-foot{display:flex;justify-content:space-between;font-size:11px;color:var(--fg-dim);padding:0 4px}.auth-right-foot a{color:var(--accent)}.auth-right-foot .mono{font-family:var(--mono);color:var(--fg-faint)}.user-menu{position:absolute;right:20px;top:48px;background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-lg);width:240px;z-index:60;overflow:hidden}.user-menu .hd{padding:12px 14px 10px;border-bottom:1px solid var(--border)}.user-menu .hd .n{font-size:13px;font-weight:600}.user-menu .hd .e{font-size:11px;color:var(--fg-dim);font-family:var(--mono)}.user-menu .g-pill{display:inline-flex;align-items:center;gap:6px;margin-top:6px;font-size:10px;padding:2px 8px;background:var(--bg-sunken);border-radius:100px;color:var(--fg-dim)}.user-menu .item{display:flex;align-items:center;gap:10px;padding:8px 14px;width:100%;text-align:left;font-size:12px;color:var(--fg)}.user-menu .item:hover{background:var(--bg-hover)}.user-menu .item.danger{color:var(--p0)}.user-menu .item svg{width:14px;height:14px}.user-menu .sep{height:1px;background:var(--border);margin:4px 0}.user-clicker{cursor:pointer}[data-accent=indigo]{--accent: #3949ab;--accent-weak: #eef0fa;--accent-strong: #2a3790}.error-banner{padding:10px 20px;margin:0 24px 12px;background:var(--p0-bg);color:var(--p0);border:1px solid rgba(180,35,24,.25);border-radius:8px;font-size:13px}.status-tag.degraded{color:var(--p2);background:var(--p2-bg);border-color:transparent}.app-loading{display:grid;place-items:center;height:100vh;color:var(--fg-dim);font-size:13px}.members-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}.member-card{position:relative;background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;padding:14px 16px 12px;display:flex;flex-direction:column;gap:10px;transition:border-color .12s ease,box-shadow .12s ease,transform .12s ease}.member-card:hover{border-color:var(--border-strong);box-shadow:0 2px 10px -6px #0f172a1f}.member-card.is-self{border-color:var(--accent);background:linear-gradient(180deg,var(--accent-weak) 0%,var(--bg-panel) 70%)}.member-card.is-disabled{opacity:.62}.member-card__header{display:flex;gap:12px;align-items:center}.member-card__avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:600;font-size:16px;letter-spacing:.01em;flex-shrink:0;box-shadow:inset 0 0 0 1px #fff3}.member-card__ident{flex:1;min-width:0}.member-card__ident .name{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-card__ident .email{font-family:var(--mono);font-size:11.5px;color:var(--fg-dim);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-card__badges{display:flex;gap:6px;flex-wrap:wrap}.role-pill{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;font-size:11px;font-weight:500;border-radius:11px;border:1px solid transparent}.role-pill .dot{width:5px;height:5px;border-radius:50%;background:currentColor}.role-pill.admin{color:var(--accent-strong);background:var(--accent-weak)}.role-pill.member{color:var(--ok);background:var(--ok-bg)}.role-pill.viewer{color:var(--fg-dim);background:var(--bg-sunken)}.self-badge{font-size:10px;font-weight:600;padding:1px 6px;border-radius:4px;background:var(--accent);color:#fff;letter-spacing:.04em}.member-card__footer{display:flex;align-items:center;gap:6px;padding-top:10px;border-top:1px solid var(--border-subtle);font-size:11px;color:var(--fg-dim)}.member-card__footer .spacer{flex:1}.member-card__footer .actions{display:flex;gap:2px}.members-empty{grid-column:1 / -1;padding:40px 20px;text-align:center;color:var(--fg-dim);font-size:13px;border:1px dashed var(--border);border-radius:8px;background:var(--bg-subtle)}