:root{--bg: #08080a;--surface: #0d0d12;--border: #16161a;--border-hover: #222;--text: #c4c4cc;--text-muted: #555;--text-heading: #ececec;--accent: #58a6ff;--green: #3fb950;--yellow: #d29922;--red: #f85149;--radius: 8px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh}.app{display:flex;min-height:100vh}.sidebar{width:220px;background:var(--surface);border-right:1px solid var(--border);padding:1rem;flex-shrink:0}.sidebar h2{font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.sidebar a{display:block;padding:.4rem .5rem;color:var(--text);text-decoration:none;border-radius:4px;font-size:.85rem;margin-bottom:.15rem}.sidebar a:hover,.sidebar a.active{background:var(--border);color:var(--text-heading)}.main{flex:1;padding:1.5rem;min-width:0}.topbar{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.topbar h1{font-size:1.2rem;color:var(--text-heading);margin-right:auto}.search{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:.5rem .75rem;color:var(--text);font-size:.85rem;width:280px;outline:none}.search:focus{border-color:var(--accent)}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}table{width:100%;border-collapse:collapse;font-size:.85rem}th{text-align:left;padding:.6rem .75rem;color:var(--text-muted);font-weight:500;font-size:.75rem;text-transform:uppercase;letter-spacing:.03em;background:var(--surface);border-bottom:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none}th:hover{color:var(--text)}td{padding:.5rem .75rem;border-bottom:1px solid var(--border)}tr:hover td{background:#0a0a10}tr:last-child td{border-bottom:none}.status{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem}.dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.dot-active{background:var(--green);animation:pulse 2s infinite}.dot-paused{background:var(--yellow)}.dot-error{background:var(--red)}.dot-offline{background:var(--text-muted)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.btn{background:var(--border);color:var(--text);border:1px solid var(--border-hover);border-radius:4px;padding:.3rem .6rem;cursor:pointer;font-size:.8rem;text-decoration:none;display:inline-block}.btn:hover{background:var(--border-hover)}.btn-accent{background:var(--accent);color:#fff;border:none}.filters{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.chip{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:.25rem .7rem;font-size:.78rem;cursor:pointer;transition:all .15s}.chip:hover,.chip.active{border-color:var(--accent);color:var(--text-heading)}.overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:100}.overlay.open{display:block}.slideover{position:fixed;top:0;right:0;width:420px;max-width:90vw;height:100%;background:var(--surface);border-left:1px solid var(--border);z-index:101;transform:translate(100%);transition:transform .2s ease;overflow-y:auto;padding:1.5rem}.slideover.open{transform:translate(0)}.slideover h3{font-size:1.1rem;color:var(--text-heading);margin-bottom:1rem}.slideover .row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--border);font-size:.85rem}.slideover .row:last-child{border-bottom:none}.slideover .row .label{color:var(--text-muted)}.slideover .actions{margin-top:1rem;display:flex;gap:.5rem}.empty{text-align:center;padding:3rem;color:var(--text-muted)}.empty h3{font-size:1.2rem;color:var(--text-heading);margin-bottom:.5rem}.loading{text-align:center;padding:2rem;color:var(--text-muted)}