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