:root{--cp-bg: #0a0a0a;--cp-surface: #171717;--cp-surface-raised: #262626;--cp-surface-hover: #303030;--cp-border: #2a2a2a;--cp-border-subtle: #1f1f1f;--cp-text: #e5e5e5;--cp-text-bright: #fff;--cp-text-muted: #a3a3a3;--cp-text-dim: #737373;--cp-focus: #525252;--cp-primary: #2563eb;--cp-primary-hover: #1d4ed8;--cp-danger: #ef4444;--cp-danger-dim: #7f1d1d;--cp-online: #22c55e;--cp-online-border: #14532d;--cp-warning: #f59e0b;--cp-warning-border: #78350f}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;background:var(--cp-bg);color:var(--cp-text);font-size:14px}button{font:inherit;cursor:pointer}input,select{font:inherit;color:inherit;background:var(--cp-surface);border:1px solid var(--cp-border);padding:6px 8px;border-radius:4px}input:focus,select:focus{outline:2px solid var(--cp-focus);outline-offset:-1px}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--cp-border-subtle)}th{font-weight:600;color:var(--cp-text-muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.btn{background:var(--cp-surface-raised);border:1px solid var(--cp-border);color:var(--cp-text);padding:6px 12px;border-radius:4px}.btn:hover{background:var(--cp-surface-hover)}.btn.primary{background:var(--cp-primary);border-color:var(--cp-primary);color:#fff}.btn.primary:hover{background:var(--cp-primary-hover)}.btn.danger{background:transparent;color:var(--cp-danger);border-color:var(--cp-danger-dim)}.btn.danger:hover{background:color-mix(in srgb,var(--cp-danger-dim) 20%,transparent)}.muted{color:var(--cp-text-dim)}.tag{display:inline-block;padding:2px 8px;border-radius:999px;background:var(--cp-surface);border:1px solid var(--cp-border);font-size:11px}.tag.online{color:var(--cp-online);border-color:var(--cp-online-border)}.tag.stale{color:var(--cp-warning);border-color:var(--cp-warning-border)}.error-text{color:var(--cp-danger)}.card{background:var(--cp-surface);border:1px solid var(--cp-border);border-radius:6px;padding:16px;margin-bottom:16px}.header-bar{border-bottom:1px solid var(--cp-border-subtle)}.tab-btn{background:transparent;color:var(--cp-text-muted);border:none;padding:6px 12px;border-radius:4px}.tab-btn.active{background:var(--cp-surface-raised);color:var(--cp-text-bright)}