.cn-dashboard { font-family: 'IBM Plex Mono', monospace; max-width: 900px; margin: 0 auto; }
.cn-header { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 1rem; }
.cn-header h2 { margin: 0; font-size: 1.2rem; }
.cn-mode { font-size: 0.8rem; padding: 2px 8px; border-radius: 3px; }
.cn-mode--demo { background: #fef3c7; color: #b45309; }
.cn-mode--live { background: #dcfce7; color: #15803d; }
.cn-mode--probing { background: #f3f4f6; color: #6b7280; }
.cn-info { font-size: 0.8rem; color: #6b7280; margin-bottom: 1rem; }
.cn-table { width: 100%; border-collapse: collapse; font-size: 0.85rem; }
.cn-table th { text-align: left; border-bottom: 2px solid #e5e7eb; padding: 4px 8px; font-weight: 600; }
.cn-table td { border-bottom: 1px solid #f3f4f6; padding: 4px 8px; }
.cn-table tr:hover { background: #f9fafb; }
.cn-right { text-align: right; }
.cn-mono { font-family: 'IBM Plex Mono', monospace; font-size: 0.8rem; }
.cn-muted { color: #9ca3af; }
.cn-badge { font-size: 0.75rem; padding: 1px 6px; border-radius: 3px; }
.cn-badge--ok { background: #dcfce7; color: #15803d; }
.cn-badge--error { background: #fee2e2; color: #b91c1c; }
.cn-footer { margin-top: 1rem; font-size: 0.8rem; color: #9ca3af; }