:root{--bg: #f4f7fb;--surface: #ffffff;--text: #0f172a;--muted: #64748b;--border: #dbe3ef;--primary: #2563eb;--primary-hover: #1d4ed8;--danger: #b91c1c;--danger-bg: #fef2f2;--success-bg: #ecfdf5;--success-text: #047857}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--bg)}a{color:inherit}.page-toolbar{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.page-intro h2{margin:0;font-size:1.6rem}.page-intro p{margin:.35rem 0 0;color:var(--muted)}.toolbar-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.search-field{position:relative;display:block}.search-field input{width:min(100%,320px);border:1px solid var(--border);background:var(--surface);border-radius:.75rem;padding:.7rem .85rem .7rem 2.35rem;font:inherit}.search-field.compact input{width:100%}.search-icon{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);color:var(--muted)}.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin-bottom:.75rem;font-size:.85rem;color:var(--muted)}.breadcrumbs a{color:var(--primary);text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.breadcrumbs .sep{opacity:.5}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.page-header h2{margin:0;font-size:1.5rem}.page-header p{margin:.35rem 0 0;color:var(--muted)}.actions{display:flex;gap:.75rem;flex-wrap:wrap}.card{background:var(--surface);border:1px solid var(--border);border-radius:1rem;padding:1rem;box-shadow:0 1px 2px #0f172a0a}.card.error,.state-card.error{color:var(--danger);background:var(--danger-bg);border-color:#fecaca}.state-card.empty{text-align:center;padding:2rem 1rem}.state-card.empty h3{margin:0 0 .35rem}.state-card.empty p{margin:0 0 1rem;color:var(--muted)}.table-card{padding:0;overflow:hidden}.table-meta{display:flex;justify-content:space-between;align-items:center;padding:.85rem 1rem;border-bottom:1px solid var(--border);color:var(--muted);font-size:.85rem}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{text-align:left;padding:.85rem 1rem;border-bottom:1px solid var(--border);vertical-align:top}.data-table th{font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:#f8fafc}.data-table tbody tr:hover{background:#f8fbff}.actions-col{white-space:nowrap}.row-actions{display:flex;gap:.75rem;flex-wrap:wrap}.row-link{color:var(--text);font-weight:600;text-decoration:none}.row-link:hover{color:var(--primary)}.subtext{display:block;margin-top:.2rem;color:var(--muted);font-size:.8rem;font-weight:400}.status-pill{display:inline-flex;align-items:center;padding:.2rem .55rem;border-radius:999px;font-size:.75rem;background:#fee2e2;color:#991b1b}.status-pill.connected{background:#dcfce7;color:#166534}.text-link,.text-button{color:var(--primary);text-decoration:none;background:none;border:0;padding:0;font:inherit;cursor:pointer}.text-link:hover,.text-button:hover:not(:disabled){text-decoration:underline}.text-button:disabled{opacity:.6;cursor:not-allowed}.primary,.secondary,.ghost,button.primary,button.secondary,button.ghost,a.primary,a.secondary{display:inline-flex;align-items:center;justify-content:center;border-radius:.65rem;padding:.65rem .95rem;text-decoration:none;border:0;cursor:pointer;font:inherit;transition:background .15s ease,color .15s ease}.primary,button.primary,a.primary{background:var(--primary);color:#fff}.primary:hover:not(:disabled),button.primary:hover:not(:disabled),a.primary:hover{background:var(--primary-hover)}.secondary,button.secondary,a.secondary{background:#e8eef7;color:var(--text)}.ghost,button.ghost{background:transparent;color:var(--muted);border:1px solid var(--border)}.ghost:hover:not(:disabled),button.ghost:hover:not(:disabled){background:#fff;color:var(--text)}button:disabled,.primary:disabled{opacity:.65;cursor:not-allowed}.banner{margin-bottom:1rem;background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe;border-radius:.75rem;padding:.85rem 1rem}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1rem}.summary-grid span{display:block;color:var(--muted);font-size:.8rem;margin-bottom:.25rem}.summary-grid strong{font-size:1rem}section.card+section.card{margin-top:1rem}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.75rem .5rem;border-bottom:1px solid var(--border)}th{font-size:.8rem;color:var(--muted)}@media(max-width:768px){.page-toolbar,.page-header{flex-direction:column}.search-field input{width:100%}}