:root{--bg: #f6f4ef;--surface: #ffffff;--surface-2: #f1efe9;--border: #e4e0d7;--border-strong: #d6d0c4;--ink: #14233b;--muted: #5d6473;--faint: #9a978f;--teal: #17a398;--teal-ink: #0f7a70;--teal-tint: #e3f1ef;--gold: #d4a02c;--gold-ink: #8a6a12;--gold-tint: #f7eccc;--gold-wash: #fbf4e3;--danger: #cf4636;--danger-ink: #a8392c;--danger-tint: #f7e0dc;--success: #1f9d6b;--control-h: 36px;--row-h: 40px;--radius-card: 10px;--radius-control: 6px;--sidebar-w: 224px;--rightpanel-w: 300px;--font: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--mono: "Cascadia Code", "SF Mono", "Consolas", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);color:var(--ink);background:var(--bg);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--teal-ink);text-decoration:none}a:hover{text-decoration:underline}.sc-app{display:grid;grid-template-rows:auto 1fr;height:100%}.sc-body{display:flex;min-height:0}.sc-content{flex:1;min-width:0;display:flex}.sc-topbar{display:flex;align-items:center;gap:16px;height:52px;padding:0 16px;background:var(--surface);border-bottom:1px solid var(--border)}.sc-brand{display:flex;align-items:center;gap:9px;font-weight:600}.sc-brand .mark{width:24px;height:24px;border-radius:6px;background:var(--teal);display:inline-flex;align-items:center;justify-content:center;color:#fff}.sc-search{flex:1;max-width:360px;display:flex;align-items:center;gap:8px;height:var(--control-h);padding:0 12px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-control);color:var(--faint)}.sc-search input{border:none;background:transparent;outline:none;flex:1;font:inherit;color:var(--ink)}.sc-spacer{flex:1}.sc-avatar{width:30px;height:30px;border-radius:50%;background:var(--teal-tint);color:var(--teal-ink);display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.sc-sidebar{width:var(--sidebar-w);flex:none;background:var(--surface-2);border-right:1px solid var(--border);padding:10px 8px;overflow:auto}.sc-nav-item{display:flex;align-items:center;gap:10px;padding:8px 10px;margin-bottom:2px;border-radius:var(--radius-control);color:var(--muted);font-size:13px;cursor:pointer;border-left:2px solid transparent}.sc-nav-item:hover{background:#00000008;text-decoration:none}.sc-nav-item.active{background:var(--surface);color:var(--ink);font-weight:600;border:1px solid var(--border);border-left:2px solid var(--teal)}.sc-main{flex:1;min-width:0;padding:18px 20px;overflow:auto}.sc-rightpanel{width:var(--rightpanel-w);flex:none;background:var(--surface);border-left:1px solid var(--border);padding:14px;overflow:auto}.sc-page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.sc-page-head h1{font-size:18px;font-weight:600;margin:0}.sc-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card)}.sc-card+.sc-card{margin-top:16px}.sc-card-title{font-size:13px;font-weight:600;margin:0 0 8px}.sc-section-label{font-size:12px;color:var(--muted);margin:0 0 8px 2px}.sc-row{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--surface-2)}.sc-row:last-child{border-bottom:none}.sc-row .grow{flex:1;min-width:0}.sc-row .name{font-size:14px;font-weight:600}.sc-row .meta{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sc-row.clickable{cursor:pointer}.sc-row.clickable:hover{background:var(--bg)}.sc-row.dim .name{color:var(--muted)}.sc-row.dim .meta{color:var(--faint)}.sc-dot{width:9px;height:9px;border-radius:50%;flex:none}.sc-dot.online{background:var(--success)}.sc-dot.in_session,.sc-dot.degraded{background:var(--gold)}.sc-dot.offline{background:var(--border-strong)}.sc-dot.revoked{background:var(--danger)}.sc-chip{font-size:11px;padding:2px 9px;border-radius:12px;flex:none;white-space:nowrap}.sc-chip.online{background:var(--teal-tint);color:var(--teal-ink)}.sc-chip.in_session,.sc-chip.degraded{background:var(--gold-tint);color:var(--gold-ink)}.sc-chip.offline{background:var(--surface-2);color:var(--muted)}.sc-chip.revoked{background:var(--danger-tint);color:var(--danger-ink)}.sc-chip.info{background:var(--surface-2);color:var(--muted)}.sc-chip.warning{background:var(--gold-tint);color:var(--gold-ink)}.sc-chip.danger{background:var(--danger-tint);color:var(--danger-ink)}.sc-btn{font:inherit;font-size:13px;height:32px;padding:0 14px;border-radius:var(--radius-control);border:1px solid var(--border-strong);background:var(--surface);color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.sc-btn:hover{background:var(--bg)}.sc-btn.primary{background:var(--teal);border-color:var(--teal);color:#fff}.sc-btn.primary:hover{background:var(--teal-ink)}.sc-btn.danger{color:var(--danger-ink);border-color:var(--danger-tint)}.sc-btn.danger:hover{background:var(--danger);border-color:var(--danger);color:#fff}.sc-btn.block{width:100%;justify-content:center}.sc-btn.sm{height:28px;padding:0 12px;font-size:12px}.sc-btn:disabled,.sc-btn[aria-disabled=true]{background:var(--surface-2);border-color:var(--border);color:var(--faint);cursor:not-allowed}.sc-input{width:100%;height:var(--control-h);padding:0 10px;font:inherit;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-control);color:var(--ink)}.sc-input:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-tint)}.sc-filters{display:flex;gap:6px}.sc-pill{font-size:12px;padding:4px 10px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer}.sc-pill.active{background:var(--ink);border-color:var(--ink);color:#fff}.sc-muted{color:var(--muted)}.sc-divider{border-top:1px solid var(--surface-2);margin:14px 0}.sc-state{text-align:center;padding:40px 20px;color:var(--muted)}.sc-state .icon{font-size:28px;color:var(--border-strong);margin-bottom:8px}.sc-state h2{font-size:15px;font-weight:600;color:var(--ink);margin:0 0 6px}.sc-skel{height:14px;border-radius:4px;background:linear-gradient(90deg,var(--surface-2),#e9e6df,var(--surface-2));background-size:200% 100%;animation:sc-shimmer 1.2s infinite}@keyframes sc-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sc-code{display:flex;align-items:center;gap:10px;background:var(--ink);color:#e6eaf0;border-radius:var(--radius-control);padding:9px 12px;font-family:var(--mono);font-size:12px}.sc-code .text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc-code .copy{color:#9fe1cb;cursor:pointer;display:inline-flex;align-items:center;gap:4px;flex:none}.sc-spin{animation:sc-spin .9s linear infinite}@keyframes sc-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.sc-skel,.sc-spin{animation:none}}.sc-row-link{display:block;min-width:0;color:inherit;text-decoration:none}.sc-row-link:hover{text-decoration:none}.sc-row:has(.sc-row-link):hover{background:var(--bg)}.sc-btn:focus-visible,.sc-pill:focus-visible,.sc-nav-item:focus-visible,.sc-row-link:focus-visible,.sc-search input:focus-visible,.sc-input:focus-visible,select:focus-visible{outline:2px solid var(--teal);outline-offset:2px}@media (max-width: 880px){.sc-content{flex-direction:column}.sc-rightpanel{width:auto;border-left:none;border-top:1px solid var(--border)}.sc-sidebar{width:60px;padding:10px 6px}.sc-nav-item{justify-content:center;gap:0}.sc-nav-label{display:none}.sc-search{max-width:160px}}