:root{color-scheme:light dark;--brand-deep-pockets:#0d231f;--brand-evergreen:#143831;--brand-safe-harbor:#2b5655;--brand-teal:#00b787;--brand-mint:#6ed3b6;--brand-faint:light-dark(var(--brand-safe-harbor),hsl(from var(--brand-teal)h calc(s - 80)calc(l + 20)));--color-accent:var(--brand-teal);--color-accent-hover:var(--brand-mint);--color-secondary-accent:#f67373;--color-warning:#f59e0b;--color-warning-hover:#ea580c;--color-error-hover:#a22;--color-neutral:#6b7280;--color-bg:light-dark(#f5f5f5,#1b1b1f);--color-surface:light-dark(#e2e2e3,#202127);--color-text:light-dark(var(--brand-deep-pockets),#dfdfd6);--color-text-muted:light-dark(#67676c,#98989f);--color-line:light-dark(#02020f1a,#ebebff1a);--color-faint-line:rgb(from var(--color-line)r g b/5%);--color-error:#c33;--color-info:#6478c8;--color-success:var(--brand-teal);--color-header-bg:var(--color-surface);--color-menu-hover-bg:rgb(from var(--brand-teal)r g b/10%);--radius:21px;--radius-sm:7px;--header-height:56px;--main-padding:1.2rem}[data-theme=light]{color-scheme:light}[data-theme=dark]{color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}button,input,select,textarea{font:inherit}body{background:var(--color-bg);color:var(--color-text);min-height:100vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}html:has(#app-shell){scrollbar-color:rgb(from var(--brand-safe-harbor)r g b/40%)var(--color-surface);overflow-y:scroll}a{color:light-dark(#00717d,#7878be);&>.icon{color:light-dark(#00717d,var(--brand-mint))}}.card{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius)}.muted{color:var(--color-text-muted)}code{background:var(--color-surface);border-radius:var(--radius-sm);padding:.125rem .375rem;font-size:.875rem}.truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.status-healthy{color:var(--brand-teal)}.status-disabled{color:var(--color-neutral)}.status-error{color:var(--color-error)}.status-warning{color:var(--color-warning)}.status-info{color:var(--color-info)}.avatar{object-fit:cover;border-radius:50%;flex:none;&.placeholder{background:var(--brand-safe-harbor);color:#fff;justify-content:center;align-items:center;font-weight:600;display:flex}&-xs{width:20px;height:20px;font-size:.625rem}&-sm{width:32px;height:32px;font-size:.875rem}&-md{width:40px;height:40px;font-size:1rem}&-lg{width:64px;height:64px;font-size:1.5rem}}.user-link{align-items:center;gap:.375rem;display:inline-flex}.info-card{background:var(--color-bg);border:1px solid var(--color-line);border-radius:var(--radius);padding:.75rem 1rem}.empty-state{text-align:center;color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius);flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex;& .icon{opacity:.5;margin-bottom:1rem}& p{margin-bottom:1rem}}.info-row{border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:center;padding:.5rem 0;display:flex;&:last-child{border-bottom:none}}.info-label{color:var(--color-text-muted);font-size:.875rem}.info-value{font-size:.875rem;font-weight:500}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}