#online-users{z-index:20;color:#0ff;z-index:2000;opacity:.8;background:#000000d9;border:2px solid #0ff;border-radius:10px;width:220px;font-family:monospace;position:fixed;top:30px;right:30px;box-shadow:0 0 20px #0ff}.online-header{text-align:center;border-bottom:1px solid #0ff;padding:8px;font-weight:700}.online-body{max-height:260px;padding:10px;font-size:14px;overflow-y:auto}.online-user{align-items:center;gap:8px;margin-bottom:6px;display:flex}.online-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.online-dot.online{background-color:#0f0}.online-dot.offline{background-color:red}.online-username{color:#0ff;flex:1;font-weight:700}.last-activity{color:#aaa;font-size:11px}.online-hidden{display:none}