:root{--bg:#05050a;--surface-1:#0d0d14;--surface-2:#13131c;--surface-3:#1a1a26;--sidebar-bg:#080810;--text-primary:#f0f0f8;--text-secondary:#88a;--text-muted:#44445a;--border:#ffffff12;--border-bright:#ffffff1f;--blue:#1e64c8;--blue-bright:#2d7aff;--blue-dim:#1e64c826;--blue-glow:#1e64c859;--green:#22c55e;--red:#ef4444;--amber:#f59e0b;--font-display:"Syne", sans-serif;--font-body:"DM Sans", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--sidebar-width:240px;--sidebar-collapsed-width:64px;--radius:12px;--radius-sm:8px;--radius-lg:16px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-body);background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--blue-bright);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;cursor:pointer}input{font:inherit;color:var(--text-primary)}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.01em}.hq-shell{min-height:100vh;display:flex}.hq-sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;height:100vh;display:flex;position:sticky;top:0}.hq-main{flex-direction:column;flex:1;min-width:0;display:flex}.hq-topbar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:50;background:#05050ae6;justify-content:space-between;align-items:center;height:56px;padding:0 24px;display:flex;position:sticky;top:0}.hq-content{flex:1;width:100%;max-width:1400px;padding:32px}.hq-nav-item{border-radius:var(--radius-sm);color:var(--text-secondary);align-items:center;gap:12px;margin:2px 12px;padding:10px 16px;font-size:14px;font-weight:500;transition:background .12s,color .12s;display:flex}.hq-nav-item:hover{background:var(--surface-2);color:var(--text-primary);text-decoration:none}.hq-nav-item.active{background:var(--blue-dim);color:var(--blue-bright)}.hq-nav-item.active:hover{background:var(--blue-dim)}.hq-card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.hq-card h2{color:var(--text-primary);margin-bottom:16px;font-size:16px;font-weight:600}.hq-table{border-collapse:collapse;width:100%}.hq-table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);border-bottom:1px solid var(--border);padding:10px 12px;font-size:12px;font-weight:600}.hq-table td{border-bottom:1px solid var(--border);padding:14px 12px;font-size:14px}.hq-table tbody tr{transition:background .1s}.hq-table tbody tr:hover{background:var(--surface-2)}.hq-table tbody tr a{color:var(--text-primary);font-weight:500;text-decoration:none}.hq-table tbody tr a:hover{color:var(--blue-bright)}.status-pill{background:var(--surface-3);color:var(--text-secondary);border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:500;display:inline-flex}.status-pill.online{color:var(--green);background:#22c55e1f}.status-pill.offline{color:var(--red);background:#ef44441f}.status-pill .dot{background:currentColor;border-radius:50%;width:6px;height:6px}