:root{color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif;--bg: #ffffff;--fg: #111111;--muted: #666666;--border: #dddddd;--accent: #4285f4}@media (prefers-color-scheme: dark){:root{--bg: #121212;--fg: #f5f5f5;--muted: #a0a0a0;--border: #333333}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg)}main{max-width:960px;margin:0 auto;padding:24px}nav{padding:12px 24px;border-bottom:1px solid var(--border);display:flex;gap:16px;align-items:center}nav a{color:var(--fg);text-decoration:none;padding:6px 12px;border-radius:6px}nav a.active{background:var(--accent);color:#fff}h1{margin:0 0 16px}h2{margin-top:24px}.card{border:1px solid var(--border);border-radius:8px;padding:16px;margin-bottom:12px}.card h3{margin:0 0 8px}.muted{color:var(--muted);font-size:.9em}button{padding:8px 14px;border-radius:6px;border:1px solid var(--border);background:var(--bg);color:var(--fg);cursor:pointer}button:hover:not(:disabled){border-color:var(--accent)}button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}button:disabled{opacity:.5;cursor:not-allowed}input[type=text],input[type=password]{width:100%;padding:8px;border-radius:6px;border:1px solid var(--border);background:var(--bg);color:var(--fg)}.row{display:flex;gap:8px;align-items:center}.row>.grow{flex:1}pre{background:#7f7f7f1a;padding:12px;border-radius:6px;overflow-x:auto;word-break:break-all;white-space:pre-wrap}table{width:100%;border-collapse:collapse}th,td{padding:8px;text-align:left;border-bottom:1px solid var(--border)}th{font-weight:600}.status-SUCCESS{color:#16a34a;font-weight:600}.status-ERROR{color:#dc2626;font-weight:600}.status-CONNECTED{color:#16a34a;font-weight:600}.status-DISABLED{color:var(--muted)}.status-ERROR{color:#dc2626}.banner{padding:12px;border-radius:6px;background:#4285f41a;border:1px solid var(--accent);margin-bottom:12px}.warn{padding:12px;border-radius:6px;background:#dc262614;border:1px solid #dc2626;color:#dc2626;margin-bottom:12px}