:root{--bg: #0e1116;--panel: #181c24;--panel-border: #2a3140;--text: #d8e0ea;--text-dim: #8a94a3;--accent: #4ea2ff;--ok: #5dd87f;--warn: #f5b048;--err: #ff5d6e}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.4}header{background:var(--panel);border-bottom:1px solid var(--panel-border);padding:12px 24px}header h1{margin:0 0 10px;font-size:1.3em;letter-spacing:.5px}#conn-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}#conn-row label{display:inline-flex;align-items:center;gap:6px;font-size:.9em;color:var(--text-dim)}input[type=text]{background:var(--bg);border:1px solid var(--panel-border);color:var(--text);padding:4px 8px;border-radius:4px;font-family:monospace;font-size:.9em}button{background:var(--accent);color:#000;border:0;padding:6px 14px;border-radius:4px;cursor:pointer;font-weight:600}button:disabled{background:var(--panel-border);color:var(--text-dim);cursor:not-allowed}.badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:.85em;font-weight:600}.badge-on{background:var(--ok);color:#000}.badge-off{background:var(--err);color:#fff}.badge-mid{background:var(--warn);color:#000}main{padding:16px 24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:16px}.card{background:var(--panel);border:1px solid var(--panel-border);border-radius:6px;padding:14px 18px}.card h2{margin:0 0 8px;font-size:1em;color:var(--accent);letter-spacing:.4px}table{width:100%;border-collapse:collapse;font-size:.9em}th,td{text-align:left;padding:4px 0}th{color:var(--text-dim);font-weight:400;width:40%}#log{background:#050709;border:1px solid var(--panel-border);border-radius:4px;padding:8px 10px;font-family:monospace;font-size:.8em;max-height:320px;overflow-y:auto;white-space:pre-wrap;word-break:break-word;margin:0}.dim{color:var(--text-dim)}code{font-family:monospace;background:#ffffff0d;padding:1px 4px;border-radius:3px}footer{padding:10px 24px;font-size:.8em;border-top:1px solid var(--panel-border)}textarea{background:var(--bg);border:1px solid var(--panel-border);color:var(--text);padding:6px 8px;border-radius:4px;font-family:monospace;font-size:.85em;width:100%;margin-top:6px;resize:vertical}input[type=number]{background:var(--bg);border:1px solid var(--panel-border);color:var(--text);padding:4px 8px;border-radius:4px;font-family:monospace;font-size:.9em;width:80px}button+button{margin-left:6px}#fleet-table,#watch-table{margin-top:10px;font-family:monospace;font-size:.85em}#fleet-table th,#fleet-table td,#watch-table th,#watch-table td{border-bottom:1px dashed var(--panel-border);padding:4px 8px;width:auto}.value-stale{color:var(--warn)}.value-error{color:var(--err)}.value-fresh{color:var(--ok)}