:root{color-scheme:dark;font-family:Segoe UI,system-ui,sans-serif;line-height:1.5;--bg: #0f1419;--panel: #1a2332;--border: #2d3a4f;--text: #e8eef7;--muted: #8fa3bf;--accent: #3b82f6;--ok: #22c55e;--warn: #eab308;--err: #ef4444;--master: #a855f7;--slave: #06b6d4}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}.layout{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:var(--panel);border-right:1px solid var(--border);padding:1.5rem 1rem}.sidebar h1{font-size:1.1rem;margin:0 0 1.5rem}.nav a{display:block;padding:.65rem .85rem;border-radius:8px;color:var(--muted);margin-bottom:.25rem}.nav a.active,.nav a:hover{background:#243044;color:var(--text)}.content{padding:1.5rem 2rem}.page-title{margin:0 0 1rem;font-size:1.5rem}.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:1rem}.card h3{margin:0 0 .5rem;font-size:.95rem;color:var(--muted)}.stat{font-size:1.75rem;font-weight:700}.badge{display:inline-block;padding:.15rem .55rem;border-radius:999px;font-size:.75rem;font-weight:600}.badge.connected{background:#22c55e26;color:var(--ok)}.badge.warning{background:#eab30826;color:var(--warn)}.badge.offline{background:#ef444426;color:var(--err)}.badge.master{background:#a855f726;color:var(--master)}.badge.slave{background:#06b6d426;color:var(--slave)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.75rem;border-bottom:1px solid var(--border)}th{color:var(--muted);font-size:.8rem;text-transform:uppercase}button,.btn{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:.55rem .9rem;cursor:pointer;font:inherit}button.secondary{background:#334155}button.danger{background:#b91c1c}form{display:grid;gap:.75rem;max-width:480px}label{display:grid;gap:.35rem;font-size:.9rem;color:var(--muted)}input,select{background:#111827;border:1px solid var(--border);border-radius:8px;color:var(--text);padding:.55rem .75rem;font:inherit}.mono{font-family:ui-monospace,monospace;font-size:.85rem}.error-box{background:#ef44441a;border:1px solid rgba(239,68,68,.35);color:#fecaca;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem}.empty{color:var(--muted);padding:2rem;text-align:center}.login-page{min-height:100vh;display:grid;place-items:center;padding:1rem}.login-card{width:100%;max-width:400px}.login-card h1{margin:0 0 .5rem}.sidebar-user{font-size:.8rem;color:var(--muted);margin:-1rem 0 1rem;word-break:break-all}.logout-btn{width:100%;margin-top:1.5rem}